/* Grain-handling hero; supplied photo is dimmed with overlays, never edited in place. */
.topbar .header-tagline{font-size:8px;letter-spacing:.1em;line-height:1.4}
.topbar .brand{min-width:0}
.hero.hero--grain{min-height:0;padding:148px 0 64px;background-color:#111315;background-image:linear-gradient(90deg,rgba(9,13,16,.9) 0%,rgba(9,13,16,.8) 45%,rgba(9,13,16,.48) 100%),linear-gradient(0deg,rgba(9,13,16,.68),transparent 48%,rgba(9,13,16,.18)),url('images/hero/IMG_4295-1334.webp');background-size:cover;background-position:center;background-repeat:no-repeat}
.hero--grain .hero-content{max-width:990px;animation:none}
.hero--grain .eyebrow{font-size:10px;letter-spacing:.17em;margin:0 0 24px}
.hero.hero--grain h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(72px,7.5vw,108px);font-weight:800;line-height:.99;letter-spacing:-.015em;margin:0 0 26px}
.hero--grain h1>span{white-space:nowrap}
.hero.hero--grain h1 .outline{font-size:1.12em;line-height:1.02;font-weight:700;-webkit-text-stroke:1px #bec8cf;animation:none;margin-top:3px}
.hero--grain .hero-copy{max-width:690px;font-size:16px;line-height:1.8;color:#bac4cb;margin:0 0 24px}
.hero-highlights{display:flex;flex-wrap:wrap;gap:10px 26px;list-style:none;padding:0;margin:0 0 30px;color:#c7d0d6;font-size:12px;line-height:1.6}
.hero-highlights li{display:flex;align-items:center;gap:9px}
.hero-highlights li::before{content:'';flex:0 0 4px;height:4px;background:var(--orange)}
.hero--grain .button-row{gap:12px}
.hero.hero--grain .button{min-height:48px;font-size:11px;padding:14px 20px;gap:14px}
@media(max-width:1000px){
 .hero.hero--grain{padding-top:132px}
 .hero.hero--grain h1{font-size:clamp(60px,8.8vw,88px)}
 .hero--grain .hero-copy{max-width:630px}
 .topbar .header-tagline{letter-spacing:.06em}
}
@media(max-width:720px){
 .hero.hero--grain{padding:108px 0 42px;background-image:linear-gradient(90deg,rgba(9,13,16,.9),rgba(9,13,16,.82)),linear-gradient(0deg,rgba(9,13,16,.4),transparent 55%),url('images/hero/IMG_4295-960.webp');background-position:center,center,38% center}
 .hero--grain .hero-content{max-width:none}
 .hero--grain .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:22px}
 .hero.hero--grain h1{font-size:clamp(45px,12.6vw,76px);line-height:1.04;letter-spacing:-.02em;margin-bottom:22px}
 .hero.hero--grain h1 .outline{font-size:1.18em;line-height:1.06;margin-top:5px}
 .hero--grain .hero-copy{font-size:14px;line-height:1.75;margin-bottom:22px;max-width:520px}
 .hero-highlights{font-size:12px;gap:8px 22px;margin-bottom:26px}
 .hero.hero--grain .button{font-size:11px;padding:14px 13px;gap:10px;letter-spacing:.04em}
 .topbar .header-tagline{font-size:7.5px;letter-spacing:.06em}
}
@media(max-width:480px){
 .hero-highlights{flex-direction:column;align-items:flex-start}
 .hero--grain .button-row{gap:10px}
}
@media(max-width:359px){
 .hero.hero--grain h1{font-size:clamp(30px,12.6vw,44px)}
 .hero--grain .button-row{display:grid;grid-template-columns:1fr}
 .topbar .header-tagline{font-size:6.7px;letter-spacing:.03em}
}
@media(forced-colors:active){
 .hero--grain .metal-text{background:none;color:CanvasText}
 .hero.hero--grain h1 .outline{color:CanvasText;-webkit-text-stroke:0}
 .hero-highlights li::before{background:Highlight}
}