:root{color-scheme:light;--paper: oklch(97.5% .006 250);--paper-2: oklch(94.5% .01 250);--ink: oklch(22% .025 255);--ink-soft: oklch(40% .02 255);--muted: oklch(52% .02 255);--line: oklch(85% .015 250);--signal: oklch(58% .19 42);--signal-ink: oklch(38% .14 42);--cobalt: oklch(48% .16 255);--block: oklch(28% .04 255);--font-display: "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, serif;--font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--max: 68rem;--gutter: clamp(1rem, 3vw, 1.75rem);--section: clamp(3.5rem, 8vw, 6rem);--radius: .35rem;scrollbar-color:var(--signal) var(--paper-2)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;min-block-size:100dvb;background:linear-gradient(180deg,var(--paper-2) 0,transparent 12rem),var(--paper);color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.55;text-align:start}a{color:var(--cobalt);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--signal-ink)}a:focus-visible{outline:.15rem solid var(--signal);outline-offset:.15rem}img{max-inline-size:100%;block-size:auto;display:block}.skip{position:absolute;inset-inline-start:-999px;inset-block-start:0;background:var(--ink);color:var(--paper);padding:.5rem 1rem;z-index:100}.skip:focus{inset-inline-start:.5rem;inset-block-start:.5rem}.shell{inline-size:min(100% - (var(--gutter) * 2),var(--max));margin-inline:auto}.topbar{border-block-end:1px solid var(--line);background:color-mix(in oklab,var(--paper) 92%,white)}.topbar-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem 1.25rem;padding-block:1rem}.brand{display:grid;gap:.15rem;text-decoration:none;color:var(--ink)}.brand strong{font-family:var(--font-display);font-weight:600;font-size:1.35rem;letter-spacing:-.02em;line-height:1.1}.brand span{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);letter-spacing:.04em}.nav{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;font-size:.95rem}.nav a{color:var(--ink-soft);text-decoration:none}.nav a[aria-current=page],.nav a:hover{color:var(--ink);text-decoration:underline;text-decoration-thickness:.1em}.issue{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);border:1px solid var(--line);padding:.35rem .6rem;border-radius:var(--radius)}.mast{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(12rem,.65fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:end;padding-block:clamp(1.75rem,4vw,3rem) clamp(1.5rem,3vw,2.25rem);border-block-end:1px solid var(--line)}.mast-copy h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,1.2rem + 3.2vw,3.35rem);line-height:1.08;letter-spacing:-.025em;margin:.35rem 0 .85rem;text-wrap:balance;max-inline-size:18ch}.mast-copy p{margin:0;max-inline-size:38rem;color:var(--ink-soft);font-size:1.05rem;text-wrap:pretty}.kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--signal-ink);margin:0}.mast-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-block-start:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid transparent;padding:.65rem 1rem;font-family:var(--font-body);font-size:.92rem;font-weight:500;text-decoration:none;border-radius:var(--radius);min-block-size:2.6rem}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--cobalt);color:#fff}.btn-ghost{border-color:var(--line);color:var(--ink);background:transparent}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.canvas-wrap{position:relative;block-size:clamp(10rem,28vw,15rem);border:1px solid var(--line);border-radius:var(--radius);overflow:clip;background:var(--block);container-type:size}.canvas-wrap canvas{inline-size:100%!important;block-size:100%!important;display:block}.canvas-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;text-align:center;color:#aeb9c4;font-family:var(--font-mono);font-size:.75rem;pointer-events:none}.band{padding-block:var(--section)}.band+.band{border-block-start:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-block-end:1.35rem}.section-head h2{font-family:var(--font-display);font-size:clamp(1.45rem,1rem + 1.4vw,2rem);letter-spacing:-.02em;margin:.2rem 0 0;text-wrap:balance}.section-head p,.section-head a{margin:0;color:var(--muted);font-size:.92rem;text-decoration:none}.section-head a:hover{color:var(--cobalt);text-decoration:underline}.lead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0;background:var(--block);color:#edf2f8;border-radius:var(--radius);overflow:clip;text-decoration:none;container-type:inline-size}.lead:hover{color:#edf2f8}.lead-media{aspect-ratio:5 / 4;background:#08121f}.lead-media img{inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover;opacity:.92}.lead-body{display:flex;flex-direction:column;gap:.65rem;padding:clamp(1.1rem,3vw,1.75rem);justify-content:center}.lead .desk{color:#e4a78f}.lead h3{font-family:var(--font-display);font-size:clamp(1.35rem,1rem + 1.5vw,2rem);line-height:1.15;letter-spacing:-.02em;margin:0;text-wrap:balance;color:inherit}.lead p{margin:0;color:#bbc5d1;max-inline-size:36rem;text-wrap:pretty}.lead .meta{color:#95a0ab}.index{list-style:none;margin:0;padding:0;border-block-start:1px solid var(--line)}.index-item{content-visibility:auto;contain-intrinsic-size:auto 6.5rem}.index-item[hidden]{display:none}.index-item a{display:grid;grid-template-columns:2.5rem 5.5rem minmax(0,1fr) auto;gap:.85rem 1rem;align-items:center;padding-block:.85rem;border-block-end:1px solid var(--line);text-decoration:none;color:inherit}.index-item a:hover h3{color:var(--cobalt)}.index-thumb{inline-size:5.5rem;block-size:4rem;border-radius:var(--radius);overflow:clip;border:1px solid var(--line);background:var(--paper-2)}.index-thumb img{inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover}.index-num{font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.index-item h3{font-family:var(--font-display);font-size:clamp(1.05rem,.95rem + .5vw,1.25rem);font-weight:600;line-height:1.25;margin:0 0 .25rem;text-wrap:pretty}.index-item .row-meta{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);letter-spacing:.02em}.index-side{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);white-space:nowrap}.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-block-start:1.35rem;padding-block-start:.25rem}.pager-status{font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.pager-nav{display:flex;flex-wrap:wrap;gap:.4rem}.pager-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);font-family:var(--font-body);font-size:.9rem;padding:.45rem .8rem;border-radius:var(--radius);min-block-size:2.4rem;cursor:pointer}.pager-btn:hover:not(:disabled){border-color:var(--ink)}.pager-btn:disabled{opacity:.4;cursor:not-allowed}.pager-btn[aria-current=page]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.pager-btn:focus-visible{outline:.15rem solid var(--signal);outline-offset:.12rem}.desk{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--signal-ink)}.desk-link{text-decoration:none}.desk-link:hover{color:var(--cobalt);text-decoration:underline}.crumbs{display:flex;flex-wrap:wrap;gap:.35rem .5rem;align-items:center;margin-block-end:.85rem;font-family:var(--font-mono);font-size:.72rem;color:var(--muted)}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--cobalt);text-decoration:underline}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-block:.85rem .25rem}.inline-also{margin-block:2rem 0;padding:1rem 1.1rem;border:1px solid var(--line);border-inline-start:3px solid var(--signal);border-radius:var(--radius);background:#fff;max-inline-size:42rem}.inline-also ul{margin:.55rem 0 .75rem;padding-inline-start:1.1rem}.inline-also li{margin-block:.35rem}.inline-also a{color:var(--ink);text-decoration-thickness:.08em}.inline-also a:hover{color:var(--cobalt)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-block:2.5rem .5rem;padding-block-start:1.5rem;border-block-start:1px solid var(--line)}.post-nav-item{display:flex;flex-direction:column;gap:.35rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:inherit;background:#fff;min-block-size:4.5rem}.post-nav-item:hover{border-color:color-mix(in oklab,var(--cobalt) 40%,var(--line));color:inherit}.post-nav-item strong{font-family:var(--font-display);font-weight:600;font-size:.98rem;line-height:1.3;text-wrap:pretty}.post-nav-next{text-align:end}.post-nav-item.is-empty{border:0;background:transparent;pointer-events:none}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.related-card{display:flex;flex-direction:column;gap:.45rem;text-decoration:none;color:inherit;padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:clip;background:#fff;content-visibility:auto;contain-intrinsic-size:auto 16rem}.related-card:hover{border-color:color-mix(in oklab,var(--cobalt) 40%,var(--line));color:inherit}.related-card .desk,.related-card h3,.related-card .meta{padding-inline:.9rem}.related-card .meta{padding-block-end:.95rem}.related-card h3{font-family:var(--font-display);font-size:1.05rem;line-height:1.25;margin:0;text-wrap:pretty;padding-block-start:.15rem}.related-thumb{aspect-ratio:16 / 10;background:var(--paper-2);overflow:clip}.related-thumb img{inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover}.meta{font-family:var(--font-mono);font-size:.72rem;color:var(--muted)}.grid-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem}.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:clip;text-decoration:none;color:inherit;content-visibility:auto;contain-intrinsic-size:auto 18rem}.card:hover{border-color:color-mix(in oklab,var(--cobalt) 45%,var(--line));color:inherit}.card-media{aspect-ratio:16 / 10;background:var(--paper-2);overflow:clip}.card-media img{inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover}.card-body{padding:1rem 1.05rem 1.15rem;display:flex;flex-direction:column;gap:.45rem}.card h3{font-family:var(--font-display);font-size:1.1rem;line-height:1.25;margin:0;text-wrap:pretty}.prose{max-inline-size:62ch}.prose h2{font-family:var(--font-display);letter-spacing:-.02em;margin-block-start:2rem;text-wrap:balance}.prose p,.prose li{color:var(--ink-soft);text-wrap:pretty;overflow-wrap:break-word}.prose ul{padding-inline-start:1.2rem}.article-hero{padding-block:2rem 1rem}.article-hero h1{font-family:var(--font-display);font-size:clamp(1.85rem,1.2rem + 2.2vw,2.85rem);letter-spacing:-.03em;line-height:1.1;margin:.45rem 0 1rem;text-wrap:balance;max-inline-size:22ch}.cover{margin:1.25rem 0 .5rem;border-radius:var(--radius);overflow:clip;border:1px solid var(--line)}.cover figcaption{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);padding:.55rem .15rem 0}.video-frame{margin-block:1.5rem;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:var(--radius);overflow:clip;background:#000}.video-frame iframe{inline-size:100%;block-size:100%;border:0}.foot{margin-block-start:var(--section);border-block-start:1px solid var(--line);padding-block:1.5rem 2.5rem;color:var(--muted);font-family:var(--font-mono);font-size:.75rem}.foot a{color:var(--muted)}.desk-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:1rem}.chip{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);padding:.35rem .55rem;border-radius:var(--radius);text-decoration:none;min-block-size:2rem;display:inline-flex;align-items:center}.chip:hover,.chip[aria-current=page]{color:var(--ink);border-color:var(--ink)}@container (max-width: 36rem){.lead{grid-template-columns:1fr}}@media (max-width: 900px){.related-grid,.post-nav{grid-template-columns:1fr}.post-nav-next{text-align:start}}@media (max-width: 800px){.mast,.lead{grid-template-columns:1fr}.index-item a{grid-template-columns:4.5rem minmax(0,1fr)}.index-num,.index-side{display:none}.index-thumb{inline-size:4.5rem;block-size:3.4rem}}@media (max-width: 560px){.nav{inline-size:100%}}
