*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--gold: #c9a55a;--gold-dim: rgba(201, 165, 90, .4);--gold-glow: rgba(201, 165, 90, .15);--gold-faint: rgba(201, 165, 90, .07);--bg: #0a0a0a;--bg-subtle: #111111;--text: #d4d0c8;--text-dim: #9f9a90;--text-faint: #857e74}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--gold-dim) var(--bg)}body{background:var(--bg);color:var(--text);font-family:Libre Baskerville,Georgia,serif;font-weight:300;font-size:20px;line-height:1.85;overflow-x:hidden;-webkit-font-smoothing:antialiased}.circle-anchor{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0}.circle-anchor .ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid var(--gold-dim);transform:translate(-50%,-50%);transition:width 1.8s cubic-bezier(.23,1,.32,1),height 1.8s cubic-bezier(.23,1,.32,1),opacity 1.8s ease,border-color 1.8s ease}.circle-anchor .ring-inner{width:80px;height:80px;opacity:0;border-color:var(--gold)}.circle-anchor .ring-mid{width:200px;height:200px;opacity:0;border-style:dashed}.circle-anchor .ring-outer{width:400px;height:400px;opacity:0}.circle-anchor .ring-vast{width:90vmax;height:90vmax;opacity:0;border-color:var(--gold-glow)}.circle-anchor .ring-pulse{position:absolute;top:50%;left:50%;width:6px;height:6px;background:var(--gold);border-radius:50%;transform:translate(-50%,-50%);opacity:0;box-shadow:0 0 20px var(--gold-dim),0 0 60px var(--gold-faint)}body[data-phase=origin] .ring-pulse{opacity:1}body[data-phase=origin] .ring-inner{opacity:.5;width:60px;height:60px}body[data-phase=self] .ring-pulse{opacity:.8}body[data-phase=self] .ring-inner{opacity:.6;width:100px;height:100px}body[data-phase=conflict] .ring-pulse{opacity:.6}body[data-phase=conflict] .ring-inner{opacity:.5;width:120px;height:120px}body[data-phase=conflict] .ring-mid{opacity:.25;width:260px;height:260px}body[data-phase=expansion] .ring-pulse{opacity:.4}body[data-phase=expansion] .ring-inner{opacity:.4;width:160px;height:160px}body[data-phase=expansion] .ring-mid{opacity:.3;width:360px;height:360px}body[data-phase=expansion] .ring-outer{opacity:.15;width:600px;height:600px}body[data-phase=oneness] .ring-pulse{opacity:.3;width:10px;height:10px}body[data-phase=oneness] .ring-inner{opacity:.25;width:250px;height:250px}body[data-phase=oneness] .ring-mid{opacity:.2;width:500px;height:500px}body[data-phase=oneness] .ring-outer{opacity:.12;width:800px;height:800px}body[data-phase=oneness] .ring-vast{opacity:.06}body[data-phase=resolve] .ring-pulse{opacity:.2;width:14px;height:14px;box-shadow:0 0 40px var(--gold-dim),0 0 120px var(--gold-faint)}body[data-phase=resolve] .ring-inner{opacity:.15;width:300px;height:300px}body[data-phase=resolve] .ring-mid{opacity:.12;width:600px;height:600px}body[data-phase=resolve] .ring-outer{opacity:.08;width:100vmax;height:100vmax}body[data-phase=resolve] .ring-vast{opacity:.04;width:160vmax;height:160vmax}body[data-phase=finale] .ring-pulse{opacity:0;width:20px;height:20px;box-shadow:0 0 60px var(--gold-dim),0 0 160px var(--gold-faint);transition:all 3s ease}body[data-phase=finale] .ring-inner{opacity:.08;width:400px;height:400px;transition:all 3s cubic-bezier(.23,1,.32,1)}body[data-phase=finale] .ring-mid{opacity:.06;width:800px;height:800px;transition:all 3s cubic-bezier(.23,1,.32,1)}body[data-phase=finale] .ring-outer{opacity:.04;width:140vmax;height:140vmax;transition:all 3.5s cubic-bezier(.23,1,.32,1)}body[data-phase=finale] .ring-vast{opacity:.02;width:200vmax;height:200vmax;transition:all 4s cubic-bezier(.23,1,.32,1)}.content{position:relative;z-index:5;isolation:isolate}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative}.hero-overline{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:2.5rem;opacity:0;animation:fadeUp 1.5s ease .5s forwards}.hero h1{font-family:Cormorant Garamond,serif;font-weight:300;font-size:clamp(2.6rem,7vw,5.5rem);color:var(--gold);letter-spacing:.04em;line-height:1.15;margin-bottom:1.5rem;opacity:0;animation:fadeUp 2s ease .8s forwards}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.35rem);font-weight:300;font-style:italic;color:var(--text-dim);max-width:560px;line-height:1.7;opacity:0;animation:fadeUp 2s ease 1.3s forwards}.hero-scroll{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;opacity:0;animation:fadeUp 1.5s ease 2.2s forwards}.hero-scroll span{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-faint)}.hero-scroll .scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,var(--gold-dim),transparent);animation:scrollPulse 2.5s ease-in-out infinite}.essay-section{max-width:720px;margin:0 auto;padding:6rem 2rem}.section-break{height:20vh;min-height:100px}.section-break-large{height:35vh;min-height:160px}.block{margin-bottom:2.2rem;opacity:0;transform:translateY(24px);transition:opacity 1s ease,transform 1s ease}.block.visible{opacity:1;transform:translateY(0)}.block p{margin-bottom:0}.emphasis{font-style:italic;color:var(--gold);font-size:1.1em}.emphasis-dim{font-style:italic;color:var(--text-dim)}.keystone{text-align:center;padding:2.5rem 0;margin:4rem 0 2.5rem}.keystone p{font-family:Cormorant Garamond,serif;font-weight:400;font-size:clamp(1.2rem,3vw,1.6rem);color:var(--gold);line-height:2.2;letter-spacing:.02em}.pull-quote{max-width:620px;margin:5rem auto;padding:3rem 0;text-align:center;border-top:1px solid var(--gold-faint);border-bottom:1px solid var(--gold-faint)}.pull-quote p{font-family:Cormorant Garamond,serif;font-weight:400;font-size:clamp(1.3rem,3.5vw,1.8rem);color:var(--gold);line-height:1.6;letter-spacing:.01em}.triad{margin:3rem 0;padding-left:1.8rem;border-left:1px solid var(--gold-faint)}.triad p{margin-bottom:.8rem;color:var(--text-dim);font-size:1.05em}.triad p:last-child{margin-bottom:0}.thought-experiment{background:var(--bg-subtle);border:1px solid rgba(201,165,90,.08);border-radius:2px;padding:3rem 2.5rem;margin:3.5rem 0;position:relative}.thought-experiment:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.thought-experiment .te-label{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:1.8rem}.section-heading{font-family:Cormorant Garamond,serif;font-weight:300;font-size:clamp(1.5rem,4vw,2.2rem);color:var(--gold);text-align:center;letter-spacing:.05em;margin-bottom:3.5rem}.section-heading:after{content:"";display:block;width:40px;height:1px;background:var(--gold-dim);margin:1.5rem auto 0}.divider{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin:4rem auto;max-width:200px}.divider span{width:4px;height:4px;background:var(--gold-dim);border-radius:50%}.divider .divider-line{flex:1;height:1px;background:var(--gold-faint)}.identity-lens{max-width:560px;margin:4rem auto;padding:3rem 2.5rem;background:var(--bg-subtle);border:1px solid rgba(201,165,90,.1);border-radius:2px;position:relative}.identity-lens:before{content:"";position:absolute;top:0;left:2.5rem;right:2.5rem;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.identity-lens .il-label{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:2rem;text-align:center}.identity-lens .il-intro{font-style:italic;color:var(--text-dim);margin-bottom:2rem;text-align:center;font-size:1.05em}.identity-lens .il-questions{list-style:none;counter-reset:il-counter}.identity-lens .il-questions li{counter-increment:il-counter;padding:.7rem 0 .7rem 2.2rem;position:relative;color:var(--text);font-size:1.05em;border-bottom:1px solid rgba(201,165,90,.05)}.identity-lens .il-questions li:last-child{border-bottom:none}.identity-lens .il-questions li:before{content:counter(il-counter);position:absolute;left:0;top:.7rem;font-size:.85em;color:var(--gold-dim);font-weight:400}.identity-lens .il-note{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(201,165,90,.06);font-style:italic;color:var(--text-dim);font-size:.95em;text-align:center}.diagram-container{max-width:600px;margin:5rem auto;text-align:center;padding:0 2rem}.diagram-visual{position:relative;width:340px;height:340px;margin:0 auto 3rem}.diagram-ring{position:absolute;border-radius:50%;border:1px solid;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:flex-start;justify-content:center}.diagram-ring-1{width:340px;height:340px;border-color:#c9a55a1f}.diagram-ring-2{width:270px;height:270px;border-color:#c9a55a2e}.diagram-ring-3{width:200px;height:200px;border-color:#c9a55a40}.diagram-ring-4{width:130px;height:130px;border-color:#c9a55a59}.diagram-ring-5{width:60px;height:60px;border-color:var(--gold)}.diagram-label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);padding-top:8px;white-space:nowrap}.diagram-ring-5 .diagram-label{color:var(--gold-dim);padding-top:18px}.diagram-center-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--gold);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px var(--gold-dim)}.diagram-title{font-family:Cormorant Garamond,serif;font-weight:400;font-size:1.1rem;color:var(--gold);letter-spacing:.08em;margin-bottom:1rem}.diagram-caption{font-style:italic;color:var(--text-dim);font-size:.95em;line-height:1.7;max-width:480px;margin:0 auto}.diagram-caption-secondary{font-size:.85em;color:var(--text-faint);margin-top:.8rem;font-style:normal}.three-circles{max-width:720px;margin:5rem auto;padding:3rem 2rem;text-align:center}.three-circles-title{font-family:Cormorant Garamond,serif;font-weight:400;font-size:1.1rem;color:var(--gold);letter-spacing:.08em;margin-bottom:2.5rem}.three-circles-grid{display:flex;justify-content:center;gap:2.5rem}.three-circles-col{flex:1;max-width:200px;text-align:center}.tc-ring{width:80px;height:80px;border-radius:50%;border:1px solid;margin:0 auto 1.2rem;position:relative;display:flex;align-items:center;justify-content:center}.tc-ring-small{width:60px;height:60px;border-color:var(--gold)}.tc-ring-medium{width:80px;height:80px;border-color:var(--gold-dim)}.tc-ring-boundless{width:100px;height:100px;border-color:#c9a55a26;border-style:dashed}.tc-ring:after{content:"";width:4px;height:4px;background:var(--gold);border-radius:50%;box-shadow:0 0 8px var(--gold-faint)}.tc-label{font-family:Cormorant Garamond,serif;font-weight:400;font-size:1rem;color:var(--gold);margin-bottom:.3rem}.tc-scope{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.8rem}.tc-result{font-style:italic;font-size:.9em;color:var(--text-dim);line-height:1.6}.three-circles-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--gold-faint);font-style:italic;color:var(--text-dim);font-size:.9em}@media(max-width:600px){.three-circles-grid{flex-direction:column;align-items:center;gap:2rem}.three-circles-col{max-width:240px}}.finale{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem}.finale p{font-family:Cormorant Garamond,serif;font-weight:300;font-size:clamp(1.3rem,3.5vw,2rem);color:var(--text);line-height:1.7;max-width:600px;margin-bottom:1.5rem}.finale .final-line{font-size:clamp(1.5rem,4vw,2.4rem);color:var(--gold);font-weight:400;margin-top:1rem}.colophon{text-align:center;padding:4rem 2rem 3rem;border-top:1px solid var(--gold-faint);max-width:500px;margin:0 auto}.colophon p{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-faint)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:.8}}@media(max-width:600px){body{font-size:18px}.essay-section{padding:4rem 1.5rem}.thought-experiment,.identity-lens{padding:2rem 1.5rem}.pull-quote{margin:3rem auto;padding:2rem 0}.triad{padding-left:1.2rem}.diagram-visual,.diagram-ring-1{width:280px;height:280px}.diagram-ring-2{width:224px;height:224px}.diagram-ring-3{width:168px;height:168px}.diagram-ring-4{width:112px;height:112px}.diagram-ring-5{width:56px;height:56px}}
