:root{--issue-accent:#D4860B;--issue-rgb:212,134,11}.issue-archive{background:#080808;color:#fff;min-height:100vh;overflow:hidden}.issue-hero{position:relative;min-height:68vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,410px);align-items:center;gap:7vw;padding:11vh clamp(22px,8vw,130px);isolation:isolate}.issue-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 38%,rgba(var(--issue-rgb),.22),transparent 36%),linear-gradient(145deg,#080808 25%,rgba(var(--issue-rgb),.1));z-index:-2}.issue-hero-copy{max-width:700px}.issue-kicker,.issue-number{font-size:12px;letter-spacing:.18em;color:#aaa}.issue-number{color:var(--issue-accent);margin-top:7vh}.issue-hero h1{font:400 clamp(58px,9vw,132px)/.98 "El Messiri",serif;margin:.15em 0;color:#fff}.issue-current-badge{display:inline-block;color:var(--issue-accent);background:rgba(var(--issue-rgb),.14);border:1px solid rgba(var(--issue-rgb),.5);border-radius:20px;padding:5px 16px;font-size:12px;font-weight:700;letter-spacing:.06em;margin:0 0 .6em}.issue-hero-copy>p:last-of-type{color:#c8c8c8;font-size:clamp(16px,1.5vw,21px);line-height:1.9}.issue-hero-cover{position:relative;display:block;justify-self:center;width:min(29vw,390px);aspect-ratio:707/1000;border:1px solid rgba(var(--issue-rgb),.52);box-shadow:-25px 32px 70px #0009,0 0 90px rgba(var(--issue-rgb),.18);overflow:hidden;transform:perspective(1100px) rotateY(-6deg);transition:.55s}.issue-hero-cover:hover{transform:perspective(1100px) rotateY(0) translateY(-7px)}.issue-hero-cover img{width:100%;height:100%;display:block;object-fit:cover}.issue-hero-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,rgba(var(--issue-rgb),.24),#090909 68%);text-decoration:none;color:#fff}.issue-hero-placeholder strong{font-size:clamp(70px,10vw,132px);color:var(--issue-accent);opacity:.75}.issue-library{padding:10vh clamp(22px,8vw,130px) 15vh;background:linear-gradient(#080808,#0c0a08)}.issue-library-head{display:flex;justify-content:space-between;align-items:end;gap:24px;border-bottom:1px solid #ffffff20;padding-bottom:28px}.issue-library-head h2{font:400 clamp(38px,6vw,76px)/1.1 "El Messiri",serif;margin:0}.issue-library-head p{color:#999;letter-spacing:.15em;font-size:11px}.issue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:42px}.issue-card{min-width:0}.issue-card>a,.issue-card>div{height:100%;display:flex;flex-direction:column;background:#111;border:1px solid #ffffff1c;color:#fff;text-decoration:none;overflow:hidden;transition:.35s}.issue-card>a:hover{transform:translateY(-7px);border-color:rgba(var(--issue-rgb),.65);box-shadow:0 20px 45px #0008}.issue-card-cover{display:block;aspect-ratio:707/1000;background:linear-gradient(145deg,rgba(var(--issue-rgb),.2),#0a0a0a);overflow:hidden}.issue-card-cover img{display:block;width:100%;height:100%;object-fit:contain;background:#080808}.issue-card-copy{display:flex;flex-direction:column;min-height:155px;padding:20px}.issue-card-number{font-size:12px;letter-spacing:.16em;color:var(--issue-accent)}.issue-card h3{font:400 21px/1.35 "El Messiri",serif;margin:8px 0}.issue-card-month{color:#aaa;font-size:12px;margin-top:auto}.issue-card.is-placeholder>div{opacity:.58}.issue-card.is-placeholder .issue-card-cover{display:grid;place-items:center}.issue-card.is-placeholder .issue-card-cover strong{font-size:64px;color:var(--issue-accent);opacity:.42}@media(max-width:960px){.issue-hero{grid-template-columns:1fr;text-align:center}.issue-hero-copy{margin:auto}.issue-hero-cover{width:min(70vw,370px)}.issue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.issue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.issue-library-head{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.issue-grid{grid-template-columns:1fr}.issue-card{max-width:330px;width:100%;margin:auto}}

/* Interim fix 2026-07-10: issues 8-15 covers were exported LANDSCAPE
   (2400x1260, .jpg) unlike the portrait .png covers (1414x2000), so
   object-fit:contain letterboxed them into a thin strip. Center-crop
   landscape covers to fill the portrait frame until portrait re-exports
   replace them. (.jpg == landscape batch is a reliable marker here.) */
.issue-card-cover img[src*=".jpg"],.issue-hero-cover img[src*=".jpg"]{object-fit:cover}.issue-daily-badge{position:absolute;top:20px;right:20px;z-index:2;background:var(--issue-accent);color:#fff!important;padding:9px 18px;border-radius:4px;font-weight:700;font-size:14px;text-decoration:none}.issue-daily-badge:hover{opacity:.88}@media(max-width:960px){.issue-daily-badge{position:static;display:inline-block;margin:0 0 1.4em}}
.issue-hero-cover picture,.issue-card-cover picture{display:block;width:100%;height:100%}