:root{--bg:#f5f4ef;--paper:#fffdf8;--ink:#17201d;--muted:#62716b;--line:#d8d2c3;--accent:#0f766e;--accent-strong:#115e59;--amber:#d97706;--red:#dc2626;--purple:#7c3aed;--cyan:#0891b2;--green:#16a34a;--slate:#64748b;--shadow:0 18px 50px #262c271f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 0 0,#0f766e24,#0000 30rem),linear-gradient(#f7f5ee 0%,#f3f1ea 44%,#ecefe9 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.page{min-height:100vh}.nav{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf8f1d6;border-bottom:1px solid #17201d14;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem clamp(1rem,4vw,4rem);display:flex;position:sticky;top:0}.brand{align-items:center;gap:.7rem;min-width:0;font-weight:760;display:inline-flex}.brand-mark{background:var(--ink);color:#f8f1df;border-radius:.55rem;place-items:center;width:2.1rem;height:2.1rem;display:grid}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-links a,.nav-action{color:#32423d;border-radius:999px;align-items:center;gap:.4rem;min-height:2.35rem;padding:0 .78rem;font-size:.92rem;font-weight:650;display:inline-flex}.nav-links a:hover,.nav-action:hover{color:var(--accent-strong);background:#0f766e1a}.nav-action{background:#ffffff7a;border:1px solid #0f766e3d}.hero{align-items:end;min-height:calc(100vh - 4.1rem);padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,4rem) 2.4rem;display:grid;position:relative;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(22rem,.98fr);align-items:center;gap:clamp(2rem,5vw,5rem);width:min(1180px,100%);margin:0 auto;display:grid}.eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.82rem;font-weight:760;display:inline-flex}.hero h1{letter-spacing:0;max-width:12ch;margin:0;font-size:clamp(3.3rem,5.8vw,5.8rem);line-height:.98}.hero h1 span{color:var(--accent-strong);display:block}.hero-copy{color:#41514c;max-width:47rem;margin:1.35rem 0 0;font-size:clamp(1.08rem,1.9vw,1.34rem);line-height:1.62}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:1.8rem;display:flex}.button{border:1px solid #0000;border-radius:.55rem;justify-content:center;align-items:center;gap:.48rem;min-height:2.75rem;padding:0 1rem;font-weight:760;display:inline-flex}.button.primary{background:var(--ink);color:#fffaf0}.button.secondary{color:#26342f;background:#ffffff8f;border-color:#17201d29}.button:hover{transform:translateY(-1px)}.hero-panel{min-height:min(68vh,42rem);box-shadow:var(--shadow);background:#fffdf8cc;border:1px solid #17201d1f;border-radius:.85rem;position:relative;overflow:hidden}.hero-visual{width:100%;height:100%;position:absolute;inset:0}.hero-overlay{gap:.75rem;display:grid;position:absolute;inset:auto 1rem 1rem}.mini-console{background:#fffdf8e6;border:1px solid #17201d1f;border-radius:.7rem;padding:1rem;box-shadow:0 12px 30px #17201d14}.mini-console p{color:var(--muted);margin:.2rem 0 0;font-size:.9rem;line-height:1.45}.mini-title{text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;font-size:.82rem;font-weight:780;display:flex}.hero-metrics,.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.hero-metrics{width:min(1180px,100%);margin:2rem auto 0}.metric,.stat{background:#fffdf8c2;border:1px solid #17201d1a;border-radius:.65rem;padding:1rem}.metric strong,.stat strong{color:var(--ink);font-size:clamp(1.55rem,3vw,2.25rem);line-height:1;display:block}.metric span,.stat span{color:var(--muted);margin-top:.5rem;font-size:.84rem;line-height:1.35;display:block}.intro-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:1.2rem;display:grid}.intro-argument{gap:.85rem;display:grid}.argument-step{background:#fffdf8c2;border:1px solid #17201d1a;border-radius:.85rem;grid-template-columns:2.8rem minmax(0,1fr);gap:.85rem;padding:1rem;display:grid;box-shadow:0 12px 34px #17201d0d}.argument-step span{width:2.3rem;height:2.3rem;color:var(--accent-strong);background:#0f766e1a;border-radius:.6rem;place-items:center;font-size:.8rem;font-weight:800;display:grid}.argument-step h3,.theory-card h3{margin:0;font-size:1.05rem;line-height:1.25}.argument-step p,.theory-card p{color:var(--muted);margin:.35rem 0 0;line-height:1.58}.intro-figure .figure-frame{min-height:auto}.intro-figure .figure-frame img{aspect-ratio:2.57;background:#fff}.theory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.theory-card{background:#fffdf8c2;border:1px solid #17201d1a;border-radius:.85rem;align-content:start;gap:.75rem;min-width:0;padding:1.1rem;display:grid;box-shadow:0 12px 34px #17201d0f}.theory-card.emphasis{background:#e9f6f1d1;border-color:#0f766e47}.theory-card.wide{grid-column:1/-1}.comparison-icon{width:2.7rem;height:2.7rem;color:var(--accent-strong);background:#0f766e1a;border-radius:.6rem;place-items:center;display:grid}.formula{color:#1f2d29;background:#17201d0b;border:1px solid #17201d17;border-radius:.6rem;margin:0;padding:.85rem;overflow-x:auto}.math-formula .katex-display{margin:0;overflow:auto hidden}.math-formula .katex{font-size:1.02rem}.math-formula .katex-html{white-space:normal}.formula-note{font-size:.88rem}.section{padding:clamp(3.8rem,7vw,6rem) clamp(1rem,4vw,4rem);scroll-margin-top:5rem}.section:nth-of-type(2n){background:#fffdf86b}.section-inner{width:min(1180px,100%);margin:0 auto}.section-head{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.6rem;display:flex}.section-kicker{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .55rem;font-size:.78rem;font-weight:800}.section h2{letter-spacing:0;max-width:14ch;margin:0;font-size:clamp(2.1rem,4.5vw,4.1rem);line-height:1}.section-lede{color:#52625d;max-width:44rem;margin:0;font-size:1rem;line-height:1.7}.two-col{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:1.3rem;display:grid}.method-flow{gap:.9rem;display:grid}.flow-step{background:#fffdf8b8;border:1px solid #17201d1a;border-radius:.75rem;grid-template-columns:2.5rem minmax(0,1fr);gap:.9rem;padding:1rem;display:grid}.flow-step svg{color:var(--accent-strong)}.flow-step h3,.figure-tile h3,.interactive-title h3{margin:0;font-size:1.02rem}.flow-step p,.figure-tile p{color:var(--muted);margin:.35rem 0 0;line-height:1.55}.paper-figure{align-content:start;gap:.8rem;min-width:0;display:grid}.figure-frame{background:var(--paper);border:1px solid #17201d1a;border-radius:.85rem;min-height:18rem;overflow:hidden;box-shadow:0 14px 36px #17201d17}.figure-frame img,.figure-frame object{width:100%;display:block}.figure-frame object{min-height:26rem}.figure-frame img{object-fit:contain}.figure-caption{color:var(--muted);margin:0;font-size:.88rem;line-height:1.5}.results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.figure-tile{background:#fffdf8b8;border:1px solid #17201d1a;border-radius:.85rem;gap:.75rem;min-width:0;padding:1rem;display:grid}.figure-tile img{aspect-ratio:1.55;object-fit:contain;background:#fff;border:1px solid #17201d14;border-radius:.5rem;width:100%}.interactive{grid-template-columns:minmax(18rem,.34fr) minmax(0,.66fr);align-items:start;gap:1rem;display:grid}.control-panel,.chart-panel,.events-panel,.summary-panel{background:#fffdf8d1;border:1px solid #17201d1a;border-radius:.85rem;box-shadow:0 12px 34px #17201d12}.control-panel{gap:1rem;padding:1rem;display:grid}.field{gap:.45rem;display:grid}.field label,.toggle-label{color:#3c4d48;font-size:.86rem;font-weight:780}select,input[type=range]{width:100%}select{min-height:2.6rem;color:var(--ink);background:#fff;border:1px solid #17201d2e;border-radius:.5rem;padding:0 .75rem}input[type=range]{accent-color:var(--accent)}.segmented{background:#17201d0f;border-radius:.6rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.35rem;display:grid}.segmented button{color:#52625d;background:0 0;border:0;border-radius:.42rem;min-height:2.25rem;font-weight:760}.segmented button.active{background:var(--paper);color:var(--accent-strong);box-shadow:0 4px 16px #17201d1a}.category-buttons{gap:.42rem;display:grid}.category-button{color:#34443f;text-align:left;background:#ffffff8f;border:1px solid #17201d1a;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.8rem;min-height:2.55rem;padding:.45rem .65rem;font-weight:720;display:flex}.category-button.active{border-color:color-mix(in srgb, var(--cat) 55%, transparent);background:color-mix(in srgb, var(--cat) 12%, white);color:var(--ink)}.swatch{background:var(--cat);border-radius:999px;flex:none;width:.7rem;height:.7rem}.category-label{overflow-wrap:anywhere;align-items:center;gap:.45rem;min-width:0;display:inline-flex}.case-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.case-stat{background:#0f766e14;border-radius:.55rem;padding:.75rem}.case-stat strong{font-size:1.25rem;display:block}.case-stat span{color:var(--muted);margin-top:.3rem;font-size:.78rem;display:block}.chart-panel{min-width:0;overflow:hidden}.interactive-title{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1rem 0;display:flex}.interactive-title p{color:var(--muted);margin:.35rem 0 0;line-height:1.5}.badge{color:#33433f;white-space:nowrap;background:#17201d14;border-radius:999px;align-items:center;gap:.35rem;min-height:1.85rem;padding:0 .6rem;font-size:.78rem;font-weight:780;display:inline-flex}.chart-wrap{padding:.5rem .5rem .8rem}.chart{width:100%;height:auto;display:block}.axis-text{fill:#6a7772;font-size:11px}.legend{flex-wrap:wrap;gap:.55rem;padding:0 1rem 1rem;display:flex}.legend-item{color:#495954;align-items:center;gap:.4rem;font-size:.82rem;font-weight:680;display:inline-flex}.legend-line{background:var(--legend);border-radius:999px;width:1.25rem;height:.18rem}.legend-line.dashed{background:repeating-linear-gradient(90deg, var(--legend) 0px, var(--legend) 4px, transparent 4px, transparent 7px)}.below-grid{grid-column:1/-1;grid-template-columns:minmax(0,.58fr) minmax(22rem,.42fr);gap:1rem;margin-top:1rem;display:grid}.events-panel,.summary-panel{min-width:0;padding:1rem}.events-list{gap:.65rem;margin-top:.9rem;display:grid}.event-item{background:#ffffff80;border:1px solid #17201d14;border-radius:.58rem;gap:.35rem;padding:.78rem;display:grid}.event-meta{flex-wrap:wrap;gap:.45rem;display:flex}.pill{background:color-mix(in srgb, var(--cat) 14%, white);color:#30413d;border-radius:999px;align-items:center;min-height:1.45rem;padding:0 .45rem;font-size:.74rem;font-weight:760;display:inline-flex}.event-item p{color:#34433f;overflow-wrap:break-word;margin:0;line-height:1.45}.summary-bars{gap:.62rem;margin-top:1rem;display:grid}.panel-note{color:var(--muted);margin:.75rem 0 0;font-size:.86rem;line-height:1.55}.bar-row{color:#3c4d48;grid-template-columns:minmax(8rem,.36fr) minmax(8rem,1fr) minmax(4rem,auto);align-items:center;gap:.65rem;font-size:.84rem;font-weight:700;display:grid}.bar-track{background:#17201d14;border-radius:999px;height:.72rem;overflow:hidden}.bar-fill{border-radius:inherit;background:var(--cat);height:100%}.scatter{background:#ffffff7a;border:1px solid #17201d14;border-radius:.65rem;margin-top:1rem;overflow:hidden}.case-study{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.case-study .figure-frame img{aspect-ratio:1.7}.footer{color:var(--muted);border-top:1px solid #17201d1a;padding:2rem clamp(1rem,4vw,4rem)}.footer-inner{justify-content:space-between;align-items:center;gap:1rem;width:min(1180px,100%);margin:0 auto;font-size:.9rem;display:flex}@media (max-width:980px){.hero-grid,.intro-layout,.two-col,.interactive,.below-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-panel{min-height:31rem}.hero-metrics,.metric-grid,.theory-grid,.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{flex-direction:column;align-items:start}.nav-links{display:none}}@media (max-width:620px){.nav{padding-inline:.8rem}.brand span:last-child{display:none}.hero h1{max-width:100%;font-size:clamp(2.55rem,12vw,3.45rem);line-height:1.02}.hero-metrics,.metric-grid,.theory-grid,.results-grid,.case-stats,.argument-step{grid-template-columns:1fr}.hero-panel{min-height:27rem}.bar-row{grid-template-columns:1fr;gap:.35rem}.footer-inner{flex-direction:column;align-items:flex-start}.math-formula .katex{font-size:.9rem}}