/* ============================================================
   H R STEEL — "SOFT WARM LIGHT" theme override.
   Loaded AFTER cinematic.css. Keeps the dramatic dark hero,
   top bar, CTA band and footer "rails"; makes every content
   section a premium warm-light surface. Brand orange retained.
   ============================================================ */

:root{
  --bg:#f7f3ec;          /* warm ivory page */
  --bg-2:#efe7da;        /* warm sand alt section */
  --panel:#fffdf9;       /* card surface */
  --panel-2:#f3ece0;
  --line:rgba(60,48,34,.14);
  --line-2:rgba(60,48,34,.24);
  --ink:#232a31;         /* charcoal-steel primary text */
  --ink-soft:#55606c;    /* muted secondary text */
  --steel:#7c8794;       /* muted steel */
  --navy:#2a3340;
  --orange:#e85d12;      /* slightly deeper for light-bg contrast */
  --orange-2:#ff8a2b;
  --amber:#c97a1a;
  --hot:linear-gradient(100deg,#ff5e0e 0%,#ff8a2b 50%,#ffb259 100%);
}

body{background:var(--bg);color:var(--ink)}

/* ---- HERO: keep dramatic, warm dark overlay + white text ---- */
.hero::before{
  background:linear-gradient(105deg,rgba(24,16,9,.82) 0%,rgba(24,16,9,.55) 45%,rgba(24,16,9,.22) 100%),
             radial-gradient(120% 90% at 80% 10%,rgba(255,120,40,.18),transparent 55%) !important;
}
.hero h1{color:#fff}
.hero .lead{color:rgba(255,255,255,.84)}
.hero .eyebrow{color:#fff}

/* ---- HEADER: transparent over hero, warm-light when scrolled ---- */
.header.scrolled{background:rgba(247,243,236,.9) !important;backdrop-filter:blur(14px) saturate(130%);
  box-shadow:0 10px 34px rgba(40,30,20,.12);border-bottom:1px solid var(--line)}
.header.scrolled .bname{color:var(--ink)}
.header.scrolled .menu a{color:var(--ink-soft)}
.header.scrolled .menu a:hover,.header.scrolled .menu a.active{color:var(--orange)}
.header.scrolled .burger span{background:var(--ink)}
@media(max-width:880px){.menu{background:rgba(247,243,236,.98) !important}.menu a{color:var(--ink)}}

/* ---- light content headings (were #fff on dark) ---- */
.sec-head h2,.pbody h3,.split .txt h2,.step h4,.feat h3,.cert-badge .bn,
.vision-title,.vcard h3,.spec-card h4,.spec-card b,.lead-card h4,
.cert-cat-head h3,.cert-body h4,.cinfo h4,.unit-head h3{color:var(--ink)}

/* big display gradient headline -> dark steel gradient */
.sec-head h2.grad,h1 .grad{color:var(--ink)}

/* ---- STATS: solid numbers on light (gradient-clip rendered as blocks) ---- */
.stat .num{background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;-webkit-text-fill-color:#2c343d !important;color:#2c343d !important}
.stat .num.accent{-webkit-text-fill-color:var(--orange) !important;color:var(--orange) !important}

/* ---- product / cert image wells: warm light, no dark flash ---- */
.pimg,.cert-thumb{background:#e9e1d4 !important}

/* ---- floating controls ---- */
.carousel-btn{background:rgba(255,253,249,.92) !important;border:1px solid var(--line-2)}
.carousel-btn svg{fill:var(--ink)}
.to-top{background:var(--orange) !important;border-color:transparent}
.to-top svg{fill:#fff}

/* ---- contact form: light fields ---- */
.cform input,.cform textarea{background:#fffdf9 !important;border:1px solid var(--line-2);color:var(--ink)}
.cform input::placeholder,.cform textarea::placeholder{color:#9aa2ac}

/* ---- buttons hover on light ---- */
.btn-ghost:hover,.btn-outline:hover{color:var(--orange)}
.btn-outline:hover{background:rgba(232,93,18,.08)}

/* ---- inner-page banner: keep a dark dramatic photo header ---- */
.pbanner{background:#1c150e !important;border-bottom:1px solid var(--line)}
.pbanner-bg{opacity:.42 !important}
.pbanner::after{background:linear-gradient(to top,rgba(20,15,10,.86),rgba(20,15,10,.55)) !important}
.pbanner h1{color:#fff}
.pbanner .crumb,.pbanner .lead,.pbanner p{color:rgba(255,255,255,.82)}

/* ---- keep top rail + footer + CTA band as rich dark accents ---- */
.topbar{background:#1c150e !important;border-bottom:1px solid rgba(255,255,255,.06)}
.footer{background:#181410 !important;border-top:3px solid var(--orange)}
.cta-band{background:linear-gradient(110deg,#1c0f04,#311607) !important;border:1px solid rgba(255,150,61,.28)}

/* gallery caption gradient stays (sits over photo) — unchanged */

/* subtle card lift on light */
.prod-card,.feat,.vcard,.spec-card,.lead-card,.cert-card{box-shadow:0 1px 2px rgba(40,30,20,.04)}
.prod-card:hover{box-shadow:0 24px 50px -26px rgba(60,40,20,.35),0 0 0 1px rgba(232,93,18,.18) !important}

/* ---- image-less product cards (photos removed by request) ---- */
.prod-card{border-top:3px solid var(--orange);display:flex;flex-direction:column}
.prod-card .pimg{display:none !important}
.prod-card .pbody{padding:24px 22px 26px}
.prod-card .pbody h3{font-size:1.16rem;margin-bottom:10px}
.prod-card .pbody p{color:var(--ink-soft)}