/* The board index: five oversized words, one per direction. */
:root{--bg:#0E0D12;--ink:rgba(255,255,255,.94);--dim:rgba(255,255,255,.64);--faint:rgba(255,255,255,.46);--hair:rgba(255,255,255,.1);--font:'Geist',system-ui,sans-serif;--mono:'Geist Mono',ui-monospace,monospace;--gutter:clamp(1.25rem,5vw,5rem)}
body{background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.5}
.top{display:flex;align-items:center;justify-content:space-between;padding:1.35rem var(--gutter)}
.wordmark{font-weight:700;font-size:.95rem}
.top__meta{font-family:var(--mono);font-size:.84rem;color:var(--dim)}
main{padding:clamp(2.5rem,8vh,5rem) var(--gutter) 4rem}
.h1{font-size:clamp(2.2rem,6vw,4.6rem);font-weight:800;letter-spacing:-.045em;line-height:.96;max-width:14em;text-wrap:balance}
.lede{margin-top:1.4rem;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.55;color:var(--dim);max-width:38em}
.list{margin-top:clamp(2rem,5vw,3.5rem);border-top:1px solid var(--hair)}
.list li{border-bottom:1px solid var(--hair)}
.list a{display:grid;grid-template-columns:3rem minmax(0,1fr) minmax(0,1.2fr) 240px;gap:1.5rem;align-items:center;padding:1.4rem 0;color:var(--dim)}
.n{font-family:var(--mono);font-size:.84rem;color:var(--faint)}
.name{font-size:clamp(2rem,4.6vw,3.8rem);font-weight:800;letter-spacing:-.045em;line-height:1;color:var(--dim);transition:color .2s}
.list a:hover .name{color:var(--ink)}
.desc{font-size:.98rem;line-height:1.5;color:var(--dim)}
.type{display:block;margin-top:.3rem;font-family:var(--mono);font-size:.8rem;color:var(--faint)}
.thumb{width:240px;aspect-ratio:16/10;object-fit:cover;object-position:top;border:1px solid var(--hair);background:#151419}
.fine{margin-top:1.6rem;font-size:.86rem;color:var(--faint)}
.foot{color:var(--faint);border-top-color:var(--hair);padding-bottom:2rem}
.foot__brand{color:var(--ink)}
@media (max-width:900px){.list a{grid-template-columns:2.4rem 1fr;row-gap:.6rem}.name{grid-column:2}.desc{grid-column:2}.thumb{grid-column:1/-1;width:100%}}
.top{gap:1rem;flex-wrap:wrap}