@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--peach:#f4b49c;--peach-light:#ffe0d2;--navy:#111f33;--navy-2:#192b43;--brass:#d7ad70;--cream:#fff5eb;--ink:#162338;--muted:#aeb8c6;--line:rgba(215,173,112,.35);--serif:"Playfair Display",Georgia,serif;--sans:"Space Grotesk",Arial,sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.65}a{color:inherit}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #ad6d2e;outline-offset:4px}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:10px 15px;background:var(--cream);color:var(--navy);transform:translateY(-160%)}.skip-link:focus{transform:none}
html:not(.js) .intro{display:none}
.intro{position:fixed;z-index:999;inset:0;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(20px,5vw,64px);overflow:hidden}.intro-top,.intro-foot{position:absolute;left:clamp(20px,5vw,64px);right:clamp(20px,5vw,64px);display:flex;justify-content:space-between;gap:20px;font:10px var(--mono);letter-spacing:.13em;color:#bcbcbc}.intro-top{top:30px}.intro-foot{bottom:24px}.intro-stage{height:clamp(80px,18vh,170px);display:grid;place-items:center}.intro-mark{width:min(260px,55vw);height:auto;animation:drift 2.5s ease-in-out both}.loading-label{font:12px var(--mono);letter-spacing:.2em;margin:12px 0 18px}.loading-label span{display:inline-block;min-width:4ch;text-align:right;color:var(--peach)}.production{font:500 clamp(2rem,6vw,5.5rem)/1.12 var(--serif);letter-spacing:-.04em;text-align:center;max-width:1100px;margin:0 0 28px;overflow-wrap:anywhere}.production a{color:#fff;text-decoration-color:var(--brass);text-decoration-thickness:2px;text-underline-offset:7px}.load-track{width:min(520px,80vw);height:2px;background:#343434}.load-track span{display:block;height:100%;width:0;background:var(--peach)}.skip-intro{margin-top:26px;background:transparent;border:1px solid #686868;color:#fff;padding:10px 15px;font:11px var(--mono);letter-spacing:.08em;cursor:pointer}.skip-intro:hover{background:#181818}.js body:not(.intro-done) main,.js body:not(.intro-done) .site-head,.js body:not(.intro-done) footer{visibility:hidden}.reduce-motion .intro{display:none!important}.reduce-motion body main,.reduce-motion body .site-head,.reduce-motion body footer{visibility:visible!important}
@keyframes drift{0%{transform:translateY(10px);opacity:.3}45%{transform:translateY(-5px);opacity:1}100%{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro{display:none!important}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.site-head{height:76px;background:var(--navy);color:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);border-bottom:1px solid var(--line)}.wordmark{font:11px var(--mono);letter-spacing:.1em;text-decoration:none}.wordmark span{color:var(--brass)}nav{display:flex;gap:clamp(14px,3vw,36px)}nav a{font-size:12px;text-decoration:none;color:#e2e5e8}nav a:hover{color:var(--peach)}
.hero{background:var(--navy);color:var(--cream);padding:28px clamp(20px,6vw,90px) 24px;min-height:calc(100svh - 76px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-meta,.hero-bottom{display:flex;justify-content:space-between;gap:20px;color:var(--brass);font:10px var(--mono);letter-spacing:.12em}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:3vw;max-width:1280px;width:100%;margin:auto}.eyebrow,.section-index{font:10px var(--mono);letter-spacing:.17em;text-transform:uppercase;color:#936c38}.hero .eyebrow{color:var(--brass)}h1{font:500 clamp(4rem,10vw,9.5rem)/.9 var(--serif);letter-spacing:-.075em;margin:26px 0 30px}h1 em,h2 em{color:var(--peach);font-weight:500}.hero-deck{font-size:clamp(16px,1.5vw,20px);max-width:530px;color:#d7dce3;line-height:1.65}.hero-deck strong{color:#fff}.text-link{display:inline-block;margin-top:22px;color:var(--peach);font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em;text-decoration:none;border-bottom:1px solid var(--brass);padding-bottom:8px}.text-link span{margin-left:20px}.stage-illustration{max-width:540px;justify-self:end}.stage-illustration svg{width:100%;display:block}.figure-note{font:10px var(--mono);color:#b6bdc8;text-align:right}.hero-bottom{padding-top:20px;border-top:1px solid var(--line)}
.manifesto{background:var(--peach);padding:clamp(56px,9vw,130px) clamp(20px,9vw,140px);display:grid;grid-template-columns:.5fr 1.5fr;gap:5vw}.manifesto .section-index{color:#714a2d}.manifesto h2,.interactive h2,.reflection-section h2,.guide-cta h2,.related h2{font:500 clamp(2.4rem,5.4vw,5.4rem)/1.05 var(--serif);letter-spacing:-.055em;margin:0 0 30px}.manifesto h2 em{color:#6f3c2d}.manifesto-copy{max-width:850px}.manifesto-copy p,.essay-body p{font-size:clamp(16px,1.5vw,19px);line-height:1.85}.manifesto blockquote{border-left:2px solid #704c32;padding:8px 0 8px 24px;font:italic clamp(22px,3vw,34px) var(--serif);margin:35px 0 0;color:#6e3d2e}
.essay-section{background:var(--cream);padding:clamp(65px,10vw,140px) clamp(20px,9vw,140px);display:grid;grid-template-columns:.5fr 1.5fr;gap:5vw;border-bottom:1px solid #e7d8c9}.essay-section.reverse{background:#f8e5d9}.essay-body{max-width:830px}.essay-body h2{font:500 clamp(2.5rem,5.5vw,5.4rem)/1.02 var(--serif);letter-spacing:-.055em;margin:0 0 32px;color:var(--navy)}.pullout{margin:42px 0;display:grid;grid-template-columns:45px 1fr;gap:18px;border-top:1px solid #b99b78;border-bottom:1px solid #b99b78;padding:22px 0}.pullout-mark{font-size:30px;color:#a96f42}.pullout p{margin:0;font-size:17px}.quiet-list{padding-left:20px;line-height:2.2}.quiet-list li::marker{color:#a96f42}.caveat{margin-top:44px;padding:25px;background:#f0d1c2;border-left:3px solid #ad7147}.caveat p{margin-bottom:0;font-size:15px}
.interactive{background:var(--navy);color:var(--cream);padding:clamp(65px,9vw,120px) clamp(20px,6vw,90px)}.interactive .section-index{color:var(--brass)}.interactive-heading{display:grid;grid-template-columns:1fr .8fr;gap:5vw;align-items:end;margin:28px 0 50px}.interactive h2{margin:0}.interactive-heading p{color:#c9d0da;max-width:520px}.stage-lab{display:grid;grid-template-columns:1.5fr .8fr;border:1px solid var(--line);min-height:390px}.lab-canvas{position:relative;padding:24px;min-height:390px;background:radial-gradient(ellipse at 50% 48%,rgba(244,180,156,.13),transparent 58%),#14253b;overflow:hidden}.lab-topline,.wings-label{display:flex;justify-content:space-between;gap:15px;font:10px var(--mono);letter-spacing:.1em;color:var(--brass)}.object-stage{position:absolute;inset:65px 15px 80px;display:flex;align-items:center;justify-content:space-evenly;gap:8px}.stage-object{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:2;border:1px solid transparent;background:transparent;color:var(--cream);padding:10px;cursor:pointer;font:11px var(--mono);transition:transform .25s,opacity .25s,border-color .25s}.stage-object:hover{transform:translateY(-6px);border-color:var(--brass)}.object-symbol{font-size:clamp(28px,4vw,48px);width:70px;height:70px;display:grid;place-items:center;color:var(--peach);border:1px solid var(--brass);border-radius:50%;background:#14253b}.stage-object.is-moved{opacity:.26;transform:translateY(55px) scale(.85);filter:grayscale(1)}.stage-floor{position:absolute;bottom:60px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,var(--brass),transparent)}.lab-instruction{position:absolute;bottom:18px;left:24px;right:24px;color:#b6c0cd;font:10px var(--mono)}.wings{padding:24px;background:#0c1828;border-left:1px solid var(--line);display:flex;flex-direction:column}.wings-label{margin:0 0 20px}.wing-items{display:flex;flex-wrap:wrap;gap:8px;min-height:50px}.wing-chip{border:1px solid #6f604d;color:var(--peach-light);background:#1d2a3c;padding:7px 9px;font:10px var(--mono);cursor:pointer}.empty-wings{color:#9da8b6;font-size:13px}.reflection{margin-top:auto;padding-top:25px}.reflection-label{font:10px var(--mono);letter-spacing:.1em;color:var(--brass)}.reflection p{color:#d8dfe7;font-size:14px}.reset-stage{background:transparent;border:1px solid #7f715e;color:var(--cream);padding:11px;text-align:left;font:11px var(--mono);cursor:pointer}.reset-stage:hover{background:#24364d}.plain-version{max-width:850px;margin:45px auto 0;border-top:1px solid var(--line);padding-top:25px}.plain-version h3{font:500 26px var(--serif);color:var(--peach)}.plain-version p{color:#d3dbe4}
.reflection-section{padding:clamp(65px,9vw,120px) clamp(20px,9vw,140px);background:var(--peach-light)}.reflection-section .section-index{color:#714a2d}.reflection-section h2 em,.guide-cta h2 em,.related h2 em{color:#8b4b36}.reflection-section>p:not(.section-index){max-width:620px}.reflection-section label{display:block;margin:25px 0 8px;font:11px var(--mono);text-transform:uppercase;letter-spacing:.05em}.reflection-section textarea{width:100%;max-width:780px;display:block;background:#fff9f4;border:1px solid #b88b70;padding:16px;font:16px/1.6 var(--sans);color:var(--ink);resize:vertical}.reflection-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:14px}.reflection-actions button{background:var(--navy);color:white;border:0;padding:12px 16px;font:11px var(--mono);cursor:pointer}.reflection-actions .quiet-button{background:transparent;color:var(--navy);border:1px solid var(--navy)}#note-status{font-size:12px}
.guide-cta{padding:clamp(60px,9vw,110px) clamp(20px,9vw,140px);display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:center;background:#f7eadf}.guide-cta .section-index{color:#936c38}.guide-cta h2{margin:20px 0}.guide-cta p:not(.section-index){max-width:550px}.download-link{display:block;background:var(--navy);color:white;text-decoration:none;padding:26px;font:13px var(--mono);border-bottom:4px solid var(--brass)}.download-link span{float:right;color:var(--peach);font-size:22px}.download-link small{display:block;margin-top:14px;color:#b9c4d0;font-size:10px}
.sources{padding:clamp(60px,8vw,100px) clamp(20px,9vw,140px);background:#fff8f1}.sources h2{font:500 clamp(2.6rem,5vw,4.5rem) var(--serif);margin:20px 0}.sources ol{padding-left:22px;max-width:980px}.sources li{padding:0 0 17px 8px}.sources li::marker{color:#9a623b}.sources a{overflow-wrap:anywhere;color:#704b2c}.source-note{font-size:12px;color:#675f58;max-width:900px}
.related{padding:clamp(60px,9vw,120px) clamp(20px,9vw,140px);background:var(--navy);color:var(--cream)}.related .section-index{color:var(--brass)}.related h2{margin:25px 0 36px}.related-links{display:flex;flex-wrap:wrap;gap:24px}.related-links a{color:var(--peach);text-decoration:none;border-bottom:1px solid var(--brass);padding-bottom:8px}.email-fallback,.related-note{color:#b7c2cf;font-size:12px}.related-note{margin-top:40px;max-width:680px}footer{display:flex;justify-content:space-between;gap:18px;padding:22px clamp(20px,5vw,76px);background:#091321;color:#aeb8c6;font:9px var(--mono);letter-spacing:.08em}
@media(max-width:760px){.site-head{height:auto;min-height:68px;align-items:flex-start;gap:15px;padding-top:18px;padding-bottom:16px;flex-direction:column}nav{width:100%;justify-content:space-between;gap:10px}nav a{font-size:11px}.hero{min-height:auto;padding-top:24px}.hero-grid{grid-template-columns:1fr;gap:16px;padding:60px 0 30px}.hero-grid>div:first-child{position:relative;z-index:2}.hero h1{font-size:clamp(4rem,17vw,7rem)}.stage-illustration{width:min(100%,390px);justify-self:center;margin-top:-10px}.hero-meta,.hero-bottom{font-size:8px;letter-spacing:.06em}.manifesto,.essay-section{grid-template-columns:1fr;gap:22px}.manifesto,.essay-section{padding-top:62px;padding-bottom:62px}.interactive-heading{grid-template-columns:1fr;gap:10px}.stage-lab{grid-template-columns:1fr}.lab-canvas{min-height:340px}.wings{border-left:0;border-top:1px solid var(--line);min-height:250px}.object-stage{inset:70px 6px 75px}.stage-object{padding:5px;font-size:9px}.object-symbol{width:50px;height:50px;font-size:30px}.lab-instruction{font-size:9px}.guide-cta{grid-template-columns:1fr}.production{font-size:clamp(2rem,8vw,4rem)}.intro-top,.intro-foot{font-size:8px;letter-spacing:.05em}.intro-top span:last-child{text-align:right}footer{flex-direction:column;font-size:8px}.reflection-section h2{font-size:clamp(2.5rem,11vw,4.5rem)}}
@media(max-width:380px){.hero-meta,.hero-bottom{flex-direction:column;gap:4px}.object-stage{flex-wrap:wrap;align-content:center}.stage-object{width:42%;}.lab-canvas{min-height:390px}}