*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#10091f;color:#fcf1e6;font-family:Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit}header{position:fixed;z-index:5;top:0;width:100%;padding:16px 4%;display:flex;align-items:center;justify-content:space-between;background:#10091fe8;backdrop-filter:blur(12px)}header img{width:90px}nav{display:flex;gap:25px}nav a{text-decoration:none;font-size:14px}main{overflow:hidden}.machine{min-height:100vh;padding:130px 7% 70px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;position:relative;background:radial-gradient(ellipse at 75% 45%,#2637b2 0,transparent 53%)}h1{font-size:clamp(64px,7.9vw,126px);line-height:.88;letter-spacing:-.075em;margin:24px 0}h1 em{font-style:normal;color:#ff805f}.intro{max-width:390px;line-height:1.6;color:#c8c3da}.eyebrow{color:#aaa2c4;font-size:14px}.dial{position:relative;border-radius:50%;border:2px solid #737bd5;padding:20px;box-shadow:0 0 0 15px #1d1845,0 0 0 17px #464b82;transform:rotate(0deg)}.dial img{display:block;width:100%;border-radius:50%}.tick{position:absolute;inset:-35px;border:1px dashed #777ebd;border-radius:50%;animation:rotate 40s linear infinite;pointer-events:none}.control{background:#ff805f;color:#160b28;border:0;border-radius:40px;padding:18px 28px;font-weight:700;box-shadow:0 5px 0 #aa453d;transition:transform .2s}.control:hover{transform:translateY(-3px)}.control:active{transform:translateY(3px);box-shadow:none}.readout{margin:25px 0;color:#98acff;font-size:14px;min-height:22px}.ribbon{padding:22px 0;background:#283df0;color:white;white-space:nowrap;transform:rotate(-2deg) scale(1.03);font-size:25px;word-spacing:20px}.ribbon span{display:block;animation:drift 22s linear infinite}.world{padding:110px 5% 65px;position:relative}.world h2{font-size:clamp(38px,5vw,76px);letter-spacing:-.055em;max-width:800px;margin:0 0 30px}.panorama{height:480px;overflow:hidden;border-radius:8px;position:relative;cursor:ew-resize}.panorama img{height:100%;width:100%;object-fit:cover;object-position:var(--pan,50%) center;transition:object-position .3s;transform:scale(1.04)}.caption{display:flex;justify-content:space-between;gap:30px;margin:25px 0;line-height:1.5}.caption p{max-width:500px}.film{margin-top:70px;display:grid;grid-template-columns:220px 1fr;gap:40px;border-top:1px solid #53506b;padding-top:30px}.frames{display:flex;gap:10px}.frame{background:#211b37;padding:18px;border:1px solid #57506e;flex:1}.frame.active{background:#283df0;border-color:#8899ff}.frame b{display:block;color:#ffb09c;margin-bottom:15px}.ledger{background:#eee7dc;color:#201732;padding:95px 7%;display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.ledger h2{font-size:65px;line-height:.95;letter-spacing:-.06em;margin:0 0 30px}.receipt{background:#fffaf0;padding:35px;box-shadow:10px 12px 0 #d8cfbf}.receipt h3{margin-top:0}.row{padding:18px 0;border-bottom:1px dashed #a69b91;display:flex;justify-content:space-between;gap:18px}.bar{height:13px;background:linear-gradient(to right,#283df0 82%,#ff805f 82% 94%,#201732 94%);margin:20px 0}.receipt p{font-size:14px;line-height:1.6}.end{padding:75px 7%;display:flex;justify-content:space-between;align-items:center}.end h2{font-size:45px;letter-spacing:-.04em}.cursor{position:fixed;width:90px;height:90px;border:1px solid #ff805f77;border-radius:50%;pointer-events:none;z-index:9;left:var(--x,-100px);top:var(--y,-100px);transform:translate(-50%,-50%)}:focus-visible{outline:3px solid #ff805f;outline-offset:6px}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes drift{to{transform:translateX(-30%)}}@media(max-width:650px){header{padding:12px 5%}nav{gap:15px}.machine{padding:110px 7% 65px;grid-template-columns:1fr;gap:60px}.machine h1{font-size:75px}.dial{width:85%;margin:auto;order:2}.intro{max-width:330px}.panorama{height:350px}.panorama img{width:190%;max-width:none;object-position:center;transform:translateX(calc(-1 * var(--mobilepan,28%)))}.caption{display:block}.film{display:block}.frames{flex-direction:column}.ledger{padding:70px 6%;grid-template-columns:1fr;gap:25px}.ledger h2{font-size:56px}.receipt{padding:22px}.end{display:block}.cursor{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.dial{transform:none!important}}.machine:before{content:'';position:absolute;inset:70px 0 0;pointer-events:none;background:radial-gradient(ellipse at var(--light,70%) 70%,#374aff33,transparent 45%);animation:breathe 7s ease-in-out infinite alternate}.machine>div{z-index:1}.world h2{transform:translateX(var(--shift,0px));transition:transform .15s}.world{background:radial-gradient(ellipse at var(--light,70%) 40%,#2d2372 0,transparent 65%)}.panorama{touch-action:pan-y}.readout{animation:signal .5s ease}body[data-scene=afterhours] header{border-bottom:2px solid #ff805f} @keyframes breathe{to{opacity:.35;transform:scale(1.05)}}@keyframes signal{from{opacity:.2;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.world h2{transform:none!important}}

#night-film{display:block;width:100%;height:auto;margin-top:30px;border-radius:8px;background:#10091f}button:disabled{cursor:default;opacity:.65}
.motion-paused *, .motion-paused:before{animation-play-state:paused!important}