:root{--ink:#090b0c;--paper:#dfddd5;--orange:#ff4a24}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--ink);color-scheme:dark}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:5px}button{color:inherit}.skip{position:fixed;top:-90px;left:20px;z-index:100;background:white;color:black;padding:14px}.skip:focus{top:10px}.phase-header{position:absolute;top:0;left:0;z-index:5;width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.studio,.contact{font:10px monospace;letter-spacing:.3px}.studio span{color:#8c9196;margin-left:14px}.wordmark{font-size:31px;font-weight:900;font-style:italic;letter-spacing:-2px;position:absolute;left:50%;transform:translateX(-50%)}.wordmark span{font-size:10px;vertical-align:top;margin-left:4px}.contact{border:1px solid #454749;border-radius:30px;padding:14px 20px}.scroll-story{height:460vh;height:460svh;position:relative}.stage{height:100vh;height:100svh;min-height:600px;position:sticky;top:0;overflow:clip;isolation:isolate}.atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 76%,#55301e80,transparent 53%),linear-gradient(#0a0b0d,#101112 80%,#08090a);transition:background .7s;z-index:-3}.stage-grid{position:absolute;bottom:-44%;left:-50%;width:200%;height:80%;background-image:linear-gradient(#d3c5b912 1px,transparent 1px),linear-gradient(90deg,#d3c5b912 1px,transparent 1px);background-size:90px 90px;transform:perspective(500px) rotateX(58deg);mask-image:linear-gradient(transparent,#000 35%);z-index:-2}.chapter-heading{position:absolute;left:0;right:0;top:19%;text-align:center;z-index:-1;pointer-events:none}.chapter-heading p{font:10px monospace;letter-spacing:4px;margin:0 0 17px;color:#b6b6af}.chapter-heading h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(90px,16.9vw,260px);font-weight:400;line-height:.85;letter-spacing:-.015em;margin:0;white-space:nowrap;color:#dfddd5}.stage[data-chapter="1"] .chapter-heading h1{font-size:15.4vw}.stage[data-chapter="2"] .chapter-heading h1{font-size:15.4vw;color:#dfddd525;-webkit-text-stroke:1px #d9d3c280}.stage[data-chapter="3"] .chapter-heading h1{font-size:15.6vw}#product-canvas{position:absolute;inset:0;z-index:1;pointer-events:none}.webgl-ready #product-canvas{pointer-events:auto;touch-action:pan-y;cursor:grab}.webgl-ready #product-canvas.dragging{cursor:grabbing}#product-canvas canvas{width:100%;height:100%;display:block}.product-fallback{position:absolute;width:min(75%,1100px);left:50%;top:48%;transform:translate(-50%,-20%) rotate(-8deg)}.product-fallback svg{width:100%;filter:drop-shadow(0 25px 50px #000)}.webgl-ready .product-fallback{display:none}.product-name{position:absolute;left:4vw;bottom:21%;display:flex;flex-direction:column;gap:8px;font:9px monospace;letter-spacing:1px;z-index:2}.product-name #finish-label{color:#aeb4b6}.turn-hint{font-size:8px;letter-spacing:0;color:#b0b6b8}.turn-controls{display:none;position:absolute;left:4vw;bottom:136px;gap:5px;z-index:3}.webgl-ready .turn-controls{display:flex}.turn-controls button{height:44px;min-width:44px;border:1px solid #ffffff30;border-radius:24px;background:#111519d9;font-size:14px}.turn-controls button[data-turn=reset]{padding:0 16px;font:9px monospace}.turn-controls button:hover{background:#343b41}.turn-controls button:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.chapter-copy{position:absolute;right:4vw;bottom:20%;width:190px;z-index:2}.chapter-count{font:10px monospace;color:var(--orange);letter-spacing:2px}.chapter-copy p{font-size:15px;line-height:1.5;margin:16px 0 0}.finish-picker{position:absolute;right:4vw;bottom:11.5%;display:flex;z-index:3;gap:6px}.finish{height:44px;width:44px;border:1px solid transparent;background:transparent;border-radius:50%;display:grid;place-items:center}.finish span{width:22px;height:22px;border-radius:50%;background:linear-gradient(130deg,#ff6a25,#7a1f10 42%,#ffc080 58%,#b43f10);display:block}.finish.ice span{background:linear-gradient(130deg,#c9ebf6,#325c7e 42%,#fff 58%,#5594a8)}.finish.smoke span{background:linear-gradient(130deg,#a4adb7,#2c3134 42%,#fff 58%,#5b646b)}.finish[aria-pressed=true]{border-color:#8e979b}.stage-footer{position:absolute;bottom:44px;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:3}.stage-footer>p{font:9px monospace;letter-spacing:1px;width:220px;margin:0}.stage-footer #scroll-hint span{margin-left:20px;font-size:18px}.stage-footer .view-note{text-align:right;color:#969c9c;font-size:8px;letter-spacing:0}.chapter-controls{display:flex;gap:8px}.chapter-controls button{width:44px;height:44px;border:1px solid #ffffff21;border-radius:50%;background:#12151699;color:#838a8d;font:10px monospace;transition:color .2s,border-color .2s,background .2s}.chapter-controls button[aria-pressed=true]{border-color:var(--paper);color:var(--ink);background:var(--paper)}.scrubber{position:absolute;bottom:105px;left:4vw;display:flex;gap:15px;align-items:center;z-index:3;font:8px monospace;color:#a2a7a6}.scrubber span{max-width:60px;line-height:1.5}.scrubber input{width:130px;accent-color:#ff633d;height:24px;margin:0}.sequence-line{height:3px;position:absolute;bottom:0;width:100%;background:#ffffff0d;z-index:3}.sequence-line span{height:100%;display:block;width:0;background:var(--orange)}.closing{padding:130px 5vw 120px;background:var(--paper);color:var(--ink)}.eyebrow{font:10px monospace;letter-spacing:2px}.closing h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(50px,7.5vw,110px);font-weight:400;line-height:.98;letter-spacing:-.01em;margin:45px 0}.closing h2 i{color:#d9361b;font-style:normal}.closing>div{display:flex;justify-content:space-between;align-items:center;gap:60px}.closing>div p{max-width:400px;line-height:1.7;font-size:14px}.closing>div a{border-bottom:1px solid #191b1d;font-size:18px;padding:15px 0;display:flex;gap:70px;align-items:center}.closing>div a span{font-size:40px}footer{padding:35px 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font:8px monospace;letter-spacing:.5px;color:#a5a7a4}footer p{margin:0}.scene-static .scroll-story{height:100svh}.scene-static #scroll-hint{font-size:0}.scene-static #scroll-hint:before{content:'CHOOSE A VIEW →';font-size:9px}.scene-static #scroll-hint span{display:none}
@media(max-width:800px){.phase-header{height:85px}.studio span{display:none}.studio{font-size:8px}.wordmark{font-size:27px}.contact{font-size:9px;padding:12px 15px}.chapter-heading{top:23%}.chapter-heading h1{font-size:18vw;letter-spacing:-.015em}.stage[data-chapter="1"] .chapter-heading h1,.stage[data-chapter="3"] .chapter-heading h1{font-size:14.5vw}.stage[data-chapter="2"] .chapter-heading h1{font-size:16vw}.chapter-heading p{font-size:8px;letter-spacing:2px}.chapter-copy{right:5vw;bottom:23%;width:135px}.chapter-copy p{font-size:12px}.product-name{bottom:208px;font-size:7px;letter-spacing:0}.turn-hint{font-size:6px}.turn-controls{bottom:145px;gap:4px}.turn-controls button[data-turn=reset]{padding:0 10px;font-size:8px}.stage-footer{bottom:32px;gap:10px}.stage-footer>p{width:100px;font-size:7px;line-height:1.5}.stage-footer .view-note{display:none}.stage-footer #scroll-hint span{margin-left:4px;font-size:13px}.chapter-controls{gap:5px}.scrubber{bottom:100px}.finish-picker{bottom:95px}.closing{padding:70px 5vw}.closing>div{flex-direction:column;align-items:flex-start;gap:25px}.closing>div a{font-size:16px;gap:40px}.closing h2{font-size:11vw}footer{flex-wrap:wrap;line-height:1.7}.stage-grid{bottom:-40%}.product-fallback{width:95%;top:42%}}
@media(max-height:660px) and (min-width:801px){.stage{min-height:540px}.chapter-heading{top:16%}.chapter-copy{bottom:26%}.product-name{bottom:31%}.turn-controls{bottom:115px}.chapter-heading h1{font-size:14vw}.scrubber{bottom:85px}.finish-picker{bottom:85px}.stage-footer{bottom:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.scroll-story{height:100svh}}

.embedded .turn-controls,.embedded .turn-hint,.embedded .phase-header,.embedded .closing,.embedded>footer,.embedded .finish-picker,.embedded .scrubber,.embedded .chapter-controls,.embedded #scroll-hint,.embedded .view-note,.embedded .skip{display:none}.embedded .scroll-story{height:100svh}.embedded .stage{position:relative;min-height:0}.embedded .chapter-heading{top:14%}.embedded .product-name{bottom:10%}.embedded .chapter-copy{bottom:9%}.embedded .sequence-line{display:none}

@media(max-width:500px){.scrubber{gap:8px}.scrubber span{max-width:40px;font-size:7px}.scrubber input{width:88px}.finish-picker{gap:4px}}

@media(max-height:540px) and (min-width:600px){
 .stage{min-height:0}.phase-header{height:58px}.chapter-heading{top:16%}.chapter-heading p{display:none}.chapter-heading h1,.stage[data-chapter] .chapter-heading h1{font-size:14vw}
 .product-name{bottom:135px}.turn-hint{display:none}.chapter-copy{bottom:130px;width:155px}.chapter-copy p{font-size:11px;margin-top:8px}.chapter-count{font-size:8px}
 .turn-controls,.finish-picker{bottom:72px}.scrubber,.stage-footer .view-note{display:none}.stage-footer{bottom:12px}.stage-footer>p{font-size:7px;width:140px}
}