*{box-sizing:border-box}html{background:#05090f;color:#eef3f3;font-family:Arial,Helvetica,sans-serif}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8ce8ff;outline-offset:6px}button{border:0;background:none}a{text-decoration:none}.skip{position:fixed;top:-100px;z-index:20;background:#fff;color:#000;padding:15px}.skip:focus{top:10px}#experience{height:480svh}.viewport{height:100svh;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 66% 48%,#12232e 0,#090f19 40%,#05090f 75%)}header{position:absolute;z-index:4;inset:30px 3.5% auto;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.15em}header>a{font-size:24px;letter-spacing:-1.5px;font-weight:800}header>a span{font-size:10px;vertical-align:top}header i{color:#91a0af;font-style:normal}#motion{font-size:11px;border:1px solid #52616c;border-radius:30px;padding:10px 15px;letter-spacing:0}#world,#fallback{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}canvas{display:block;width:100%;height:100%}#fallback{left:28%;top:10%;bottom:12%;opacity:.85}#fallback svg{height:100%;width:100%}.webgl #fallback{display:none}.chapter{position:absolute;left:6%;top:24%;max-width:650px;pointer-events:none}#eyebrow{font:11px monospace;letter-spacing:.18em;color:#9dc4d3;margin:0 0 26px}h1{font-size:clamp(44px,5.7vw,86px);line-height:.96;letter-spacing:-.065em;margin:0;font-weight:800}h1 span{color:#b0bbc5}#description{font-size:15px;line-height:1.7;max-width:300px;color:#b2c2ce;margin-top:28px}.scene-caption{position:absolute;right:5%;top:18%;text-align:right;max-width:340px;font:10px/1.7 monospace;letter-spacing:.05em}.scene-caption p{color:#8797a5;font-size:9px}.hud{position:absolute;inset:auto 6% 30px;display:flex;align-items:end;justify-content:space-between;gap:30px}fieldset{border:0;padding:0;margin:0;display:flex;gap:24px}legend{font:10px monospace;text-transform:uppercase;letter-spacing:.12em;color:#a8b8c5;margin-bottom:18px}fieldset button{padding:8px 0;font-size:13px;letter-spacing:.08em;border-bottom:2px solid transparent;color:#97a8b6}fieldset button[aria-pressed=true]{color:#ebfaff;border-color:#9debff}.progress{width:34%;max-width:420px}.progress label{display:flex;justify-content:space-between;font:10px monospace;color:#9aafbd}input{width:100%;accent-color:#a5eaff;height:24px;margin:8px 0}.transport{display:flex;justify-content:space-between;align-items:center;font:8px monospace;color:#9aaab6}.transport button{font-size:20px;padding:0 10px}.product-caption{position:absolute;right:8%;bottom:23%;font:10px/1.7 monospace;text-align:right;color:#cbdae5}#cta{position:absolute;left:6%;bottom:26%;padding:15px 0;border-bottom:1px solid #a7efff;font-size:13px;letter-spacing:.08em}#cta span{margin-left:45px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:760px){header{inset:20px 6% auto}header>span{display:none}.chapter{top:17%;max-width:86%}h1{font-size:clamp(42px,10vw,70px)}#description{font-size:12px;max-width:245px;margin-top:18px}#eyebrow{margin-bottom:16px;font-size:9px}.scene-caption{top:auto;bottom:25%;right:6%;max-width:220px;font-size:8px}.scene-caption p{font-size:7px}.hud{bottom:20px;display:block}.progress{width:100%;max-width:none;margin-top:20px}fieldset{gap:28px}legend{font-size:8px;margin-bottom:5px}fieldset button{font-size:12px}.product-caption{bottom:30%;font-size:8px;max-width:200px}#cta{bottom:34%}#fallback{top:30%;right:-15%;bottom:15%;left:0}.transport span{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.quality-label{font-size:10px;letter-spacing:0;display:flex;gap:8px;align-items:center;margin-left:auto;margin-right:18px}.quality-label select{background:#101b25;color:#eef3f3;border:1px solid #52616c;padding:7px;border-radius:4px}select:focus-visible{outline:3px solid #8ce8ff;outline-offset:3px}@media(max-width:760px){.quality-label{margin-right:10px;font-size:0;gap:0}.quality-label select{font-size:11px;padding:6px}header>a{font-size:21px}#motion{padding:8px 10px}}@media(min-width:761px){header>span{position:absolute;left:50%;transform:translate(-50%)}}