/* ═════════════════════════════════════════════════════════
   PRESS SHEET — the media kit as a printer's proof for a
   soul 45. Ink, paper and rust are sampled straight out of
   the "Sorry Not Sorry" artwork.
   ═════════════════════════════════════════════════════════ */
:root{
  --bone:#FCF6EA;
  --ink:#171310;
  --rust:#95462A;
  --stone:#8A8378;
  --rule:rgba(23,19,16,.22);
  --rule-2:rgba(23,19,16,.5);

  --poster:"Anton","Arial Narrow",Impact,sans-serif;
  --sans:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --pad:clamp(16px,3.6vw,52px);
  --bar:38px;
  --ease:cubic-bezier(.16,1,.3,1);
}
.invert{
  --bone:#171310;
  --ink:#FCF6EA;
  --rust:#C4552F;
  --stone:#8A8378;
  --rule:rgba(252,246,234,.22);
  --rule-2:rgba(252,246,234,.5);
  background:var(--bone);color:var(--ink);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--bone);color:var(--ink);
  font-family:var(--sans);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
/* halftone paper — sits behind everything so type stays crisp */
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 1px 1px,rgba(23,19,16,.13) .9px,transparent 0) 0 0/5px 5px,
    var(--bone);
}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:2px solid var(--rust);outline-offset:3px}
::selection{background:var(--rust);color:var(--bone)}

.sheet{padding:0 var(--pad)}
.edge{border-top:1px solid var(--rule)}

/* ── mono: the printer's voice ─────────────────────────── */
.m{
  font-family:var(--mono);font-size:10px;font-weight:500;
  letter-spacing:.17em;text-transform:uppercase;line-height:1.5;
  color:var(--stone);margin:0;
}
.m--ink{color:var(--ink)}
.m--rust{color:var(--rust)}

/* ── fixed furniture: crop marks ───────────────────────── */
.marks{position:fixed;inset:0;z-index:80;pointer-events:none}
.marks i{position:absolute;width:15px;height:15px;opacity:.6}
.marks i::before,.marks i::after{content:"";position:absolute;background:#fff;mix-blend-mode:difference}
.marks i::before{left:0;top:0;width:100%;height:1px}
.marks i::after{left:0;top:0;width:1px;height:100%}
.marks .tl{top:10px;left:10px}
.marks .tr{top:10px;right:10px;transform:scaleX(-1)}
.marks .bl{bottom:10px;left:10px;transform:scaleY(-1)}
.marks .br{bottom:10px;right:10px;transform:scale(-1)}

/* ── top press bar ─────────────────────────────────────── */
.bar{
  position:sticky;top:0;z-index:60;height:var(--bar);
  display:flex;align-items:center;gap:12px;
  padding:0 var(--pad);
  background:var(--ink);color:var(--bone);
  border-bottom:1px solid var(--ink);
}
.swatches{display:flex;gap:0;flex:none}
.swatches i{width:13px;height:13px;display:block}
.bar .m{color:rgba(252,246,234,.62)}
.bar .m--ink{color:var(--bone)}
.bar .sep{color:rgba(252,246,234,.3)}
.bar .sp{flex:1}
.bar .hide-s{display:none}
.bar-play{
  display:inline-flex;align-items:center;gap:9px;flex:none;
  background:var(--rust);border:0;color:var(--bone);
  font-family:var(--mono);font-size:10px;font-weight:600;
  letter-spacing:.17em;text-transform:uppercase;
  padding:8px 13px;cursor:pointer;
  transition:filter .25s var(--ease);
}
.bar-play:hover{filter:brightness(1.15)}
.bar-play .tri{width:0;height:0;border-left:7px solid var(--bone);border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}
.bar-play .eq{display:none;gap:2px;height:9px;align-items:flex-end}
.bar-play .eq i{display:block;width:2px;height:100%;background:var(--bone);transform-origin:bottom}
body.playing .bar-play .tri{display:none}
body.playing .bar-play .eq{display:flex}
body.playing .bar-play .eq i{animation:eq .78s ease-in-out infinite alternate}
body.playing .bar-play .eq i:nth-child(2){animation-delay:.15s}
body.playing .bar-play .eq i:nth-child(3){animation-delay:.3s}
body.playing .bar-play .eq i:nth-child(4){animation-delay:.45s}
@keyframes eq{from{transform:scaleY(.22)}to{transform:scaleY(1)}}

/* ── poster type: edge to edge ─────────────────────────── */
.poster-type{display:block;width:100%;overflow:visible}
.poster-type text{
  font-family:var(--poster);font-weight:400;
  fill:var(--ink);text-transform:uppercase;
}
.wipe{clip-path:inset(0 100% 0 0);animation:wipe 1.15s var(--ease) forwards}
.wipe.d2{animation-delay:.15s}
@keyframes wipe{to{clip-path:inset(0 0 0 0)}}

/* ── hero ──────────────────────────────────────────────── */
.hero{padding-top:clamp(22px,3vw,40px)}
.hero-kick{display:flex;flex-wrap:wrap;gap:5px 18px;padding-bottom:14px}
.name-block{margin:0;display:flex;flex-direction:column;gap:.7%}
.nb-two{display:none}
.hero-lower{
  display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr) minmax(0,340px);
  gap:clamp(20px,3vw,40px);
  padding:clamp(22px,3vw,38px) 0 clamp(26px,3.4vw,44px);
  border-top:1px solid var(--rule);margin-top:clamp(14px,2vw,22px);
}
.logline{
  margin:0;font-size:clamp(21px,2.35vw,34px);line-height:1.24;
  font-weight:500;letter-spacing:-.015em;color:var(--ink);
}
.logline b{
  font-weight:600;
  background:linear-gradient(var(--rust),var(--rust)) 0 88%/100% .16em no-repeat;
}
.hero-photo{position:relative}
.hero-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:58% 26%;filter:contrast(1.04) saturate(.9)}
.hero-photo .cap{margin-top:9px;display:flex;justify-content:space-between;gap:10px}

/* ── the disc ──────────────────────────────────────────── */
.disc-cell{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.disc{
  position:relative;width:100%;max-width:290px;aspect-ratio:1;
  background:none;border:0;padding:0;cursor:pointer;display:block;
}
.disc svg{display:block;width:100%;height:100%;overflow:visible}
.disc .ring-type{
  font-family:var(--mono);font-size:7.6px;font-weight:600;
  letter-spacing:.34em;fill:var(--bone);text-transform:uppercase;
}
.disc .hub{transition:transform .4s var(--ease)}
.disc:hover .hub{transform:scale(1.08)}
.disc-cap{display:flex;align-items:center;gap:9px}
.disc-cap .m{color:var(--ink)}

/* ── section machinery ─────────────────────────────────── */
.rule-bar{
  display:flex;align-items:center;gap:14px;
  padding:11px var(--pad);
  background:var(--ink);color:var(--bone);
}
.invert .rule-bar{background:var(--bone);color:var(--ink)}
.rule-bar .m{color:rgba(252,246,234,.62)}
.rule-bar .m--ink{color:var(--bone);letter-spacing:.22em}
.invert .rule-bar .m{color:rgba(23,19,16,.6)}
.invert .rule-bar .m--ink{color:var(--ink)}
.rule-bar .sp{flex:1}
.reg{width:13px;height:13px;flex:none;opacity:.75}

.sec{padding-top:clamp(40px,5.6vw,86px);padding-bottom:clamp(40px,5.6vw,86px)}
h2.head{
  font-family:var(--poster);font-weight:400;text-transform:uppercase;
  font-size:clamp(38px,7vw,104px);line-height:.9;letter-spacing:.004em;
  margin:0 0 clamp(26px,3.4vw,46px);color:var(--ink);
}
h2.head em{font-style:normal;color:var(--rust)}

/* ── stat strip ────────────────────────────────────────── */
.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule-2)}
.cell{padding:clamp(16px,2vw,26px) clamp(12px,1.6vw,22px);border-left:1px solid var(--rule)}
.cell:first-child{border-left:0;padding-left:0}
.cell .v{
  font-family:var(--poster);font-weight:400;text-transform:uppercase;
  font-size:clamp(32px,4.4vw,64px);line-height:.86;color:var(--ink);
}
.cell .k{margin-top:10px;max-width:16em}

/* ── angles ────────────────────────────────────────────── */
.thesis{
  margin:0 0 clamp(34px,4.4vw,64px);max-width:24em;
  font-size:clamp(22px,2.9vw,42px);line-height:1.2;font-weight:500;
  letter-spacing:-.016em;color:var(--ink);
}
.thesis em{font-style:normal;color:var(--rust)}
.angles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--rule-2)}
.angle{padding:clamp(20px,2.4vw,32px) clamp(16px,2vw,28px) 0;border-left:1px solid var(--rule)}
.angle:first-child{border-left:0;padding-left:0}
.angle h3{
  font-family:var(--poster);font-weight:400;text-transform:uppercase;
  font-size:clamp(21px,2.15vw,31px);line-height:.98;letter-spacing:.004em;
  margin:14px 0 14px;color:var(--ink);
}
.angle p{margin:0;font-size:15px;line-height:1.58;color:var(--ink);opacity:.82}

/* ── SIDE B: the record ────────────────────────────────── */
.sideb{background:var(--bone);color:var(--ink)}
.rec-top{
  display:grid;grid-template-columns:minmax(0,204px) minmax(0,1fr);
  gap:clamp(20px,3.4vw,52px);align-items:end;
  padding-bottom:clamp(22px,3vw,36px);
}
.cover{
  width:100%;border:1px solid var(--rule-2);cursor:pointer;
  transition:transform .5s var(--ease);
}
.cover:hover{transform:translateY(-5px)}
.rec-spec{display:grid;grid-template-columns:auto 1fr;gap:7px 18px;margin-top:18px;padding-top:15px;border-top:1px solid var(--rule)}
.rec-spec .m--ink em{font-style:normal;color:var(--rust)}

.stage{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--rule-2);background:#0C0A08}
.stage .plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:57% 17%;opacity:.46;filter:grayscale(.45) contrast(1.08)}
.stage::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(205deg,rgba(12,10,8,.4),rgba(12,10,8,.9))}
.facade{
  position:absolute;inset:0;z-index:2;width:100%;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;
  gap:13px;padding:clamp(20px,3vw,42px);
  background:none;border:0;color:#FCF6EA;cursor:pointer;font-family:inherit;text-align:left;
  transition:background .4s var(--ease);
}
.facade:hover{background:rgba(252,246,234,.06)}
.facade .badge{
  display:inline-flex;align-items:center;gap:11px;
  background:var(--rust);color:#FCF6EA;padding:11px 16px;
  font-family:var(--mono);font-size:clamp(10px,1.05vw,12px);font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;
}
.facade .badge .tri{width:0;height:0;border-left:9px solid #FCF6EA;border-top:6px solid transparent;border-bottom:6px solid transparent}
.facade .sub{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:rgba(252,246,234,.6)}
.frame{position:absolute;inset:0;z-index:3}
.frame iframe{width:100%;height:100%;border:0;display:block;background:#000}
.ctl{
  position:absolute;top:0;right:0;z-index:4;
  background:var(--ink);border:1px solid var(--rule-2);color:var(--bone);
  font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.15em;
  text-transform:uppercase;padding:7px 11px;cursor:pointer;
}
.dock-note,.stage-note{
  position:absolute;inset:0;z-index:5;display:none;
  flex-direction:column;align-items:center;justify-content:center;
  gap:12px;padding:24px;text-align:center;
}
.stage-note{background:rgba(12,10,8,.9)}
.stage-note .x{
  position:absolute;top:10px;right:12px;background:none;border:0;cursor:pointer;
  color:rgba(252,246,234,.6);font-family:var(--mono);font-size:13px;line-height:1;padding:6px;
}
.stage-note .x:hover{color:#FCF6EA}
.stage-note.show{display:flex}
.stage-note .m{color:rgba(252,246,234,.66);max-width:38em}
.stage-note .m--ink{color:#FCF6EA}
.toast{
  position:fixed;left:var(--pad);bottom:var(--pad);z-index:90;
  display:none;gap:14px;align-items:flex-start;
  width:min(430px,calc(100vw - var(--pad) * 2));
  padding:15px 17px;background:var(--ink);color:#FCF6EA;
  border-left:3px solid var(--rust);
}
.toast.show{display:flex}
.toast .txt{flex:1;min-width:0}
.toast .m{color:rgba(252,246,234,.66)}
.toast .m--ink{color:#FCF6EA;margin-bottom:5px}
.toast a.btn{
  display:inline-block;margin-top:11px;background:var(--rust);color:#FCF6EA;
  font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.15em;
  text-transform:uppercase;padding:8px 12px;text-decoration:none;
}
.toast .x{
  flex:none;background:none;border:0;color:rgba(252,246,234,.6);cursor:pointer;
  font-family:var(--mono);font-size:13px;line-height:1;padding:0;
}
.toast .x:hover{color:#FCF6EA}

/* the docked mini-player says what it is, even if the frame is still black */
.dock-tag{display:none}
body.docked .dock-tag{
  display:block;position:absolute;left:0;right:0;top:-24px;margin:0;
  background:var(--rust);color:#FCF6EA;padding:6px 9px;
  font-family:var(--mono);font-size:9px;font-weight:600;
  letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.stage-foot{
  display:flex;justify-content:space-between;align-items:baseline;
  flex-wrap:wrap;gap:6px 18px;padding-top:10px;
}
.stage-foot a{
  color:var(--ink);text-decoration:none;
  border-bottom:1px solid var(--rust);padding-bottom:2px;
}
.stage-foot a:hover{color:var(--rust)}
.dock-note button,.stage-note a.btn{
  background:var(--rust);border:0;color:#FCF6EA;font-family:var(--mono);font-size:10px;
  font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:10px 15px;
  cursor:pointer;text-decoration:none;display:inline-block;
}
.is-hidden{display:none !important}
body.docked .frame{
  position:fixed;inset:auto var(--pad) var(--pad) auto;
  width:clamp(200px,28vw,344px);height:auto;aspect-ratio:16/9;
  z-index:65;box-shadow:0 24px 60px rgba(0,0,0,.6);border:1px solid var(--rust);
}
body.docked .dock-note{display:flex}

.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.tags span{
  font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.15em;
  text-transform:uppercase;border:1px solid var(--rule-2);padding:7px 11px;
}
.tags span:first-child{background:var(--rust);border-color:var(--rust);color:#FCF6EA}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--rule);margin-top:clamp(20px,2.6vw,34px)}
.two > div{padding:clamp(20px,2.4vw,32px) clamp(16px,2vw,28px) 0;border-left:1px solid var(--rule)}
.two > div:first-child{border-left:0;padding-left:0}
blockquote{
  margin:14px 0 0;font-size:clamp(19px,2vw,28px);line-height:1.3;
  font-weight:500;letter-spacing:-.012em;color:var(--ink);
}
blockquote b{font-weight:500;color:var(--rust)}
.byline{margin-top:14px}
.byline a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule-2)}

/* ── artist ────────────────────────────────────────────── */
.artist{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(28px,4.4vw,72px)}
.bio{columns:2;column-gap:clamp(22px,2.8vw,42px);column-rule:1px solid var(--rule)}
.bio p{margin:0 0 1em;font-size:15px;line-height:1.62;break-inside:avoid}
.bio p:first-child{font-size:17px;line-height:1.5;font-weight:500}
.bio strong{font-weight:600}
.bio em{font-style:italic}
.cv{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule-2)}
.cv li{display:flex;gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--rule);font-size:14px;line-height:1.42}
.cv .y{flex:none;width:20px;font-family:var(--mono);font-size:10px;font-weight:600;color:var(--rust)}
.cv strong{font-weight:600}

/* ── the ask: scale does the work ──────────────────────── */
.asks{border-top:1px solid var(--rule-2)}
.askrow{
  display:flex;align-items:center;gap:clamp(14px,2.4vw,34px);
  padding:clamp(11px,1.5vw,20px) clamp(10px,1.4vw,18px);
  border-bottom:1px solid var(--rule);
  transition:background .18s ease,color .18s ease,padding-left .3s var(--ease);
}
.askrow .n{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.15em;color:var(--rust);flex:none;width:24px}
.askrow .t{
  font-family:var(--poster);font-weight:400;text-transform:uppercase;
  font-size:clamp(26px,5.4vw,78px);line-height:.94;letter-spacing:.004em;
}
.askrow .sp{flex:1}
.askrow .x{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--stone);flex:none}
.askrow:hover{background:var(--ink);color:var(--bone);padding-left:clamp(18px,2.4vw,34px)}
.askrow:hover .n,.askrow:hover .x{color:var(--bone)}

/* ── specs / assets ────────────────────────────────────── */
.spec{border-top:1px solid var(--rule-2)}
.spec a{
  display:flex;align-items:center;gap:clamp(12px,1.8vw,24px);
  padding:clamp(14px,1.7vw,22px) clamp(8px,1.2vw,16px);
  border-bottom:1px solid var(--rule);text-decoration:none;
  transition:background .18s ease,color .18s ease,padding-left .3s var(--ease);
}
.spec a:hover{background:var(--ink);color:var(--bone);padding-left:clamp(16px,2.2vw,30px)}
.spec .ic{flex:none;width:22px;display:grid;place-items:center}
.spec .ic svg{width:16px;height:16px;display:block}
.spec .nm{
  font-family:var(--poster);font-weight:400;text-transform:uppercase;
  font-size:clamp(19px,2.15vw,31px);line-height:1;letter-spacing:.005em;
  flex:none;min-width:clamp(120px,15vw,220px);
}
.spec .sp{flex:1}
.spec .val{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--stone);text-align:right}
.spec a:hover .val{color:rgba(252,246,234,.7)}
.spec .ar{font-family:var(--mono);font-size:13px;color:var(--rust);flex:none}
.spec a:hover .ar{color:var(--bone)}

/* ── colophon ──────────────────────────────────────────── */
.colo{padding-top:clamp(40px,5.4vw,84px)}
.colo .who{
  font-family:var(--poster);font-weight:400;text-transform:uppercase;
  font-size:clamp(40px,9.4vw,142px);line-height:.86;letter-spacing:.004em;
  margin:12px 0 0;color:var(--ink);
}
.colo-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px 40px;align-items:end;margin-top:clamp(22px,3vw,38px)}
.colo .mail{
  font-family:var(--mono);font-size:clamp(12px,1.35vw,16px);font-weight:600;
  letter-spacing:.08em;color:var(--ink);text-decoration:none;
  border-bottom:2px solid var(--rust);padding-bottom:3px;
}
.colo .mail:hover{color:var(--rust)}
.colo .right{text-align:right}
.footline{
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;
  margin-top:clamp(30px,4vw,54px);padding-top:14px;padding-bottom:14px;
  border-top:1px solid var(--rule);
}

/* ── reveals ───────────────────────────────────────────── */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .rv.in{opacity:1;transform:none}
/* IMPORTANT: .stage hosts the mini-player, which is position:fixed. A transform
   on any ancestor becomes its containing block and drags it off-screen, so the
   stage gets an opacity-only reveal — never a transform. */
.js .rv-fade{opacity:0;transition:opacity .8s var(--ease)}
.js .rv-fade.in{opacity:1}
body.docked .stage{transform:none}
.fade{opacity:0;animation:fade .9s var(--ease) forwards}
.fade.d0{animation-delay:.05s}.fade.d3{animation-delay:.62s}.fade.d4{animation-delay:.74s}
@keyframes fade{to{opacity:1}}

/* ── responsive ────────────────────────────────────────── */
@media (min-width:900px){ .bar .hide-s{display:block} }
@media (max-width:1080px){
  .hero-lower{grid-template-columns:minmax(0,240px) minmax(0,1fr);}
  .hero-photo{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:clamp(18px,2.4vw,28px)}
  .hero-photo img{aspect-ratio:16/7;object-position:58% 20%}
}
@media (max-width:860px){
  .strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cell:nth-child(3){border-left:0;padding-left:0}
  .cell:nth-child(n+3){border-top:1px solid var(--rule)}
  .angles{grid-template-columns:minmax(0,1fr)}
  .angle{border-left:0;padding-left:0;padding-top:22px;border-top:1px solid var(--rule)}
  .angle:first-child{border-top:0;padding-top:0}
  .two{grid-template-columns:minmax(0,1fr)}
  .two > div{border-left:0;padding-left:0;padding-top:22px;border-top:1px solid var(--rule)}
  .two > div:first-child{border-top:0;padding-top:0}
  .artist{grid-template-columns:minmax(0,1fr)}
  .bio{columns:1;column-rule:0}
  .colo-grid{grid-template-columns:minmax(0,1fr)}
  .colo .right{text-align:left}
}
@media (max-width:820px){
  .nb-one{display:none}
  .nb-two{display:block}
}
@media (max-width:620px){
  :root{--bar:34px}
  .hero-lower{grid-template-columns:minmax(0,1fr);gap:24px}
  .disc{max-width:210px}
  .rec-top{grid-template-columns:minmax(0,1fr)}
  .cover{max-width:168px}
  .spec .nm{min-width:0;font-size:clamp(17px,5.4vw,24px)}
  .spec .val{display:none}
  .askrow .t{font-size:clamp(24px,8.4vw,44px)}
  .askrow .x{display:none}
  body.docked .frame{width:min(62vw,232px)}
  .marks{display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important}
  .wipe{clip-path:none}
  .fade{opacity:1}
  .js .rv{opacity:1;transform:none}
}

/* ── print: it is already a press sheet ────────────────── */
@page{size:letter;margin:11mm}
@media print{
  html,body{background:#fff}
  body::before,.marks,.ctl,.dock-note,.stage-note,.toast{display:none !important}
  body{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:10pt}
  .bar{position:static}
  .sheet{padding:0}
  .sec{padding-top:12pt;padding-bottom:12pt}
  .invert{background:#fff !important;color:var(--ink) !important;--bone:#FCF6EA;--ink:#171310;--rust:#95462A;--rule:rgba(23,19,16,.22);--rule-2:rgba(23,19,16,.5)}
  .stage{aspect-ratio:auto;min-height:0;background:#fff;border:1px solid #bbb}
  .stage .plate,.stage::before{display:none}
  .facade{position:static;flex-direction:row;align-items:center;color:var(--ink)}
  .askrow .t{font-size:26pt}
  .colo .who{font-size:46pt}
  .fade,.js .rv,.wipe{opacity:1 !important;transform:none !important;animation:none !important;clip-path:none !important}
  .hero-photo img{aspect-ratio:4/5}
}

/* ── in rotation: airplay record, kept deliberately quiet ── */
.rot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(26px,4vw,64px);margin-top:clamp(24px,3vw,38px)}
.rot ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule-2)}
.rot li{
  display:flex;align-items:baseline;gap:12px;
  padding:11px 0;border-bottom:1px solid var(--rule);
  font-size:15px;line-height:1.3;color:var(--ink);
}
.rot .c{flex:1;min-width:0}
.rot .p{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--rust)}
.rot .s{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--stone);min-width:9em;text-align:right;flex:none;white-space:nowrap;
}
.rot-note{margin-top:clamp(20px,2.6vw,32px);padding-top:13px;border-top:1px solid var(--rule)}
@media (max-width:760px){
  .rot{grid-template-columns:minmax(0,1fr)}
  .rot ul + ul{border-top:0}
}