@font-face{font-family:'Archivo Variable';font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/fonts/archivo.woff2) format('woff2')}
:root{--navy:#0f2230;--navy-deep:#0a1822;--on-dark:#f3f5f4;--on-dark-soft:#c9d6dc;--on-dark-muted:#9fb8c4;--accent:#c2461a;--glass:rgba(255,255,255,.04);color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;background:var(--navy-deep);color:var(--on-dark);font-family:'Archivo Variable','Archivo',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
.glass{background:var(--glass);border:1px solid rgba(255,255,255,.08);border-radius:12px}
.top{padding:max(16px,env(safe-area-inset-top)) clamp(16px,4vw,40px) 0}
.brand{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;color:var(--on-dark);text-decoration:none}
.brand .txt{display:flex;flex-direction:column;line-height:1.2}
.brand .name{font-weight:640;font-stretch:92%;letter-spacing:.01em;font-size:14.5px}
main{max-width:75rem;margin:0 auto;padding:clamp(28px,6vw,64px) clamp(16px,4vw,40px) 64px}
h1{font-size:clamp(2rem,1.4rem + 2.4vw,3rem);font-weight:700;font-stretch:88%;letter-spacing:-.01em;margin:0 0 8px;line-height:1.05}
.lede{color:var(--on-dark-soft);margin:0 0 32px;font-size:1.0625rem;max-width:40rem;line-height:1.55}
.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px}
.card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
.card .ph{display:block;position:relative;aspect-ratio:2/1;background:#000;overflow:hidden;color:var(--on-dark)}
.card .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.card .ph:hover img{transform:scale(1.04)}
.badge{position:absolute;left:12px;bottom:12px;background:rgba(10,24,34,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:600;letter-spacing:.03em}
.meta{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:12px;padding:12px 14px 14px;align-items:center}
.meta .t{color:var(--on-dark);text-decoration:none;font-weight:620;font-size:1.0625rem}
.meta .d{color:var(--on-dark-muted);font-size:13px;grid-column:1}
.meta .copy{grid-column:2;grid-row:1/3;appearance:none;border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--on-dark);border-radius:8px;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer}
.meta .copy:hover{border-color:var(--accent)}
.empty{color:var(--on-dark-muted)}