*{margin:0;padding:0;box-sizing:border-box}:root{--board-bg:#0f1014;--grid-line:rgba(255,255,255,.025);--grid-major:rgba(255,255,255,.045);--chalk:rgba(235,230,220,.65);--chalk-dim:rgba(235,230,220,.25);--dead-end:rgba(255,100,100,.5);--warm-accent:#c47a3a;--warm-glow:rgba(196,122,58,.08);--warm-text:rgba(255,228,200,.92);--warm-sub:rgba(220,180,145,.6);--warm-border:rgba(196,122,58,.2);--warm-num:rgba(196,122,58,.5);--cool-accent:#0ea5c9;--cool-glow:rgba(14,165,201,.08);--cool-text:rgba(200,240,255,.92);--cool-sub:rgba(140,210,235,.6);--cool-border:rgba(14,165,201,.2);--cool-num:rgba(14,165,201,.5)}html{scroll-behavior:smooth}body{background:var(--board-bg);overflow-x:hidden;font-family:Spectral,Georgia,serif;color:#ebe6dcd9;line-height:1.7}.graph-paper{position:fixed;inset:0;z-index:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),linear-gradient(var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;background-position:-1px -1px}.graph-paper:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 30%,rgba(0,0,0,.6) 100%);pointer-events:none}#mainSvg{position:fixed;inset:0;z-index:1;width:100vw;height:100vh;opacity:.45;pointer-events:none}#colorWash{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .3s;mix-blend-mode:overlay}#particleCanvas{position:fixed;inset:0;z-index:2;width:100vw;height:100vh;pointer-events:none;opacity:.5}#chalkTexture{position:fixed;inset:0;z-index:1;pointer-events:none;mix-blend-mode:multiply;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' seed='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.progress-bar{position:fixed;top:0;left:0;height:2px;z-index:200;width:0%;transition:background .5s}.progress-bar.warm{background:linear-gradient(90deg,#c47a3ae6,#dcb491b3)}.progress-bar.cool{background:linear-gradient(90deg,#0ea5c9e6,#8cd2ebb3)}#content{position:relative;z-index:10;pointer-events:none}#content *{pointer-events:auto}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 clamp(24px,6vw,120px)}.hero-pre{font-family:JetBrains Mono,monospace;font-size:clamp(11px,1.2vw,15px);letter-spacing:6px;text-transform:uppercase;color:var(--warm-accent);opacity:0;transform:translateY(20px);animation:fadeUp 1.2s .3s ease forwards}.hero-title{font-family:Cormorant Garamond,serif;font-size:clamp(48px,8vw,120px);font-weight:700;line-height:.95;margin:24px 0 16px;color:#ebe6dcf2;opacity:0;transform:translateY(30px);animation:fadeUp 1.4s .6s ease forwards}.hero-title em{font-style:italic;font-weight:400;color:var(--warm-accent)}.hero-sub{font-family:Spectral,serif;font-size:clamp(16px,1.8vw,22px);font-weight:300;font-style:italic;color:var(--warm-sub);max-width:600px;opacity:0;transform:translateY(20px);animation:fadeUp 1.2s 1s ease forwards}.hero-scroll{position:fixed;bottom:24px;left:0;right:0;text-align:center;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--chalk-dim);z-index:15;opacity:0;animation:fadein 1s 1.5s ease forwards;transition:opacity .5s}.hero-scroll.hidden{opacity:0!important;pointer-events:none;display:none}.hero-scroll:after{content:"";display:block;width:1px;height:30px;background:linear-gradient(to bottom,var(--warm-accent),transparent);margin:8px auto 0}@keyframes fadein{to{opacity:1}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.mono{font-family:Instrument Sans,sans-serif;font-weight:700;letter-spacing:-.01em}.preamble{max-width:760px;margin:0 auto;padding:0 clamp(24px,4vw,60px) 6vh;text-align:center}.preamble p{font-size:clamp(15px,1.5vw,19px);font-weight:300;color:#ebe6dcb3;line-height:1.9}.preamble p+p{margin-top:20px}.preamble strong{color:var(--warm-accent);font-weight:500}.preamble-breakout{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;padding:0 clamp(24px,4vw,60px)}.preamble-breakout p{font-family:Cormorant Garamond,serif;font-size:clamp(28px,4vw,56px);font-weight:700;line-height:1.15;color:#ebe6dcf2}.preamble .callout{margin-top:128px;padding:24px 0;margin-bottom:128px;border-top:1px solid var(--warm-border);border-bottom:1px solid var(--warm-border)}.preamble .callout p{font-family:Cormorant Garamond,serif;font-size:clamp(18px,2vw,24px);font-weight:600;color:#ebe6dce0;line-height:2;margin-top:0}.preamble .callout em{font-style:italic;color:#ebe6dc73;font-weight:400}.preamble .values{margin-top:32px;padding:24px 0;border-top:1px solid var(--warm-border);border-bottom:1px solid var(--warm-border)}.preamble .values p{font-family:Cormorant Garamond,serif;font-size:clamp(18px,2vw,24px);font-weight:600;color:#ebe6dce0;line-height:2}.preamble .values em{font-style:italic;color:#ebe6dc73;font-weight:400}.part-header{min-height:35vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:6vh clamp(24px,4vw,60px)}.part-label{font-family:JetBrains Mono,monospace;font-size:clamp(10px,1vw,13px);letter-spacing:8px;text-transform:uppercase;margin-bottom:16px}.part-title{font-family:Cormorant Garamond,serif;font-size:clamp(36px,5vw,72px);font-weight:700;line-height:1.05;margin-bottom:16px}.part-subtitle{font-family:Spectral,serif;font-size:clamp(14px,1.4vw,18px);font-weight:300;font-style:italic;max-width:500px}.part-header.warm .part-label{color:var(--warm-accent)}.part-header.warm .part-title{color:#ebe6dceb}.part-header.warm .part-subtitle{color:var(--warm-sub)}.part-header.cool .part-label{color:var(--cool-accent)}.part-header.cool .part-title{color:#d2f0ffeb}.part-header.cool .part-subtitle{color:var(--cool-sub)}.transition-zone{height:15vh;display:flex;align-items:center;justify-content:center}.transition-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--warm-accent),var(--cool-accent));opacity:.4}.principle{max-width:760px;margin:0 auto;padding:clamp(40px,5vh,80px) clamp(24px,4vw,60px);position:relative;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.principle.visible{opacity:1;transform:translateY(0)}.principle-num{font-family:JetBrains Mono,monospace;font-size:clamp(60px,8vw,100px);font-weight:300;line-height:1;margin-bottom:-8px;-webkit-text-stroke:1px currentColor;-webkit-text-fill-color:transparent}.principle-header{width:fit-content}.principle-tag{font-family:JetBrains Mono,monospace;font-size:clamp(9px,.9vw,12px);letter-spacing:5px;text-transform:uppercase;margin-bottom:8px;display:block;text-align:center}.principle-title{font-family:Cormorant Garamond,serif;font-size:clamp(28px,3.5vw,44px);font-weight:700;line-height:1.15;margin-bottom:20px}.principle-body{font-size:clamp(15px,1.4vw,18px);font-weight:300;line-height:1.85}.principle-body strong{font-weight:500}.principle-divider{width:40px;height:1px;margin-top:clamp(40px,5vh,80px)}.principle.warm .principle-num{color:var(--warm-num)}.principle.warm .principle-tag{color:var(--warm-accent)}.principle.warm .principle-title{color:var(--warm-text)}.principle.warm .principle-body{color:#f0dcc3b8}.principle.warm .principle-body strong{color:var(--warm-accent)}.principle.warm .principle-divider{background:var(--warm-border)}.principle.cool .principle-num{color:var(--cool-num)}.principle.cool .principle-tag{color:var(--cool-accent)}.principle.cool .principle-title{color:var(--cool-text)}.principle.cool .principle-body{color:#c3e1f0b8}.principle.cool .principle-body strong{color:var(--cool-accent)}.principle.cool .principle-divider{background:var(--cool-border)}.closing{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding:25vh clamp(24px,4vw,60px) 0;position:relative}.closing-title{font-family:Cormorant Garamond,serif;font-size:clamp(32px,4.5vw,60px);font-weight:700;color:#ebe6dceb;margin-bottom:20px;line-height:1.1}.closing-body{font-size:clamp(16px,1.5vw,20px);font-weight:300;font-style:italic;color:#ebe6dcb3;max-width:560px;line-height:1.8}.copyright{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-family:JetBrains Mono,monospace;font-size:clamp(9px,.8vw,11px);letter-spacing:3px;text-transform:uppercase;color:#ebe6dc33}.copyright a{color:#ebe6dc4d;text-decoration:none}.copyright a:hover{color:#ebe6dc80}.ghost-author{position:absolute;top:75vh;transform:translateY(-50%) translateY(8px);max-width:480px;font-family:Spectral,serif;font-size:clamp(12px,1.1vw,14px);font-weight:300;font-style:italic;color:#ebe6dc00;line-height:1.8;transition:color 1.2s ease,transform 1.2s ease;transform:translateY(8px)}.ghost-author.visible{color:#ebe6dc59;transform:translateY(-50%)}.ghost-author a{color:#ebe6dc00;text-decoration:none;border-bottom:1px solid transparent;transition:color 1.2s ease,border-color 1.2s ease}.ghost-author.visible a{color:#ebe6dc73;border-bottom-color:#ebe6dc26}.ghost-author.visible a:hover{color:#ebe6dcb3;border-bottom-color:#ebe6dc59}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:600px){.principle{padding:32px 20px}.hero{padding:0 20px}}