:root { --bg:#F4F7FC; --ink:#0F1B33; --muted:#5A6A86; --blue:#0264FF; --line:rgba(15,27,51,.12); }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font-family:'Instrument Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.45; }
.wrap { max-width:1000px; margin:0 auto; padding:48px 24px 72px; }
.eyebrow { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:13px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase; color:var(--blue); margin:0 0 10px; }
h1 { font-size:34px; line-height:1.18; margin:0 0 14px; max-width:820px; }
h1 .q { font-style:italic; color:var(--blue); }
p.sub { font-size:18px; color:var(--muted); margin:0 0 32px; max-width:780px; }
figure { margin:0; border:1px solid var(--line); border-radius:16px; overflow:hidden;
  background:#fff; box-shadow:0 12px 40px rgba(15,27,51,.10); }
figure img { display:block; width:100%; height:auto; }
figcaption { font-size:14px; color:var(--muted); padding:14px 18px; border-top:1px solid var(--line); }
.pending { display:none; padding:60px 24px; text-align:center; color:var(--muted); font-size:16px; background:#fff; }
.backrow { margin-top:28px; display:flex; gap:24px; }
.backrow a { font-size:16px; font-weight:600; color:var(--blue); text-decoration:none; }
.backrow a:hover { text-decoration:underline; }
.grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:4px; }
.card { display:block; text-decoration:none; color:inherit; border:1px solid var(--line);
  border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 8px 28px rgba(15,27,51,.08);
  transition:transform .12s ease, box-shadow .12s ease; }
.card:hover { transform:translateY(-2px); box-shadow:0 14px 38px rgba(15,27,51,.14); }
.thumb { position:relative; aspect-ratio:16/9; background:#0F1B33; overflow:hidden; }
.thumb img { position:relative; z-index:1; width:100%; height:100%; object-fit:cover; object-position:top center; }
.thumb .lbl { position:absolute; z-index:0; inset:0; display:flex; align-items:center; justify-content:center;
  font-family:ui-monospace,Menlo,monospace; font-size:15px; letter-spacing:2px; color:#9DB7E6; }
.meta { padding:15px 18px; }
.meta h3 { margin:0 0 3px; font-size:20px; }
.meta p { margin:0; font-size:14px; color:var(--muted); }
@media (max-width:680px){ .grid{grid-template-columns:1fr;} h1{font-size:26px;} .wrap{padding:32px 16px 56px;} }