/* Hero CI: full-bleed photography, red rule, native brand assets, readable live text. */
:root { --hero-red:#ed1c24; --hero-ink:#080b0e; }
.hero { isolation:isolate; box-sizing:border-box; height:auto !important; min-height:780px !important; padding:210px 5vw 64px !important; display:flex !important; align-items:flex-end !important; justify-content:flex-start !important; text-align:left !important; background-color:var(--hero-ink) !important; }
.hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.80) 43%,rgba(0,0,0,.22) 75%,rgba(0,0,0,.08)),linear-gradient(0deg,rgba(0,0,0,.55),transparent 70%) !important; z-index:0 !important; pointer-events:none; }
.hero .hero-overlay { position:relative; z-index:2; box-sizing:border-box; width:100%; max-width:570px !important; padding:0 0 0 24px !important; border-left:4px solid var(--hero-red); border-radius:0 !important; background:none !important; box-shadow:none !important; animation:none !important; opacity:1 !important; transform:none !important; }
.hero h1 { font-size:clamp(28px,3vw,40px) !important; line-height:1.35 !important; letter-spacing:normal !important; color:#fff !important; text-wrap:balance; margin:10px 0 18px !important; }
.hero p,.hero .eyebrow,.hero .micro-note { color:#fff !important; opacity:1 !important; }
.hero .hero-sub,.hero p { font-size:16px !important; line-height:1.85; }
.hero .eyebrow { font-size:12px !important; letter-spacing:.05em; margin-bottom:12px; }
.hero .hero-cta { display:flex !important; flex-direction:row !important; flex-wrap:wrap; justify-content:flex-start !important; gap:12px; margin-top:24px; }
.hero a.btn-primary,.hero a.btn-ghost,.hero .hero-overlay > a { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 20px; box-sizing:border-box; background:#fff !important; color:#111 !important; border:1px solid #fff !important; border-radius:3px !important; text-decoration:none; font-weight:600; }
.hero a.btn-ghost { background:rgba(0,0,0,.3) !important; color:#fff !important; }
.hero[data-hero-photo] { background:var(--hero-ink) !important; }
.hero[data-hero-photo]::before { content:""; position:absolute; inset:0; z-index:-1; background-image:var(--selected-photo) !important; background-position:var(--photo-position,center) !important; background-size:var(--photo-size,cover) !important; background-repeat:no-repeat; animation:none !important; transform:none !important; }
.hero-brand { position:absolute; z-index:2; top:112px; left:5vw; max-width:75%; }
.hero-brand img { display:block; width:auto; height:36px; max-width:100%; object-fit:contain; object-position:left; }
.hero-brand .hero-shop-name { color:white; font-size:12px; margin-bottom:16px; letter-spacing:.02em; }
.hdr[data-theme="transparent"] { background:rgba(8,11,14,.94); border-bottom:1px solid rgba(255,255,255,.12); }
.hero[data-hero-photo="home"] { --selected-photo:url("../images/hero-selected/home-retouched.jpg"); --photo-position:65% 25%; }
.hero[data-hero-photo="window-film"] { --selected-photo:url("../images/hero-selected/window-film-web.webp"); --photo-position:65% center; }
.hero[data-hero-photo="ppf"] { --selected-photo:url("../images/hero-selected/ppf-web.webp"); --photo-position:right 45%; --photo-size:auto 115%; }
.hero[data-hero-photo="ceramic"] { --selected-photo:url("../images/hero-selected/ceramic.webp"); --photo-position:center; justify-content:flex-end !important; }
.hero[data-hero-photo="ceramic"]::after { background:linear-gradient(270deg,rgba(0,0,0,.90),rgba(0,0,0,.82) 43%,rgba(0,0,0,.18) 75%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 65%) !important; }
.hero[data-hero-photo="ceramic"] .hero-brand { left:auto; right:5vw; width:546px; max-width:44%; }
.hero[data-hero-photo="correction"] { --selected-photo:url("../images/hero-selected/correction.jpeg"); --photo-position:right 45%; --photo-size:auto 115%; }
.hero[data-hero-photo="wash"] { --selected-photo:url("../images/hero-selected/wash.webp"); --photo-position:right 72px; --photo-size:auto 100%; }
.hero[data-hero-photo="wrap"] { --selected-photo:url("../images/hero-selected/wrap-enhanced.jpg"); --photo-position:62% center; }
@media(max-width:700px){
.hero { min-height:760px !important; padding:390px 24px 48px !important; align-items:flex-end !important; }
.hero .hero-overlay { padding:0 0 0 18px !important; border-left-width:3px; max-width:none !important; }
.hero h1 { font-size:27px !important; line-height:1.38 !important; }
.hero p,.hero .hero-sub { font-size:16px !important; line-height:1.75 !important; }
.hero .eyebrow { font-size:11px !important; }
.hero .hero-cta a { flex:1 1 140px; }
.hero::after,.hero[data-hero-photo="ceramic"]::after { background:linear-gradient(180deg,rgba(8,11,14,.85) 72px,rgba(8,11,14,.65) 165px,rgba(8,11,14,.12) 230px,rgba(8,11,14,.72) 325px,#080b0e 450px,#080b0e 100%) !important; }
.hero[data-hero-photo]::before { background-position:var(--mobile-position,center 72px) !important; background-size:var(--mobile-size,auto 470px) !important; }
.hero[data-hero-photo="home"] { --mobile-size:auto 380px; --mobile-position:65% 72px; }
.hero[data-hero-photo="ppf"],.hero[data-hero-photo="correction"] { --mobile-size:auto 480px; --mobile-position:65% 20px; }
.hero[data-hero-photo="ceramic"] { --mobile-position:43% 72px; }
.hero[data-hero-photo="wash"] { --mobile-position:70% 72px; }
.hero[data-hero-photo="wrap"] { --mobile-position:right 72px; --mobile-size:auto 400px; }
.hero-brand,.hero[data-hero-photo="ceramic"] .hero-brand { top:100px; left:24px; right:auto; width:auto; max-width:85%; }
.hero-brand img { height:28px; }
.hero-brand .hero-shop-name { font-size:11px; margin-bottom:12px; }
}

@media(min-width:701px){
.hero[data-hero-photo="correction"]::after,.hero[data-hero-photo="ppf"]::after {background:linear-gradient(90deg,#080b0e 35%,rgba(8,11,14,.98) 46%,rgba(8,11,14,.65) 55%,rgba(8,11,14,.12) 78%),linear-gradient(0deg,rgba(8,11,14,.5),transparent 70%) !important;}
}

/* Homepage: one brand signature in navigation; a quieter introduction. */
.page-home .hdr__logo { height:26px; width:auto; }
.page-home .hdr__link { font-size:13px; font-weight:500; }
.hero[data-hero-photo="home"] .hero-overlay { max-width:460px !important; border-left-width:2px; padding-left:20px !important; }
.hero[data-hero-photo="home"] h1 { font-size:clamp(27px,2.6vw,34px) !important; font-weight:500; line-height:1.5 !important; }
.hero[data-hero-photo="home"] .hero-sub { font-size:15px !important; line-height:1.85 !important; }
.hero[data-hero-photo="home"] .hero-cta { margin-top:20px; }
.hero[data-hero-photo="home"] .hero-cta a { font-size:14px; font-weight:500; }
@media(max-width:700px){
 .hero[data-hero-photo="home"] { min-height:690px !important; padding-top:370px !important; }
 .hero[data-hero-photo="home"] h1 { font-size:27px !important; }
 .hero[data-hero-photo="home"]::after { background:linear-gradient(180deg,rgba(8,11,14,.25) 72px,rgba(8,11,14,.05) 190px,rgba(8,11,14,.65) 325px,#080b0e 450px) !important; }
}