*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--accent) var(--bg)}:root{--font-display: "Instrument Serif", serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "Space Mono", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--transition-theme: .8s var(--ease-out)}[data-season=spring]{--bg: #f5f0e8;--bg-rgb: 245, 240, 232;--fg: #1a1a18;--fg-rgb: 26, 26, 24;--accent: #4a7c59;--accent-rgb: 74, 124, 89;--accent2: #c85a7c;--accent2-rgb: 200, 90, 124;--surface: #e8e0d0;--panel-bg: rgba(245, 240, 232, .7);--panel-border: rgba(26, 26, 24, .15);--glow: rgba(74, 124, 89, .3);--noise-opacity: .03;--em-color: var(--accent2)}[data-season=summer]{--bg: #fefaf2;--bg-rgb: 254, 250, 242;--fg: #2a1f0e;--fg-rgb: 42, 31, 14;--accent: #e8a025;--accent-rgb: 232, 160, 37;--accent2: #d4542a;--accent2-rgb: 212, 84, 42;--surface: #f5e6c8;--panel-bg: rgba(254, 250, 242, .7);--panel-border: rgba(42, 31, 14, .12);--glow: rgba(232, 160, 37, .35);--noise-opacity: .025;--em-color: var(--accent2)}[data-season=autumn]{--bg: #1c1714;--bg-rgb: 28, 23, 20;--fg: #e8ddd0;--fg-rgb: 232, 221, 208;--accent: #c4622a;--accent-rgb: 196, 98, 42;--accent2: #8b3a4a;--accent2-rgb: 139, 58, 74;--surface: #2a2220;--panel-bg: rgba(42, 34, 32, .7);--panel-border: rgba(232, 221, 208, .12);--glow: rgba(196, 98, 42, .3);--noise-opacity: .04;--em-color: var(--accent)}[data-season=winter]{--bg: #0a0e14;--bg-rgb: 10, 14, 20;--fg: #c8d4e0;--fg-rgb: 200, 212, 224;--accent: #5a8fb4;--accent-rgb: 90, 143, 180;--accent2: #a0c4e8;--accent2-rgb: 160, 196, 232;--surface: #141c28;--panel-bg: rgba(20, 28, 40, .7);--panel-border: rgba(200, 212, 224, .1);--glow: rgba(90, 143, 180, .25);--noise-opacity: .035;--em-color: var(--accent2)}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);overflow-x:hidden;cursor:none;transition:background var(--transition-theme),color var(--transition-theme)}a{color:var(--fg);text-decoration:none}::selection{background:var(--accent);color:var(--bg)}#world{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;mix-blend-mode:overlay}.transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none;display:flex;flex-direction:column}.tear-line{flex:1;background:var(--fg);transform:scaleX(0);transform-origin:left center;opacity:0}.side-timeline{position:fixed;right:32px;top:50%;transform:translateY(-50%);z-index:100;display:flex;align-items:center;gap:14px}.timeline-track{width:3px;height:160px;background:var(--panel-border);border-radius:2px;position:relative;overflow:hidden;transition:background var(--transition-theme)}.timeline-progress{position:absolute;top:0;left:0;width:100%;height:25%;background:var(--accent);border-radius:2px;transition:height .8s var(--ease-out),top .8s var(--ease-out),background var(--transition-theme)}.timeline-labels{display:flex;flex-direction:column;gap:28px}.tl-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--fg);opacity:.25;cursor:none;transition:opacity .3s ease,color var(--transition-theme);line-height:1}.tl-label:hover{opacity:.6}.tl-label.active{opacity:1;color:var(--accent)}.header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:flex-start;justify-content:space-between;padding:28px 40px;pointer-events:none}.header>*{pointer-events:auto}.logo{font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:.15em;color:var(--fg);transition:color var(--transition-theme)}.season-dial{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:none;-webkit-user-select:none;user-select:none}.dial-ring{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--fg);position:relative;transition:border-color var(--transition-theme),transform .4s var(--ease-out)}.season-dial:hover .dial-ring{transform:scale(1.08)}.dial-marker{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--fg);opacity:.2;transition:opacity .4s ease,background var(--transition-theme),transform .3s ease}.dial-marker.active{opacity:1;background:var(--accent)}.dm-1{top:-3px;left:50%;transform:translate(-50%)}.dm-2{top:50%;right:-3px;transform:translateY(-50%)}.dm-3{bottom:-3px;left:50%;transform:translate(-50%)}.dm-4{top:50%;left:-3px;transform:translateY(-50%)}.dm-1.active{transform:translate(-50%) scale(1.6)}.dm-2.active{transform:translateY(-50%) scale(1.6)}.dm-3.active{transform:translate(-50%) scale(1.6)}.dm-4.active{transform:translateY(-50%) scale(1.6)}.dial-needle{position:absolute;top:50%;left:50%;width:2px;height:22px;background:var(--accent);transform-origin:bottom center;transform:translate(-50%,-100%) rotate(0);transition:transform .8s var(--ease-out),background var(--transition-theme);border-radius:1px}.dial-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:var(--bg);border:1.5px solid var(--fg);display:flex;align-items:center;justify-content:center;transition:background var(--transition-theme),border-color var(--transition-theme);pointer-events:none}.dial-season-abbr{font-family:var(--font-mono);font-size:7px;font-weight:700;letter-spacing:.05em;color:var(--fg);transition:color var(--transition-theme)}.dial-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;color:var(--fg);opacity:.5;transition:color var(--transition-theme),opacity .3s ease}.season-dial:hover .dial-label{opacity:1}.epoch-badge{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--fg);opacity:.6;padding:8px 16px;border:1px solid var(--panel-border);border-radius:24px;transition:color var(--transition-theme),border-color var(--transition-theme)}.content{position:relative;z-index:2;pointer-events:none}.content *{pointer-events:auto}.section{position:relative;min-height:100vh}.section-hero{display:flex;flex-direction:column;justify-content:center;padding:100px 40px 120px;min-height:100vh;position:relative}.section-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 55% at 55% 45%,transparent 0%,rgba(var(--bg-rgb),.4) 50%,rgba(var(--bg-rgb),.92) 100%);z-index:3;pointer-events:none;transition:background 1s ease}.hero-title{position:relative;z-index:5}.hero-h1{display:flex;flex-direction:column;line-height:.88}.hero-line{font-family:var(--font-display);font-weight:400;font-style:italic;font-size:clamp(72px,13vw,200px);letter-spacing:-.04em;color:var(--fg);transition:color var(--transition-theme);display:block;overflow:hidden;will-change:transform}.hero-line-2{margin-left:8vw}.hero-line-3{margin-left:2vw}.hero-dot{color:var(--accent);transition:color var(--transition-theme)}@keyframes pulse-glow{0%,to{text-shadow:0 0 8px var(--glow)}50%{text-shadow:0 0 24px var(--glow),0 0 48px var(--glow)}}.hero-dot{animation:pulse-glow 3s ease-in-out infinite}.floating-season{position:absolute;bottom:100px;right:80px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.floating-season-text{font-family:var(--font-display);font-size:clamp(40px,5vw,72px);font-style:italic;color:var(--accent);opacity:.15;line-height:1;transition:color var(--transition-theme),opacity .8s ease}.floating-season-phase{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--fg);opacity:.35;transition:color var(--transition-theme)}.hero-season-progress{position:absolute;bottom:52px;left:50%;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:8px}.hsp-bar{width:140px;height:1px;background:#ffffff1f;border-radius:1px;overflow:hidden}.hsp-fill{height:100%;width:0%;background:var(--accent);border-radius:1px;transition:width .1s linear}.hsp-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--fg);opacity:.28;text-transform:uppercase}.audio-btn{position:fixed;bottom:40px;right:44px;z-index:200;width:38px;height:38px;border-radius:50%;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:none;display:flex;align-items:center;justify-content:center;opacity:.45;transition:opacity .3s,background .3s,color .3s}.audio-btn:hover{opacity:1}.audio-btn.active{opacity:1;background:var(--accent);color:var(--bg)}.audio-icon{pointer-events:none;display:block}.audio-icon--on{display:none}.audio-icon--off,.audio-btn.active .audio-icon--on{display:block}.audio-btn.active .audio-icon--off{display:none}.hero-marquee{position:absolute;bottom:0;left:0;right:0;overflow:hidden;z-index:5;border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);padding:12px 0;transition:border-color var(--transition-theme)}.marquee-track{display:flex;gap:0;white-space:nowrap;animation:marquee-scroll 30s linear infinite}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--fg);opacity:.35;padding:0 20px;transition:color var(--transition-theme)}.marquee-sep{color:var(--accent);opacity:.4;padding:0 8px;font-size:8px;transition:color var(--transition-theme)}.section-season-moment{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:120px 80px;position:relative;overflow:hidden}.moment-content{position:relative;z-index:2}.moment-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--accent);opacity:.7;margin-bottom:36px;display:flex;align-items:center;gap:12px;transition:color var(--transition-theme)}.moment-eyebrow:before{content:"";display:inline-block;width:32px;height:1px;background:var(--accent);opacity:.6}.moment-heading{font-family:var(--font-display);font-size:clamp(48px,7.5vw,118px);font-weight:400;font-style:italic;line-height:.88;letter-spacing:-.04em;color:var(--fg);margin-bottom:44px;transition:color var(--transition-theme)}.moment-line{display:block}.moment-line--accent{color:var(--accent);transition:color var(--transition-theme)}.moment-body{font-family:var(--font-sans);font-size:clamp(14px,1.1vw,17px);line-height:1.8;color:var(--fg);opacity:.58;max-width:400px;margin-bottom:52px;transition:color var(--transition-theme)}.moment-data{display:flex;gap:44px;border-top:1px solid var(--panel-border);padding-top:28px;transition:border-color var(--transition-theme)}.moment-stat{display:flex;flex-direction:column;gap:6px}.moment-stat-num{font-family:var(--font-display);font-size:clamp(28px,3vw,52px);font-style:italic;color:var(--accent);line-height:1;transition:color var(--transition-theme)}.moment-stat-lbl{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--fg);opacity:.4;text-transform:uppercase}.moment-side{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.moment-glyph{font-size:clamp(160px,28vw,420px);color:var(--accent);opacity:.06;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;transition:color var(--transition-theme);font-family:var(--font-display);font-style:italic}@media(max-width:768px){.section-season-moment{grid-template-columns:1fr;padding:100px 24px 80px}.moment-side{display:none}}.section-statement{display:grid;grid-template-columns:300px 1fr;align-items:start;padding:120px 60px 120px 40px;min-height:100vh;gap:80px;position:relative}.stmt-aside{position:sticky;top:100px}.stmt-card{display:flex;flex-direction:column;gap:22px;padding:28px 24px;background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:20px;transition:background var(--transition-theme),border-color var(--transition-theme);overflow:hidden;position:relative}.stmt-card:after{content:"";position:absolute;top:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;pointer-events:none}.stmt-card-head{display:flex;align-items:flex-start;justify-content:space-between}.stmt-num{font-family:var(--font-display);font-size:52px;font-style:italic;color:var(--fg);line-height:1;opacity:.18;transition:color var(--transition-theme),opacity .4s ease}.stmt-card:hover .stmt-num{opacity:.35}.stmt-card-labels{text-align:right;display:flex;flex-direction:column;gap:3px;padding-top:4px}.stmt-season-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--accent);transition:color var(--transition-theme)}.stmt-note-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;color:var(--fg);opacity:.3;transition:color var(--transition-theme)}.stmt-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 0}#stmtRingCanvas{width:160px;height:160px;display:block;margin:0 auto}.stmt-ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.stmt-ring-name{font-family:var(--font-display);font-size:20px;font-style:italic;color:var(--fg);display:block;line-height:1;transition:color var(--transition-theme)}.stmt-ring-phase{font-family:var(--font-mono);font-size:8px;letter-spacing:.2em;color:var(--accent);display:block;margin-top:4px;transition:color var(--transition-theme)}.stmt-blockquote{margin:0;padding:0 0 0 14px;border-left:2px solid var(--accent);position:relative;transition:border-color var(--transition-theme)}.stmt-bq-mark{font-family:var(--font-display);font-size:28px;color:var(--accent);line-height:1;display:block;margin-bottom:4px;opacity:.5;transition:color var(--transition-theme)}.stmt-bq-text{font-family:var(--font-display);font-size:14px;font-style:italic;line-height:1.7;color:var(--fg);opacity:.6;margin:0;transition:color var(--transition-theme)}.stmt-metrics{display:flex;flex-direction:column;gap:9px;padding-top:16px;border-top:1px solid var(--panel-border);transition:border-color var(--transition-theme)}.stmt-metric-row{display:flex;align-items:center;gap:9px}.stmt-metric-lbl{font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;color:var(--fg);opacity:.28;width:44px;flex-shrink:0;transition:color var(--transition-theme)}.stmt-metric-track{flex:1;height:2px;background:var(--panel-border);border-radius:1px;overflow:hidden;transition:background var(--transition-theme)}.stmt-metric-fill{height:100%;background:var(--accent);border-radius:1px;transform:scaleX(0);transform-origin:left center;transition:background var(--transition-theme)}.stmt-metric-val{font-family:var(--font-mono);font-size:9px;color:var(--accent);width:28px;text-align:right;flex-shrink:0;opacity:.7;transition:color var(--transition-theme)}.stmt-text-area{padding-top:20px;position:relative}.stmt-lines{display:flex;flex-direction:column;gap:0}.stmt-line{display:block;overflow:hidden;cursor:none}.stmt-line-inner{font-family:var(--font-display);font-size:clamp(48px,5.8vw,88px);font-weight:400;line-height:1.14;color:var(--fg);display:block;transform:translateY(105%);opacity:0;will-change:transform,opacity;transition:color var(--transition-theme)}.stmt-em{font-style:italic;color:var(--em-color);position:relative;display:inline-block;transition:color var(--transition-theme)}.stmt-em-flood{position:absolute;top:-2px;right:-6px;bottom:-2px;left:-6px;background:var(--em-color);transform:scaleX(0);transform-origin:left center;border-radius:3px;opacity:.15;pointer-events:none}.stmt-em-text{position:relative;z-index:1;display:inline-block}.stmt-lines.line-focused .stmt-line:not(.stmt-line--hovered) .stmt-line-inner{opacity:.35;transition:opacity .3s ease,color var(--transition-theme)}.stmt-lines.line-focused .stmt-line.stmt-line--hovered .stmt-line-inner{opacity:1}.stmt-rule{height:1px;background:var(--panel-border);margin-top:48px;transform:scaleX(0);transform-origin:left center;transition:background var(--transition-theme)}.big-text{font-family:var(--font-display);font-size:clamp(36px,5.5vw,80px);font-weight:400;line-height:1.15;color:var(--fg);transition:color var(--transition-theme)}.big-line{display:block}.em-highlight{font-style:italic;color:var(--em-color);transition:color var(--transition-theme);position:relative}.em-highlight:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:2px;background:var(--em-color);opacity:.3;transition:background var(--transition-theme)}.section-epochs{padding:120px 40px;min-height:auto}.epochs-title{font-family:var(--font-display);font-size:clamp(48px,7vw,100px);font-weight:400;text-align:center;color:var(--fg);line-height:1;transition:color var(--transition-theme)}.epochs-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-align:center;color:var(--fg);opacity:.4;margin-top:16px;margin-bottom:80px;transition:color var(--transition-theme)}.epochs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1400px;margin:0 auto}.epoch-card{padding:28px;background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1px solid transparent;transition:border-color .3s ease,background var(--transition-theme),transform .4s var(--ease-out);cursor:none}.epoch-card:hover{transform:translateY(-6px);border-color:var(--accent)}[data-season=spring] .epoch-card[data-epoch=spring],[data-season=summer] .epoch-card[data-epoch=summer],[data-season=autumn] .epoch-card[data-epoch=autumn],[data-season=winter] .epoch-card[data-epoch=winter]{border-color:var(--accent)}.epoch-num{font-family:var(--font-mono);font-size:11px;color:var(--accent);margin-bottom:20px;transition:color var(--transition-theme)}.epoch-visual{width:100%;height:140px;border-radius:10px;background:rgba(var(--accent-rgb),.06);margin-bottom:20px;overflow:hidden;transition:background var(--transition-theme)}.epoch-name{font-family:var(--font-display);font-size:28px;font-style:italic;color:var(--fg);margin-bottom:12px;transition:color var(--transition-theme)}.epoch-desc{font-family:var(--font-body);font-size:13px;line-height:1.65;color:var(--fg);opacity:.45;transition:color var(--transition-theme)}.section-philosophy{display:flex;align-items:center;justify-content:center;padding:120px 80px;min-height:100vh}.philosophy-text .big-text{text-align:center}.philosophy-text .big-line{display:block}.footer{display:flex;align-items:flex-end;justify-content:space-between;padding:60px 40px 40px;border-top:1px solid var(--panel-border);transition:border-color var(--transition-theme)}.footer-logo-text{font-family:var(--font-display);font-size:36px;font-style:italic;color:var(--fg);transition:color var(--transition-theme)}.footer-top-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:1px solid var(--panel-border);border-radius:12px;color:var(--fg);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;padding:12px 20px;cursor:none;transition:all .3s ease,border-color var(--transition-theme),color var(--transition-theme)}.footer-top-btn:hover{background:var(--fg);color:var(--bg)}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.footer-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--fg);opacity:.4;transition:color var(--transition-theme)}.footer-year{font-family:var(--font-mono);font-size:13px;color:var(--fg);transition:color var(--transition-theme)}#cursor-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998}[data-scroll-reveal] .hero-line,[data-scroll-reveal] .big-line{transform:translateY(110%);opacity:0;transition:transform 1s var(--ease-out),opacity 1s var(--ease-out)}[data-scroll-reveal].revealed .hero-line,[data-scroll-reveal].revealed .big-line{transform:translateY(0);opacity:1}[data-scroll-reveal] .hero-line:nth-child(2),[data-scroll-reveal] .big-line:nth-child(2){transition-delay:.08s}[data-scroll-reveal] .hero-line:nth-child(3),[data-scroll-reveal] .big-line:nth-child(3){transition-delay:.16s}[data-scroll-reveal] .big-line:nth-child(4){transition-delay:.24s}[data-scroll-reveal] .big-line:nth-child(5){transition-delay:.32s}[data-scroll-reveal] .big-line:nth-child(6){transition-delay:.4s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}@media(max-width:1024px){.epochs-grid{grid-template-columns:repeat(2,1fr)}.section-statement{grid-template-columns:1fr}.stmt-aside{position:static}.side-timeline{display:none}}@media(max-width:640px){.header{padding:20px}.section-hero{padding:100px 20px 80px}.section-statement{padding:60px 20px}.section-epochs,.section-philosophy{padding:80px 20px}.epochs-grid{grid-template-columns:1fr}.floating-season{display:none}.footer{flex-direction:column;align-items:center;gap:30px}.footer-right{align-items:center}.side-timeline{display:none}}