:root{--bg:#1b1f22;--fg:#e9e3d8;--mute:#9b978f;--line:rgba(233,227,216,.16)}
*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--fg);font:400 15px/1.5 'Schibsted Grotesk',system-ui,sans-serif;padding:24px clamp(16px,4vw,48px) 64px}
header{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px;color:var(--mute);font-size:13px;flex-wrap:wrap}
.w{color:var(--fg);font-weight:800;font-size:22px;letter-spacing:-.02em}
.lede{max-width:46ch;margin:40px 0 32px;font-size:18px}
.grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:32px 24px}
.grid a{color:inherit;text-decoration:none;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}
.grid img{grid-column:1/-1;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#2a2f33;border-radius:2px;margin-bottom:8px;transition:opacity .3s}
.grid a:hover img{opacity:.85}
.n{color:var(--mute);font:500 12px/1.6 ui-monospace,monospace}.t{font-weight:700}.d{grid-column:2;color:var(--mute);font-size:14px}
.note{margin-top:48px;color:var(--mute);font-size:13px;max-width:60ch}
.also{margin:-12px 0 32px;color:var(--mute);font-size:14px}.also a{color:var(--fg)}