:root{--bg: oklch(98% .004 95);--surface: oklch(100% .002 95);--fg: oklch(20% .018 70);--muted: oklch(48% .012 70);--border: oklch(90% .006 95);--accent: oklch(52% .1 28);--font-display: "Iowan Old Style", "Charter", Georgia, "Songti SC", "STSong", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--ink: oklch(20% .018 70);--paper: oklch(98% .004 95);--season: oklch(50% .08 145);--scene-bg: oklch(85% .05 145);--scene-bg-deep: oklch(52% .1 145);--glow: oklch(95% .04 98);--summerness: 0;--winterness: 0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--font-body);overflow-x:hidden}button,a{color:inherit}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:var(--paper);transition:opacity .7s ease,visibility .7s ease}#loading.is-ready{opacity:0;visibility:hidden}.loader-mark{text-align:center}.loader-mark span{display:block;margin-bottom:12px;font:11px var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.loader-line{width:120px;height:1px;overflow:hidden;background:var(--border)}.loader-line i{display:block;width:50%;height:100%;background:var(--accent);animation:load 1s cubic-bezier(.22,.61,.36,1) forwards}@keyframes load{to{transform:translate(200%)}}#app{position:relative;isolation:isolate}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--scene-bg);transition:background 1.5s cubic-bezier(.22,.61,.36,1)}.atmosphere:before{content:"";position:absolute;width:48vmax;height:48vmax;top:13vh;left:56%;border-radius:50%;transform:translate(-50%,-50%);background:var(--glow);filter:blur(4px);opacity:.62;transition:background 1.5s ease,opacity 1s ease,transform 1.2s ease}.atmosphere:after{content:"";position:absolute;top:52%;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,color-mix(in oklch,var(--scene-bg-deep) 60%,transparent));opacity:.42}.light-beams{position:fixed;top:-12%;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:var(--summerness);transition:opacity .15s linear;mix-blend-mode:screen}.light-beams:before,.light-beams:after{content:"";position:absolute;top:-5%;width:20vw;height:120%;background:linear-gradient(105deg,transparent 0 32%,rgba(255,255,255,.18) 48%,transparent 72%);filter:blur(10px);transform:rotate(13deg)}.light-beams:before{left:47%}.light-beams:after{left:65%;width:12vw;opacity:.7;transform:rotate(17deg)}.frost-edge{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none;opacity:var(--winterness);filter:blur(1.4px);mix-blend-mode:screen}.frost-edge rect{fill:#b4cddd47}#particleCanvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.08;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.topbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(20px,4vw,72px);mix-blend-mode:multiply}.wordmark{font:600 14px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.wordmark small{margin-left:10px;font-size:10px;letter-spacing:.04em;color:var(--muted)}.utility{display:flex;align-items:center;gap:18px}.utility button{min-width:44px;min-height:44px;padding:8px 10px;border:1px solid color-mix(in oklch,var(--ink) 24%,transparent);background:color-mix(in oklch,var(--paper) 34%,transparent);cursor:pointer;font:10px var(--font-mono);letter-spacing:.08em;transition:background .2s ease,border-color .2s ease}.utility button:hover{background:var(--paper);border-color:var(--ink)}.utility button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.season-nav{position:fixed;top:50%;left:clamp(20px,4vw,72px);z-index:10;display:grid;gap:15px;transform:translateY(-50%)}.season-nav button{position:relative;width:44px;height:30px;padding:0;border:0;background:none;cursor:pointer;text-align:left;font:10px var(--font-mono);color:color-mix(in oklch,var(--ink) 56%,transparent);transition:color .25s ease,transform .25s ease}.season-nav button:before{content:"";position:absolute;top:14px;left:-1px;width:18px;height:1px;background:currentColor;transition:width .25s ease}.season-nav button span{display:inline-block;padding-left:25px;opacity:0;transition:opacity .25s ease}.season-nav button:hover,.season-nav button.is-active{color:var(--ink);transform:translate(0)}.season-nav button:hover:before,.season-nav button.is-active:before{width:18px}.season-nav button.is-active span{opacity:1}main{position:relative;z-index:2}.scene{position:relative;min-height:100svh;display:grid;align-items:center;padding:120px clamp(76px,14vw,270px) 92px;overflow:hidden;scroll-snap-align:start}.scene-inner{width:min(100%,830px);transform:translateY(calc(var(--progress, 0) * -18px));transition:transform .15s linear}.scene-kicker{margin:0 0 22px;font:11px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklch,var(--ink) 65%,transparent)}.scene-title{max-width:800px;margin:0;font:400 clamp(72px,14vw,196px)/.82 var(--font-display);letter-spacing:-.075em}.scene-title em{display:block;padding-left:clamp(36px,9vw,148px);font-style:italic;color:var(--season);transition:color 1.5s ease}.scene-copy{max-width:360px;margin:clamp(54px,9vh,105px) 0 0;padding-left:clamp(0px,9vw,148px);font:400 clamp(17px,1.55vw,23px)/1.6 var(--font-display)}.scene-copy small{display:block;margin-top:22px;font:10px/1.6 var(--font-mono);letter-spacing:.05em;color:var(--muted)}.scene-index{position:absolute;right:clamp(22px,5vw,90px);bottom:58px;font:10px var(--font-mono);color:color-mix(in oklch,var(--ink) 55%,transparent);writing-mode:vertical-rl;letter-spacing:.12em}.scroll-note{position:absolute;left:50%;bottom:31px;transform:translate(-50%);font:10px var(--font-mono);letter-spacing:.12em;color:color-mix(in oklch,var(--ink) 55%,transparent)}.scroll-note:after{content:"";display:block;width:1px;height:28px;margin:12px auto 0;background:currentColor;animation:breathe 1.8s ease-in-out infinite}@keyframes breathe{50%{opacity:.2;transform:translateY(6px)}}.intro{min-height:100svh;display:grid;place-items:center;padding:130px 24px 80px;text-align:center;scroll-snap-align:start}.intro-inner{width:min(760px,100%)}.intro-kicker{margin-bottom:30px;font:10px var(--font-mono);letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.intro-title{margin:0;font:400 clamp(58px,11vw,150px)/.86 var(--font-display);letter-spacing:-.08em}.intro-title span{display:block;color:var(--accent);font-style:italic}.intro-note{margin:42px auto 0;color:var(--muted);font-size:12px;letter-spacing:.04em}.intro-note strong{color:var(--ink);font-weight:500}.end .scene-title{font-size:clamp(62px,11vw,150px)}.accessibility-note{position:fixed;right:20px;bottom:18px;z-index:12;display:none;padding:8px 10px;background:var(--paper);border:1px solid var(--border);font:10px var(--font-mono);color:var(--muted)}body.is-lowperf .accessibility-note,body.no-canvas .accessibility-note{display:block}body.contrast{--ink: oklch(12% .02 70);--muted: oklch(32% .012 70)}body.reduced-motion{scroll-behavior:auto}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation-play-state:paused!important;transition-duration:.001ms!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:600px){.topbar{padding:20px 18px}.wordmark small{display:none}.utility{gap:6px}.utility button{min-width:44px;padding-inline:7px}.season-nav{top:auto;right:18px;bottom:22px;left:auto;display:flex;gap:4px;transform:none}.season-nav button{width:30px;height:28px;text-indent:0;font-size:10px;text-align:center}.season-nav button span{padding:0;opacity:.62}.season-nav button.is-active span{opacity:1}.season-nav button:before{left:3px;width:18px}.season-nav button.is-active:before{width:24px}.scene{padding:118px 28px 105px;align-items:center}.scene-inner{width:100%}.scene-title{font-size:clamp(70px,24vw,136px)}.scene-title em{padding-left:14vw}.scene-copy{padding-left:14vw;margin-top:55px;font-size:18px}.scene-index{right:19px;bottom:88px}.scroll-note{display:none}.intro{padding:120px 24px}.intro-title{font-size:clamp(64px,21vw,112px)}.grain{opacity:.055}}