:root{--paper: #F5F7F9;--paper-2: #ECEFF3;--ink: #12161C;--ink-soft: #1A2029;--slate: #59626F;--slate-2: #838C99;--line: #DFE3E9;--line-2: #C9CFD8;--signal: #0E9C95;--signal-ink: #0A6E69;--signal-2: #17B0A6;--signal-wash:#0E9C951a;--amber: #C77D23;--paper-on-ink: #E9ECF1;--f-display: "Archivo", "Segoe UI", system-ui, sans-serif;--f-body: "Inter", system-ui, -apple-system, sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--step--1: clamp(.83rem, .8rem + .15vw, .9rem);--step-0: clamp(1rem, .96rem + .2vw, 1.1rem);--step-1: clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--step-2: clamp(1.5rem, 1.3rem + 1vw, 2.05rem);--step-3: clamp(2rem, 1.6rem + 2vw, 3.1rem);--step-4: clamp(2.6rem, 2rem + 3.2vw, 4.4rem);--maxw: 1140px;--gutter: clamp(1.15rem, .6rem + 2.5vw, 2.5rem);--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--f-body);font-size:var(--step-0);line-height:1.62;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--f-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;margin:0 0 .5em;color:var(--ink)}h1{font-size:var(--step-4);letter-spacing:-.03em}h2{font-size:var(--step-3)}h3{font-size:var(--step-1);letter-spacing:-.015em}p{margin:0 0 1rem;color:var(--ink)}a{color:var(--signal-ink);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--ink)}strong{font-weight:650}.wrap{width:min(100% - 2 * var(--gutter),var(--maxw));margin-inline:auto}.section{padding-block:clamp(3rem,2rem + 6vw,6rem)}.section--tight{padding-block:clamp(2rem,1.4rem + 3vw,3.5rem)}.section--ink{background:var(--ink);color:var(--paper-on-ink)}.section--ink :where(h1,h2,h3,p){color:var(--paper-on-ink)}.section--ink a{color:var(--signal-2)}.divider{border:0;border-top:1px solid var(--line)}.grid{display:grid;gap:clamp(1rem,.6rem + 1.6vw,1.75rem)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 820px){.grid-2,.grid-3{grid-template-columns:1fr}}.eyebrow{font-family:var(--f-mono);font-size:var(--step--1);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--signal-ink);display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1rem}.section--ink .eyebrow{color:var(--signal-2)}.eyebrow:before{content:"";width:1.6rem;height:1px;background:currentColor;opacity:.6}.lead{font-size:var(--step-1);line-height:1.5;color:var(--slate);max-width:42ch}.measure{max-width:68ch}.muted{color:var(--slate)}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--f-mono);font-size:var(--step--1);font-weight:500;letter-spacing:.04em;padding:.72rem 1.15rem;border-radius:var(--radius-sm);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover{background:var(--signal-ink);color:#fff;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}.btn--ghost:hover{border-color:var(--ink);color:var(--ink);transform:translateY(-1px)}.section--ink .btn--primary{background:var(--signal);color:#04201e}.section--ink .btn--ghost{color:var(--paper-on-ink);border-color:#3a424e}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.25rem,1rem + 1vw,1.7rem);transition:border-color .15s ease,transform .15s ease}.card h3{margin-bottom:.4rem}.card p{color:var(--slate);margin:0}a.card:hover{border-color:var(--signal);transform:translateY(-2px)}.card__index{font-family:var(--f-mono);font-size:var(--step--1);color:var(--slate-2);letter-spacing:.1em;display:block;margin-bottom:.7rem}.pill{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.22rem .55rem;border-radius:999px;border:1px solid var(--line-2);color:var(--slate);display:inline-block}.pill--case-study{color:var(--signal-ink);border-color:var(--signal);background:var(--signal-wash)}.pill--research-direction{color:var(--slate)}.pill--methodology{color:var(--amber);border-color:#e4c79a}.steps{display:grid;gap:1.5rem;margin-top:2rem}.step{display:grid;grid-template-columns:3.4rem 1fr;gap:1.1rem;align-items:start}.step__n{font-family:var(--f-mono);font-size:var(--step-1);color:var(--signal-ink);border-top:2px solid var(--signal);padding-top:.4rem}.step h3{margin-bottom:.25rem}.step p{color:var(--slate);margin:0}.motif{width:100%;height:auto;display:block}.motif .path-a{fill:none;stroke:var(--ink);stroke-width:2}.motif .path-b{fill:none;stroke:var(--signal);stroke-width:2}.motif .band{fill:var(--signal);opacity:.1;stroke:none}.motif .lbl{font-family:var(--f-mono);font-size:11px;fill:var(--slate-2);letter-spacing:.04em}.motif .axis{stroke:var(--line-2);stroke-width:1}@media (prefers-reduced-motion: no-preference){.motif .path-a,.motif .path-b{stroke-dasharray:2000;stroke-dashoffset:2000;animation:draw 2.1s ease forwards}.motif .path-b{animation-delay:.25s}@keyframes draw{to{stroke-dashoffset:0}}}.hero{padding-block:clamp(3rem,2rem + 6vw,6.5rem)}.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,1rem + 3vw,3.5rem);align-items:center}@media (max-width: 900px){.hero__grid{grid-template-columns:1fr}}.hero h1{margin-bottom:.6rem}.hero__sub{font-size:var(--step-1);color:var(--slate);max-width:46ch;margin-bottom:1.6rem}.hero__panel{background:var(--ink);border-radius:var(--radius);padding:1.4rem 1.4rem 1rem}.hero__panel .cap{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-2);display:flex;justify-content:space-between}.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-family:var(--f-display);font-weight:700;letter-spacing:-.02em}.brand svg{width:26px;height:26px}.nav__links{display:flex;gap:1.4rem;align-items:center}.nav__links a{font-size:var(--step--1);color:var(--slate);text-decoration:none}.nav__links a:hover,.nav__links a[aria-current=page]{color:var(--ink)}.nav__toggle{display:none;background:none;border:1px solid var(--line-2);border-radius:6px;padding:.4rem .6rem;font-family:var(--f-mono);font-size:.8rem;cursor:pointer}@media (max-width: 720px){.nav__links{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:.5rem var(--gutter) 1rem}.nav__links.open{display:flex}.nav__links a{padding:.6rem 0;border-bottom:1px solid var(--line)}.nav__toggle{display:inline-block}}.footer{background:var(--ink);color:var(--paper-on-ink);padding-block:3rem 2rem}.footer a{color:var(--signal-2);text-decoration:none}.footer a:hover{text-decoration:underline}.footer__grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.footer__meta{font-family:var(--f-mono);font-size:.78rem;color:var(--slate-2);line-height:1.7;max-width:44ch}.footer__nav{display:flex;flex-wrap:wrap;gap:1.2rem}.footer__nav a{font-size:var(--step--1)}.footer__rule{border:0;border-top:1px solid #262c35;margin:1.8rem 0 1rem}.article{max-width:72ch}.article h2{font-size:var(--step-2);margin-top:2.2rem}.article h3{margin-top:1.6rem}.article img{width:100%;height:auto;border:1px solid var(--line);border-radius:var(--radius);margin:1.5rem 0}.article blockquote{border-left:3px solid var(--signal);margin:1.5rem 0;padding:.2rem 0 .2rem 1.2rem;color:var(--slate);font-style:normal}.article code{font-family:var(--f-mono);font-size:.9em;background:var(--paper-2);padding:.1rem .35rem;border-radius:4px}.callout{border:1px dashed var(--line-2);border-radius:var(--radius-sm);padding:1rem 1.15rem;background:var(--paper-2);font-size:var(--step--1);color:var(--slate);font-family:var(--f-mono);line-height:1.6}.metrow{display:flex;flex-wrap:wrap;gap:1.5rem;font-family:var(--f-mono);font-size:var(--step--1);color:var(--slate)}.metrow b{color:var(--ink);font-weight:600}.field{display:grid;gap:.35rem;margin-bottom:1rem}.field label{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}.field input,.field textarea{font-family:var(--f-body);font-size:var(--step-0);color:var(--ink);padding:.7rem .85rem;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:#fff}.field input:focus,.field textarea:focus{outline:2px solid var(--signal);outline-offset:1px;border-color:var(--signal)}.stack>*+*{margin-top:1rem}.eyebrow-note{font-family:var(--f-mono);font-size:.78rem;color:var(--slate-2)}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--ink);color:#fff;padding:.5rem .8rem;border-radius:6px;z-index:100}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.section-head{max-width:60ch;margin-bottom:2rem}.hero__panel .motif .path-a{stroke:var(--paper-on-ink)}.hero__panel .motif .lbl{fill:var(--slate-2)}.hero__panel .motif .axis{stroke:#2c333d}.hero__panel .motif .band{opacity:.16}