/* v1.8 Ballast Remodeler look: Barlow Condensed headings, steel + burnt orange, white blueprint-grid hero, 6px corners */
:root{
  --steel:#1C2127;--steel-2:#2A3038;--acc:#C75000;--acc-hover:#A64300;--acc-soft:#FDEEE6;--rule:#ED7404;
  --ink:#15181C;--slate:#59626E;--line:#D3D8DE;--surface:#F4F5F7;--panel:#F4F5F7;--grid:#1C212710;
  --display:"Barlow Condensed","Arial Narrow","Roboto Condensed",system-ui,sans-serif;
  --body:"Barlow",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--sans:var(--body);
  --mono:"Barlow",system-ui,sans-serif;
  --solar:#C75000;--solar-ink:#C75000;--orange:#C75000;--orange-ink:#C75000;
}
body{font-family:var(--body);font-size:17px;color:var(--ink);background:#fff}
h1,h2,h3,h4,.display{font-family:var(--display)!important;text-transform:uppercase;letter-spacing:.02em!important;font-weight:700!important;line-height:1.05;color:var(--steel)}
h4{font-size:1.05rem}
h1 em,h2 em,.hero h1 em,.hero.solar h1 em{color:var(--acc)!important;text-shadow:none!important;opacity:1}
.eyebrow,.hero .eyebrow,.on-band .eyebrow,.hero.solar .eyebrow,.topband .eyebrow,.band .eyebrow,.dark .eyebrow{font:700 .9rem/1.3 var(--display)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--acc)!important}

/* buttons */
.btn,.btn.solar,.hero.solar .btn.solar{border-radius:10px;font-family:var(--body);font-weight:650;letter-spacing:0;min-height:44px}
.btn.solar,.hero.solar .btn.solar,.site-head .act .btn.solar{background:var(--acc)!important;color:#fff!important;box-shadow:none!important;border:0}
.btn.solar:hover{background:var(--acc-hover)!important;filter:none}
.btn.ghost,.hero .btn.ghost,.hero.solar .btn.ghost{background:#fff!important;color:var(--steel)!important;border:1px solid var(--line)!important}
.btn.ghost:hover,.hero .btn.ghost:hover{border-color:var(--steel)!important}
.btn.dark{background:var(--steel);color:#fff}
.cta-band .btn.ghost,.dark .btn.ghost,.rev-sec .btn.ghost{background:transparent!important;color:#fff!important;border-color:#5B6672!important}

/* header: white, orange rule */
.site-head,.site-head.band{background:#fff!important;border-bottom:3px solid var(--rule)!important;color:var(--steel)}
.site-head .brand,.site-head .brand svg{color:var(--steel)!important}
.site-head #siteNav a,.site-head nav a{color:var(--steel)!important;font-weight:600;font-family:var(--body)}
.site-head #siteNav a:hover,.site-head nav a:hover{color:var(--acc)!important}
.site-head .act .loginbtn{background:transparent!important;color:var(--steel)!important;border:0!important;font-weight:600}
.site-head .act .loginbtn:hover{color:var(--acc)!important}
.site-head .nav-toggle{background:#fff;color:var(--steel);border-color:var(--line)}
.navsoon{background:var(--acc-soft);color:var(--acc);font-family:var(--body)}
@media (max-width:900px){.site-head nav,.site-head #siteNav{background:#fff}}

/* hero: white, blueprint grid */
.hero.solar,.hero.band,section.hero{background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/32px 32px,#fff!important;color:var(--ink)!important;border-bottom:1px solid var(--line)}
.hero.solar h1,.hero h1{color:var(--steel)!important;font-size:clamp(44px,5.6vw,72px);line-height:1;font-weight:700}
.hero .lede,.hero.solar .lede{color:var(--slate)!important;font-size:18px}
.hero .facts,.hero .tblock{border-color:var(--line)}
.hero-sheet img{border-radius:6px;border:1px solid var(--line);box-shadow:0 18px 50px rgba(28,33,39,.18)!important;background:#fff}
.hero-sheet figcaption{font:600 13px/1.4 var(--body)!important;color:var(--slate)!important}
.hero-sheet figcaption span{color:var(--acc)!important}

/* fact row, chips, cards */
.tblock{border:1px solid var(--line)!important;border-radius:6px;background:#fff;overflow:hidden}
.tblock>div{background:#fff;border-color:var(--line)!important}
.tblock dt{font:700 .85rem/1 var(--display)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)!important;margin:0 0 8px}
.tblock dd{font:700 1.55rem/1.1 var(--display)!important;text-transform:uppercase;letter-spacing:.02em!important;color:var(--steel)!important}
.card,.feat,.lead,.way,.pack,.sb-packs>*,.stampstrip>*{border-radius:6px}
.card,.way,.pack{border:1px solid var(--line);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.chip,.pill,.tag{border-radius:4px}
section.s{border-top:0}
section.s:nth-of-type(even){background:var(--surface)}
.s h2{font-size:clamp(34px,4.6vw,54px)}
.s .shead p,.s .lede{color:var(--slate)}
.lead h3,.feat h3{font-size:clamp(28px,3.2vw,38px)}
.lead img,.feat img,.sheetfig img{border-radius:6px;border:1px solid var(--line);box-shadow:0 10px 30px rgba(28,33,39,.12)}
a{color:inherit}
.s p a,.also a{color:var(--acc)}

/* dark sections go steel */
.rev-sec,.rev-sec.s,.cta-band,.cta-band.band,.site-foot,.site-foot.band,section.band.cta-band,#design-studio,.dark{background:var(--steel)!important;background-image:none!important;color:#fff!important}
.rev-sec h2,.rev-sec h3,.cta-band h2,.cta-band h3,.site-foot h4,.dark h2,.dark h3{color:#fff!important}
.rev-sec p,.cta-band p,.site-foot,.site-foot a,.site-foot .bar,.site-foot .bar *{color:#C9CDD3!important}
.site-foot{border-top:3px solid var(--rule)!important}
.site-foot .brand,.site-foot .brand svg{color:#fff!important}
.rev-sec .eyebrow,.cta-band .eyebrow,.dark .eyebrow{color:#FF9A4D!important}

/* savings bar */
.savebar{border:1px solid var(--line);border-radius:6px}
.sb-packs .on,.sb-packs button.on{background:var(--steel);color:#fff;border-color:var(--steel)}
.sticky-cta .btn{border-radius:10px}
:focus-visible{outline-color:var(--acc)}
.stampstrip{background:var(--steel)!important;border-radius:6px}
.stampstrip h3,.stampstrip h4,.stampstrip b{color:#fff!important}
.stampstrip p{color:#C9CDD3!important}
.savebar{background:var(--steel)!important}
.savebar [class*="big"],.savebar b{font-family:var(--display)}
@media (max-width:520px){.tblock dd{font-size:1.25rem!important;overflow-wrap:anywhere}}