*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.listing{max-width:72rem;min-height:100vh;margin:0 auto;padding:2.5rem 1.25rem 4rem}@media (min-width:640px){.listing{padding-inline-start:1.5rem;padding-inline-end:1.5rem}}@media (min-width:768px){.listing{padding-inline-start:2.5rem;padding-inline-end:2.5rem}}.listing-head{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}@media (min-width:640px){.listing-head{flex-direction:row;justify-content:space-between;align-items:flex-end}}.listing-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin:0;font-family:JetBrains Mono,monospace;font-size:11px}.listing h1{color:var(--ink);margin:.25rem 0 0;font-family:Sora,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:clamp(2rem,5vw,2.75rem);font-weight:600}.listing-lede{max-width:28rem;color:var(--ink-2);margin:.5rem 0 0;font-size:14px}.listing-head-actions{flex-wrap:wrap;align-self:flex-start;align-items:center;gap:.5rem;display:flex}.listing-story-chip,.listing-theme{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);background:color-mix(in srgb, var(--card-bg) 80%, transparent);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.4rem;padding:.4rem .75rem;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;display:inline-flex}.listing-story-chip:hover,.listing-theme:hover{border-color:var(--amber);color:var(--amber)}.listing-filters{margin-bottom:1.25rem}.listing-filters-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.listing-filters-toggle{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:0;font-family:JetBrains Mono,monospace;font-size:10px;display:inline-flex}.listing-filters-badge{background:var(--amber);min-width:1.1rem;color:var(--bg);border-radius:999px;justify-content:center;padding:.1rem .35rem;display:inline-flex}.listing-filters-chevron{transition:transform .15s;display:inline-flex}.listing-filters-chevron.is-open{transform:rotate(180deg)}.listing-filters-right{align-items:center;gap:.75rem;display:flex}.listing-filters-body{flex-wrap:wrap;align-items:flex-end;gap:1rem;padding-top:.85rem;display:flex}.listing-field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.35rem;font-family:JetBrains Mono,monospace;font-size:10px;display:block}.listing-search{flex:1;min-width:12rem}.listing-search-field{display:block;position:relative}.listing-search-field svg{color:var(--ink-dim);pointer-events:none;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.listing-search input{box-sizing:border-box;width:100%;color:var(--ink);background:color-mix(in srgb, var(--card-bg) 50%, transparent);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.45rem .7rem .45rem 2rem;font-family:JetBrains Mono,monospace;font-size:11px}.listing-search input:focus{border-color:var(--amber);outline:none}.listing-chips,.listing-views{flex-wrap:wrap;gap:.4rem;display:flex}.listing-views{border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--card-bg) 40%, transparent);gap:.15rem;padding:.2rem}.listing-chips button,.listing-views button,.listing-clear{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);background:color-mix(in srgb, var(--card-bg) 50%, transparent);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.35rem;padding:.35rem .6rem;font-family:JetBrains Mono,monospace;font-size:10px;display:inline-flex}.listing-views button{background:0 0;border:0}.listing-chips button.is-on,.listing-views button.is-on{background:var(--amber);border-color:var(--amber);color:var(--bg)}.listing-views button span{display:none}@media (min-width:640px){.listing-views button span{display:inline}}.listing-clear{color:var(--amber);align-self:flex-end}.listing-clear:hover{border-color:var(--amber)}.listing-count{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin:0;font-family:JetBrains Mono,monospace;font-size:10px}@media (max-width:639px){.listing-count{display:none}}.listing-empty{text-align:center;border:1px dashed var(--line);border-radius:var(--radius-lg);color:var(--ink-2);padding:2.5rem 1rem}.listing-empty button{color:var(--amber);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin-top:.5rem;font-family:JetBrains Mono,monospace;font-size:10px}.listing-cover{object-fit:cover;width:100%;height:100%;display:block}.listing-cover--empty{background:linear-gradient(145deg, color-mix(in srgb, var(--card-bg-2) 80%, var(--amber) 8%), var(--card-bg-2));justify-content:center;align-items:center;min-height:8rem;display:flex}.listing-cover--empty span{letter-spacing:.06em;color:color-mix(in srgb, var(--ink-faint) 70%, var(--amber) 30%);font-family:Sora,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.75rem;font-weight:600}.listing-status{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.2rem .5rem;font-family:JetBrains Mono,monospace;font-size:10px}.listing-status--planned{border-color:color-mix(in srgb, var(--amber) 50%, var(--line));color:var(--amber)}.listing-status--considered{color:var(--ink-dim)}.listing-status--ongoing{color:#34d399;border-color:#34d399}.listing-status--done{color:var(--ink-2)}.listing-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);flex-wrap:wrap;gap:.35rem 1rem;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.listing-meta dt{margin-right:.25rem;display:inline}.listing-meta dd{color:var(--ink-2);margin:0;display:inline}.listing-actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem;display:grid}.listing-btn{letter-spacing:.08em;text-transform:uppercase;width:100%;color:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-sm);box-sizing:border-box;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .75rem;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;display:inline-flex}.listing-btn:hover{border-color:var(--amber);color:var(--amber)}.listing-btn--primary{background:var(--amber);border-color:var(--amber);color:var(--bg)}.listing-btn--primary:hover{background:color-mix(in srgb, var(--amber) 90%, #fff);color:var(--bg)}.listing-gallery{align-items:stretch;gap:1.25rem;display:grid}@media (min-width:640px){.listing-gallery{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.listing-gallery{grid-template-columns:1fr 1fr 1fr}}.listing-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--card-bg) 50%, transparent);flex-direction:column;height:100%;display:flex;overflow:hidden}.listing-card:hover{border-color:var(--line-2)}.listing-card-media{aspect-ratio:3/2;background:var(--card-bg-2);position:relative;overflow:hidden}.listing-cover-link{width:100%;height:100%;color:inherit;text-decoration:none;display:block}.listing-card-media .listing-status{position:absolute;top:.75rem;left:.75rem}.listing-card-media img{object-fit:cover;transition:transform .5s}.listing-card:hover .listing-card-media img,.listing-card:hover .listing-cover-link img{transform:scale(1.05)}.listing-feature figure .listing-cover-link{width:100%;height:100%;display:block}.listing-feature:hover .listing-cover-link img{transform:scale(1.05)}.listing-card-body{flex-direction:column;flex:1;gap:.4rem;padding:1rem;display:flex}.listing-card-region{letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin:0;font-family:JetBrains Mono,monospace;font-size:10px}.listing-card-body h2{margin:0;font-family:Sora,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.35rem;font-weight:600}.listing-card-body p{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.listing-rows{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.listing-row{border-top:1px solid var(--line);background:color-mix(in srgb, var(--card-bg) 40%, transparent);align-items:stretch;display:flex}.listing-row:first-child{border-top:0}.listing-row-link{min-width:0;color:inherit;flex:1;align-items:center;gap:1rem;padding:.75rem;text-decoration:none;display:flex}.listing-row-link:hover{background:color-mix(in srgb, var(--card-bg-2) 70%, transparent)}.listing-row-map{border-left:1px solid var(--line);width:2.75rem;color:var(--ink-faint);flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.listing-row-map:hover{color:var(--amber);background:color-mix(in srgb, var(--card-bg-2) 70%, transparent)}.listing-row-thumb{aspect-ratio:3/2;border-radius:var(--radius-sm);background:var(--card-bg-2);flex:none;width:5rem;overflow:hidden}.listing-row-body{flex:1;min-width:0}.listing-row-title{align-items:center;gap:.5rem;font-size:14px;font-weight:500;display:flex}.listing-row-title .listing-status{display:none}@media (min-width:640px){.listing-row-title .listing-status{display:inline}}.listing-row-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.listing-row-sub,.listing-row-summary{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;margin:.15rem 0 0;font-size:12px;overflow:hidden}.listing-row-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-family:JetBrains Mono,monospace;font-size:10px}.listing-row-stats{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);flex:none;gap:1rem;font-family:JetBrains Mono,monospace;font-size:10px;display:none}@media (min-width:768px){.listing-row-stats{display:flex}}.listing-row-chevron{color:var(--ink-faint);flex:none;display:inline-flex}.listing-row:hover .listing-row-chevron,.listing-row-link:hover .listing-row-chevron{color:var(--amber)}.listing-editorial{flex-direction:column;gap:1.5rem;display:flex}.listing-feature{border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--card-bg) 30%, transparent);display:grid;overflow:hidden}@media (min-width:768px){.listing-feature{grid-template-columns:1fr 1fr}.listing-feature--flip figure{order:2}}.listing-feature figure{aspect-ratio:3/2;background:var(--card-bg-2);margin:0;overflow:hidden}@media (min-width:768px){.listing-feature figure{aspect-ratio:auto;min-height:15rem}}.listing-feature img{transition:transform .7s}.listing-feature:hover img{transform:scale(1.05)}.listing-feature-body{flex-direction:column;justify-content:center;gap:.75rem;padding:1.5rem;display:flex}.listing-feature-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--amber);align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.listing-feature-body h2{margin:0;font-family:Sora,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.15}.listing-feature-body>p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.6}.listing-feature .listing-meta{border-top:1px solid var(--line);padding-top:.75rem}.listing-foot{color:var(--ink-dim);margin-top:3.5rem;font-family:JetBrains Mono,monospace;font-size:12px}.listing-foot a{color:var(--ink-dim)}.listing-foot a:hover{color:var(--amber)}
