*,*: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:default;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:pointer;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:pointer;-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-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-statement{display:flex;align-items:center;padding:80px 40px;gap:60px;min-height:100vh}.statement-sidebar{flex-shrink:0;width:260px}.sidebar-card{padding:24px;background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;transition:background var(--transition-theme)}.sidebar-icon{width:100%;height:120px;border-radius:12px;background:rgba(var(--accent-rgb),.08);margin-bottom:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background var(--transition-theme)}.sidebar-text{font-family:var(--font-body);font-size:14px;line-height:1.7;color:var(--fg);opacity:.55;transition:color var(--transition-theme)}.statement-text{flex:1}.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:pointer}.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:pointer;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-follower{position:fixed;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--accent);pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,border-color var(--transition-theme),opacity .3s ease;opacity:0;mix-blend-mode:difference}.cursor-follower.visible{opacity:1}.cursor-follower.hovering{width:50px;height:50px;border-color:var(--accent2)}.cursor-dot{position:fixed;width:5px;height:5px;border-radius:50%;background:var(--accent);pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:background var(--transition-theme);opacity:0;mix-blend-mode:difference}.cursor-dot.visible{opacity:1}[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{flex-direction:column}.statement-sidebar{width:100%}.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}}