:root{--color-bg:#f4f4f1;--color-surface:#fff;--color-ink:#1a1a1a;--color-text:#3d3d3a;--color-muted:#5f5f5c;--color-faint:#8a8a86;--color-line:#d9d9d4;--color-line-strong:#1a1a1a;--color-line-soft:#e6e6e2;--color-accent:#f76819;--color-accent-ink:#c8340c;--color-on-accent:#fbf2e9;--color-inverse-bg:#1a1a1a;--color-inverse-text:#f4f4f1;--color-inverse-muted:#9a9a95;--color-inverse-line:#33332f;--font-display:"Archivo", "Arial Narrow", sans-serif;--font-text:"Archivo", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--font-hand:"Reenie Beanie", "Segoe Print", cursive;--display-stretch:72%;--text-mega:clamp(56px, 17vw, 216px);--text-h1:clamp(44px, 7vw, 104px);--text-h2:clamp(32px, 4.2vw, 60px);--text-h3:clamp(22px, 2.2vw, 30px);--text-card:clamp(24px, 2.6vw, 36px);--text-index:clamp(28px, 2.8vw, 40px);--text-quote:clamp(22px, 2.6vw, 36px);--text-body:clamp(17px, 1.25vw, 18px);--text-small:15px;--text-xs:13px;--text-meta:12px;--text-h2-compact:clamp(28px, 3vw, 44px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--space-11:192px;--card-title-gap:var(--space-2);--card-group-gap:var(--space-5);--card-action-gap:var(--space-5);--page-margin:16px;--gutter:16px;--section-gap:var(--space-9);--block-gap:var(--space-7);--header-height:56px;--measure:64ch;--selection-label-room:calc(var(--space-2) + var(--text-meta) * 1.4 + 2px);--border:1px solid var(--color-line);--radius-pill:999px;--dur-fast:.15s;--dur-base:.3s;--dur-slow:.6s;--ease-out:cubic-bezier(.2, .7, .2, 1)}.type-compact{--text-h1:clamp(36px, 5vw, 72px);--text-h2:var(--text-h2-compact);--text-h3:clamp(20px, 1.7vw, 24px);--text-card:clamp(22px, 2vw, 28px);--text-index:clamp(24px, 2.2vw, 32px);--text-quote:clamp(20px, 1.8vw, 26px);--text-body:clamp(16px, 1.15vw, 17px);--text-small:14px;font-size:var(--text-body)}@media (width>=768px){:root{--page-margin:32px;--gutter:24px}}@media (width>=1200px){:root{--page-margin:60px;--card-title-gap:var(--space-3);--card-group-gap:var(--space-6);--section-gap:var(--space-11)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--header-height);scrollbar-color:var(--color-faint) var(--color-bg)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-text);font-size:var(--text-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}::selection{background:var(--color-accent);color:var(--color-on-accent)}h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}p,dd{text-wrap:pretty}ul,ol{padding:0;list-style:none}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:3px}.display{font-family:var(--font-display);font-stretch:var(--display-stretch);text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance;font-weight:700;line-height:.9}.meta{font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.04em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-weight:400;line-height:1.4}.muted{color:var(--color-muted)}main :where(h1,h2,h3,.display,.link){color:var(--color-ink)}.link{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:var(--space-2);text-underline-offset:4px;transition:color var(--dur-fast) var(--ease-out);text-decoration:underline 1px;display:inline-flex}.link:hover{color:var(--color-accent-ink)}.link,.hit{position:relative}@media (pointer:coarse){.link:after,.hit:after{content:"";inset:50% calc(var(--space-1) * -1) auto;height:44px;position:absolute;translate:0 -50%}}.btn{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:var(--space-3);background:var(--color-accent);min-height:48px;color:var(--color-on-accent);padding:14px 20px;font-weight:500;display:inline-flex}.btn__label,.btn svg{transition:transform var(--dur-base) var(--ease-out)}.btn:hover .btn__label,.btn:focus-visible .btn__label{transform:translateX(calc(var(--space-1) * -1))}.btn:hover svg,.btn:focus-visible svg{transform:rotate(90deg)}.wrap{width:100%;padding-inline:var(--page-margin)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);left:var(--page-margin);z-index:30;padding:var(--space-3) var(--space-4);background:var(--color-ink);color:var(--color-bg);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.04em;text-transform:uppercase;transform:translateY(calc(-100% - var(--space-4)));transition:transform var(--dur-fast) var(--ease-out);position:fixed}.skip-link:focus-visible{transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}