/* ============================================================================
   jimwinner.com — GRUNGE exploration
   Photocopied-zine / 90s alt-rock: Courier mono, cream paper, ink stamps,
   torn edges, duct tape, halftone, hand-skewed misaligned grid. Raw + gritty.
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Special+Elite&display=swap');

:root{
  --ink:#211f1c;          /* near-black ink */
  --paper:#E9E1D4;        /* off-white zine paper */
  --paper-2:#ded3c0;      /* deeper paper / kraft */
  --red:#8C2727;          /* muted red stamp */
  --yellow:#B5A642;       /* dirty highlighter */
  --olive:#6B8E23;
  --denim:#3B5998;
  --orange:#A84700;
  --grey:#7A7A7A;
  --tape:rgba(181,166,66,0.46);

  --mono:"Courier Prime","Courier New",monospace;
  --stamp:"Special Elite","Courier New",monospace;
  --maxw:1180px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  background:var(--paper);color:var(--ink);
  font-family:var(--mono);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative;
}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
::selection{background:var(--yellow);color:var(--ink);}

/* paper grain + xerox blotches */
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0.5;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.13 0 0 0 0 0.12 0 0 0 0 0.11 0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0.55;
  background:
    radial-gradient(40% 30% at 12% 8%,rgba(33,31,28,0.10),transparent 70%),
    radial-gradient(30% 26% at 92% 22%,rgba(140,39,39,0.10),transparent 70%),
    radial-gradient(46% 34% at 78% 90%,rgba(33,31,28,0.10),transparent 70%);}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(18px,5vw,40px);position:relative;z-index:2;}
.section{padding:clamp(56px,9vw,110px) 0;position:relative;z-index:2;}

/* ── type ───────────────────────────────────────────────────────────────── */
.stamp{font-family:var(--stamp);}
.eyebrow{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:0.22em;text-transform:uppercase;color:var(--red);}
.kicker{display:inline-block;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:0.18em;
  text-transform:uppercase;background:var(--ink);color:var(--paper);padding:5px 11px;transform:rotate(-1.4deg);}
h1,h2,h3{font-family:var(--stamp);font-weight:400;line-height:0.96;letter-spacing:-0.01em;text-transform:uppercase;}
.display{font-size:clamp(58px,13vw,168px);line-height:0.82;}
.h2{font-size:clamp(34px,6vw,68px);}
.h3{font-size:clamp(22px,2.4vw,30px);}
.mark{background:linear-gradient(180deg,transparent 8%,var(--yellow) 8% 86%,transparent 86%);
  padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone;}
.red{color:var(--red);}
.lede{font-size:clamp(16px,2vw,20px);line-height:1.55;max-width:54ch;}
.muted{color:#5b574f;}

/* ── buttons ────────────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-weight:700;font-size:13px;
  letter-spacing:0.08em;text-transform:uppercase;padding:13px 22px;cursor:pointer;
  background:var(--ink);color:var(--paper);border:2px solid var(--ink);
  box-shadow:4px 4px 0 0 var(--red);transition:transform .12s steps(2),box-shadow .12s steps(2),background .12s;}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--red);}
.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 0 var(--red);}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:4px 4px 0 0 var(--ink);}
.btn-ghost:hover{background:var(--yellow);}
.btn .ar{font-weight:700;}

/* ── header ─────────────────────────────────────────────────────────────── */
.hdr{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:3px solid var(--ink);}
.hdr::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:4px;
  background:repeating-linear-gradient(90deg,var(--ink) 0 8px,transparent 8px 15px);opacity:0.5;}
.hdr-in{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:20px;padding:12px clamp(18px,5vw,40px);}
.wm{font-family:var(--stamp);font-size:22px;text-transform:uppercase;letter-spacing:0.02em;margin-right:auto;
  border:2px solid var(--ink);padding:3px 10px;transform:rotate(-1.5deg);background:var(--paper);}
.nav-links{display:flex;gap:clamp(14px,1.8vw,26px);}
.nav-links a{font-weight:700;font-size:13px;letter-spacing:0.04em;text-transform:uppercase;padding:2px 0;border-bottom:2px solid transparent;}
.nav-links a:hover{border-bottom-color:var(--red);color:var(--red);}
.nav-cta{display:flex;align-items:center;gap:10px;}
.menubtn{display:none;background:none;border:0;cursor:pointer;padding:6px;color:var(--ink);}

.drawer{position:fixed;inset:0;z-index:120;background:var(--paper);transform:translateY(-100%);visibility:hidden;
  transition:transform .3s steps(4),visibility 0s linear .3s;overflow-y:auto;display:flex;flex-direction:column;padding:16px clamp(18px,5vw,40px);}
.drawer.open{transform:translateY(0);visibility:visible;transition:transform .3s steps(4);}
.drawer-row{display:flex;align-items:center;justify-content:space-between;}
.drawer nav{display:flex;flex-direction:column;gap:4px;margin-top:30px;}
.drawer nav a{font-family:var(--stamp);text-transform:uppercase;font-size:clamp(26px,8vw,44px);padding:10px 0;border-bottom:2px dashed var(--ink);}
@media(max-width:880px){.nav-links{display:none;}.nav-cta .btn{display:none;}.menubtn{display:block;}}

/* ── hero ───────────────────────────────────────────────────────────────── */
.hero{position:relative;padding:clamp(40px,7vw,80px) 0 clamp(40px,7vw,76px);}
.hero-in{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(24px,4vw,56px);align-items:center;}
.hero-eyebrows{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px;}
.hero h1{margin:2px 0 0;}
.hero h1 .l1{display:block;transform:rotate(-1.2deg);}
.hero h1 .l2{display:block;margin-left:0.12em;transform:rotate(0.8deg);}
.hero .sub{margin-top:24px;max-width:42ch;font-size:clamp(15px,1.8vw,19px);line-height:1.5;}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.hero-meta{margin-top:26px;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#5b574f;}
.hero-meta .x{color:var(--red);}

/* xerox portrait */
.xerox{position:relative;justify-self:center;width:100%;max-width:340px;transform:rotate(2deg);}
.xerox .frame{position:relative;border:1px solid var(--ink);background:var(--paper);padding:12px 12px 40px;
  box-shadow:6px 8px 0 -2px rgba(33,31,28,0.35);}
.xerox img{width:100%;height:auto;filter:contrast(1.04) saturate(1.06);}
.xerox .frame::after{content:"";position:absolute;inset:12px 12px 40px;pointer-events:none;mix-blend-mode:multiply;opacity:0.16;
  background-image:radial-gradient(circle,var(--ink) 0.6px,transparent 1px);background-size:5px 5px;}
.xerox .cap{position:absolute;left:14px;bottom:10px;font-family:var(--stamp);font-size:13px;text-transform:uppercase;letter-spacing:0.04em;}
.xerox .tape{position:absolute;width:96px;height:30px;background:var(--tape);border:1px dashed rgba(33,31,28,0.25);}
.xerox .tape.t1{top:-14px;left:30px;transform:rotate(-8deg);}
.xerox .tape.t2{bottom:-12px;right:24px;transform:rotate(6deg);}
@media(max-width:820px){.hero-in{grid-template-columns:1fr;}.xerox{order:-1;max-width:280px;margin-bottom:8px;}}

/* ── marquee strip ──────────────────────────────────────────────────────── */
.strip{background:var(--ink);color:var(--paper);border-top:3px solid var(--red);border-bottom:3px solid var(--red);overflow:hidden;position:relative;z-index:2;}
.strip-track{display:flex;width:max-content;animation:scroll 42s linear infinite;}
.strip:hover .strip-track{animation-play-state:paused;}
.strip-set{display:flex;flex:0 0 auto;}
.strip-item{white-space:nowrap;font-family:var(--stamp);font-size:15px;letter-spacing:0.04em;text-transform:uppercase;padding:13px 0;display:inline-flex;align-items:center;}
.strip-item::after{content:"★";color:var(--yellow);margin:0 22px;font-family:var(--mono);}
.strip-item a{color:var(--yellow);text-decoration:underline;text-underline-offset:3px;}
@keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ── section heads ──────────────────────────────────────────────────────── */
.shead{margin-bottom:clamp(28px,4vw,48px);}
.shead .eyebrow{display:block;margin-bottom:10px;}
.rule{height:0;border-top:3px solid var(--ink);margin:0 0 4px;}
.rule.dash{border-top:3px dashed var(--ink);}

/* ── through line ───────────────────────────────────────────────────────── */
.statement{font-family:var(--stamp);font-size:clamp(26px,4.4vw,52px);line-height:1.05;text-transform:uppercase;max-width:20ch;}
.statement .mark{line-height:1.2;}
.triad{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(32px,5vw,56px);}
.triad .col{border:2px solid var(--ink);background:var(--paper);padding:20px;}
.triad .col:nth-child(1){transform:rotate(-0.8deg);}
.triad .col:nth-child(3){transform:rotate(0.7deg);}
.triad .col .k{font-family:var(--stamp);font-size:18px;text-transform:uppercase;color:var(--red);display:block;margin-bottom:8px;}
.triad .col p{font-size:14.5px;line-height:1.55;}
@media(max-width:820px){.triad{grid-template-columns:1fr;}.triad .col{transform:none!important;}}

/* ── the work (zine cards) ──────────────────────────────────────────────── */
.work{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;}
.wcard{position:relative;grid-column:span 2;background:var(--paper);border:2px solid var(--ink);
  padding:22px;display:flex;flex-direction:column;gap:12px;
  box-shadow:5px 6px 0 -1px rgba(33,31,28,0.32);transition:transform .14s steps(2),box-shadow .14s steps(2);}
.work .wcard:nth-child(1){grid-column:span 3;transform:rotate(-0.7deg);}
.work .wcard:nth-child(2){grid-column:span 3;transform:rotate(0.6deg);}
.work .wcard:nth-child(4){transform:rotate(0.7deg);}
.work .wcard:nth-child(5){transform:rotate(-0.8deg);}
.wcard:hover{transform:translate(2px,2px) rotate(0deg);box-shadow:2px 3px 0 -1px var(--red);}
.wcard .tab{position:absolute;top:-15px;left:18px;white-space:nowrap;font-family:var(--mono);font-weight:700;font-size:10px;
  letter-spacing:0.16em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:4px 10px;}
.wcard .wlogo-box{height:84px;display:flex;align-items:center;border-bottom:2px dashed var(--ink);padding-bottom:14px;}
.wcard .wlogo{height:62px;width:auto;object-fit:contain;object-position:left center;
  filter:grayscale(1) contrast(1.3) brightness(0.42);}
.wcard h3{font-size:clamp(22px,2.3vw,30px);}
.wcard .one{font-family:var(--mono);font-weight:700;font-size:15px;line-height:1.35;}
.wcard p{font-size:14px;line-height:1.5;color:#4f4b44;}
.wcard .go{margin-top:auto;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--red);}
.wcard.no-logo{padding-top:30px;}
@media(max-width:900px){.work{grid-template-columns:1fr;}.work .wcard{grid-column:auto!important;transform:none!important;}}

/* ── FAQ ────────────────────────────────────────────────────────────────── */
.faq{display:flex;flex-direction:column;gap:0;border-top:3px solid var(--ink);}
.faq details{border-bottom:2px dashed var(--ink);padding:4px 0;}
.faq summary{list-style:none;cursor:pointer;display:flex;gap:16px;align-items:baseline;padding:18px 0;
  font-family:var(--stamp);font-size:clamp(16px,2vw,22px);text-transform:uppercase;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary .q{color:var(--red);flex:0 0 auto;}
.faq summary .pm{margin-left:auto;font-family:var(--mono);font-weight:700;}
.faq details[open] summary .pm{color:var(--red);}
.faq .a{font-size:15px;line-height:1.6;padding:0 0 20px 38px;max-width:74ch;color:#4f4b44;}

/* ── closer ─────────────────────────────────────────────────────────────── */
.closer{position:relative;z-index:2;text-align:center;padding:clamp(64px,11vw,140px) 0;background:var(--ink);color:var(--paper);
  border-top:4px solid var(--red);border-bottom:4px solid var(--red);}
.closer h2{font-size:clamp(44px,10vw,120px);line-height:0.86;}
.closer .mark{color:var(--ink);}
.closer p{max-width:46ch;margin:22px auto 0;font-size:16px;color:#cfc6b6;}
.closer .hero-cta{justify-content:center;margin-top:30px;}
.closer .btn-ghost{color:var(--paper);box-shadow:4px 4px 0 0 var(--paper);}
.closer .btn-ghost:hover{background:var(--red);}

/* ── footer ─────────────────────────────────────────────────────────────── */
.ftr{position:relative;z-index:2;background:var(--paper);padding:clamp(48px,7vw,80px) 0 34px;border-top:3px solid var(--ink);}
.ftr-top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start;margin-bottom:40px;}
.ftr-tag{font-family:var(--stamp);font-size:clamp(22px,3.4vw,40px);text-transform:uppercase;line-height:1;max-width:16ch;}
.ftr-cols{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:26px;}
.fcol h4{font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--red);margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid var(--ink);}
.fcol a,.fcol span{display:block;font-size:13.5px;padding:4px 0;color:#3d3a34;}
.fcol a:hover{color:var(--red);text-decoration:underline;text-underline-offset:2px;}
.ftr-legal{margin-top:40px;padding-top:20px;border-top:2px dashed var(--ink);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;}
.ftr-legal p{font-size:11.5px;color:#6a665d;max-width:74ch;line-height:1.55;}
.ftr-wm{font-family:var(--stamp);font-size:18px;text-transform:uppercase;}
@media(max-width:760px){.ftr-cols{grid-template-columns:1fr 1fr;}}
@media(max-width:460px){.ftr-cols{grid-template-columns:1fr;}}

/* ============================================================================
   SUB-PAGE SURFACES — grunge re-skin of the shared (SOMType) classes, so the
   inner pages adopt the zine look by swapping only the stylesheet.
   ============================================================================ */
.grain{display:none;}
.wrap-wide{max-width:1320px;}
.wrap-narrow{max-width:840px;}
.section-tight{padding:clamp(40px,6vw,76px) 0;position:relative;z-index:2;}

/* sub-page hero */
.phero{position:relative;padding:clamp(40px,7vw,84px) 0 clamp(24px,5vw,52px);}
.phero .wrap{position:relative;z-index:2;}
.phero-halo{display:none;}
.phero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:700;font-size:12px;
  letter-spacing:0.2em;text-transform:uppercase;color:var(--red);margin-bottom:18px;}
.phero-eyebrow .sep{width:8px;height:8px;background:var(--red);transform:rotate(45deg);flex:0 0 auto;}
.phero h1{font-family:var(--stamp);font-size:clamp(46px,9vw,104px);line-height:0.85;text-transform:uppercase;
  letter-spacing:-0.01em;margin:0;}
.phero .sub{font-family:var(--mono);font-size:clamp(15px,1.9vw,19px);line-height:1.5;max-width:50ch;margin-top:22px;color:#3d3a34;}
.phero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;}

/* gradient text → highlighter mark */
.grad{background:linear-gradient(180deg,transparent 10%,var(--yellow) 10% 86%,transparent 86%)!important;
  -webkit-text-fill-color:var(--ink)!important;color:var(--ink)!important;padding:0 .06em;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;}

/* prose + statements */
.band-statement{font-family:var(--stamp);font-size:clamp(26px,4.4vw,50px);line-height:1.05;text-transform:uppercase;max-width:22ch;color:var(--ink);}
.prose p{font-family:var(--mono);font-size:16px;line-height:1.62;color:#3d3a34;max-width:70ch;margin:0 0 16px;}
.prose p:last-child{margin-bottom:0;}
.prose strong{color:var(--ink);font-weight:700;}
.prose a{color:var(--red);text-decoration:underline;text-underline-offset:2px;}
.eyebrow-acc{color:var(--red);}
.h2-roman{text-transform:uppercase;}

/* sub-product cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.cards-2{grid-template-columns:repeat(2,1fr);}
.pcard{position:relative;display:flex;flex-direction:column;gap:9px;background:var(--paper);border:2px solid var(--ink);
  padding:22px;box-shadow:4px 5px 0 -1px rgba(33,31,28,0.3);transition:transform .14s steps(2),box-shadow .14s steps(2);}
.pcard:nth-child(even){transform:rotate(-0.5deg);}
.pcard:nth-child(odd){transform:rotate(0.4deg);}
.pcard:hover{transform:translate(2px,2px) rotate(0deg);box-shadow:2px 3px 0 -1px var(--red);}
.pcard .ptag{font-family:var(--mono);font-weight:700;font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--red);}
.pcard h4{font-family:var(--stamp);font-size:21px;text-transform:uppercase;line-height:1.02;margin:2px 0 0;}
.pcard .one{font-family:var(--mono);font-weight:700;font-size:14.5px;line-height:1.35;}
.pcard p{font-family:var(--mono);font-size:13.5px;line-height:1.5;color:#4f4b44;margin:0;}
.pcard .links{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;padding-top:8px;}
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.cards,.cards-2{grid-template-columns:1fr;}}

/* split rows */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,60px);align-items:center;}
.split.narrow-media{grid-template-columns:1.15fr .85fr;}
@media(max-width:820px){.split,.split.narrow-media{grid-template-columns:1fr;}.split .media-disc{order:-1;}}

/* solid stamped panel */
.artpanel{position:relative;border:3px solid var(--ink);background:var(--ink);color:var(--paper);display:flex;
  align-items:center;justify-content:center;min-height:280px;padding:clamp(28px,4vw,52px);
  box-shadow:7px 8px 0 -1px var(--red);overflow:hidden;}
.artpanel .big{font-family:var(--stamp);font-size:clamp(32px,4.4vw,56px);line-height:0.95;text-transform:uppercase;text-align:center;color:var(--paper);}
.artpanel .panel-logo{height:clamp(90px,13vw,160px);width:auto;max-width:82%;object-fit:contain;filter:brightness(0) invert(1);position:relative;z-index:1;}

/* photo frames */
.media-disc{position:relative;border:2px solid var(--ink);background:var(--paper);padding:12px;max-width:360px;width:100%;
  justify-self:center;transform:rotate(-1.6deg);box-shadow:6px 7px 0 -1px rgba(33,31,28,0.3);}
.media-disc img{width:100%;height:auto;border-radius:0;filter:contrast(1.04) saturate(1.05);}
.media-disc::after{display:none;}
.media-halo{position:relative;}
.media-halo::before{display:none;}
.media-rect{border:2px solid var(--ink);background:var(--paper);padding:10px;box-shadow:5px 6px 0 -1px rgba(33,31,28,0.3);}
.media-rect img{width:100%;height:auto;}

/* brand lockup → ink stamp */
.brand-lockup{display:flex;align-items:center;gap:16px;margin-bottom:22px;}
.brand-lockup img{height:clamp(60px,9vw,104px);width:auto;object-fit:contain;object-position:left center;
  filter:grayscale(1) contrast(1.25) brightness(0.4);}
.brand-lockup.center{justify-content:center;}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.stat{border:2px solid var(--ink);background:var(--paper);padding:22px 20px;box-shadow:4px 5px 0 -1px rgba(33,31,28,0.3);}
.stat:nth-child(even){transform:rotate(-0.5deg);}
.stat .n{font-family:var(--stamp);font-size:clamp(38px,4.4vw,56px);line-height:0.9;color:var(--red);}
.stat .l{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:0.04em;text-transform:uppercase;color:#4f4b44;margin-top:10px;}
@media(max-width:760px){.stats{grid-template-columns:1fr 1fr;}}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:8px;}
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:2px solid var(--ink);background:var(--paper);
  font-family:var(--mono);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:0.04em;color:var(--ink);}
.chip .cd{width:9px;height:9px;background:var(--c,var(--red));transform:rotate(45deg);}

/* somtype 64 grid → dark contact-sheet tiles so bone icons read */
.fgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;max-width:760px;}
.fcell{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:var(--ink);border:2px solid var(--ink);}
@media(max-width:620px){.fgrid{grid-template-columns:repeat(4,1fr);}}

/* note + backlink */
.note{border-left:4px solid var(--red);padding:6px 0 6px 16px;font-family:var(--mono);font-size:14.5px;line-height:1.55;color:#4f4b44;max-width:64ch;}
.backlink{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:0.04em;color:var(--ink);}
.backlink:hover{color:var(--red);}
.backlink .ar{color:var(--red);}

/* closer: dark — keep all buttons readable on ink */
.closer-halo{display:none;}
.closer .btn{background:var(--paper);color:var(--ink);border-color:var(--paper);box-shadow:4px 4px 0 0 var(--red);}
.closer .btn:hover{background:var(--yellow);}

/* centered section head + premium callout */
.shead.center{text-align:center;}
.shead.center .rule{display:none;}
.premium{position:relative;border:3px solid var(--ink);background:color-mix(in oklch,var(--yellow) 16%,var(--paper));
  padding:clamp(26px,4vw,46px);box-shadow:7px 8px 0 -1px var(--ink);overflow:hidden;}
.premium .ptag{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-weight:700;font-size:11px;
  letter-spacing:0.16em;text-transform:uppercase;color:var(--red);}
.premium .ptag .dot{width:9px;height:9px;background:var(--red);transform:rotate(45deg);flex:0 0 auto;}
.premium h3{font-family:var(--stamp);text-transform:uppercase;}
.premium .prose p{max-width:64ch;}

/* ── reveal ─────────────────────────────────────────────────────────────── */
.js [data-reveal]{opacity:0;transform:translateY(14px);}
.js [data-reveal].in{opacity:1;transform:none;transition:opacity .4s steps(3),transform .4s steps(3);}
@media(prefers-reduced-motion:reduce){.strip-track{animation:none;}.js [data-reveal]{opacity:1!important;transform:none!important;}}