:root{--bg:#121212;--chrome:#1c1330;--card:#18181b;--line:#ffffff14;--text:#eee;--muted:#9a9aa0;--teal:#3fe3e6;--font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:16px/1.5 var(--font);margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.skip{position:absolute;left:-999px}.skip:focus{background:var(--bg);z-index:10;padding:8px;top:8px;left:8px}header.site{background:var(--chrome);align-items:center;gap:24px;padding:14px 24px;display:flex}.logo{letter-spacing:-.01em;font-size:1.25rem;font-weight:800;text-decoration:none}nav a{color:#ffffffbf;margin-right:18px;text-decoration:none}nav a[aria-current]{color:#fff;border-bottom:2px solid #fff;padding-bottom:2px}main.page{max-width:1000px;margin:0 auto;padding:40px 16px 56px}.hero{text-align:center;margin-bottom:36px}.hero h1{text-wrap:balance;margin:0 0 6px;font-size:2.4rem}.hero p{color:#cfd2d6;margin:0;font-size:1.1rem}.story{max-width:65ch;margin:28px auto 0}.grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;width:min(100%,340px);text-decoration:none;display:block;overflow:hidden}.card img{object-fit:cover;width:100%;height:150px;display:block}.card div{padding:14px 16px}.card small,.banner small{color:var(--teal);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.card b{margin:2px 0;font-size:1.1rem;display:block}.card span{color:var(--muted);font-size:.93rem}.banner{background:var(--card);border:1px solid var(--line);border-radius:10px;grid-template-columns:5fr 6fr;display:grid;overflow:hidden}.banner img{object-fit:cover;order:2;width:100%;height:100%}.banner .copy{flex-direction:column;justify-content:center;padding:32px;display:flex}.banner h1{margin:4px 0 8px;font-size:2rem}.banner p{color:#d4d4d8;margin:0 0 18px}.btn{background:var(--teal);color:#07292a;border-radius:6px;align-self:flex-start;padding:10px 18px;font-weight:700;text-decoration:none}.prose{max-width:65ch;margin:0 auto}.prose h1{font-size:1.8rem}footer.site{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:18px;font-size:.9rem}footer.site a{margin:0 8px;text-decoration:none}@media (width<=700px){.banner{grid-template-columns:1fr}.banner img{order:0;height:auto}.hero h1{font-size:1.8rem}header.site{padding:12px 16px}}