:root{--bg-canvas:#1e2530;--bg-surface:#2b333d;--bg-surface-hover:#343d47;--text-primary:#fff;--text-muted:#d0d4d7;--accent-primary:#a3e635;--accent-secondary:#d2f99c;--border-subtle:#59616a;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px rgba(163,230,53,.2);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.7 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3,.brand,.eyebrow,.badge,.button,button,th{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;text-transform:uppercase;letter-spacing:.075em}h1,h2,h3{line-height:1.12;text-wrap:balance}h1{font-size:clamp(2.3rem,5.6vw,4.6rem);margin:.35em 0}h2{font-size:clamp(1.5rem,3vw,2.35rem);margin:0 0 .7em}h3{font-size:1.2rem}p{margin:.7em 0 1em}a{color:var(--accent-primary);text-underline-offset:.23em}a:hover{color:var(--accent-secondary)}img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}button,input,textarea,select{font:inherit;border-radius:0}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}::selection{background:var(--accent-primary);color:#1e2530}.wrap{width:min(1200px,calc(100% - 48px));margin:0 auto}.skip{position:absolute;left:20px;top:-100px;z-index:20;padding:10px;background:var(--accent-primary);color:var(--bg-canvas)}.skip:focus{top:8px}.tagline{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding:12px 0 0}.site-header{position:relative;border-bottom:1px solid var(--border-subtle)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px}.brand{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;text-decoration:none;color:#fff;letter-spacing:.025em;min-width:0}.brand-mark{display:inline-grid;place-items:center;width:29px;height:29px;background:var(--accent-primary);color:var(--bg-canvas);flex-shrink:0;font-size:1rem}.site-nav{display:flex;gap:19px;align-items:center}.site-nav a{font-size:.79rem;text-decoration:none;color:#fff;white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent-primary)}.menu-toggle{display:none;background:none;border:1px solid var(--border-subtle);color:var(--accent-primary);font-size:2rem;line-height:1;width:44px;height:44px;padding:0}.headline{padding:36px 0 30px;border-bottom:1px solid var(--border-subtle);position:relative;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px}.headline h1{max-width:1000px}.eyebrow{font-size:.76rem;color:var(--accent-primary);font-weight:700;letter-spacing:.15em;margin:0 0 12px}.muted,.caption{color:var(--text-muted)}.caption{font-size:.78rem;margin:9px 0 0}.section{padding:44px 0}.section+.section{border-top:1px solid var(--border-subtle)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:22px;margin-bottom:20px}.section-heading h2{margin:0}.section-heading a{font-size:.86rem}.bento{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;grid-template-areas:"feature feature log" "feature feature tile";gap:20px}.feature{grid-area:feature}.log{grid-area:log}.tile{grid-area:tile}.card{border:1px solid var(--border-subtle);background:var(--bg-surface);min-width:0;position:relative;transition:transform .4s var(--ease-kinetic),box-shadow .4s var(--ease-kinetic),background .3s}.card:hover{transform:translateY(-5px) scale(1.008);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.card-body{padding:24px}.card h3{margin:0 0 12px}.card p:last-child{margin-bottom:0}.photo{aspect-ratio:4/3;position:relative;margin:0}.feature .photo{aspect-ratio:16/9}.badge{display:inline-block;background:var(--accent-primary);color:var(--bg-canvas);font-size:.7rem;font-weight:800;padding:5px 10px;line-height:1.4}.photo .badge{position:absolute;bottom:-12px;left:24px}.photo+.card-body{padding-top:30px}.log .card-body,.tile .card-body{padding:22px}.number{font-size:2.6rem;line-height:1.2;font-weight:800;color:var(--accent-primary)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.tags span{border:1px solid var(--border-subtle);padding:4px 9px;font-size:.78rem;color:var(--text-muted)}.button,button.action{display:inline-block;background:var(--accent-primary);color:var(--bg-canvas);border:1px solid var(--accent-primary);padding:12px 17px;text-decoration:none;font-size:.78rem;font-weight:800;box-shadow:4px 4px 0 #11161b;transition:transform .25s var(--ease-kinetic),box-shadow .25s var(--ease-kinetic);line-height:1.5}.button:hover,button.action:hover{color:var(--bg-canvas);transform:translate(4px,4px);box-shadow:0 0 0 #11161b}.button.secondary,button.secondary{background:transparent;color:var(--accent-primary)}.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px}.grid-lines{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:36px 36px}.split-card{display:grid;grid-template-columns:1fr 1.15fr}.split-card .photo{height:100%;aspect-ratio:auto;min-height:240px}.compact{display:grid;grid-template-columns:100px 1fr;gap:20px;align-items:center}.compact .photo{aspect-ratio:1}.compact h3{margin:0 0 8px}.compact p{margin:0}.overlay-card{position:relative;min-height:300px;display:flex;align-items:flex-end;background:var(--bg-surface)}.overlay-card>img{position:absolute;inset:0}.overlay-copy{position:relative;margin:20px;padding:20px;background:rgba(30,37,48,.93);border:1px solid var(--border-subtle);backdrop-filter:var(--glass-backdrop)}.table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--border-subtle)}table{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--bg-surface)}caption{text-align:left;padding:14px;color:var(--text-muted)}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--border-subtle)}th{color:var(--accent-primary);font-size:.75rem}tr:last-child td{border-bottom:0}.note{padding:20px;border-left:4px solid var(--accent-primary);background:var(--bg-surface);margin:24px 0}.article-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);grid-template-areas:"story sidebar";gap:32px;align-items:start}.prose{max-width:70ch;margin:0 auto;min-width:0}.article-story{grid-area:story}.article-sidebar{grid-area:sidebar;display:grid;gap:20px}.prose h2{margin-top:1.6em;font-size:1.65rem}.prose h3{margin-top:1.6em}.prose li{margin-bottom:10px}.prose ul,.prose ol{padding-left:24px}.wide-image{aspect-ratio:16/9;margin:0 0 12px}.article-meta{font-size:.82rem;color:var(--text-muted);margin-bottom:0}.reading-intro{font-size:1.15rem;color:var(--text-muted);max-width:65ch}.faq-list{max-width:75ch;margin:0 auto}.faq-list details{border:1px solid var(--border-subtle);background:var(--bg-surface);margin-bottom:12px;padding:18px 22px}.faq-list summary{cursor:pointer;font-weight:700;color:var(--accent-primary)}.faq-list details p{margin-bottom:0}.form-panel{max-width:760px;margin:0 auto;padding:28px;border:1px solid var(--border-subtle);background:var(--bg-surface)}label{display:block;font-weight:650;margin:16px 0 7px}input,textarea,select{display:block;width:100%;max-width:100%;background:var(--bg-canvas);border:1px solid var(--border-subtle);color:#fff;padding:12px}textarea{min-height:160px;resize:vertical}input::placeholder,textarea::placeholder{color:#c0c5cb}.form-help{font-size:.83rem;color:var(--text-muted)}.status{min-height:1.8em;color:var(--accent-primary);margin-top:16px}.site-footer{border-top:1px solid var(--border-subtle);padding:34px 0;margin-top:30px;font-size:.84rem;color:var(--text-muted)}.footer-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.footer-links{display:flex;flex-wrap:wrap;gap:12px 20px;max-width:430px}.site-footer p{margin:0 0 8px}.site-footer a{color:var(--accent-primary)}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.motion-ready .reveal-visible{opacity:1;transform:translateY(0)}.experiment-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media(min-width:1025px){.feature .card-body{padding:30px}.section{padding:48px 0}}
@media(min-width:769px) and (max-width:1024px){.header-row{gap:15px}.site-nav{gap:12px}.site-nav a{font-size:.73rem}.brand{font-size:1rem}.bento{grid-template-columns:1fr 1fr;grid-template-areas:"feature feature" "log tile"}.article-layout{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:22px}}
@media(max-width:768px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg-surface);border-bottom:2px solid var(--accent-primary);padding:24px;z-index:10;box-shadow:var(--shadow-elevation)}.site-nav.is-open{display:grid;gap:0}.site-nav a{padding:11px 0;font-size:.95rem}.header-row{min-height:74px}.bento{grid-template-columns:1fr 1fr;grid-template-areas:"feature feature" "log tile"}.article-layout{grid-template-columns:1fr;grid-template-areas:"story" "sidebar"}.article-sidebar{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.footer-row{flex-direction:column}.split-card{grid-template-columns:1fr}.split-card .photo{aspect-ratio:16/9;min-height:0}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.headline{padding:25px 0}.experiment-index{grid-template-columns:1fr}}
@media(min-width:481px) and (max-width:768px){.wrap{width:calc(100% - 36px)}.section{padding:32px 0}}
@media(max-width:480px){.wrap{width:calc(100% - 28px)}.brand{font-size:.98rem;gap:8px}.tagline{font-size:.63rem;letter-spacing:.09em}.bento{grid-template-columns:1fr;grid-template-areas:"feature" "log" "tile"}.section{padding:28px 0}.card-body,.form-panel{padding:20px}.compact{grid-template-columns:74px 1fr;gap:14px}.actions{gap:14px}.button,button.action{max-width:100%}.footer-links{gap:10px 16px}th,td{padding:10px}h1{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.card:hover{transform:none}}