.product-experience{position:relative;height:380svh;background:#061630;color:#fff;isolation:isolate;border-top:1px solid #26364f}.experience-pin{position:sticky;top:86px;height:calc(100svh - 86px);min-height:570px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,#103c67 0%,#092242 30%,#061630 65%)}.experience-layout{display:grid;grid-template-columns:.85fr 1.35fr;align-items:center;flex:1;min-height:0;gap:30px}.experience-copy{padding:30px 0;position:relative;z-index:2}.experience-copy>.eyebrow{font-size:9px;letter-spacing:1.7px;display:flex;align-items:center;gap:10px}.experience-dot{width:5px;height:5px;background:#ef3541;border-radius:50%}.experience-counter{font-size:11px;display:flex;gap:14px;color:#7992ae;align-items:center;margin:35px 0 17px}.experience-counter>span:first-child{font-size:23px;color:#6bcaff;font-weight:500}.experience-copy :is(h1,h2){font-size:clamp(37px,4.1vw,61px);line-height:1.08;letter-spacing:-2.5px;min-height:2.16em}.experience-copy :is(h1,h2) em{font-style:normal;color:#5fcaff}.experience-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#9eb3cb;max-width:300px;min-height:76px;margin-top:25px}.scroll-invitation{display:flex;align-items:center;gap:11px;margin-top:34px;font-size:8px;letter-spacing:1.5px;color:#bccce0}.scroll-invitation>span:first-child{border:1px solid #38516e;width:29px;height:38px;border-radius:20px;display:grid;place-items:center;font-size:17px;color:#79cff9}.experience-shop{display:inline-flex;align-items:center;gap:35px;font-size:11px;color:#99afc8;margin-top:24px;border-bottom:1px solid #3a506a;padding-bottom:5px}.experience-shop:hover{color:#fff}.experience-visual{height:100%;min-height:0;display:flex;flex-direction:column;position:relative;justify-content:center;padding:18px 0 10px}.experience-stage{position:relative;flex:1;min-height:0;max-height:680px;width:100%;isolation:isolate;overflow:hidden}.experience-glow{position:absolute;inset:10% 4%;background:radial-gradient(ellipse,#21649955,transparent 66%);z-index:-2}.experience-orbit{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;border:1px solid #5ea1d61b;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 45px #6badf205;z-index:-1}.experience-fallback{height:90%;max-height:550px;width:80%;object-fit:contain;position:absolute;left:10%;top:5%;transition:opacity .3s}.experience-stage canvas{width:100%;height:100%;display:block;position:relative;opacity:0;transition:opacity .3s;touch-action:pan-y}.experience-stage.ready canvas{opacity:1}.experience-stage.ready .experience-fallback{opacity:0;pointer-events:none}.experience-view{position:absolute;top:15px;left:0;font-size:8px;letter-spacing:2.1px;color:#9bb7d3;pointer-events:none}.experience-angle{position:absolute;top:10px;right:5px;font-size:21px;font-weight:300;letter-spacing:-1px;color:#b3cbe2;pointer-events:none}.experience-load-status{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font-size:10px;white-space:nowrap;background:#0b203cbb;padding:6px 12px;border-radius:5px;color:#afc6dd}.experience-stage.ready .experience-load-status{display:none}.experience-controls{position:relative;z-index:3;width:100%;max-width:520px;align-self:center;padding:0 4px 0}.experience-buttons{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #6f8ba32e;gap:15px}.experience-buttons button{padding:12px 0;font-size:10px;color:#6f8ba9;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s;white-space:nowrap}.experience-buttons button[aria-pressed=true]{color:#e3f1ff;border-color:#64caff}.experience-buttons button:hover{color:white}.experience-scrubber{display:flex;align-items:center;gap:15px;margin-top:13px}.experience-scrubber input{width:100%;cursor:pointer;accent-color:#65caff;background:transparent;height:22px}.experience-scrubber>span:last-child{font-size:9px;color:#7894b1;min-width:29px;text-align:right;font-variant-numeric:tabular-nums}.experience-bottom{border-top:1px solid #6b87a21f;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0 18px}.experience-bottom>span{font-size:7px;letter-spacing:2px;color:#5f7f9f}.experience-bottom>p{font-size:8px;color:#6f89a5;text-align:right}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.product-experience.static-experience{height:auto}.static-experience .experience-pin{position:relative;top:auto;height:720px}.static-experience .scroll-invitation{display:none}
@media(max-width:1000px){.experience-layout{grid-template-columns:.9fr 1.2fr;gap:15px}.experience-copy :is(h1,h2){font-size:44px}.experience-copy>p:not(.eyebrow){font-size:12px;max-width:260px}.experience-buttons{gap:8px}.experience-buttons button{font-size:9px}.experience-stage{max-height:590px}}
@media(max-width:800px){.experience-pin{top:72px;height:calc(100svh - 72px);min-height:590px}.experience-layout{gap:5px;grid-template-columns:.8fr 1.2fr}.experience-copy :is(h1,h2){font-size:37px;letter-spacing:-1.6px}.experience-copy>.eyebrow{font-size:8px;letter-spacing:1px}.experience-copy>p:not(.eyebrow){font-size:11px}.experience-bottom{padding:12px 0 15px}.experience-bottom>span{font-size:6px;max-width:170px}.experience-bottom>p{font-size:7px;max-width:210px}.experience-counter{margin-top:25px}}
@media(max-width:590px){.product-experience{height:420svh}.experience-pin{min-height:620px;max-height:950px;background:radial-gradient(ellipse at 50% 61%,#103c67,#061630 65%)}.experience-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.experience-copy{padding:18px 0 0;flex-shrink:0}.experience-copy>.eyebrow{margin-bottom:10px;font-size:7px;letter-spacing:1.3px}.experience-counter{position:absolute;right:0;top:15px;margin:0;gap:6px;font-size:8px}.experience-counter>span:first-child{font-size:14px}.experience-copy :is(h1,h2){font-size:32px;letter-spacing:-1.2px;min-height:2.16em}.experience-copy>p:not(.eyebrow){font-size:10px;margin-top:10px;line-height:1.65;max-width:280px;min-height:33px}.scroll-invitation{position:absolute;right:0;bottom:2px;margin:0}.scroll-invitation>span:first-child{width:23px;height:29px;font-size:14px}.scroll-invitation>span:last-child{display:none}.experience-shop{display:none}.experience-visual{padding:0 0 8px;flex:1;min-height:0}.experience-stage{min-height:280px;flex:1;max-height:none}.experience-view{font-size:6px;letter-spacing:1.4px;top:13px}.experience-angle{font-size:14px;top:8px}.experience-controls{padding:0;flex-shrink:0}.experience-buttons{gap:8px}.experience-buttons button{font-size:9px;padding:8px 0}.experience-scrubber{margin-top:5px}.experience-scrubber input{height:19px}.experience-bottom{gap:12px;flex-shrink:0;padding:7px 0 10px}.experience-bottom>span{font-size:5px;letter-spacing:1px;max-width:100px}.experience-bottom>p{font-size:6px;max-width:200px;line-height:1.5}.static-experience .experience-pin{height:760px;min-height:650px}}
@media(max-height:700px) and (min-width:591px){.experience-pin{min-height:475px}.experience-copy>.eyebrow{margin-bottom:10px}.experience-counter{margin:15px 0 10px}.experience-copy :is(h1,h2){font-size:38px}.experience-copy>p:not(.eyebrow){margin-top:15px;min-height:55px;font-size:11px}.scroll-invitation{margin-top:16px}.experience-shop{margin-top:15px}.experience-bottom{padding:10px 0}.experience-visual{padding-top:8px}.experience-stage{max-height:430px}}
@media(prefers-reduced-motion:reduce){.product-experience{height:auto}.experience-pin{position:relative;top:auto;height:720px}.experience-stage canvas,.experience-fallback,.experience-buttons button{transition:none}.scroll-invitation{display:none}}