:root{--scene-accent:#baf5c4}.experience{position:relative;background:#222321}.experience-stage{height:100svh;position:-webkit-sticky;position:sticky;top:0;margin-bottom:-100svh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 65% 45%,#343733 0,#222321 65%)}.experience-markers{position:relative;pointer-events:none}.scroll-marker{height:max(115svh,800px);pointer-events:none;scroll-margin-top:-95px}.scroll-marker:last-child{height:max(100svh,700px)}.experience-render{position:absolute;inset:0;z-index:2}.experience-render canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .5s}.experience-render.is-ready canvas{opacity:1}.experience-render .product-poster{object-position:75% center;object-fit:contain;width:66%;left:34%}.experience-render.is-ready .product-poster{opacity:0;visibility:hidden}.experience-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#f1eee60b 1px,transparent 0),linear-gradient(90deg,#f1eee60b 1px,transparent 0);background-size:75px 75px;-webkit-mask-image:radial-gradient(ellipse at 65% 50%,#000,transparent 65%);mask-image:radial-gradient(ellipse at 65% 50%,#000,transparent 65%)}.experience-orbit{position:absolute;border:1px solid #d3dac311;border-radius:50%;width:56vw;height:56vw;right:3%;top:50%;transform:translateY(-50%) rotateX(45deg) rotate(-25deg);pointer-events:none}.orbit-two{width:61vw;height:61vw;border-style:dashed;opacity:.5;transform:translateY(-50%) rotateX(25deg) rotate(35deg)}.experience-cross{position:absolute;color:#c1c9b849;font-size:17px;font-weight:200}.cross-one{top:130px;right:40px}.cross-two{bottom:130px;left:40px}.experience-copy{inset:0;z-index:4}.experience-copy,.step-panel{position:absolute;pointer-events:none}.step-panel{left:var(--gutter);top:27%;width:41%;max-width:570px;visibility:hidden;opacity:0}.step-panel:first-child{visibility:visible;opacity:1}.step-panel .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:25px;color:#c1c7bb}.step-panel .signal-dot{background:var(--step-color)}.step-panel h1,.step-panel h2{font-size:clamp(42px,4.6vw,79px);font-weight:550;line-height:1.04;letter-spacing:-.055em}.step-description span,.step-panel h1 span,.step-panel h2 span{display:block}.step-panel .accent{color:var(--step-color)}.step-description{margin-top:25px;color:#b3b7ad;font-size:clamp(12px,1.12vw,16px);line-height:1.8}.explore-button,.step-panel .button{margin-top:30px;pointer-events:auto}.explore-button{display:inline-flex;align-items:center;gap:32px;border:1px solid #cfd4c349;border-radius:3px;padding:15px 22px;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.explore-button:hover{background:#baf5c4;color:#222321;border-color:#baf5c4}.step-panel[data-step="1"]{top:16%;max-width:380px}.step-panel[data-step="1"] h2{font-size:clamp(32px,3vw,47px)}.step-panel[data-step="1"] .step-description{font-size:12px}.experience-bottom{position:absolute;z-index:5;left:var(--gutter);right:var(--gutter);bottom:45px;display:flex;align-items:center;gap:35px;justify-content:space-between}.experience-instruction{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.15em;color:#bfc5b7;width:170px}.experience-instruction svg{color:var(--scene-accent)}.experience-controller{max-width:550px;flex:1 1;padding:13px 20px 9px;border:1px solid #d7dfcc25;border-radius:5px;background:#1d211ec9}.experience-progress{height:11px;background:repeating-linear-gradient(90deg,#cad7be40,#cad7be40 1px,transparent 0,transparent 5px);position:relative;margin-bottom:6px}.experience-progress>span{position:absolute;top:-2px;width:3px;height:15px;background:var(--scene-accent);left:0;box-shadow:0 0 12px var(--scene-accent)}.experience-controller nav{display:flex;justify-content:space-between}.experience-controller a{display:flex;gap:6px;align-items:center;font-size:8px;color:#a6b09d;padding:7px 3px;min-height:30px}.experience-controller a[aria-current]{color:var(--scene-accent)}.nav-number{font-size:7px;opacity:.7}.motion-toggle{display:flex;align-items:center;gap:10px;justify-content:flex-end;background:transparent;border:none;height:44px;width:120px;font-size:8px;letter-spacing:.12em}.pause-symbol{font-size:18px;line-height:1}.concept-note{position:absolute;z-index:5;bottom:15px;left:0;width:100%;text-align:center;font-size:7px;letter-spacing:.12em;color:#a5ad9c;opacity:0}.component-callouts{position:absolute;inset:0;z-index:3;pointer-events:none}.component-callouts>span{position:absolute;display:block;opacity:0;font-size:8px;letter-spacing:.13em;color:#d3c1b1;white-space:nowrap;transform:translate(-50%)}.component-callouts b{font-weight:500;display:block;padding-top:5px;border-top:1px solid #c8b9a542;margin-top:7px}.component-detail{position:absolute;z-index:3;right:var(--gutter);bottom:18%;color:var(--scene-accent);font-size:8px;letter-spacing:.1em;display:flex;align-items:flex-start;flex-direction:column;gap:10px;opacity:0}.detail-name{font-size:10px}.detail-index{color:#9ea598}.component-detail svg{width:150px;height:30px;fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:250;animation:signal-flow 3s linear infinite}@keyframes signal-flow{0%{stroke-dashoffset:500}to{stroke-dashoffset:0}}.experience.is-paused .component-detail svg{animation-play-state:paused}.experience .scene-state{top:108px;right:var(--gutter)}.experience.is-static .experience-markers{display:none}.experience.is-static .experience-stage{position:relative;margin-bottom:0}.experience.is-static .experience-controller,.experience.is-static .motion-toggle{visibility:hidden}.experience.is-static .component-callouts,.experience.is-static .component-detail,.experience.is-static .concept-note,.experience.is-static .explore-button{display:none}@media (max-width:800px){.step-panel{top:23%;width:45%}.step-panel h1,.step-panel h2{font-size:43px}.experience-instruction{width:auto}.experience-instruction span{display:none}.experience-bottom{gap:20px}.component-detail{right:25px;top:65%}.detail-name{font-size:8px}}@media (max-width:600px){.experience-stage{margin-bottom:-100svh}.scroll-marker{height:max(110svh,820px);scroll-margin-top:-90px}.scroll-marker:last-child{height:max(100svh,740px)}.step-panel,.step-panel[data-step="1"]{top:118px;left:24px;width:calc(100% - 48px);max-width:none}.step-panel .eyebrow{font-size:7px;margin-bottom:18px}.step-panel h1,.step-panel h2{font-size:clamp(34px,10vw,46px);line-height:1.05}.step-panel[data-step="1"] h2{font-size:31px}.step-description,.step-panel[data-step="1"] .step-description{font-size:11px;margin-top:17px}.explore-button{padding:10px 14px;font-size:8px;margin-top:19px;min-height:42px}.step-panel .button{min-height:42px;font-size:10px;padding:12px 16px;margin-top:20px}.experience-orbit{width:100vw;height:100vw;top:65%;right:0}.orbit-two{width:120vw;height:120vw;right:-10%}.experience-render .product-poster{top:34%;left:0;width:100%;height:57%}.experience-bottom{left:18px;right:18px;bottom:26px;gap:8px}.experience-instruction{display:none}.experience-controller{padding:10px 12px 5px;max-width:none}.experience-controller a{font-size:7px;gap:0;min-height:32px}.nav-number{display:none}.motion-toggle{width:28px;min-width:28px;justify-content:center}.motion-text{display:none}.concept-note{bottom:7px;font-size:5.5px;letter-spacing:.07em}.cross-one{top:92px;right:22px}.cross-two{bottom:125px;left:22px}.component-detail{top:auto;bottom:115px;right:22px}.component-detail svg{width:85px;height:20px}.detail-index{display:none}.component-callouts>span{font-size:8px;letter-spacing:.02em}.component-callouts b{display:none}}@media (max-width:600px) and (max-height:750px){.step-panel,.step-panel[data-step="1"]{top:100px}.step-panel .eyebrow{margin-bottom:12px}.step-description{margin-top:12px}.explore-button{margin-top:13px}}@media (prefers-reduced-motion:reduce){.experience-markers{display:none}.experience-stage{position:relative;margin-bottom:0}.experience-controller,.motion-toggle{visibility:hidden}.explore-button{display:none}.component-detail svg{animation:none}}.experience{--scene-accent:#aaa3ff;background:var(--dark-bg);color:var(--dark-text)}.experience-stage{background:radial-gradient(ellipse at 68% 44%,#131f48 0,var(--dark-bg) 68%)}.experience .product-poster{position:absolute;inset:0;height:100%}.experience .step-panel h2{font-size:clamp(2rem,4.2vw,3.75rem);font-weight:400;letter-spacing:-.035em}.experience .step-panel .eyebrow{font-size:.75rem;color:#b4afc5}.experience .step-description{font-size:1rem;color:#b1adbc}.experience .explore-button{border-radius:999px;text-transform:none;font-size:.875rem;border-color:#f9fbff36}.experience .explore-button:hover{background:#3e31e5;color:#fff;border-color:#3e31e5}.experience .experience-controller{border-radius:999px;border-color:#aaa3ff40;background:#080e2be6}.experience .experience-controller a{font-size:.7rem;color:#b8b2c7}.experience .experience-controller a[aria-current]{color:#cbc6ff}.experience .concept-note{font-size:.65rem;color:#b4afc5}.experience .scene-state{position:absolute;z-index:4;font-size:.75rem}.experience .step-panel[data-step="1"]{top:17%}.experience .component-callouts>span{color:#c8c3df}@media(max-width:600px){.experience .step-panel,.experience .step-panel[data-step="1"]{top:110px}.experience .step-panel h2{font-size:clamp(1.9rem,8.5vw,2.6rem)}.experience .step-description{font-size:.8rem}.experience .step-panel .eyebrow{font-size:.6rem}.experience .experience-controller{border-radius:24px}.experience .experience-controller a{font-size:.57rem}.experience .concept-note{font-size:.48rem}}.experience{display:grid;grid-template-columns:minmax(0,1fr);isolation:isolate}.experience-stage{grid-area:1/1;align-self:start;margin-bottom:0;width:100%}.experience-markers{grid-area:1/1;min-width:0}