/* Tequp Publishing — redesign implementation of "Tequp Redesign.dc.html"
   Brutalist editorial system: Space Mono + Space Grotesk, cream ground, ink strokes. */

:root{
  --bg:#DEDCD1;        /* page ground */
  --panel:#E9E7DD;     /* label boxes, bordered panels, form fields */
  --img:#CFCDC2;       /* image placeholder bg */
  --ink:#1E1E38;       /* text + borders */
  --dark:#16162B;      /* dark sections */
  --cream:#DEDCD1;     /* text on dark */
  --muted:rgba(30,30,56,.72);
  --muted2:rgba(30,30,56,.7);
  --line:rgba(30,30,56,.3);
  --line-soft:rgba(30,30,56,.26);
  --line-hair:rgba(30,30,56,.12);
  --cream-60:rgba(222,220,209,.6);
  --cream-80:rgba(222,220,209,.8);
  --cream-line:rgba(222,220,209,.28);
  /* bright accent palette — cycled per label box */
  --a-red:#D81E1E;
  --a-blue:#1C43C9;
  --a-orange:#C0530A;
  --a-green:#15773C;
  --a-violet:#8324B8;
  --a-yellow:#F2C230;   /* dark bands only — illegible as text on light */
  /* pale section washes — cream nudged toward each hue, ink text stays readable */
  --wash-red:#E7D7D2;
  --wash-blue:#D8DCE8;
  --wash-amber:#EAE4CE;
  --wash-green:#D7E2D9;
  --wash-violet:#E1D8E6;
  --maxw:1200px;        /* centered content column */
}

*{box-sizing:border-box}
[hidden]{display:none!important}   /* filtered items must hide despite display:grid/flex on the element */
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Space Grotesk',system-ui,sans-serif;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;   /* contain the full-bleed hero breakout; clip keeps sticky nav working */
}
img{max-width:100%}
a{color:var(--ink);text-decoration:none;transition:opacity .15s ease,background .15s ease,color .15s ease}
a:hover{opacity:.72}
.mn{font-family:'Space Mono','Space Grotesk',monospace}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
::selection{background:rgba(30,30,56,.16)}

/* page shell — centered content column; the hero breaks out full-bleed */
.page{max-width:var(--maxw);margin-inline:auto;background:var(--bg)}
/* pale section washes — read as alternating colored blocks while scrolling */
.wash-red{background:var(--wash-red)}
.wash-blue{background:var(--wash-blue)}
.wash-amber{background:var(--wash-amber)}
.wash-green{background:var(--wash-green)}
.wash-violet{background:var(--wash-violet)}

/* ---------- NAV ---------- */
.nav{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:16px 40px;border-bottom:1px solid var(--ink);background:rgba(222,220,209,.9);backdrop-filter:blur(8px)}
.nav-brand{display:flex;align-items:center}
.nav-brand img{height:26px;width:auto;display:block;filter:brightness(0)}
.nav-links{display:flex;align-items:center;gap:28px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.nav-links a.active{border-bottom:2px solid var(--a-red);padding-bottom:2px}
.nav-cta{border:1.5px solid var(--a-red);color:var(--a-red);padding:7px 14px}
.nav-cta:hover{background:var(--a-red);color:var(--cream);opacity:1}
.nav-burger{display:none;flex-direction:column;gap:4px;align-items:flex-end;background:none;border:0;padding:6px;cursor:pointer}
.nav-burger span{display:block;height:2px;background:var(--ink)}
.nav-burger span:nth-child(1){width:22px}
.nav-burger span:nth-child(2){width:22px}
.nav-burger span:nth-child(3){width:14px}
.nav-menu{display:none}

/* ---------- STAMPS (rotated label boxes) ---------- */
.stamp{display:inline-block;background:var(--panel);border:2.5px solid var(--ink);
  padding:10px 26px 12px;font-family:'Space Mono',monospace;font-weight:700;line-height:1;letter-spacing:.03em}
.stamp .lt{font-weight:400;letter-spacing:.16em}
.stamp.on-dark{background:var(--dark);border-color:var(--cream);color:var(--cream)}
.stamp-hero1{border-width:3px;padding:16px 44px 18px;font-size:clamp(42px,7.4vw,78px);letter-spacing:.04em}
.stamp-hero2{border-width:3px;padding:12px 40px 14px;font-weight:400;font-size:clamp(19px,3.6vw,44px);letter-spacing:.2em}
.stamp-xl{border-width:2.5px;padding:12px 30px 14px;font-size:clamp(24px,3.6vw,38px)}
.stamp-lg{padding:12px 30px 14px;font-size:clamp(22px,3vw,34px)}
.stamp-md{padding:10px 26px 12px;font-size:clamp(20px,2.7vw,28px)}
.stamp-sm{padding:9px 20px;font-size:clamp(12px,1.4vw,12px);font-weight:400;letter-spacing:.14em;text-transform:uppercase}
.stamp-title{padding:10px 24px 12px;font-size:clamp(18px,2.2vw,26px)}

/* accent cycle — colored text + border, background untouched (light box stays light,
   on-dark stamp stays dark). Placed after .stamp.on-dark to win the specificity tie. */
.stamp.a-red,.gal-head .t.a-red      {color:var(--a-red);border-color:var(--a-red)}
.stamp.a-blue,.gal-head .t.a-blue    {color:var(--a-blue);border-color:var(--a-blue)}
.stamp.a-orange,.gal-head .t.a-orange{color:var(--a-orange);border-color:var(--a-orange)}
.stamp.a-green,.gal-head .t.a-green  {color:var(--a-green);border-color:var(--a-green)}
.stamp.a-violet,.gal-head .t.a-violet{color:var(--a-violet);border-color:var(--a-violet)}
.stamp.a-yellow,.gal-head .t.a-yellow{color:var(--a-yellow);border-color:var(--a-yellow)}

/* display headings */
.h-xl{margin:0;font-family:'Space Mono',monospace;font-weight:700;line-height:1;letter-spacing:.01em;font-size:clamp(40px,6.4vw,76px)}
.h-author{margin:0;font-family:'Space Mono',monospace;font-weight:700;line-height:1;letter-spacing:.01em;font-size:clamp(38px,5.6vw,66px)}
.h-xl .lt,.h-author .lt{font-weight:400;letter-spacing:.12em}

/* ---------- BUTTONS ---------- */
.btn{display:inline-block;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  border:2px solid var(--a-red);padding:12px 24px;background:var(--bg);color:var(--a-red);cursor:pointer}
.btn:hover{background:var(--a-red);color:var(--cream);opacity:1}
.btn-solid{background:var(--a-red);border-color:var(--a-red);color:var(--cream)}
.btn-solid:hover{background:transparent;color:var(--a-red)}
.btn-dark{border-color:var(--cream);color:var(--cream);background:var(--dark)}
.btn-dark:hover{background:var(--cream);color:var(--dark);opacity:1}
.btn-ghost-dark{border:2px solid rgba(222,220,209,.4);color:var(--cream);background:transparent}
.btn-ghost-dark:hover{border-color:var(--cream);opacity:1}

/* filter chips */
.chip{display:inline-block;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  border:2px solid var(--ink);padding:9px 18px;background:transparent;color:var(--ink);cursor:pointer}
.chip:hover{background:var(--panel);opacity:1}
.chip.on{background:var(--a-red);border-color:var(--a-red);color:var(--cream)}
.chip.on:hover{background:var(--a-red);border-color:var(--a-red);color:var(--cream)}

/* eyebrow / meta text */
.kick{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;line-height:1.7}
.u{border-bottom:2px solid var(--ink)}

/* image treatment — grayscale at rest, full colour on hover */
.gray{filter:grayscale(1) contrast(1.08);transition:filter .45s ease}
.gray-1{filter:grayscale(1) contrast(1.1);transition:filter .45s ease}
a:hover .gray,.plate:hover .gray,.acard:hover .gray-1,.cat-row:hover .gray,
.prof-photo:hover .gray-1,.ph:hover .gray-1{filter:none}
/* keep the picture bright (don't inherit the global link-hover dim) */
a.plate:hover,.gal-4 a:hover,.gal-5 a:hover,.illus-5 a:hover,.titles-3 a:hover{opacity:1}

/* small colour accents sprinkled through the detail */
.feat:nth-child(4n+1) .star{color:var(--a-red)}
.feat:nth-child(4n+2) .star{color:var(--a-blue)}
.feat:nth-child(4n+3) .star{color:var(--a-orange)}
.feat:nth-child(4n) .star{color:var(--a-green)}
.proc .cell:nth-child(4n+1) .no{color:var(--a-red)}
.proc .cell:nth-child(4n+2) .no{color:var(--a-blue)}
.proc .cell:nth-child(4n+3) .no{color:var(--a-orange)}
.proc .cell:nth-child(4n) .no{color:var(--a-green)}
.steps .no{color:var(--a-yellow)}
.gal-head .lbl .no.a-blue{color:var(--a-blue)}
.gal-head .lbl .no.a-orange{color:var(--a-orange)}
.gal-head .lbl .no.a-green{color:var(--a-green)}
.cat-row .ar{color:var(--a-red)}
.acard .more{color:var(--a-red);border-bottom-color:var(--a-red)}
.crumb .here{color:var(--a-red)}
.u{border-bottom-color:var(--a-red)}

/* section paddings */
.sec{padding:64px 40px 72px;border-bottom:1px solid var(--ink)}
.sec-top{padding:44px 40px 0}

/* layout helpers */
.split{display:grid;grid-template-columns:1fr 1fr;gap:0}
.split.r-studio{grid-template-columns:1fr 1.12fr}
.split.r-cta{grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.split.r-prof{grid-template-columns:1.25fr .75fr;gap:44px;align-items:start}
.split.r-press{grid-template-columns:1.2fr .8fr;gap:44px;align-items:start}
.split.r-contact{grid-template-columns:1.15fr .85fr;gap:44px;align-items:start}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:30px 40px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.plate{border:2px solid var(--ink);background:var(--img);overflow:hidden}
.plate img{width:100%;height:100%;object-fit:cover;display:block}

/* footer */
.foot{padding:52px 40px 30px;border-top:1px solid var(--ink)}
.foot-top{display:flex;align-items:flex-start;justify-content:space-between;gap:50px;flex-wrap:wrap;padding-bottom:38px;border-bottom:1px solid var(--line)}
.foot-top img{height:72px;width:auto;display:block;filter:brightness(0)}
.foot-cols{display:flex;gap:56px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap}
.foot-col{display:flex;flex-direction:column;gap:11px}
.foot-col .h{color:var(--muted2);font-size:10px;letter-spacing:.22em}
.foot-legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:20px;
  font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2)}
.foot-mini{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 40px;
  font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);border-top:1px solid var(--ink)}

/* dark band */
.dark{background:var(--dark);color:var(--cream)}
.dark a{color:var(--cream)}

/* ---------- HERO (home) ---------- */
.hero{position:relative;height:660px;overflow:hidden;background:#BFBDB3;
  width:100vw;margin-left:calc(50% - 50vw)}
.hero>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.14) brightness(.98)}
.hero .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(222,220,209,.36) 0%,rgba(222,220,209,.05) 44%,rgba(222,220,209,.66) 100%)}
.hero .corner{position:absolute;font-family:'Space Mono',monospace;font-size:11px;line-height:1.7;letter-spacing:.1em;text-transform:uppercase}
.hero .wordmark{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center}
.hero .wordmark .row2{transform:rotate(1.8deg) translateY(-10px);margin-left:150px}

/* category strip */
.catstrip{display:flex;border-bottom:1px solid var(--ink);font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.catstrip>div{flex:1;padding:14px 0;text-align:center}
.catstrip>div+div{border-left:1px solid var(--ink)}

/* studio feature item */
.feat{display:flex;gap:14px;align-items:flex-start}
.feat .star{font-family:'Space Mono',monospace;font-size:22px;line-height:1;flex:none}
.feat .h{font-family:'Space Mono',monospace;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid var(--ink);display:inline-block;padding-bottom:2px}
.feat p{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}

/* author cards (home) */
.authors{margin-top:0}
.acard{display:block;background:var(--bg);padding:22px 22px 26px}
.acard:hover{background:var(--panel);opacity:1}
.acard .ph{border:2px solid var(--ink);background:var(--img);height:330px;overflow:hidden}
.acard .ph img{width:100%;height:100%;object-fit:cover;display:block}
.acard .nm{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:18px}
.acard .nm .n{font-family:'Space Mono',monospace;font-weight:700;font-size:19px;letter-spacing:.02em;text-transform:uppercase}
.acard .role{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted2);margin-top:7px}
.acard p{margin:12px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}
.acard .more{display:inline-block;margin-top:16px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;border-bottom:2px solid var(--ink);padding-bottom:3px}

/* stat rows (dark) */
.stats{display:flex;flex-direction:column;gap:1px;background:var(--cream-line);border:1px solid var(--cream-line)}
.stats .row{background:var(--dark);padding:20px 24px;display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.stats .k{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--cream-60)}
.stats .v{font-family:'Space Mono',monospace;font-weight:700;font-size:26px}

/* ---------- CATALOGUE ---------- */
.cat-cols{grid-template-columns:44px 74px 1fr 200px 120px 40px}
.cat-head,.cat-row{display:grid;gap:20px;align-items:center}
.cat-head{align-items:end;padding-bottom:10px;border-bottom:2px solid var(--ink);
  font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted2)}
.cat-row{padding:16px 0;border-bottom:1px solid var(--line-soft)}
.cat-row:hover{background:var(--panel);opacity:1}
.cat-row .num{font-family:'Space Mono',monospace;font-size:11px;color:var(--muted2)}
.cat-row .cov{display:block;border:1.5px solid var(--ink);background:var(--img);height:100px;overflow:hidden}
.cat-row .cov img{width:100%;height:100%;object-fit:cover;display:block}
.cat-row .ti{font-family:'Space Mono',monospace;font-weight:700;font-size:21px;letter-spacing:.02em;text-transform:uppercase}
.cat-row .au,.cat-row .yr{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2)}
.cat-row .ar{font-family:'Space Mono',monospace;font-size:14px;text-align:right}
.cat-mobile-meta{display:none}

/* ---------- AUTHOR PROFILE ---------- */
.crumb{padding:20px 40px;border-bottom:1px solid var(--line);font-family:'Space Mono',monospace;font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--muted2);display:flex;gap:10px;flex-wrap:wrap}
.crumb .here{color:var(--ink)}
.prof-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:start;padding:44px 40px 40px}
.box{border:3px solid var(--ink);padding:34px 38px 38px;background:var(--panel)}
.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px;font-family:'Space Mono',monospace}
.chips span{border:2px solid var(--ink);padding:7px 14px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.prof-photo{border:2px solid var(--ink);padding:10px;background:var(--panel)}
.prof-photo img{width:100%;height:400px;object-fit:cover;display:block}
.mini-stats{margin-top:22px;display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line)}
.mini-stats .row{background:var(--bg);padding:15px 18px;display:flex;justify-content:space-between;gap:12px;font-family:'Space Mono',monospace}
.mini-stats .k{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted2)}
.mini-stats .v{font-weight:700;font-size:15px}
.proc{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.proc .cell{background:var(--bg);padding:26px 24px 30px}
.proc .no{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.18em;color:var(--muted2)}
.proc .h{font-family:'Space Mono',monospace;font-weight:700;font-size:14px;letter-spacing:.05em;text-transform:uppercase;margin-top:12px;border-bottom:2px solid var(--ink);display:inline-block;padding-bottom:3px}
.proc p{margin:12px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}
.illus-5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.illus-5 a{display:block;aspect-ratio:3/4}
.titles-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.titles-3 .plate{aspect-ratio:3/4}
.press blockquote{margin:0;max-width:640px;font-family:'Space Mono',monospace;font-weight:700;font-size:19px;line-height:1.5;letter-spacing:.01em}
.press .src{margin-top:10px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted2)}
.next-band{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;padding:52px 40px 56px}

/* ---------- ILLUSTRATION ---------- */
.gal-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;
  padding-bottom:12px;border-bottom:2px solid var(--ink);margin-bottom:22px}
.gal-head .lbl{display:flex;align-items:baseline;gap:16px;font-family:'Space Mono',monospace}
.gal-head .lbl .no{font-size:11px;letter-spacing:.2em;color:var(--muted2)}
.gal-head .lbl .t{font-weight:700;font-size:26px;letter-spacing:.03em;text-transform:uppercase}
.gal-head .note{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted2);max-width:320px;text-align:right;line-height:1.6}
.gal-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gal-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.gal-cap{display:block;margin-top:10px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(30,30,56,.66)}
.ar34{aspect-ratio:3/4}
.ar43{aspect-ratio:4/3}

/* ---------- CONTACT ---------- */
.field{display:flex;flex-direction:column;gap:8px}
.field span{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(30,30,56,.66)}
.field input,.field textarea{font-size:13px;color:var(--ink);background:var(--panel);border:2px solid var(--ink);padding:12px 14px;outline:none;width:100%}
.field input{font-family:'Space Mono',monospace}
.field textarea{font-family:'Space Grotesk',system-ui,sans-serif;font-size:14px;line-height:1.6;resize:vertical}
.field input:focus,.field textarea:focus{background:#efeee6}
.attach{display:inline-flex;align-items:center;gap:12px;border:2px dashed var(--ink);padding:13px 20px;
  font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted2)}
.steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--cream-line);border:1px solid var(--cream-line)}
.steps .cell{background:var(--dark);padding:30px 30px 34px}
.steps .no{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-60)}
.steps .h{font-family:'Space Mono',monospace;font-weight:700;font-size:17px;letter-spacing:.04em;text-transform:uppercase;margin-top:12px}
.steps p{margin:12px 0 0;font-size:14px;line-height:1.65;color:var(--cream-80)}

/* generic prose bits reused */
.lead-mn{max-width:640px;font-family:'Space Mono',monospace;font-weight:700;line-height:1.75;letter-spacing:.01em}
.body{max-width:64ch;font-size:15px;line-height:1.75;color:var(--muted)}
.hide-desktop{display:none}

/* ======================================================
   RESPONSIVE
   ====================================================== */
@media(max-width:1024px){
  .nav-links{display:none}
  .nav-burger{display:flex}
  .nav.open .nav-menu{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;
    background:var(--bg);border-bottom:1px solid var(--ink)}
  .nav.open .nav-menu a{padding:15px 40px;border-top:1px solid var(--line);font-family:'Space Mono',monospace;
    font-size:12px;letter-spacing:.16em;text-transform:uppercase}
  .grid-4,.proc,.gal-4,.gal-5{grid-template-columns:repeat(3,1fr)}
  .illus-5{grid-template-columns:repeat(3,1fr)}
  .prof-hero{grid-template-columns:1fr;gap:30px}
  .prof-photo img{height:320px}
  .sec{padding:48px 24px 52px}
  .sec-top{padding:32px 24px 0}
  .nav{padding:14px 24px}
  .foot,.crumb{padding-left:24px;padding-right:24px}
  .foot-mini,.next-band{padding-left:24px;padding-right:24px}
}
@media(max-width:820px){
  .split,.split.r-studio,.split.r-cta,.split.r-prof,.split.r-press,.split.r-contact{grid-template-columns:1fr;gap:30px}
  .hero{height:520px}
  .hero .wordmark .row2{margin-left:60px}
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr;gap:24px}
  .steps{grid-template-columns:1fr}
  .next-band{gap:20px}
  .next-band .h-author{font-size:34px}
}
@media(max-width:620px){
  .nav{padding:13px 18px}
  .grid-4,.proc,.gal-4,.gal-5,.illus-5,.titles-3{grid-template-columns:repeat(2,1fr)}
  .sec{padding:34px 18px 38px}
  .sec-top{padding:24px 18px 0}
  .hero{height:440px}
  .hero .corner.right{display:none}
  .hero .wordmark .row2{margin-left:40px}
  .foot,.crumb,.foot-mini,.next-band{padding-left:18px;padding-right:18px}
  .box{padding:24px 22px 26px}
  .prof-photo img{height:260px}
  /* catalogue → compact rows */
  .cat-cols{grid-template-columns:26px 52px 1fr 26px}
  .cat-head .c-au,.cat-head .c-yr,.cat-row .au,.cat-row .yr{display:none}
  .cat-row .cov{height:70px}
  .cat-row .ti{font-size:14px}
  .cat-mobile-meta{display:block;font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.12em;
    text-transform:uppercase;color:var(--muted2);margin-top:5px}
  .foot-cols{gap:28px}
}
@media(max-width:400px){
  .grid-4,.proc,.gal-4,.gal-5,.illus-5{grid-template-columns:1fr 1fr}
}