:root{--bg:#15130f;--bg-2:#1d1a14;--panel-edge:#0a0908;--paper:#f4efe4;--paper-2:#e9e2d3;--ink:#211d16;--ink-soft:#6f685a;--cream:#f4efe4;--cream-soft:rgba(244,239,228,.66);--cream-faint:rgba(244,239,228,.4);--accent:#e8702a;--accent-deep:#c2541a;--accent-bright:#ff8a45;--accent-glow:rgba(232,112,42,.45);--cool:#5b7e93;--cool-deep:#33495b;--green:#6fae1f;--wash-cool:rgba(58,86,110,.26);--wash-cold:rgba(40,60,78,.46);--wash-warm:rgba(232,112,42,.12);--maxw:1240px;--nav-h:72px;--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--cream);font-family:Hanken Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.mono{font-family:Space Mono,ui-monospace,monospace}.display{font-family:Bricolage Grotesque,Hanken Grotesk,sans-serif}.nav{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,46px);background:linear-gradient(to bottom,rgba(21,19,15,.92),rgba(21,19,15,.55) 60%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s var(--ease)}.nav.solid{background:#12100cf0;border-bottom:1px solid rgba(244,239,228,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand img{width:34px;height:34px;display:block;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4))}.brand .wm{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:23px;letter-spacing:-.02em;color:var(--cream)}.brand .wm b{color:var(--cream);font-weight:800}.nav-links{display:flex;align-items:center;gap:clamp(14px,2vw,30px)}.nav-links a{font-size:15px;font-weight:500;color:var(--cream-soft);text-decoration:none;letter-spacing:.01em;transition:color .2s}.nav-links a:hover{color:var(--cream)}.nav-cta{display:flex;align-items:center;gap:12px}.nav .ghost{font-size:14px;font-weight:600;color:var(--cream);text-decoration:none;padding:9px 16px;border:1px solid rgba(244,239,228,.22);border-radius:8px;transition:all .2s}.nav .ghost:hover{border-color:#f4efe480}.nav .solid-btn{font-size:14px;font-weight:700;color:#1a0f06;text-decoration:none;padding:10px 18px;border-radius:8px;background:var(--accent);box-shadow:0 4px 18px var(--accent-glow);transition:all .2s var(--ease)}.nav .solid-btn:hover{background:var(--accent-bright);transform:translateY(-1px)}@media(max-width:820px){.nav-links{display:none}.brand .wm{font-size:20px}}.progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:61;background:linear-gradient(90deg,var(--accent),var(--accent-bright));box-shadow:0 0 10px var(--accent-glow)}.rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;gap:9px}.rail button{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--cream-faint);background:transparent;cursor:pointer;padding:0;transition:all .25s var(--ease);position:relative}.rail button:hover{border-color:var(--accent);transform:scale(1.25)}.rail button.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow);transform:scale(1.3)}.rail button:after{content:attr(data-label);position:absolute;right:20px;top:50%;transform:translateY(-50%) translate(6px);font-family:Space Mono,monospace;font-size:10px;letter-spacing:.08em;color:var(--cream-soft);white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s;text-transform:uppercase}.rail button:hover:after{opacity:1;transform:translateY(-50%) translate(0)}@media(max-width:820px){.rail{display:none}}main{display:block}.scene{position:relative;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--nav-h) + 30px) clamp(20px,6vw,84px) 60px;overflow:hidden}.scene-inner{width:100%;max-width:var(--maxw);margin:0 auto;position:relative;z-index:2}body[data-mood=on] .scene[data-mood]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;mix-blend-mode:multiply;transition:background .5s var(--ease)}body[data-mood=on] .scene[data-mood=cool]:after{background:var(--wash-cool)}body[data-mood=on] .scene[data-mood=cold]:after{background:var(--wash-cold)}body[data-mood=on] .scene[data-mood=warm]:after{background:var(--wash-warm)}.beat-tag{display:inline-flex;align-items:center;gap:10px;font-family:Space Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}.beat-tag .num{color:var(--accent);font-weight:700}.panel{position:relative;overflow:hidden;border-radius:5px;outline:2px solid rgba(0,0,0,.55);outline-offset:-2px;box-shadow:0 28px 60px -24px #000000d9,0 2px #f4efe40f inset}.panel-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:right;will-change:transform;transform:scale(1.06)}.panel-art{background-image:radial-gradient(120% 100% at 70% 18%,var(--p1,#6b3d1f),var(--p2,#241710) 72%)}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.34;background-image:radial-gradient(rgba(0,0,0,.3) 1px,transparent 1.5px);background-size:7px 7px;mix-blend-mode:multiply}.panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 45%,rgba(8,6,4,.55) 100%)}.panel-meta{position:absolute;left:16px;bottom:14px;z-index:4;max-width:min(70%,560px)}.panel-meta .file{display:inline-block;font-family:Space Mono,monospace;font-size:11px;letter-spacing:.04em;color:#1a0f06;background:var(--accent);padding:3px 9px;border-radius:4px;margin-bottom:8px;font-weight:700}.panel-meta .desc{font-family:Space Mono,monospace;font-size:11.5px;line-height:1.5;color:#f4efe4d1;text-shadow:0 1px 4px rgba(0,0,0,.8);margin:0}body[data-arthint=off] .panel-meta,.panel-meta.done{display:none}.overline{display:inline-flex;align-items:center;gap:13px;margin:0 0 18px;font-family:Space Mono,monospace;font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);font-weight:700}.overline:before{content:"";width:34px;height:2px;background:var(--accent)}.headline{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:clamp(38px,6.4vw,82px);line-height:1;margin:0;letter-spacing:-.025em;text-wrap:balance}.sub{font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:var(--cream-soft);margin:18px 0 0;max-width:46ch}.cue-note{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.1em;color:var(--cream-faint);margin-top:18px;text-transform:uppercase}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.09s}.reveal.d2{transition-delay:.18s}.reveal.d3{transition-delay:.27s}.art-beat .scene-inner{display:grid}body[data-layout=overlay] .art-beat .scene-inner{grid-template:1fr/1fr;min-height:76dvh}body[data-layout=overlay] .art-beat .panel{grid-area:1/1;height:100%;min-height:76dvh}body[data-layout=overlay] .art-beat .copy{grid-area:1/1;align-self:end;justify-self:start;z-index:5;position:relative;max-width:760px;padding:clamp(26px,4vw,56px)}body[data-layout=overlay] .art-beat .panel-meta{left:auto;right:16px}body[data-layout=split] .art-beat .scene-inner{grid-template-columns:1.04fr .96fr;gap:clamp(28px,4.5vw,64px);align-items:center;min-height:70dvh}body[data-layout=split] .art-beat .panel{height:min(62dvh,520px)}body[data-layout=split] .art-beat.alt .panel{order:2}body[data-layout=split] .art-beat .copy{padding:0}body[data-layout=stacked] .art-beat .scene-inner{display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center;text-align:center}body[data-layout=stacked] .art-beat .panel{width:100%;aspect-ratio:16/8}body[data-layout=stacked] .art-beat .copy .sub{margin-inline:auto}body[data-layout=stacked] .art-beat .overline{justify-content:center}.hero{padding:0}.hero .scene-inner{max-width:none;display:grid;grid-template:1fr/1fr;min-height:100dvh}.hero .panel{grid-area:1/1;height:100dvh;border-radius:0;outline:none;box-shadow:none}.hero .panel-art{animation:kenburns 26s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1.05) translate(0)}to{transform:scale(1.16) translate(-2%,-2%)}}.hero .panel:after{background:linear-gradient(to right,#080604d1,#08060459 55%,#0806048c)}.hero .hero-copy{grid-area:1/1;align-self:center;justify-self:start;z-index:5;padding:0 clamp(20px,6vw,90px);max-width:880px}.hero-wm{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:clamp(52px,10.5vw,148px);line-height:.84;letter-spacing:-.04em;margin:0;white-space:nowrap;text-shadow:0 6px 30px rgba(0,0,0,.6)}.hero-wm .os{color:var(--accent)}.hero-line{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:clamp(22px,3.2vw,40px);line-height:1.08;margin:22px 0 0;max-width:18ch;color:var(--cream);text-shadow:0 2px 16px rgba(0,0,0,.6);letter-spacing:-.01em}.hero-line em{color:var(--accent-bright);font-style:normal}.scroll-cue{position:absolute;left:50%;bottom:30px;transform:translate(-50%);z-index:6;text-align:center;color:var(--cream-soft);font-family:Space Mono,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase}.scroll-cue .arr{display:block;font-size:20px;margin-top:6px;animation:bob 1.5s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(8px);opacity:1}}.act-label{align-items:center;text-align:center;min-height:64dvh}.act-label .scene-inner{max-width:720px}.act-numeral{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:clamp(90px,20vw,230px);line-height:.78;letter-spacing:-.04em}.act-label.cool .act-numeral{color:var(--cool);opacity:.5}.act-label.warm .act-numeral{color:var(--accent);opacity:.85}.act-rule{width:1px;height:60px;margin:18px auto;background:var(--cream-faint)}.act-name{font-family:Space Mono,monospace;font-weight:700;letter-spacing:.34em;font-size:clamp(16px,2.4vw,26px);text-transform:uppercase;color:var(--cream)}.act-name .os{color:var(--accent)}.clock-scene{position:relative;height:320vh}.clock-stage{position:sticky;top:0;height:100dvh;overflow:hidden;display:grid;place-items:center;padding:var(--nav-h) 20px 0}.clock-panel{position:absolute;top:0;right:0;bottom:0;left:0}.clock-panel .panel-art{background-image:radial-gradient(120% 110% at 50% 30%,#46627a,#1c2832 74%);transform:scale(1.08)}.clock-tint{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:multiply;background:#283c4e33;transition:background .2s}body[data-mood=off] .clock-tint{display:none}.clock-wrap{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.analog{width:clamp(150px,22vw,232px);height:clamp(150px,22vw,232px);filter:drop-shadow(0 18px 36px rgba(0,0,0,.55))}.analog .face{fill:#f4efe4f5;stroke:#14110c;stroke-width:3}.analog .ring{fill:none;stroke:#14110c2e;stroke-width:1.5}.analog .tick{stroke:#2a241a;stroke-width:3;stroke-linecap:round}.analog .tick-min{stroke:#2a241a73;stroke-width:1.5}.analog .hand-h{stroke:#14110c;stroke-width:7;stroke-linecap:round;transform-origin:100px 100px}.analog .hand-m{stroke:var(--accent);stroke-width:5;stroke-linecap:round;transform-origin:100px 100px}.analog .pin{fill:var(--accent-deep)}.dig-label{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--cream-soft)}.digital{font-family:Space Mono,monospace;font-weight:700;font-size:clamp(40px,7vw,72px);letter-spacing:.06em;color:var(--cream);background:#0c0a078c;border:1px solid rgba(244,239,228,.16);padding:6px 22px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.clock-copy{position:relative;height:1.1em;min-width:8ch;margin-top:6px}.clock-copy span{position:absolute;top:0;right:0;bottom:0;left:0;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:clamp(38px,7vw,76px);line-height:1;letter-spacing:-.02em;color:var(--cool);opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease),transform .4s var(--ease);text-shadow:0 2px 18px rgba(0,0,0,.5)}.clock-copy span.show{opacity:1;transform:none}.clock-overline{position:absolute;top:calc(var(--nav-h) + 22px);left:0;right:0;text-align:center;z-index:4}.steam{position:absolute;z-index:4;pointer-events:none}.steam circle{fill:none;stroke:var(--cool);stroke-width:2.4;opacity:0}.art-beat.in .steam .p{animation:rise 2.8s ease-out infinite}.steam .p2{animation-delay:.9s}.steam .p3{animation-delay:1.8s}@keyframes rise{0%{transform:translateY(6px) scale(.6);opacity:0}20%{opacity:.7}to{transform:translateY(-52px) scale(1.2);opacity:0}}.scanbeam{position:absolute;left:7%;right:7%;top:38%;height:3px;z-index:4;background:linear-gradient(90deg,transparent,var(--accent-bright),transparent);box-shadow:0 0 16px var(--accent-glow);opacity:0}.art-beat.in .scanbeam{animation:scan 2.6s ease-in-out infinite}@keyframes scan{0%{top:28%;opacity:0}14%{opacity:1}86%{opacity:1}to{top:64%;opacity:0}}.turn{background:var(--accent);align-items:center;text-align:center;min-height:96dvh;color:#fff}.turn .scene-inner{max-width:880px}.turn .beat-tag{color:#1a0f068c}.turn .beat-tag .num{color:#1a0f06}.turn-wm{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:clamp(56px,11vw,140px);line-height:.84;letter-spacing:-.04em;color:#fff}.turn-wm .os{color:#1a0f06}.turn-line{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:clamp(28px,5vw,58px);line-height:1.04;margin-top:14px;color:#1a0f06;letter-spacing:-.02em}.turn-note{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#1a0f0699;margin-top:24px}.turn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none;background-image:radial-gradient(rgba(26,15,6,.14) 1.2px,transparent 1.6px);background-size:14px 14px}.cta{background:var(--bg-2);align-items:center;text-align:center;min-height:92dvh;border-top:1px solid rgba(244,239,228,.08)}.cta .scene-inner{max-width:900px}.cta-wm{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:clamp(38px,6vw,72px);line-height:1;letter-spacing:-.025em}.cta-wm .os{color:var(--accent)}.cta .sub{margin:20px auto 0;text-align:center}.btns{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:34px}.btn{font-size:15px;font-weight:700;padding:15px 28px;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:9px;transition:all .2s var(--ease);border:none}.btn.primary{background:var(--accent);color:#1a0f06;box-shadow:0 8px 28px var(--accent-glow)}.btn.primary:hover{background:var(--accent-bright);transform:translateY(-2px);box-shadow:0 12px 34px var(--accent-glow)}.btn.secondary{background:transparent;color:var(--cream);border:1px solid rgba(244,239,228,.28)}.btn.secondary:hover{border-color:var(--cream);transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.foot{margin-top:56px;padding-top:24px;border-top:1px solid rgba(244,239,228,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-family:Space Mono,monospace;font-size:12px;color:var(--cream-faint)}.foot .fbrand{display:flex;align-items:center;gap:9px;color:var(--cream-soft)}.foot .fbrand img{width:22px;height:22px}.foot a{color:var(--cream-soft);text-decoration:none}.foot a:hover{color:var(--accent)}@media(max-width:820px){body[data-layout=split] .art-beat .scene-inner{grid-template-columns:1fr;gap:22px}body[data-layout=split] .art-beat.alt .panel{order:0}body[data-layout=split] .art-beat .panel{height:46dvh}.clock-wrap{transform:scale(.96)}.panel-meta{max-width:84%}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none}.hero .panel-art,.scroll-cue .arr,.art-beat.in .steam .p,.art-beat.in .scanbeam{animation:none}.panel-art{transform:scale(1.04)!important}}