.hero-immersive{position:relative;isolation:isolate;overflow:hidden;min-height:min(820px,calc(100svh - 76px));padding:0;background:#0b2721;color:#f8f4e9}
.hero-scene{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(11,39,33,.35),rgba(11,39,33,.82)),url('assets/images/atelier-hero.webp') center/cover no-repeat}
.hero-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to left,rgba(9,33,28,.78) 0,rgba(9,33,28,.35) 43%,rgba(9,33,28,.02) 75%),linear-gradient(to top,rgba(9,33,28,.68),transparent 25%)}
.hero-scene canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .9s ease}
.hero-scene.scene-ready canvas{opacity:1}
.hero-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:inherit;padding-block:85px 72px}
.hero-immersive .hero-copy{grid-column:1;max-width:650px;padding:0;z-index:2}
.hero-immersive .eyebrow{color:#d9e7cd;font-size:13px}
.hero-immersive .eyebrow-line{background:#dfa77c}
.hero-immersive h1{max-width:none;margin:26px 0 20px;color:#faf6ea;font-size:clamp(120px,13vw,210px);line-height:.85;letter-spacing:-.045em;white-space:normal}
.hero-immersive h1 small{display:block;margin-top:23px;font:400 clamp(35px,3.7vw,57px)/1.2 var(--font-display);letter-spacing:-.015em}
.hero-period{color:#e5ac79}
.hero-immersive .hero-lede{max-width:520px;margin:0 0 30px;color:#dde4d6;font-size:17px;line-height:1.95}
.hero-immersive .hero-actions{gap:25px}
.hero-immersive .button-cream{background:#e5bc89;color:#102c25}
.hero-immersive .button-cream:hover{background:#f9e4b8}
.hero-immersive .text-link-light{color:#fbf6e9}
.hero-side-note{position:absolute;left:0;bottom:103px;display:flex;align-items:center;gap:13px;color:#eee5d5;font-size:13px;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.hero-side-note i{width:25px;height:1px;background:#dca879;transform:rotate(-22deg)}
.hero-immersive .hero-bottom{position:absolute;right:0;bottom:0;left:0;display:flex;width:100%;align-items:center;gap:22px;padding-block:21px;border-top:1px solid rgba(235,238,220,.28);color:#dedfce;font-size:11px}
.hero-immersive .hero-bottom-line{background:rgba(235,238,220,.3)}
.hero-immersive .hero-bottom span:last-child{white-space:nowrap}
@media(max-width:1100px){.hero-immersive h1{font-size:clamp(116px,13vw,165px)}.hero-immersive .hero-copy{max-width:535px}.hero-immersive .hero-lede{font-size:15px}}
@media(max-width:850px){.hero-immersive{min-height:740px}.hero-stage{grid-template-columns:1fr;align-items:start;padding-top:75px}.hero-immersive .hero-copy{max-width:640px}.hero-immersive h1{font-size:clamp(110px,18vw,170px)}.hero-immersive h1 small{font-size:clamp(38px,6vw,57px)}.hero-side-note{left:0;bottom:92px}.hero-scene:after{background:linear-gradient(to bottom,rgba(9,33,28,.8) 0,rgba(9,33,28,.65) 38%,rgba(9,33,28,.08) 75%,rgba(9,33,28,.56) 100%)}}
@media(max-width:640px){.hero-immersive{min-height:760px}.hero-stage{padding-top:52px;padding-bottom:125px}.hero-immersive .eyebrow{font-size:11px}.hero-immersive h1{font-size:clamp(112px,31vw,168px);margin:22px 0 19px}.hero-immersive h1 small{font-size:clamp(38px,10vw,50px);margin-top:12px}.hero-immersive .hero-lede{max-width:345px;margin-bottom:20px;font-size:14px;line-height:1.85}.hero-immersive .hero-actions{gap:14px}.hero-immersive .button{min-width:150px}.hero-side-note{bottom:87px;left:0;font-size:11px}.hero-side-note i{width:17px}.hero-immersive .hero-bottom{font-size:10px;gap:10px;padding-block:16px}.hero-scene:after{background:linear-gradient(to bottom,rgba(9,33,28,.86) 0,rgba(9,33,28,.65) 42%,rgba(9,33,28,.03) 68%,rgba(9,33,28,.67) 100%)}}
@media(max-width:380px){.hero-immersive h1{font-size:100px}.hero-immersive h1 small{font-size:37px}.hero-immersive .hero-actions{gap:8px}.hero-immersive .button{min-width:144px}.hero-immersive .text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-scene canvas{transition:none}}