/* Scroll-led opening with native page scrolling. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero.hero--experience{height:280svh;min-height:0;max-height:none;display:block;padding:0;overflow:visible;background:#0b2922}
.hero-pin{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 73% 46%,#456755 0%,#193f32 35%,#0a2b22 70%);color:#f6f6ef}
.hero-halo{position:absolute;left:45%;top:8%;width:60vw;height:60vw;border-radius:50%;border:1px solid #c9d8b817;transform:translateY(calc(var(--hero-progress,0) * -40px)) scale(calc(1 + var(--hero-progress,0) * .15));pointer-events:none}
.hero-halo:before,.hero-halo:after{content:'';position:absolute;inset:10%;border:1px solid #c9d8b80d;border-radius:50%}.hero-halo:after{inset:20%}
.hero-watermark{position:absolute;bottom:8%;left:-1%;font-size:19vw;font-weight:600;letter-spacing:-.06em;line-height:1;color:#c4d0b707;pointer-events:none;transform:translateX(calc(var(--hero-progress,0) * -5%))}
.hero-topline{position:absolute;top:calc(var(--header) + 34px);left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#c0d0bf;z-index:3}
.hero-topline a{font-size:11px;letter-spacing:.3px;min-height:44px;display:flex;gap:22px;align-items:center}
.hero-narrative{position:absolute;left:7%;top:30%;width:40%;height:310px;z-index:3;pointer-events:none}
.hero-chapter{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(34px);transition:opacity .65s,transform .85s cubic-bezier(.16,1,.3,1),visibility .65s}
.hero-chapter.is-current{opacity:1;visibility:visible;transform:translateY(0)}
.hero-chapter .eyebrow{color:#c4b58e;font-size:9px;letter-spacing:2px;margin-bottom:24px}
.hero-chapter h1,.hero-chapter h2{font-size:clamp(42px,4.8vw,76px);font-weight:500;line-height:1.07;letter-spacing:-2.5px;margin:0}
.hero-chapter>p:last-child{font-size:15px;line-height:1.8;color:#c1cfc2;margin:26px 0 0}
.hero-model-stage{position:absolute;top:16%;bottom:20%;left:35%;right:-2%;z-index:2}
#hero-canvas,#hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#hero-canvas{opacity:0;transition:opacity .9s;touch-action:pan-y;cursor:grab;outline-offset:-6px}
#hero-canvas:active{cursor:grabbing}#hero-poster{pointer-events:none;transition:opacity .65s;filter:drop-shadow(0 30px 25px #0004)}
.is-3d-ready #hero-canvas{opacity:1}.is-3d-ready #hero-poster{opacity:0}
.hero-model-label{position:absolute;bottom:1%;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1.6px;color:#bccdbe;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .8s}
.is-3d-ready .hero-model-label{opacity:1}.hero-model-label i{display:inline-block;background:#c5bb91;width:4px;height:4px;border-radius:50%;vertical-align:middle;margin-right:7px}
.hero-interaction{position:absolute;bottom:9.5%;left:35%;right:0;z-index:4;display:flex;flex-direction:column;align-items:center}
.hero-dock{display:flex;align-items:center;gap:5px;padding:6px 10px;background:#0c251dc4;box-shadow:0 8px 35px #00170e25;border:1px solid #b7c8ac38;border-radius:50px;backdrop-filter:blur(14px)}
.hero-dock button{border:0;background:transparent;color:#eff4e9;min-width:44px;height:44px;border-radius:50%;padding:0;font-size:22px;transition:background .2s}
.hero-dock button:hover{background:#ffffff12}.hero-finishes,.hero-zoom{display:flex;align-items:center;gap:3px}
.hero-finishes button{display:grid;place-items:center;border:1px solid transparent}.hero-finishes button[aria-pressed=true]{border-color:#c9bc8e}.hero-finishes .swatch{width:22px;height:22px}
.hero-dock #hero-explode{font-size:11px;min-width:123px;padding:0 9px;border-radius:22px}.hero-dock #hero-explode[aria-pressed=true]{background:#ffffff15}
.dock-divider{height:20px;width:1px;background:#b7c8ac32;margin:0 3px}#hero-help{font-size:10px;color:#b9cbbb;letter-spacing:.25px;margin:13px 0 0;line-height:1.5}#hero-help span{padding:0 7px;color:#809b83}
.hero-footer{position:absolute;bottom:28px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:center;z-index:4}
.hero-scroll{font-size:8px;letter-spacing:1.6px;display:flex;align-items:center;gap:16px;min-height:44px}.scroll-stem{width:1px;height:34px;display:block;background:#c6d2bb40;position:relative;overflow:hidden}.scroll-stem:after{content:'';position:absolute;width:1px;height:18px;background:#ddd3ab;animation:scroll-indicator 2.5s ease-in-out infinite}
@keyframes scroll-indicator{0%{transform:translateY(-20px)}60%,100%{transform:translateY(38px)}}
.hero-chapter-nav{display:flex;gap:25px}.hero-chapter-nav button{border:0;background:none;padding:0;display:flex;gap:9px;align-items:center;font-size:8px;letter-spacing:1px;color:#95af9c;min-height:44px}.chapter-track{width:38px;height:1px;background:#b4c8b630;position:relative}.chapter-track:after{content:'';position:absolute;inset:0;background:#d0bd87;transform:scaleX(0);transform-origin:left;transition:transform .5s}.hero-chapter-nav [aria-current=step]{color:#f2eddc}.hero-chapter-nav [aria-current=step] .chapter-track:after{transform:scaleX(1)}
.site-header.over-experience{background:#0a2b2240;backdrop-filter:blur(12px)}
@media(min-width:1700px){.hero-narrative{top:33%}.hero-chapter h1,.hero-chapter h2{font-size:86px}}
@media(max-width:1100px) and (min-width:761px){.hero-narrative{left:5%;width:43%;top:29%}.hero-chapter h1,.hero-chapter h2{font-size:48px}.hero-model-stage{left:37%;top:20%;bottom:25%}.hero-interaction{left:34%}.hero-chapter-nav{gap:16px}.chapter-name{display:none}}
@media(max-width:760px){
 .hero.hero--experience{height:245svh}.hero-pin{min-height:580px;background:radial-gradient(ellipse at 50% 52%,#446653 0%,#193f32 40%,#092b22 83%)}
 .hero-topline{top:calc(var(--header) + 14px);left:24px;right:24px;font-size:8px;letter-spacing:1.5px}.hero-topline a{font-size:9px;gap:8px}
 .hero-narrative{top:calc(var(--header) + 79px);left:20px;right:20px;width:auto;height:145px;text-align:center}
 .hero-chapter .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:14px}.hero-chapter h1,.hero-chapter h2{font-size:clamp(32px,8.5vw,48px);line-height:1.1;letter-spacing:-1.4px}.hero-chapter>p:last-child{font-size:12px;line-height:1.65;margin-top:14px}
 .hero-model-stage{top:37%;bottom:24%;left:0;right:0}.hero-model-label{font-size:7px;letter-spacing:1.2px;bottom:-2%}
 .hero-halo{top:29%;left:-15%;width:130vw;height:130vw}.hero-watermark{bottom:21%;font-size:27vw;left:-11%}
 .hero-interaction{left:12px;right:12px;bottom:10%}.hero-dock{padding:5px 7px;gap:2px;width:min(370px,100%);justify-content:center}.hero-dock button{min-width:40px;height:44px}.hero-finishes,.hero-zoom{gap:1px}.hero-dock #hero-explode{font-size:10px;min-width:110px;padding:0 4px}.dock-divider{margin:0 2px}#hero-help{font-size:8px;margin-top:12px}#hero-help span{padding:0 4px}
 .hero-footer{left:24px;right:24px;bottom:14px}.hero-scroll{font-size:7px;letter-spacing:1.2px;gap:10px}.scroll-stem{height:26px}.hero-chapter-nav{gap:15px}.chapter-name{display:none}.hero-chapter-nav button{gap:5px;font-size:8px}.chapter-track{width:18px}
}
@media(max-width:360px){.hero-topline{left:18px;right:18px;letter-spacing:1px}.hero-topline a{font-size:8px}.hero-dock{padding:4px;gap:0}.hero-dock button{min-width:34px}.hero-dock #hero-explode{font-size:9px;min-width:92px}.hero-dock .dock-divider{margin:0 1px}.hero-interaction{left:8px;right:8px}.hero-footer{left:18px;right:18px}.hero-chapter-nav{gap:11px}.hero-chapter .eyebrow{font-size:7px}.hero-narrative{top:calc(var(--header) + 65px)}}
@media(max-height:720px) and (min-width:761px){.hero-topline{top:calc(var(--header) + 4px)}.hero-narrative{top:31%}.hero-chapter h1,.hero-chapter h2{font-size:48px}.hero-model-stage{top:17%;bottom:24%}.hero-interaction{bottom:12%}.hero-footer{bottom:15px}}
@media(max-height:700px) and (max-width:760px){.hero-topline{top:calc(var(--header) + 2px)}.hero-narrative{top:calc(var(--header) + 58px)}.hero-chapter>p:last-child{display:none}.hero-model-stage{top:35%;bottom:26%}.hero-interaction{bottom:11%}.hero-chapter h1,.hero-chapter h2{font-size:32px}.hero-footer{bottom:6px}}
@media(prefers-reduced-motion:reduce){.hero.hero--experience{height:auto}.hero-pin{position:relative}.hero-halo,.hero-watermark{transform:none}.hero-chapter-nav{display:none}.hero-chapter{transition:none}.scroll-stem:after{animation:none;top:8px}}