@font-face {font-family: 'Chivo';font-weight: 100 900;font-display: swap;src: url('/fonts/chivo-latin-wght-normal.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Chivo';font-style: italic;font-weight: 100 900;font-display: swap;src: url('/fonts/chivo-latin-wght-italic.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}:root {--ink: #1d1530;--mist: #ddd4f0;--slate: #4a5480;--gold-0: #6e2f2a;--gold-1: #c8742a;--gold-2: #f6b83c;--gold-3: #ffe98a;--bg: #fff;--text: var(--ink);--heading: var(--ink);--muted: var(--slate);--surface: var(--mist);--rule: var(--mist);--line: var(--slate);--link: var(--gold-0);--focus: var(--gold-1);--band-edge: var(--ink);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--measure: 45rem;--wide: max(45rem, 720px);--gutter: var(--s-4);--t-small: 0.9375rem;--t-body: 1.125rem;--t-lede: 1.3125rem;--t-h2: 1.75rem;--t-h1: 2.25rem;--t-hero: 2.5rem;--radius: 12px;color-scheme: light dark;}@media (prefers-color-scheme: dark) {:root {--bg: var(--ink);--text: var(--mist);--heading: #fff;--muted: #bcc6e4;--surface: #2c2848;--rule: var(--slate);--line: #bcc6e4;--link: var(--gold-2);--focus: var(--gold-2);--band-edge: var(--slate);}}@media (min-width: 48em) {:root {--gutter: var(--s-5);--t-body: 1.1875rem;--t-h1: 2.75rem;--t-hero: 3.25rem;}}*,::before,::after {box-sizing: border-box;}html {-webkit-text-size-adjust: 100%;text-size-adjust: 100%;}body {display: flex;flex-direction: column;min-height: 100vh;margin: 0;background: var(--bg);color: var(--text);font: var(--t-body) / 1.65 'Chivo',system-ui,sans-serif;overflow-wrap: break-word;}.wrap {width: min(var(--measure), 100% - 2 * var(--gutter));margin-inline: auto;}.band {border-bottom: 2px solid var(--band-edge);background: var(--ink);--focus: var(--gold-2);}.bar {display: grid;grid-template-columns: 1fr;align-items: center;justify-items: center;gap: var(--s-2) var(--s-4);padding-block: var(--s-5) var(--s-3);}.logo {grid-column: 1 / -1;line-height: 0;}.band ul {display: flex;flex-wrap: wrap;justify-content: center;margin: 0 calc(-1 * var(--s-3));padding: 0;list-style: none;}.band li a {display: block;padding: var(--s-3);color: var(--mist);font-size: 1.0625rem;font-weight: 600;line-height: 1.25;text-decoration: none;text-underline-offset: 0.35em;}.band li a:hover {color: var(--gold-3);text-decoration: underline 2px;}.band li a[aria-current='page'] {color: var(--gold-3);text-decoration: underline 4px var(--gold-2);}.play,.skip {padding: var(--s-2) var(--s-4);background: var(--gold-2);color: var(--ink);font-weight: 700;}.play {border-radius: 999px;text-decoration: none;}.skip {position: absolute;left: var(--s-4);top: -10rem;}.skip:focus {top: var(--s-4);}a {color: var(--link);text-decoration-thickness: 1px;text-underline-offset: 0.2em;}a:hover {text-decoration-thickness: 2px;}:focus-visible {outline: 3px solid var(--focus);outline-offset: 2px;}img {image-rendering: pixelated;max-width: 100%;height: auto;}.page {flex: 1 0 auto;display: grid;grid-template-columns: [full-start] minmax(var(--gutter), 1fr) [wide-start] minmax(0, calc((var(--wide) - var(--measure)) / 2)) [content-start] min(var(--measure), 100% - 2 * var(--gutter)) [content-end] minmax(0, calc((var(--wide) - var(--measure)) / 2)) [wide-end] minmax(var(--gutter), 1fr) [full-end];align-content: start;padding-block: var(--s-7) var(--s-9);}:where(.page, article, .hero, section) > * {grid-column: content;}.page :where(article, .hero, section),figure {display: grid;grid-template-columns: subgrid;}.page :where(article, .hero, section) {grid-column: full;}figure {grid-column: wide;}figure img {grid-column: 1 / -1;justify-self: center;}figcaption {grid-column: content;margin-top: var(--s-3);color: var(--muted);font-size: 1rem;line-height: 1.5;}:where(h1, h2, h3, h4, p, ul, ol, figure) {margin: 0;}h1,h2,h3,h4 {color: var(--heading);font-size: var(--t-lede);font-weight: 750;line-height: 1.25;text-wrap: balance;}h1 {font-size: var(--t-h1);font-weight: 800;line-height: 1.1;letter-spacing: -0.02em;}h2 {font-size: var(--t-h2);letter-spacing: -0.01em;}p {text-wrap: pretty;}:where(.page, article, .hero, section) > * + * {margin-top: var(--s-5);}:where(.page, article, .hero) > :is(figure, figure + *, h3, h4) {margin-top: var(--s-7);}:where(.page, article, .hero) > h2,.page > section {margin-top: var(--s-8);}:where(.page, article, .hero, section) > :is(h2, h3, h4) + * {margin-top: var(--s-4);}.page > .hero + section {margin-top: var(--s-9);}:where(.page, article, .hero, section) > :first-child {margin-top: 0;}li + li {margin-top: var(--s-2);}ul,ol {padding-left: 1.5em;}::marker {color: var(--focus);}blockquote {margin-inline: 0;padding-left: var(--s-4);border-left: 4px solid var(--rule);}th {text-align: left;}.meta {color: var(--muted);font-size: var(--t-small);}:where(.page, article) > h1 + .meta {margin-top: var(--s-3);}article > .meta {padding-bottom: var(--s-6);border-bottom: 2px solid var(--rule);}article > .meta + *,.page > .meta + * {margin-top: var(--s-6);}.lede,.now,:where(.page, .hero) > h1 + p {font-size: var(--t-lede);line-height: 1.5;}.hero > h1 {font-size: var(--t-hero);}:where(.page, article) > h1,:where(.page, article) > h1 + .meta,.hero > :is(h1, h1 + p, .actions),.lede,.lost,.more,figcaption,.foot {text-align: center;}.actions,.links {display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-3);padding: 0;list-style: none;}.band li,.links li {margin: 0;}.button,.links a {display: inline-block;padding: var(--s-3) var(--s-5);border: 2px solid var(--line);border-radius: 999px;color: var(--text);font-weight: 700;line-height: 1.25;text-decoration: none;}.button:not(.alt) {border-color: var(--gold-2);background: var(--gold-2);color: var(--ink);}:is(.button, .links a, .pager a):hover {text-decoration: underline 2px;}.hero p:has(+ ul),.hero ul {padding: var(--s-5) var(--s-6) 0;border-radius: var(--radius) var(--radius) 0 0;background: var(--surface);font-weight: 750;}.hero ul {padding: var(--s-3) var(--s-6) var(--s-5) calc(var(--s-6) + 1.25em);border-radius: 0 0 var(--radius) var(--radius);font-weight: 400;list-style: square;}.hero p:has(+ ul) + ul {margin-top: 0;}.posts,.stages {padding: 0;list-style: none;}.posts,.pager {display: grid;gap: var(--s-4);}.pager {grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));margin-top: var(--s-8);}.posts li,.pager a,.stages {position: relative;margin: 0;padding: var(--s-5);border: 2px solid var(--rule);border-radius: var(--radius);}:is(.posts li, .pager a):hover {border-color: var(--line);}.posts a {text-decoration: none;}.posts a::after {content: '';position: absolute;inset: 0;}.posts li:hover a {text-decoration: underline 2px;}.posts h2 {font-size: var(--t-lede);}.posts .meta {margin-block: var(--s-2) var(--s-3);}.more,.pager a {font-weight: 700;}.pager a {padding-block: var(--s-4);line-height: 1.4;text-decoration: none;}.pager span,.label {display: block;margin-bottom: var(--s-1);color: var(--muted);font-size: var(--t-small);font-weight: 400;}.now {padding: var(--s-5);border-left: 4px solid var(--gold-2);border-radius: 0 var(--radius) var(--radius) 0;background: var(--surface);}.label {color: var(--text);font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;}.stages {padding: 0;}.stages li {margin: 0;padding: var(--s-5);}.stages li + li {border-top: 2px solid var(--rule);}.stages h3 {display: grid;grid-template-columns: 1fr auto;align-items: start;gap: var(--s-4);}.stages p {margin-top: var(--s-2);}.chip,.draft {display: inline-flex;align-items: center;gap: var(--s-2);padding: 2px var(--s-3);border: 2px solid transparent;border-radius: 999px;background: var(--mist);color: var(--ink);font-size: var(--t-small);font-weight: 700;line-height: 1.4;white-space: nowrap;}.meta .draft {margin-left: var(--s-2);}.chip::before {content: '';width: 12px;height: 12px;border: 2px solid;border-radius: 50%;}.done {background: var(--gold-2);}.done::before {width: 7px;margin: 0 3px 3px;border-width: 0 3px 3px 0;border-radius: 0;transform: rotate(45deg);}.in-progress {background: var(--gold-3);}.in-progress::before {background: linear-gradient(90deg, currentColor 50%, transparent 0);}.chip.later {border: 2px dashed var(--line);background: none;color: var(--text);}.foot {padding-block: var(--s-6) var(--s-7);border-top: 2px solid var(--rule);color: var(--muted);font-size: var(--t-small);}.foot p + p {margin-top: var(--s-1);}@media (max-width: 26em) {.logo img {width: 188px;}.band ul {margin: 0 calc(-1 * var(--s-2));}.band li a {padding-inline: var(--s-2);}}
