*{box-sizing:border-box}body{margin:0;background:#101b20;color:#f3f1e9;font-family:'DM Sans',Arial,sans-serif}.experience{max-width:1260px;margin:auto;padding:30px 38px 16px;background:radial-gradient(ellipse at 45% 35%,#314349 0,#1c2b31 44%,#101b20 80%);overflow:hidden}header{position:relative;z-index:2;pointer-events:none}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;color:#c9b98e;font-weight:700}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#cfb37c}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(30px,4vw,48px);letter-spacing:-2px;font-weight:500;margin:12px 0 7px}header p{margin:0;color:#a6b5b8;font-size:14px}.stage{position:relative;margin-top:-34px;height:385px}.stage-top{display:flex;justify-content:space-between;position:absolute;top:55px;left:0;right:0;font-size:10px;letter-spacing:2px;pointer-events:none;z-index:2;color:#c6c7be}.live{border:1px solid #526065;border-radius:30px;padding:6px 9px;margin-top:-7px;font-size:8px}#model{height:100%;width:100%;touch-action:pan-y;cursor:grab}#model:active{cursor:grabbing}canvas{width:100%;height:100%;display:block}.fallback{width:100%;height:100%;object-fit:contain;opacity:.8}#model[data-ready=true] .fallback{display:none}.orbit{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:9px}.orbit span{font-size:8px;letter-spacing:1.5px;color:#95a5a9}button{font:inherit;cursor:pointer;color:inherit}.orbit button{background:#ffffff08;border:1px solid #ffffff1c;border-radius:50%;width:30px;height:30px;font-size:18px}.controls{padding-top:20px;border-top:1px solid #ffffff21;margin-top:14px}.story{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:65px}h2{font-family:Manrope,Arial,sans-serif;font-size:23px;font-weight:500;letter-spacing:-.7px;margin:0 0 7px}.story p{color:#a6b5b8;font-size:12px;margin:0;line-height:1.5}.play{border:1px solid #c9b98e70;border-radius:30px;background:#c9b98e14;color:#e0c797;white-space:nowrap;font-size:12px;min-height:42px;padding:0 18px}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:4px;background:linear-gradient(to right,#c9b98e var(--progress,0%),#ffffff25 var(--progress,0%));border-radius:8px;cursor:pointer;margin:25px 0 20px}input::-webkit-slider-thumb{appearance:none;width:17px;height:17px;background:#e2c999;border:4px solid #26373d;border-radius:50%;box-shadow:0 0 0 1px #e2c999}input::-moz-range-thumb{width:12px;height:12px;background:#e2c999;border:3px solid #26373d;border-radius:50%}nav{display:flex;justify-content:space-between;gap:6px}nav button{background:none;border:0;color:#93a3a8;text-align:left;padding:6px 0;min-height:42px;font-size:11px}nav b{display:block;color:#60777e;font-size:9px;font-weight:400;letter-spacing:1px;margin-bottom:5px}nav button.active,nav button.active b{color:#e2c999}button:focus-visible,input:focus-visible{outline:2px solid #e2c999;outline-offset:6px}footer{color:#7d9197;font-size:9px;line-height:1.6;margin-top:22px;max-width:760px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){.experience{padding:24px 20px 16px}h1{letter-spacing:-1.5px;font-size:32px}header p{font-size:12px}.stage{margin-top:0;height:290px}.stage-top{top:22px}.live{font-size:7px}.orbit{bottom:0}.controls{margin-top:15px;padding-top:16px}h2{font-size:21px}.story{align-items:flex-start}.story p{font-size:11px;max-width:230px}.play{padding:0 13px;width:42px;flex-shrink:0}.play span{display:none}nav button{font-size:10px}footer{font-size:8px;margin-top:18px}input[type=range]{margin-top:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}