: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", "Songti SC", "STSong", Georgia, serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", system-ui, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--world-bg: oklch(14% .018 145);--world-fg: oklch(96% .012 100);--world-muted: oklch(79% .018 110);--world-line: oklch(93% .012 100 / .22);--focus: oklch(84% .13 92);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-scene: cubic-bezier(.77, 0, .175, 1)}*{box-sizing:border-box}html{color-scheme:dark;background:var(--world-bg);scroll-behavior:auto}body{margin:0;overflow-x:hidden;background:var(--world-bg);color:var(--world-fg);font-family:var(--font-body)}button,a{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{color:inherit}.skip-link{position:fixed;left:16px;top:12px;z-index:20;padding:10px 14px;background:#0c140c;color:var(--world-fg);transform:translateY(-160%);transition:transform .15s var(--ease-out)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.world{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--world-bg)}canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#scene-back{z-index:1}#scene-front{z-index:4;pointer-events:none}.film{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:.15;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.canvas-fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 72% 23%,oklch(72% .09 90 / .22),transparent 29%),linear-gradient(160deg,#071b0f,#020306)}.masthead{position:fixed;z-index:8;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(920px,calc(100% - 32px));min-height:56px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:8px 10px 8px 18px;border:1px solid var(--world-line);border-radius:999px;background:#020704c2;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:inset 0 1px #ffffff1c,0 16px 50px #0002012e}.brand{font-family:var(--font-display);font-size:17px;letter-spacing:.08em;white-space:nowrap}.chapter-nav{display:flex;justify-content:center;min-width:0}.chapter-nav button{position:relative;min-width:44px;min-height:44px;padding:0 10px;border:0;background:transparent;color:var(--world-muted);cursor:pointer;transition:color .15s var(--ease-out),transform .12s var(--ease-out)}.chapter-nav button:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .15s var(--ease-out)}.chapter-nav button[aria-current=true]{color:var(--world-fg)}.chapter-nav button[aria-current=true]:after{transform:scaleX(1)}.chapter-nav button:active,.mode-button:active{transform:scale(.97)}.mode-button{min-width:58px;min-height:44px;padding:0 14px;border:1px solid var(--world-line);border-radius:999px;background:#edebe414;cursor:pointer;transition:background-color .15s var(--ease-out),transform .12s var(--ease-out);white-space:nowrap}.mode-button[aria-pressed=true]{background:#c7c6a938}main{position:relative;z-index:3}.chapter{position:relative;min-height:155svh;display:grid;align-items:center;padding:120px max(5vw,24px) 16vh;scroll-margin-top:90px}.chapter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,oklch(8% .015 180 / .26),transparent 54%);opacity:var(--shade, .4)}.chapter-copy{position:relative;z-index:2;width:min(610px,46vw);text-wrap:pretty}.chapter:nth-child(2n) .chapter-copy{margin-left:auto;width:min(570px,43vw)}.chapter h1,.chapter h2{margin:0;font-family:var(--font-display);font-weight:400;letter-spacing:0;text-wrap:balance;text-shadow:0 2px 30px oklch(5% .02 160 / .42)}.chapter h1{font-size:clamp(56px,8.4vw,118px);line-height:1.33}.chapter h2{font-size:clamp(48px,6.8vw,94px);line-height:1.34}.chapter p{max-width:31em;margin:24px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.8;color:#edece0;text-shadow:0 1px 20px oklch(5% .03 170 / .55)}.season-mark{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;font:510 12px/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:#e1dfcc}.season-mark:before{content:"";width:34px;height:1px;background:currentColor}.scene-note{margin-top:28px;font-size:13px;color:#cecfc0;letter-spacing:.02em}.chapter[data-scene=summer] .chapter-copy{align-self:start;margin-top:20vh}.chapter[data-scene=autumn] .chapter-copy{align-self:end;margin-bottom:17vh}.chapter[data-scene=winter] .chapter-copy{align-self:center;margin-left:7vw}.chapter[data-scene=return]{min-height:110svh;text-align:center}.chapter[data-scene=return] .chapter-copy{margin:auto;width:min(720px,88vw)}.chapter[data-scene=return] p{margin-inline:auto}.progress{position:fixed;z-index:8;right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:1px;height:104px;background:var(--world-line)}.progress span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--world-fg);transform-origin:bottom;transform:scaleY(var(--progress, 0))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:hover)and (pointer:fine){.chapter-nav button:hover{color:var(--world-fg);transform:translateY(-1px)}.mode-button:hover{background:#edebe429}}@media(max-width:767px){.masthead{top:max(10px,env(safe-area-inset-top));width:calc(100% - 20px);min-height:54px;grid-template-columns:auto 1fr auto;gap:6px;padding-left:14px}.brand{font-size:15px}.chapter-nav{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.chapter-nav::-webkit-scrollbar{display:none}.chapter-nav button{padding-inline:7px;font-size:13px}.mode-button{min-width:52px;padding-inline:10px;font-size:13px}.chapter{min-height:145svh;padding:108px 20px 18vh;align-items:center}.chapter:after{background:linear-gradient(0deg,oklch(7% .018 170 / .62),transparent 68%)}.chapter-copy,.chapter:nth-child(2n) .chapter-copy,.chapter[data-scene=winter] .chapter-copy{width:100%;margin-left:0;align-self:end;margin-bottom:7vh}.chapter[data-scene=summer] .chapter-copy{align-self:start;margin-top:14vh}.chapter[data-scene=autumn] .chapter-copy{align-self:end;margin-bottom:10vh}.chapter h1{font-size:clamp(52px,18vw,74px)}.chapter h2{font-size:clamp(45px,15vw,66px)}.chapter p{max-width:27em;font-size:16px;line-height:1.75}.scene-note{font-size:12px}.progress{right:8px;height:76px}}@media(prefers-reduced-motion:reduce){.chapter-nav button,.chapter-nav button:after,.mode-button,.skip-link{transition-duration:0ms}.film{opacity:.08}}body[data-perf=low] .film{display:none}@media(prefers-reduced-transparency:reduce){.masthead{backdrop-filter:none;-webkit-backdrop-filter:none;background:#030905}}