@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#11151d;--sapphire:#1754a5;--deep:#071323;--gold:#d9b45b;--ivory:#f4eedf;--paper:#faf8f2;--muted:#5a6270;--line:#d6d1c4;--mono:'DM Mono',monospace;--sans:'Manrope',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65}a{color:inherit}.skiplink{position:absolute;left:-999px;top:1rem;background:#fff;padding:.7rem;z-index:200}.skiplink:focus{left:1rem}.intro{position:fixed;inset:0;background:#000;color:#fff;z-index:1000;display:none;place-items:center;overflow:hidden}.intro.done{display:none}.intro-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);opacity:.16}.intro-grid span{border:1px solid #1754a5;position:relative}.intro-grid span:after{content:"";position:absolute;width:6px;height:6px;background:#d9b45b;border-radius:50%;left:50%;top:50%;animation:node 1.1s ease-in-out infinite alternate}.intro-grid span:nth-child(3n):after{animation-delay:.3s}.intro-content{position:relative;width:min(90vw,1000px);text-align:center;padding:2rem}.loading-line{display:flex;justify-content:space-between;font:500 .8rem var(--mono);letter-spacing:.18em;margin:0 auto 1rem;max-width:700px}.load-track{height:2px;background:#343434;max-width:700px;margin:auto}.load-track span{display:block;height:100%;width:0;background:var(--gold)}.credit{font:800 clamp(2rem,6vw,5.5rem)/1.08 var(--sans);letter-spacing:-.055em;margin:clamp(2.3rem,7vh,5rem) 0 1.2rem;overflow-wrap:anywhere}.credit a{text-decoration:none;color:#fff;border-bottom:1px solid var(--gold)}.intro-mark{width:min(300px,65vw);height:auto;display:block;margin:1.8rem auto}.skip-intro{background:transparent;color:white;border:1px solid #aaa;padding:.65rem 1rem;font: .75rem var(--mono);cursor:pointer}.skip-intro:hover,.skip-intro:focus-visible{border-color:var(--gold);outline:2px solid var(--gold);outline-offset:3px}@keyframes node{to{transform:scale(2);opacity:.3}}.topbar{height:72px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-weight:800;letter-spacing:-.08em;font-size:1.4rem}.wordmark span{color:var(--sapphire);padding:0 .2em}.topbar nav{display:flex;gap:clamp(1rem,3vw,2.8rem)}.topbar nav a{text-decoration:none;font-size:.8rem;font-weight:700}.topbar nav a:hover{color:var(--sapphire)}.hero{padding:clamp(4rem,10vw,9rem) 10vw 4.5rem;background:var(--ivory);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:38vw;height:38vw;right:-8vw;top:8%;border:1px solid #d9b45b;border-radius:50%;box-shadow:0 0 0 3vw #d9b45b0d,0 0 0 7vw #1754a50a;pointer-events:none}.hero-kicker,.section-index,.angle-no,.hero-stamp,.hero-note,.result-top,.fiction-label,.result-prompt b,.related-links a,footer,.loading-line{font-family:var(--mono);letter-spacing:.07em}.hero-kicker{font-size:.72rem;display:flex;align-items:center;gap:.65rem;position:relative;z-index:1}.orb{width:8px;height:8px;background:var(--sapphire);border-radius:50%;box-shadow:0 0 0 5px #1754a51a}h1{font-size:clamp(3.5rem,10vw,9rem);line-height:.94;letter-spacing:-.09em;margin:2.5rem 0 2rem;position:relative;z-index:1}h1 em{font-family:var(--serif);font-weight:600;color:var(--sapphire);letter-spacing:-.07em}.hero-lower{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:4rem;align-items:end;position:relative;z-index:1}.manifesto{font-size:clamp(1.05rem,1.6vw,1.4rem);max-width:720px;line-height:1.65;margin:0}.hero-stamp{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:1.2rem 0;display:flex;gap:.65rem;flex-wrap:wrap;align-items:center;font-size:.7rem}.hero-stamp b{color:var(--sapphire)}.hero-note{font-size:.65rem;margin-top:3.3rem;color:#52545a}.thesis-band{background:var(--deep);color:var(--ivory);padding:2rem 10vw;display:flex;justify-content:space-between;align-items:center;gap:2rem}.thesis-band p{font-family:var(--serif);font-size:clamp(1.3rem,2.2vw,2rem);max-width:760px;margin:0}.thesis-band strong{color:var(--gold)}.thesis-band>span{font: .62rem var(--mono);white-space:nowrap;color:var(--gold)}.essay-section{display:grid;grid-template-columns:.55fr 1.45fr;gap:5vw;padding:clamp(4rem,9vw,8rem) 12vw;border-bottom:1px solid var(--line)}.section-index{font-size:.68rem;color:var(--sapphire);font-weight:500}.essay-copy h2,.lab-head h2,.reflection h2,.guide-cta h2,.related h2{font-size:clamp(2rem,4vw,4.2rem);line-height:1.08;letter-spacing:-.065em;margin:0 0 1.5rem}.essay-copy p{max-width:750px;font-size:1.02rem;color:#3c4149}.essay-copy em{font-family:var(--serif);color:var(--sapphire)}.three-angles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0 7vw 6rem}.angle{padding:2.4rem clamp(1.3rem,3vw,3rem);min-height:330px;display:flex;flex-direction:column}.angle-blue{background:var(--sapphire);color:white}.angle-gold{background:var(--gold);color:#161719}.angle-ivory{background:#e7e0cf;color:#161719}.angle-no{font-size:.65rem}.angle h3{font-size:clamp(1.6rem,2.7vw,2.7rem);letter-spacing:-.06em;margin:2.3rem 0 .7rem}.angle p{font-size:.9rem;max-width:330px}.angle-rule{height:1px;background:currentColor;opacity:.45;margin-top:auto}.angle small{font: .62rem var(--mono);margin-top:1rem}.quote-section{background:var(--sapphire);color:white;padding:5rem 16vw 5.5rem;position:relative}.quote-mark{font:6rem var(--serif);color:var(--gold);line-height:.8}.quote-section blockquote{font:clamp(1.6rem,3.4vw,3.4rem)/1.25 var(--serif);margin:1rem 0 2rem;letter-spacing:-.03em}.quote-section p{font:.65rem var(--mono);color:#e9d6a2}.compact{padding-top:5rem;padding-bottom:5rem}.lab-section{background:#071323;color:var(--ivory);padding:clamp(4rem,8vw,7rem) 9vw}.lab-head{display:grid;grid-template-columns:1fr .7fr;gap:4rem;align-items:end;margin-bottom:3rem}.lab-head .section-index{color:var(--gold)}.lab-head h2{margin:.8rem 0 0}.lab-head p{color:#d4d8df;max-width:500px}.lab-shell{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid #3b4654}.lab-controls{padding:2.3rem;border-right:1px solid #3b4654}.lab-controls label{display:flex;flex-direction:column;font-weight:700;margin-bottom:.6rem}.lab-controls label span{font-size:.72rem;font-weight:400;color:#aeb8c6}.lab-controls input[type=range]{width:100%;accent-color:var(--gold);margin:0 0 1.9rem;cursor:pointer}.lab-controls output{display:block;color:var(--gold);font:1.3rem var(--mono);margin-top:-1.5rem;margin-bottom:1.2rem;text-align:right}.reset-button{background:transparent;color:var(--ivory);border:1px solid #aeb8c6;padding:.8rem 1rem;font: .7rem var(--mono);cursor:pointer}.reset-button:hover,.reset-button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.lab-result{padding:2.4rem;min-width:0}.result-top{display:flex;justify-content:space-between;font-size:.62rem;color:var(--gold)}.result-top span:last-child{color:#b4c5d8}.balance-art{margin:2.4rem 0 2rem}.balance-beam{height:4px;background:var(--gold);display:flex;justify-content:space-between;transform:rotate(-2deg);transition:transform .25s ease;position:relative}.balance-beam:before{content:"";position:absolute;left:50%;top:3px;border-left:1px solid var(--gold);height:30px}.balance-beam i{width:12px;height:12px;border-radius:50%;background:var(--sapphire);border:2px solid var(--ivory);transform:translateY(-4px)}.balance-points{display:flex;justify-content:space-between;gap:.5rem;margin-top:2.2rem;font: .55rem var(--mono);color:#b8c5d5}.lab-result h3{font:clamp(1.5rem,2.7vw,2.5rem)/1.1 var(--serif);margin:2rem 0 .8rem}.lab-result>p{color:#d4d8df;font-size:.9rem}.result-prompt{border-left:2px solid var(--gold);padding:.8rem 1rem;margin:1.8rem 0;display:flex;flex-direction:column;gap:.4rem}.result-prompt b{font-size:.6rem;color:var(--gold)}.result-prompt span{font-size:.85rem}.fiction-label{font-size:.56rem!important;color:#aeb8c6!important}.interaction-story{margin-top:2rem;border-top:1px solid #3b4654;padding-top:1.5rem;max-width:780px}.interaction-story h3{font-size:1.1rem}.interaction-story p,.no-js-note{font-size:.88rem;color:#c7d0dc}.no-js-note{padding:1rem;border:1px dashed #667487;margin-top:1rem}.no-js-note summary{cursor:pointer}.reflection{padding:clamp(4rem,8vw,7rem) 10vw;background:#e8e1d1}.reflection .section-index{margin-bottom:1.3rem}.reflection>p{max-width:720px}.reflection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.reflection-grid label{font-weight:700;font-size:.82rem}.reflection-grid textarea{display:block;width:100%;margin-top:.7rem;border:1px solid #9a9487;background:#faf8f2;padding:1rem;font: .85rem/1.5 var(--sans);resize:vertical;color:var(--ink)}textarea:focus-visible,input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #d9b45b;outline-offset:3px}.privacy-note{font:.65rem var(--mono);color:#575d65;margin-top:1.5rem}.guide-cta{padding:4rem 10vw;background:var(--gold);display:flex;justify-content:space-between;align-items:center;gap:2rem}.guide-cta .section-index{color:#4e3a0a}.guide-cta h2{margin:.7rem 0}.guide-cta p{max-width:550px}.download-link{display:inline-flex;gap:2rem;align-items:center;white-space:nowrap;background:var(--deep);color:white;padding:1rem 1.2rem;text-decoration:none;font-weight:700;font-size:.85rem}.download-link span{color:var(--gold);font-size:1.3rem}.method-note{padding:4rem 12vw;border-bottom:1px solid var(--line)}.method-note h2{font-size:1.5rem;letter-spacing:-.04em}.method-note p{max-width:1000px;font-size:.9rem;color:#424852}.related{padding:4rem 10vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;background:var(--paper)}.related h2{margin:.8rem 0}.related p{color:var(--muted)}.related-links{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-content:center}.related-links a{font-size:.72rem;text-decoration:none;border-bottom:1px solid var(--line);padding:.9rem 0}.related-links a:hover{color:var(--sapphire)}footer{background:var(--deep);color:#d8dce2;padding:1.7rem 6vw;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.6rem}footer a{color:var(--ivory)}.email-fallback{opacity:.75}.js .intro{display:grid}.js .intro.done{display:none}
@media(max-width:760px){.topbar{padding:0 5vw;height:62px}.topbar nav{gap:.8rem}.topbar nav a{font-size:.68rem}.hero{padding:4.5rem 7vw 3rem}.hero:after{width:70vw;height:70vw;right:-35vw;top:20%}.hero-lower,.lab-head,.related{grid-template-columns:1fr;gap:1.5rem}.hero-stamp{max-width:360px}.thesis-band{padding:2rem 7vw;display:block}.thesis-band>span{display:block;margin-top:1rem;white-space:normal}.essay-section{grid-template-columns:1fr;gap:1.5rem;padding:4rem 7vw}.three-angles{grid-template-columns:1fr;padding:0 7vw 4rem}.angle{min-height:270px}.angle h3{margin-top:1.4rem}.quote-section{padding:4rem 8vw}.lab-section{padding:4rem 5vw}.lab-shell{grid-template-columns:1fr}.lab-controls{border-right:0;border-bottom:1px solid #3b4654;padding:1.5rem}.lab-result{padding:1.5rem}.balance-points{font-size:.46rem}.reflection{padding:4rem 7vw}.reflection-grid{grid-template-columns:1fr}.guide-cta{padding:3rem 7vw;display:block}.download-link{margin-top:1rem;white-space:normal}.related{padding:3rem 7vw}.related-links{grid-template-columns:1fr}footer{padding:1.5rem 7vw;display:grid;grid-template-columns:1fr 1fr;line-height:1.8}.credit{letter-spacing:-.045em}.intro-content{padding:1rem}.intro-mark{margin:1.2rem auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.intro{display:none!important}}
@media(min-width:761px) and (max-width:1000px){.lab-shell{grid-template-columns:1fr 1fr}.lab-controls,.lab-result{padding:1.5rem}.reflection-grid{grid-template-columns:1fr 1fr}}
@media print{.intro,.topbar,.skiplink,.download-link,.reset-button{display:none!important}body{background:#fff;color:#000}.hero,.thesis-band,.lab-section,.quote-section{background:#fff;color:#000}.lab-section *,.quote-section *{color:#000!important}.essay-section,.reflection,.method-note{break-inside:avoid}}
