/* ============================================================
   UNIKEL — PROPAGANDA PAPER
   Poster-constructivist language: aged paper, ink black, poster red.
   The visual family Fairey borrowed from Soviet posters — reclaimed.
   Fonts: Oswald (display) · Albert Sans (body) · Headland One (quotes)
   ============================================================ */
:root{
  --paper:#e9e0cc; --paper2:#e0d5bc; --ink:#1a1611; --red:#c22026; --red2:#9e1317;
  --muted:#6f6555; --max:1240px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);
  font-family:'Albert Sans',-apple-system,'Helvetica Neue',Arial,sans-serif;
  font-weight:400;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
/* paper grain */
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.5;z-index:0;
  background-image:radial-gradient(rgba(26,22,17,.05) 1px,transparent 1px);background-size:4px 4px}
img{max-width:100%;height:auto;display:block}
a{color:var(--red);text-decoration:none;transition:color .15s,background .15s}
a:hover{color:var(--red2)}

/* ---------- header: paper masthead ---------- */
header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:14px 30px;background:var(--paper);border-bottom:4px solid var(--ink)}
.logo img{width:140px;height:auto}
nav ul{list-style:none;display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
nav a{font-family:'Oswald',sans-serif;font-weight:600;font-size:13px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink);padding:8px 12px;display:inline-block}
nav a:hover{background:var(--ink);color:var(--paper)}
nav a.active{background:var(--red);color:#fff}
nav a.acq{border:2px solid var(--red);color:var(--red)}
nav a.acq:hover{background:var(--red);color:#fff}

/* ---------- hero: poster plate ---------- */
.hero{position:relative;min-height:86vh;display:flex;align-items:flex-end;overflow:hidden;
  border-bottom:6px solid var(--ink)}
.hero .art{position:absolute;inset:0;background-size:cover;background-position:center}
.hero .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,12,.18),rgba(20,16,12,0) 40%,rgba(20,16,12,.72))}
.hero-inner{position:relative;z-index:2;width:100%;max-width:var(--max);margin:0 auto;padding:0 30px 48px}
.hero h1,.hero h2{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(64px,10vw,160px);
  line-height:.92;letter-spacing:.02em;color:#fff;text-transform:uppercase;
  text-shadow:5px 5px 0 rgba(26,22,17,.85)}
.hero h1 span{color:var(--red);-webkit-text-stroke:0}
.hero p.tag{font-family:'Oswald',sans-serif;font-weight:400;font-size:clamp(15px,1.5vw,20px);
  letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-top:18px;max-width:640px;
  background:var(--red);display:inline-block;padding:8px 16px}
.hero p.cap{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#d8cfba;margin-top:16px}

/* ---------- red slogan band ---------- */
.statement{background:var(--red);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);
  max-width:none;padding:64px 30px;text-align:center;position:relative;z-index:1}
.statement h2{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;
  font-size:clamp(24px,3vw,42px);line-height:1.2;letter-spacing:.03em;color:#fff;max-width:980px;margin:0 auto}
.statement h2 em{font-style:normal;color:var(--ink);background:var(--paper);padding:0 10px}
.statement p{color:#f4c9c9;margin-top:18px;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase}
.statement a{color:#fff;border-bottom:2px solid #fff}

/* ---------- rooms: poster tiles ---------- */
.rooms{max-width:var(--max);margin:0 auto;padding:56px 30px;display:grid;gap:34px;position:relative;z-index:1}
.room{position:relative;display:block;min-height:56vh;overflow:hidden;border:4px solid var(--ink);
  box-shadow:10px 10px 0 var(--ink)}
.room .art{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s}
.room:hover .art{transform:scale(1.04)}
.room .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,12,0) 30%,rgba(20,16,12,.72))}
.room-inner{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:34px}
.room h2{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(44px,6vw,96px);
  letter-spacing:.03em;line-height:.95;color:#fff;text-transform:uppercase;text-shadow:4px 4px 0 rgba(26,22,17,.9)}
.room p{margin-top:10px;max-width:560px;font-size:16px;color:#efe8d8}
.room .go{display:inline-block;margin-top:16px;font-family:'Oswald',sans-serif;font-size:13px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:#fff;background:var(--red);padding:9px 18px}
.room.new h2:after{content:'NEW SERIES';font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.26em;
  vertical-align:super;color:#fff;background:var(--red);margin-left:16px;padding:4px 10px;font-weight:600}

/* ---------- collection page ---------- */
.coll-head{min-height:62vh;display:flex;flex-direction:column;justify-content:flex-end;position:relative;
  overflow:hidden;border-bottom:6px solid var(--ink)}
.coll-head .art{position:absolute;inset:0;background-size:cover;background-position:center}
.coll-head .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,12,.42),rgba(20,16,12,.22) 40%,rgba(20,16,12,.9))}
.coll-head-inner{position:relative;z-index:2;max-width:var(--max);margin:0 auto;width:100%;padding:0 30px 44px;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.coll-head h1,.coll-head h2{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(70px,11vw,170px);
  letter-spacing:.02em;line-height:.9;color:#fff;text-transform:uppercase;text-shadow:6px 6px 0 rgba(26,22,17,.85)}
.coll-head p{margin-top:14px;max-width:640px;font-size:17px;color:#f2ecdd}
.coll-head p.ctx{font-family:'Headland One',Georgia,serif;font-size:16px;color:#f3ecd9;text-shadow:0 1px 10px rgba(0,0,0,.8)}
.coll-intro{max-width:740px;margin:0 auto;padding:66px 30px 6px;text-align:center;position:relative;z-index:1}
.coll-intro p{font-size:18px;line-height:1.7;color:var(--ink)}

/* ---------- works: framed on the paper wall ---------- */
.wall{padding:84px 30px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}
.wall img{max-height:82vh;width:auto;max-width:min(1100px,92vw);
  border:10px solid #fff;outline:3px solid var(--ink);
  box-shadow:14px 14px 0 rgba(26,22,17,.22)}
.plate{margin-top:30px;text-align:center}
.plate h3{font-family:'Oswald',sans-serif;font-weight:600;font-size:22px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink)}
.plate p{font-size:13.5px;color:var(--muted);margin-top:6px;letter-spacing:.06em}
.plate .st{display:inline-block;margin-top:14px;font-family:'Oswald',sans-serif;font-size:12px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;padding:9px 20px}
.plate .sold{color:var(--muted);border:2px solid var(--muted)}
.plate .inq{color:#fff;background:var(--red)}
.plate .loan{color:var(--ink);border:2px solid var(--ink);background:transparent}
.plate .buy{color:#fff;background:var(--red);border:2px solid var(--red);letter-spacing:.14em;box-shadow:5px 5px 0 var(--ink);transition:transform .15s,box-shadow .15s}
.plate .buy:hover{background:var(--ink);border-color:var(--ink);color:#fff;transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--red)}
.plate .buy .amt{font-weight:700}
.plate .loanlink{display:block;margin-top:10px;font-family:'Oswald',sans-serif;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:2px;width:max-content}
.plate .loanlink:hover{color:var(--ink);border-color:var(--ink)}
.plate .inq:hover{background:var(--red2);color:#fff}
.wall:nth-child(even){background:var(--paper2)}
.work-quote{font-family:'Headland One',Georgia,serif;font-size:clamp(17px,1.7vw,21px);line-height:1.55;
  color:var(--ink);max-width:620px;margin:24px auto 0;text-align:center;font-style:italic}
.work-quote:before{content:'\201C';color:var(--red);margin-right:4px}
.work-quote:after{content:'\201D';color:var(--red);margin-left:4px}
.detail-band{height:52vh;background-size:cover;background-position:center;position:relative;
  border-top:4px solid var(--ink);border-bottom:4px solid var(--ink)}
.detail-band span{position:absolute;left:30px;bottom:22px;font-family:'Oswald',sans-serif;font-size:12px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--paper);background:var(--ink);padding:8px 14px}
.install{padding:84px 30px;display:flex;flex-direction:column;align-items:center;background:var(--paper2);position:relative;z-index:1}
.install img{max-height:84vh;width:auto;max-width:min(1200px,94vw);border:6px solid #fff;outline:3px solid var(--ink)}
.install p{margin-top:18px;font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

/* ---------- print grid ---------- */
.grid{max-width:var(--max);margin:0 auto;padding:60px 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;z-index:1}
.grid a{display:block;border:3px solid var(--ink);background:#fff;padding:8px;box-shadow:7px 7px 0 var(--ink);transition:transform .2s}
.grid a:hover{transform:translate(-3px,-3px)}
.grid img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}

/* ---------- acquire / big pages ---------- */
.acq{max-width:840px;margin:0 auto;padding:120px 30px 100px;text-align:center;position:relative;z-index:1}
.acq h1,.acq h2{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(46px,6vw,100px);letter-spacing:.02em;
  color:var(--ink);text-transform:uppercase}
.acq .creed{font-family:'Oswald',sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.04em;
  font-size:clamp(20px,2.4vw,30px);line-height:1.35;color:var(--ink);margin-top:36px}
.acq .creed em{font-style:normal;color:#fff;background:var(--red);padding:0 10px}
.acq p{color:#4c4335;margin-top:24px;font-size:17px;line-height:1.7}
.acq .mail{display:inline-block;margin-top:40px;font-family:'Oswald',sans-serif;font-size:15px;font-weight:600;
  letter-spacing:.12em;color:#fff;background:var(--red);padding:18px 40px;text-transform:uppercase;
  box-shadow:8px 8px 0 var(--ink)}
.acq .mail:hover{background:var(--red2);color:#fff}
.acq .note{font-size:13px;color:var(--muted);margin-top:20px;letter-spacing:.05em}

/* ---------- bands / feed ---------- */
.band{padding:74px 30px 30px;max-width:var(--max);margin:0 auto;position:relative;z-index:1}
.band h1,.band h2{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(44px,6vw,92px);letter-spacing:.02em;
  color:var(--ink);text-transform:uppercase;border-bottom:6px solid var(--ink);padding-bottom:14px}
.band .sub{margin-top:14px;color:var(--muted);font-size:14px;letter-spacing:.1em;text-transform:uppercase;font-family:'Oswald',sans-serif}
.feed{max-width:var(--max);margin:0 auto;padding:10px 30px 80px;position:relative;z-index:1}
.post{display:grid;grid-template-columns:380px 1fr;gap:34px;padding:40px 0;border-bottom:2px solid var(--ink);align-items:start}
.post .ph{border:3px solid var(--ink);background:#fff;padding:6px;box-shadow:8px 8px 0 var(--ink);overflow:hidden;display:block}
.post .ph img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s}
.post:hover .ph img{transform:scale(1.03)}
.post .dt{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.2em;color:#fff;background:var(--red);
  padding:5px 12px;text-transform:uppercase;font-weight:600}
.post .tag{display:inline-block;margin-left:10px;font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.18em;
  color:var(--ink);border:2px solid var(--ink);padding:4px 10px;text-transform:uppercase;font-weight:600}
.post h2{margin-top:16px;font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(24px,2.6vw,40px);
  line-height:1.05;color:var(--ink);text-transform:uppercase;letter-spacing:.02em}
.post h2 a{color:var(--ink)}
.post h2 a:hover{color:var(--red)}
.post p{margin-top:12px;color:#443c2f;font-size:16px;line-height:1.65;max-width:620px}
.post .more{display:inline-block;margin-top:14px;font-family:'Oswald',sans-serif;font-size:12px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:#fff;background:var(--ink);padding:8px 16px}
.post .more:hover{background:var(--red);color:#fff}

/* ---------- manifesto ---------- */
.manif{max-width:800px;margin:0 auto;padding:30px 30px 90px;position:relative;z-index:1}
.manif h2{font-family:'Oswald',sans-serif;font-weight:700;font-size:16px;letter-spacing:.26em;color:#fff;
  background:var(--red);display:inline-block;padding:6px 14px;text-transform:uppercase;margin:48px 0 16px}
.manif p{font-family:'Oswald',sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.03em;
  font-size:clamp(19px,2.1vw,27px);line-height:1.45;color:var(--ink);margin-top:20px}
.manif p em{font-style:normal;color:#fff;background:var(--red);padding:0 8px}
.manif .plain{font-family:'Albert Sans',sans-serif;text-transform:none;letter-spacing:0;
  font-size:17px;font-weight:400;color:#4c4335;line-height:1.7}

/* ---------- cv ---------- */
.cv{max-width:880px;margin:0 auto;padding:20px 30px 90px;position:relative;z-index:1}
.cv h2{font-family:'Oswald',sans-serif;font-weight:700;font-size:15px;letter-spacing:.26em;color:var(--ink);
  text-transform:uppercase;margin:48px 0 16px;border-bottom:3px solid var(--ink);padding-bottom:10px}
.cv .row{display:grid;grid-template-columns:110px 1fr;gap:22px;padding:9px 0;font-size:16px;border-bottom:1px solid rgba(26,22,17,.15)}
.cv .row .y{font-family:'Oswald',sans-serif;color:var(--red);font-weight:600;letter-spacing:.06em}
.cv .row .t{color:#3d362b}
.cv .row .t b{color:var(--ink);font-weight:600}

/* ---------- footer: ink band ---------- */
footer{background:var(--ink);border-top:6px solid var(--red);padding:46px 30px;text-align:center;position:relative;z-index:1}
footer .fl{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#b9ad93}
footer .fl a{color:var(--paper)}
footer .fl a:hover{color:var(--red)}
footer p{margin-top:14px;font-size:12.5px;color:#7c7361}

/* ---------- mobile ---------- */
@media(max-width:860px){
  header{padding:10px 14px}
  .logo img{width:104px}
  nav ul{gap:2px}
  nav a{font-size:10.5px;padding:6px 8px;letter-spacing:.1em}
  .hero-inner,.coll-head-inner{padding-left:16px;padding-right:16px}
  .rooms{padding:34px 16px;gap:24px}
  .room{min-height:44vh;box-shadow:6px 6px 0 var(--ink)}
  .wall{padding:52px 12px}
  .wall img{max-height:none;max-width:94vw;border-width:6px}
  .grid{grid-template-columns:repeat(2,1fr);padding:34px 14px}
  .post{grid-template-columns:1fr;gap:16px;padding:30px 0}
  .band{padding:50px 16px 20px}
  .feed{padding:6px 16px 50px}
  .acq{padding:80px 18px 60px}
  .detail-band{height:32vh}
  .cv .row{grid-template-columns:64px 1fr;gap:12px}
}

/* header alignment fix */
header{flex-wrap:nowrap;gap:18px}
.logo{flex:0 0 auto}
nav{flex:1 1 auto;min-width:0}
nav ul{align-items:center}
nav a{white-space:nowrap}
@media(max-width:1100px){nav a{font-size:11px;padding:6px 8px;letter-spacing:.1em}}
@media(max-width:860px){header{flex-wrap:wrap}nav{flex-basis:100%}nav ul{justify-content:flex-start}}

/* class collision fix: nav ACQUIRE link must not inherit the .acq page-block spacing */
nav a.acq{padding:8px 12px;margin:0;max-width:none;box-shadow:none}

/* ===== parallax: the image holds still while the page moves over it ===== */
@media (min-width: 861px){
  .detail-band, .plx{background-attachment:fixed}
}
.plx{position:relative;height:66vh;background-size:cover;background-position:center;
  border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);display:flex;align-items:center;justify-content:center}
.plx .slogan{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  font-size:clamp(26px,4vw,58px);color:#fff;background:rgba(26,22,17,.82);padding:16px 30px;text-align:center;max-width:90vw}
.plx .slogan em{font-style:normal;color:#fff;background:var(--red);padding:0 10px}
@media (max-width:860px){.plx{height:40vh}}

/* artist block (manifesto) */
.artist{max-width:800px;margin:0 auto;padding:10px 30px 0;display:grid;grid-template-columns:250px 1fr;gap:30px;align-items:center;position:relative;z-index:1}
.artist img{border:8px solid #fff;outline:3px solid var(--ink);box-shadow:10px 10px 0 rgba(26,22,17,.22)}
.artist p{font-size:16.5px;color:#4c4335;line-height:1.7}
@media (max-width:860px){.artist{grid-template-columns:1fr}}

/* video plate */
.video-wall{padding:70px 30px;display:flex;flex-direction:column;align-items:center;background:var(--paper2);position:relative;z-index:1}
.video-wall .vw{width:min(980px,94vw);aspect-ratio:16/9;border:8px solid #fff;outline:3px solid var(--ink);
  box-shadow:12px 12px 0 rgba(26,22,17,.22);background:#000}
.video-wall iframe{width:100%;height:100%;border:0;display:block}
.video-wall video{width:100%;height:100%;border:0;display:block;object-fit:cover;background:#000}
.video-wall p{margin-top:18px;font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

/* ===== split hero: red manifesto panel + artwork (Obey-style split) ===== */
.hero-split{display:grid;grid-template-columns:46fr 54fr;min-height:88vh;border-bottom:6px solid var(--ink)}
.hs-left{background:var(--red);display:flex;flex-direction:column;justify-content:center;padding:70px 54px;border-right:6px solid var(--ink)}
.hs-left .kick{font-family:'Oswald',sans-serif;font-weight:600;font-size:13px;letter-spacing:.3em;color:#f3cdc9;text-transform:uppercase}
.hs-left h1{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(64px,7.5vw,140px);line-height:.92;
  letter-spacing:.02em;color:#fff;text-transform:uppercase;margin-top:16px;text-shadow:6px 6px 0 rgba(26,22,17,.55)}
.hs-left p.line{font-family:'Oswald',sans-serif;font-weight:500;font-size:clamp(17px,1.7vw,24px);letter-spacing:.05em;
  text-transform:uppercase;color:#fff;margin-top:26px;max-width:480px;line-height:1.4}
.hs-left p.line b{background:var(--ink);color:var(--paper);padding:0 8px;font-weight:500}
.hs-left .cta{display:inline-block;margin-top:38px;font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--red);background:var(--paper);padding:15px 30px;
  box-shadow:8px 8px 0 var(--ink);align-self:flex-start}
.hs-left .cta:hover{background:#fff;color:var(--red2)}
.hs-right{position:relative;overflow:hidden;min-height:50vh}
.hs-right .art{position:absolute;inset:0;background-size:cover;background-position:center top}
.hs-right .cap{position:absolute;left:0;bottom:0;font-family:'Oswald',sans-serif;font-size:11.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--paper);background:var(--ink);padding:9px 16px}
@media(max-width:860px){
  .hero-split{grid-template-columns:1fr;min-height:0}
  .hs-left{padding:54px 22px;border-right:none;border-bottom:6px solid var(--ink)}
  .hs-right{min-height:64vh}
}

/* wider white mat — every painting presented identically, gallery passe-partout */
.wall img{border-width:22px}
@media(max-width:860px){.wall img{border-width:12px}}


/* hero artwork must never be cropped — framed works show whole */
.hs-right{background:var(--ink)}
.hs-right .art{background-size:contain;background-repeat:no-repeat;background-position:center}


/* ===== black masthead strip (returned) ===== */
header{background:var(--ink);border-bottom:4px solid var(--red)}
nav a{color:var(--paper)}
nav a:hover{background:var(--red);color:#fff}
nav a.active{background:var(--red);color:#fff}
nav a.acq{border:2px solid var(--red);color:#ff8a8a}
nav a.acq:hover{background:var(--red);color:#fff}

/* framed works: no passe-partout — the frame IS the work */
.wall img.framed{border:none;outline:3px solid var(--ink);box-shadow:14px 14px 0 rgba(26,22,17,.22)}

/* hero video panel — background, covers, no controls */
.hs-right .bgvid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:max(100%, 178vh);height:max(100%, 60vw);border:0;pointer-events:none}
.hs-right video.bgvid{width:100%;height:100%;object-fit:cover}

/* press cards */
.pressgrid{max-width:var(--max);margin:0 auto;padding:40px 30px 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;position:relative;z-index:1}
.pcard{display:flex;flex-direction:column;background:#fff;border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);text-decoration:none;transition:transform .2s}
.pcard:hover{transform:translate(-3px,-3px)}
.pcard .pth{background:#f2ede1;aspect-ratio:4/3;overflow:hidden;display:flex;align-items:center;justify-content:center}
.pcard .pth img{width:100%;height:100%;object-fit:contain}
.pcard .pb{padding:18px 18px 20px}
.pcard .pub{font-family:'Oswald',sans-serif;font-weight:700;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.pcard .pt{color:#4c4335;font-size:14.5px;line-height:1.55;margin-top:8px}
.pcard .pd{font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.16em;color:var(--muted);margin-top:10px;text-transform:uppercase}
.pcard .pr{display:inline-block;margin-top:12px;font-family:'Oswald',sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:var(--red);padding:7px 14px}
@media(max-width:1000px){.pressgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.pressgrid{grid-template-columns:1fr;padding:24px 16px 60px}}

/* WAR detail bands: full page width, same fixed-scroll behaviour as the other bands */
.band-wide{background-size:cover;background-position:center}

/* ---------- collections dropdown ---------- */
nav ul{position:relative}
nav li.has-sub{position:relative}
nav li.has-sub>a .caret{font-size:9px;margin-left:5px;vertical-align:2px;opacity:.75}
nav .subnav{position:absolute;top:100%;left:0;min-width:210px;background:var(--ink);border:2px solid var(--red);
  border-top:0;list-style:none;padding:6px 0;margin:0;display:none;z-index:60;box-shadow:8px 8px 0 rgba(0,0,0,.35)}
nav li.has-sub:hover .subnav,nav li.has-sub:focus-within .subnav{display:block}
nav .subnav li{display:block}
nav .subnav a{display:block;color:var(--paper);padding:9px 18px;font-size:12px;letter-spacing:.18em;white-space:nowrap}
nav .subnav a:hover{background:var(--red);color:#fff}
@media (max-width:860px){
  nav .subnav{position:static;display:block;border:0;box-shadow:none;background:transparent;padding:0 0 0 10px;min-width:0}
  nav .subnav a{color:var(--ink);padding:6px 10px;font-size:11px;opacity:.85}
  nav li.has-sub>a .caret{display:none}
}

/* ---------- featured collection button ---------- */
.cta-row{margin-top:20px}
.btn-collection{display:inline-block;position:relative;text-decoration:none;background:var(--ink);color:var(--paper);
  border:3px solid var(--ink);box-shadow:7px 7px 0 var(--red);padding:13px 22px 12px;transition:transform .18s,box-shadow .18s}
.btn-collection:hover{transform:translate(-3px,-3px);box-shadow:14px 14px 0 var(--red)}
.btn-collection .bc-k{display:block;font-family:'Oswald',sans-serif;font-size:10.5px;letter-spacing:.28em;
  text-transform:uppercase;color:#c9bda2}
.btn-collection .bc-t{display:block;font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(24px,2.5vw,34px);
  line-height:1;letter-spacing:.06em;color:#fff;margin:6px 0 7px}
.btn-collection .bc-m{display:block;font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:#e0655c}
.post.feature{border-bottom-width:4px}
.post.feature .ph{box-shadow:12px 12px 0 var(--red)}
.post.feature .ph img{aspect-ratio:auto}
@media (max-width:860px){.btn-collection{padding:13px 18px 12px;box-shadow:6px 6px 0 var(--red)}}

/* ---------- sold-out archive ---------- */
.soldout{position:relative;max-width:var(--max);margin:10px auto 80px;padding:0 30px}
.soldout .so-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--ink);padding:8px;
  border:3px solid var(--ink);box-shadow:9px 9px 0 rgba(26,22,17,.25)}
.soldout .so-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;
  filter:grayscale(.85) brightness(.42) contrast(1.05)}
.soldout .so-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  pointer-events:none;text-align:center}
.soldout .so-label span{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(34px,6vw,86px);
  letter-spacing:.22em;text-transform:uppercase;color:#fff;background:var(--red);padding:10px 26px 8px;
  box-shadow:10px 10px 0 rgba(0,0,0,.45)}
.soldout .so-label p{margin-top:16px;font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.2em;
  text-transform:uppercase;color:#e9e0cc}
@media (max-width:860px){.soldout .so-grid{grid-template-columns:repeat(3,1fr)}}

/* ---------- print grid with edition status ---------- */
.pgrid{max-width:var(--max);margin:0 auto;padding:6px 30px 20px;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.pgrid .pcell{display:block;text-decoration:none;background:var(--ink);border:3px solid var(--ink);
  box-shadow:7px 7px 0 rgba(26,22,17,.22);transition:transform .18s}
.pgrid a.pcell:hover{transform:translate(-3px,-3px)}
.pgrid .pcell img{width:100%;display:block}
.pgrid .pst{display:block;padding:9px 12px;font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:#e9e0cc;text-align:center}
.pgrid .pcell.sold img{filter:grayscale(.9) brightness(.5)}
.pgrid .pcell.sold .pst{color:#fff;background:var(--red)}
.soldout .so-img img{width:100%;display:block;border:3px solid var(--ink);box-shadow:9px 9px 0 rgba(26,22,17,.25)}

/* ---------- editions / tier cards (HUMAN DEPARTMENT) ---------- */
.tiers{max-width:var(--max);margin:0 auto;padding:6px 30px 24px;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:20px;position:relative;z-index:1}
.tier{border:3px solid var(--ink);background:var(--paper2);padding:26px 22px 24px;
  box-shadow:8px 8px 0 rgba(26,22,17,.22);display:flex;flex-direction:column}
.tier .k{font-family:'Oswald',sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--red)}
.tier h3{font-family:'Oswald',sans-serif;font-weight:600;font-size:19px;letter-spacing:.05em;
  text-transform:uppercase;color:var(--ink);margin-top:8px;line-height:1.2}
.tier .spec{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.65;flex:1}
.tier .amt2{font-family:'Oswald',sans-serif;font-weight:700;font-size:27px;color:var(--ink);margin-top:16px}
.tier .amt2 small{font-family:'Albert Sans',sans-serif;font-weight:400;font-size:12px;color:var(--muted);
  display:block;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}
.tier .go2{display:block;margin-top:16px;text-align:center;font-family:'Oswald',sans-serif;font-size:12.5px;
  font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:var(--red);
  border:2px solid var(--red);padding:11px 14px;text-decoration:none;box-shadow:5px 5px 0 var(--ink);
  transition:transform .15s,box-shadow .15s}
.tier .go2:hover{background:var(--ink);border-color:var(--ink);transform:translate(-2px,-2px);
  box-shadow:8px 8px 0 var(--red)}
.tier.museum{border-color:var(--red);background:var(--paper)}
.tier.museum .amt2{color:var(--red)}
.tiers-note{max-width:var(--max);margin:0 auto;padding:6px 30px 70px;font-size:13.5px;color:var(--muted);
  line-height:1.7;position:relative;z-index:1}
@media(max-width:860px){.tiers{padding:6px 16px 20px;gap:16px}.tiers-note{padding:6px 16px 50px}}

/* acquire — request summary block */
.acq .req{border:3px solid var(--ink);background:var(--paper2);padding:22px 24px;margin-top:34px;
  box-shadow:7px 7px 0 rgba(26,22,17,.2);text-align:left}
.acq .req .rk{font-family:'Oswald',sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--red)}
.acq .req .rv{font-family:'Oswald',sans-serif;font-size:19px;font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;color:var(--ink);margin-top:6px}
.acq .req p{margin-top:10px;font-size:14px;color:var(--muted)}


/* ---------- press collage (a wall of coverage, not a list) ---------- */
.collage{max-width:var(--max);margin:0 auto;padding:10px 30px 64px;position:relative;z-index:1}
.collage img{width:100%;display:block;border:6px solid #fff;outline:3px solid var(--ink);
  box-shadow:12px 12px 0 rgba(26,22,17,.2)}
.collage img.m{display:none}
.collage p{margin-top:18px;font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--muted);text-align:center}
@media(max-width:860px){
  .collage{padding:6px 16px 44px}
  .collage img{border-width:4px}
  .collage img.d{display:none}
  .collage img.m{display:block}
}

/* ---------- footer: which site is which ---------- */
footer .fl2{font-size:12.5px;color:#8d8371;margin-top:10px;line-height:1.6}
footer .fl2 a{color:#c9c0ad;text-decoration:none;border-bottom:1px solid #6a6154}
footer .fl2 a:hover{color:#fff;border-color:#fff}