
.v8-hero{position:relative;min-height:100svh;display:flex;align-items:end;color:#fff;background:#121318 var(--hero-image) center/cover no-repeat}.v8-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,14,.76),rgba(7,9,14,.18) 75%),linear-gradient(0deg,rgba(0,0,0,.48),transparent 70%)}.v8-hero-inner{position:relative;z-index:1;width:min(1180px,90%);margin:0 auto;padding:180px 0 100px}.v8-kicker{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:600}.v8-hero h1{font-size:clamp(60px,9vw,150px);line-height:.95;letter-spacing:-.065em;margin:24px 0}.v8-hero h1 em{font-weight:400}.v8-hero p{font-size:clamp(16px,2vw,23px);opacity:.87}.v8-scroll{display:inline-flex;gap:22px;color:#fff;text-decoration:none;letter-spacing:.18em;font-size:11px;margin-top:50px}.v8-intro{padding:150px max(5vw,24px);background:#f3f1ee;color:#1a1a1a;text-align:center}.v8-intro h2,.v8-heading h2,.v8-statement h2,.v8-contact h2{font-size:clamp(42px,6vw,88px);letter-spacing:-.055em;line-height:1.04;margin:22px auto;max-width:960px}.v8-intro p{max-width:690px;margin:25px auto 0;line-height:1.8;font-size:18px;color:#555}.v8-portfolio{background:#e8e6e2;color:#151515;padding:100px max(5vw,24px) 130px}.v8-heading{max-width:1200px;margin:0 auto 50px}.v8-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.v8-card{background:#f8f7f4;overflow:hidden}.v8-card-photo{height:350px;background-size:cover;background-position:center;transition:transform .7s}.v8-card:hover .v8-card-photo{transform:scale(1.035)}.v8-card-copy{padding:35px}.v8-card h3{font-size:clamp(27px,3vw,43px);letter-spacing:-.04em;margin:15px 0}.v8-card p{line-height:1.7;color:#555;max-width:450px}.v8-statement{padding:145px 24px;text-align:center;background:#181b1e;color:white}.v8-statement p{opacity:.7}.v8-contact{padding:125px 24px;text-align:center;background:linear-gradient(130deg,#2b0719,#650d36,#140610);color:white}.v8-contact .liquid-button{margin:30px auto 0}.v8-hero .nav{z-index:20}@media(max-width:700px){.v8-hero-inner{padding-bottom:75px}.v8-intro,.v8-portfolio,.v8-statement,.v8-contact{padding-top:85px;padding-bottom:85px}.v8-grid{grid-template-columns:1fr}.v8-card-photo{height:240px}.v8-card-copy{padding:24px}}

/* V16: explicit hero IMG layer instead of CSS background variable */
section.v8-hero{position:relative;isolation:isolate;background-color:#121318!important;background-image:none!important;overflow:hidden}
section.v8-hero .v16-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:0;pointer-events:none}
section.v8-hero .v8-hero-shade{z-index:1}
section.v8-hero .v8-hero-inner{z-index:2}
