/* Full Count site: the Hawks look. Cream paper, black ink, one red. Square corners, hard ink shadows, halftone. */
@font-face{font-family:Oswald;src:url(/fonts/Oswald.woff2) format('woff2');font-weight:200 700;font-display:swap}
@font-face{font-family:Saira;src:url(/fonts/SairaCondensed-SemiBold.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Saira;src:url(/fonts/SairaCondensed-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
:root{--cream:#f3ead9;--paper:#fbf6ec;--ink:#11100e;--red:#bd292d;--red-d:#9a1f23;--grey:#514d46;--line:#d9ccb2;
  --disp:Oswald,Impact,'Arial Narrow',sans-serif;--lab:Saira,'Arial Narrow',sans-serif;--body:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(70px + env(safe-area-inset-top,0px))}
body{background:var(--cream);color:var(--ink);font:400 16px/1.5 var(--body);padding-bottom:76px}
@media (min-width:760px){body{padding-bottom:0}}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.lab{font:700 13px/1.2 var(--lab);letter-spacing:.14em;text-transform:uppercase}
.red{color:var(--red)}
.halftone{background-image:radial-gradient(rgba(17,16,14,.13) 1.1px,transparent 1.3px);background-size:7px 7px}

/* header */
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--paper);border-bottom:3px solid var(--ink);padding-top:env(safe-area-inset-top,0px)}
/* the header is pinned (fixed), so the page starts below it; the notch strip above it is painted solid too */
body{padding-top:calc(55px + env(safe-area-inset-top,0px))}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:51}
.hdr .wrap{display:flex;align-items:center;gap:14px;height:52px}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font:700 21px/1 var(--disp);letter-spacing:.02em;text-transform:uppercase}
.brand svg{width:30px;height:30px}
.brand b{color:var(--red)}
.nav{display:none;gap:18px;margin-left:auto}
.nav a{font:700 15px/1 var(--lab);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current=page]{border-color:var(--red)}
.hdr .buy-top{display:none}
.menu{margin-left:auto;position:relative}
.menu summary{list-style:none;cursor:pointer;font:700 14px/1 var(--lab);letter-spacing:.1em;border:2px solid var(--ink);padding:8px 12px;background:var(--cream)}
.menu summary::-webkit-details-marker{display:none}
.menu[open] summary{background:var(--ink);color:var(--cream)}
.menu nav{position:absolute;right:0;top:44px;background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);min-width:220px;display:flex;flex-direction:column}
.menu nav a{padding:12px 16px;text-decoration:none;font:700 16px/1 var(--lab);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line)}
.menu nav a:hover{background:var(--cream)}
@media (min-width:980px){.nav{display:flex}.menu{display:none}.hdr .buy-top{display:inline-flex;margin-left:8px}}

/* the live bar (real: driven by season.json + schedule.json) */
.live{display:flex;align-items:stretch;background:var(--red);color:var(--paper);text-decoration:none;border-bottom:3px solid var(--ink);height:42px}
.live .tag{background:var(--ink);font:700 14px/1 var(--lab);letter-spacing:.12em;display:flex;align-items:center;padding:0 12px;transform:skewX(-8deg);margin-left:-4px}
.live .tag span{transform:skewX(8deg)}
.live .msg{flex:1;display:flex;align-items:center;gap:8px;padding:0 12px;font:700 italic 18px/1 var(--disp);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.live .msg .dot{width:9px;height:9px;border-radius:50%;background:var(--paper);animation:blink 1.2s infinite}
.live .go{display:flex;align-items:center;padding:0 14px;font:700 15px/1 var(--lab);letter-spacing:.1em;white-space:nowrap}
@keyframes blink{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.live .msg .dot{animation:none}html{scroll-behavior:auto}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 18px/1.1 var(--disp);letter-spacing:.03em;text-transform:uppercase;
  text-decoration:none;border:3px solid var(--ink);padding:14px 20px;background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .08s,box-shadow .08s}
.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.btn.red{background:var(--red);color:var(--paper)}
.btn.ink{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--red)}
.btn.block{display:flex;width:100%}
.btn small{font:600 13px/1.1 var(--lab);letter-spacing:.06em;opacity:.92;text-transform:none}
.btn.sm{font-size:15px;padding:9px 14px;box-shadow:3px 3px 0 var(--ink)}
.btn .px{background:var(--paper);color:var(--red);padding:2px 7px;font-size:.95em}
.btn.ink .px{color:var(--ink)}
form.buy{display:contents}
.secure{font:600 13px/1 var(--lab);letter-spacing:.06em;color:var(--grey);margin-top:10px}

/* fold (home) */
.fold{padding:16px 0 18px;position:relative;overflow:hidden}
.fold .wrap{display:grid;gap:12px}
.kick{font:700 13px/1 var(--lab);letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
h1,.h1{font:700 44px/.95 var(--disp);text-transform:uppercase;letter-spacing:-.005em}
h1 em,.h1 em{font-style:normal;color:var(--red)}
.sub{font-size:16px;line-height:1.35;color:#2b2925;max-width:34em}
.impulse{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 16px;text-align:left}
.impulse .t{font:700 20px/1 var(--disp)}
.pass{background:var(--ink);color:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--red);padding:12px 14px 14px;position:relative}
.pass .row{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.pass .no{font:700 50px/.9 var(--disp);letter-spacing:.01em}
.pass .who{font:600 14px/1.2 var(--lab);letter-spacing:.08em;color:#d8cdb8}
.pass .cut{border-top:2px dashed #6a645a;margin:10px -14px;position:relative}
.pass .cut::before,.pass .cut::after{content:'';position:absolute;top:-9px;width:16px;height:16px;border-radius:50%;background:var(--cream);border:3px solid var(--ink)}
.pass .cut::before{left:-11px}.pass .cut::after{right:-11px}
.pass .btn{box-shadow:none;border-color:var(--paper)}
.pass .fine{font:600 12.5px/1.25 var(--lab);letter-spacing:.05em;color:#d8cdb8;margin-top:8px}
.parent{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;font-size:16px}
.parent .t{font:700 16px/1.1 var(--disp)}
.newhere{font-size:14px;color:var(--grey)}
/* sections */
section.s{padding:34px 0;border-top:3px solid var(--ink)}
section.s.paper{background:var(--paper)}
section.s.ink{background:var(--ink);color:var(--paper)}
.sh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
h2,.h2{font:700 34px/1 var(--disp);text-transform:uppercase}
h3{font:700 21px/1.1 var(--disp);text-transform:uppercase}
.more{font:700 14px/1 var(--lab);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--red)}
.grid{display:grid;gap:16px}
@media (min-width:700px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
.box{background:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:16px}
.box.cream{background:var(--cream)}
.ink .box{color:var(--ink)}
p+p{margin-top:.7em}
.muted{color:var(--grey)}
.sample{display:inline-block;font:700 11px/1 var(--lab);letter-spacing:.14em;background:#fff3c4;border:2px dashed var(--ink);padding:4px 7px;text-transform:uppercase;color:var(--ink)}

/* countdown */
.clock{display:flex;gap:6px;align-items:flex-end}
.clock div{background:var(--ink);color:var(--paper);min-width:58px;text-align:center;padding:8px 6px 6px;border-bottom:4px solid var(--red)}
.clock b{display:block;font:700 34px/1 var(--lab);font-variant-numeric:tabular-nums}
.clock i{font:600 11px/1 var(--lab);letter-spacing:.14em;font-style:normal;color:#cfc4ae}
.upnext{display:grid;gap:14px;align-items:center}
@media (min-width:800px){.upnext{grid-template-columns:1fr auto}}

/* steps */
.steps{counter-reset:st;display:grid;gap:14px}
@media (min-width:760px){.steps{grid-template-columns:repeat(4,1fr)}.steps.three{grid-template-columns:repeat(3,1fr)}}
.step{position:relative;background:var(--paper);border:3px solid var(--ink);padding:30px 14px 16px;min-height:150px}
.step::before{counter-increment:st;content:counter(st);position:absolute;top:-14px;left:12px;width:30px;height:30px;border-radius:50%;background:var(--red);color:var(--paper);
  font:700 17px/30px var(--lab);text-align:center;border:2px solid var(--ink)}
.step .big{font:700 30px/1 var(--lab);margin:4px 0 6px}
.step .chip{display:inline-block;border:2px solid var(--ink);padding:6px 10px;font:700 14px/1 var(--lab);letter-spacing:.06em;margin:4px 0 8px;background:var(--cream)}
.step .chip.red{background:var(--red);color:var(--paper)}

/* case file cards */
.file{background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column;text-decoration:none}
.file .top{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:var(--cream);padding:7px 12px;font:700 13px/1 var(--lab);letter-spacing:.12em;text-transform:uppercase}
.file .top .live-tag{background:var(--red);color:var(--paper);padding:3px 7px}
.file .bd{padding:12px 14px 14px;display:grid;gap:10px;flex:1}
.file h3{font-size:24px}
.file .sit{font:600 13.5px/1.3 var(--lab);letter-spacing:.04em;color:var(--grey);text-transform:uppercase}
.file .story{font-size:15px;line-height:1.45}
.calls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.call{border:3px solid var(--ink);padding:8px 10px;position:relative;overflow:hidden;background:var(--cream)}
.call .w{font:700 18px/1 var(--disp);text-transform:uppercase;position:relative;z-index:1}
.call .p{font:700 26px/1 var(--lab);position:relative;z-index:1;font-variant-numeric:tabular-nums}
.call .bar{position:absolute;left:0;bottom:0;top:0;background:rgba(189,41,45,.16)}
.call.win{background:var(--red);color:var(--paper)}
.call.win .bar{background:rgba(17,16,14,.18)}
.call.open .p{font-size:15px;letter-spacing:.1em}
.realbb{border-left:5px solid var(--red);padding:2px 0 2px 10px;font-size:14px}
.realbb b{display:block;font:700 13px/1.2 var(--lab);letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.file .ft{display:flex;gap:10px;flex-wrap:wrap;padding:0 14px 14px}

/* record + dugout */
.rec{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.rec a{display:block;text-decoration:none;background:var(--paper);border:3px solid var(--ink);padding:10px 12px}
.rec a .n{font:700 12px/1 var(--lab);letter-spacing:.14em;color:var(--grey)}
.rec a .w{font:700 22px/1.05 var(--disp);text-transform:uppercase;margin-top:4px}
.rec a .p{font:700 30px/1 var(--lab);color:var(--red)}
.rec a.open{background:var(--red);color:var(--paper)}
.rec a.open .n,.rec a.open .p{color:var(--paper)}
.wl{display:flex;gap:10px;align-items:center}
.wl .sc{background:var(--ink);color:var(--paper);font:700 46px/1 var(--lab);padding:8px 14px;border-bottom:5px solid var(--red);font-variant-numeric:tabular-nums}
table.board{width:100%;border-collapse:collapse;background:var(--paper);border:3px solid var(--ink)}
.board th,.board td{padding:10px 10px;text-align:left;border-bottom:1px solid var(--line);font-size:15px}
.board th{background:var(--ink);color:var(--cream);font:700 12px/1 var(--lab);letter-spacing:.14em;text-transform:uppercase}
.board td.rk{font:700 20px/1 var(--lab);width:52px}
.board tr.top3 td.rk{color:var(--red)}
.board td.num{font:700 18px/1 var(--lab);text-align:right;font-variant-numeric:tabular-nums}
.board th.num{text-align:right}
.board .h{font-weight:600;word-break:break-all}

/* forms */
.form{display:grid;gap:12px}
.form label{display:grid;gap:5px;font:700 14px/1.2 var(--lab);letter-spacing:.05em;text-transform:uppercase}
.form input[type=text],.form input[type=email],.form input[type=number],.form input[type=url],.form select,.form textarea{
  font:400 16px/1.3 var(--body);padding:11px 12px;border:3px solid var(--ink);background:#fffdf8;color:var(--ink);border-radius:0;width:100%;text-transform:none;letter-spacing:0}
.form input[type=color]{width:64px;height:44px;border:3px solid var(--ink);background:#fffdf8;padding:2px}
.form .check{display:flex;gap:10px;align-items:flex-start;font:400 15px/1.35 var(--body);text-transform:none;letter-spacing:0}
.form .check input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--red)}
.form .help{font:400 13px/1.35 var(--body);color:var(--grey);text-transform:none;letter-spacing:0}
.form .row2{display:grid;gap:12px}
@media (min-width:600px){.form .row2{grid-template-columns:1fr 1fr}}
.form fieldset{border:3px solid var(--ink);padding:12px;display:grid;gap:10px}
.form legend{font:700 14px/1 var(--lab);letter-spacing:.1em;text-transform:uppercase;padding:0 6px}
.msg-ok{background:#e4f1dc;border:3px solid var(--ink);padding:12px}
.msg-err{background:#f8dcdc;border:3px solid var(--red);padding:12px}

/* tiers / shop */
.tier{display:flex;flex-direction:column;gap:8px}
.tier .price{font:700 44px/1 var(--lab);color:var(--red)}
.tier ul,.list{padding-left:20px;display:grid;gap:5px}
.prod{display:flex;flex-direction:column;gap:10px}
.prod .price{font:700 34px/1 var(--lab)}
.prod .price s{font-size:20px;color:var(--grey);margin-left:6px}
.prod .tagline{font:700 12px/1 var(--lab);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.prod .gap{flex:1}
.stickers{display:flex;gap:6px;align-items:center}
.stickers img{width:62px;height:auto}

/* faq */
details.q{border:3px solid var(--ink);background:var(--paper);margin-bottom:10px}
details.q summary{cursor:pointer;padding:14px 16px;font:700 18px/1.2 var(--disp);text-transform:uppercase;list-style:none;display:flex;justify-content:space-between;gap:10px}
details.q summary::after{content:'+';font:700 24px/1 var(--lab);color:var(--red)}
details.q[open] summary::after{content:'–'}
details.q summary::-webkit-details-marker{display:none}
details.q div{padding:0 16px 16px;font-size:15.5px}

/* page head */
.ph{padding:28px 0 22px}
.ph h1{font-size:46px}
@media (min-width:900px){.ph{padding:52px 0 36px}.ph h1{font-size:72px}}
.prose{max-width:760px}
.prose h2{font-size:26px;margin:26px 0 8px}
.prose p,.prose li{font-size:16px}
.prose ul{padding-left:22px;display:grid;gap:6px;margin:8px 0}

/* sticky bottom buy bar (phones) */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--paper);border-top:3px solid var(--ink);padding:9px 12px calc(9px + env(safe-area-inset-bottom));display:flex;gap:8px;align-items:center}
.sticky .btn{flex:1;padding:12px 10px;font-size:17px;box-shadow:3px 3px 0 var(--ink)}
.sticky .alt{font:700 13px/1.1 var(--lab);letter-spacing:.06em;text-transform:uppercase;text-align:center;text-decoration:none;border:2px solid var(--ink);padding:9px 8px;background:var(--cream);white-space:nowrap}
.sticky .alt b{color:var(--red)}
@media (min-width:760px){.sticky{display:none}}

/* footer */
.foot{background:var(--ink);color:var(--cream);padding:34px 0 30px;border-top:5px solid var(--red)}
.foot .cols{display:grid;gap:22px;grid-template-columns:1fr 1fr}
@media (min-width:800px){.foot .cols{grid-template-columns:2fr 1fr 1fr 1fr}}
.foot a{display:block;text-decoration:none;font:600 15px/1.9 var(--lab);letter-spacing:.05em;color:#e9dfcb}
.foot a:hover{color:#fff;text-decoration:underline}
.foot .line{font:600 12px/1.5 var(--lab);letter-spacing:.1em;text-transform:uppercase;color:#a99f8c;margin-top:22px}
.foot .brand{color:var(--paper)}
.foot .brand b{color:#f2676b}

/* cast */
.cast{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}
.num{font:700 15px/1 var(--lab);letter-spacing:.1em;color:var(--red)}

/* roster card preview */
.rcard{background:var(--cream);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);overflow:hidden}
.rcard .hd{background:var(--ink);color:var(--cream);padding:8px 12px;display:flex;justify-content:space-between;font:700 13px/1 var(--lab);letter-spacing:.12em}
.rcard ol{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px}
.rcard li{background:var(--paper);border:2px solid var(--ink);padding:6px 8px;font:700 14px/1.1 var(--lab);display:flex;justify-content:space-between;gap:6px}
.rcard li span{color:var(--red)}
.rcard li.you{background:var(--red);color:var(--paper)}
.rcard li.you span{color:var(--paper)}

/* reveal on scroll (only when motion is OK) */
@media (prefers-reduced-motion:no-preference){.rv{opacity:0;transform:translateY(14px);transition:opacity .45s,transform .45s}.rv.in{opacity:1;transform:none}}

/* P3 fixes: grid children may shrink; long handles wrap; wide tables scroll inside their box */
.grid>*{min-width:0}
.rcard li b{word-break:break-all}
@media (max-width:420px){.rcard ol{grid-template-columns:1fr}}
.tbl{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl table.board{min-width:560px}
.sticky .btn{white-space:nowrap;font-size:15.5px;padding:12px 8px}

/* ===== P4 depth pass ===== */
/* the scoreboard: stadium-board numbers */
.sb{background:var(--ink);color:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--red);max-width:420px}
.sb-hd{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;font:700 12px/1 var(--lab);letter-spacing:.14em;color:#cfc4ae;border-bottom:2px solid #3a3730}
.sb-row{display:grid;grid-template-columns:repeat(4,1fr)}
.sb-row div{padding:6px 4px 8px;text-align:center;border-right:2px solid #3a3730}
.sb-row div:last-child{border-right:0}
.sb-row i{display:block;font:700 11px/1 var(--lab);letter-spacing:.16em;font-style:normal;color:#cfc4ae}
.sb-row b{display:block;font:700 40px/1.05 var(--lab);font-variant-numeric:tabular-nums;color:#f6e7b8;text-shadow:0 0 10px rgba(246,231,184,.35)}
.sb-row .hot{background:var(--red)}.sb-row .hot b,.sb-row .hot i{color:var(--paper)}

/* every product, in full (shop) */
.pds{display:grid;gap:22px}
@media (min-width:900px){.pds{grid-template-columns:1fr 1fr}}
.pd{background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:18px;display:flex;flex-direction:column;gap:12px;scroll-margin-top:120px}
.pd:target{box-shadow:5px 5px 0 var(--red);border-color:var(--red)}
.pd-hd{display:flex;gap:14px;align-items:center}
.pd-hd img{width:72px;height:auto;flex:none;filter:drop-shadow(2px 2px 0 var(--ink))}
.pd-hd h3{font-size:24px}
.pd .price{font:700 30px/1 var(--lab);color:var(--red)}
.pd .price s{font-size:18px;color:var(--grey)}
.pd-line{font-size:16px}
.pd-cols{display:grid;gap:14px}
@media (min-width:600px){.pd-cols{grid-template-columns:1fr 1fr}}
.pd-cols .lab{margin-bottom:6px}
.pd-cols .list{font-size:14.5px}
.pd-faq details.q summary{font-size:15px;padding:10px 12px}
.pd-faq details.q div{font-size:14.5px;padding:0 12px 12px}
.pd-act{margin-top:auto}

/* leaderboard on phones: handles wrap only where they must; the "calls" column hides */
.board .h{word-break:normal;overflow-wrap:break-word}
.board td.rk{width:40px}
@media (max-width:480px){.board:not(.wide) th:nth-child(4),.board:not(.wide) td:nth-child(4){display:none}.board th,.board td{padding:9px 7px}.board .h{font-size:14px}
  table.board:not(.wide){table-layout:fixed}.board:not(.wide) th:first-child{width:38px}.board:not(.wide) th.num{width:62px}}

/* ===== 11-08 simple site ===== */
/* image slots: real art at a fixed aspect, never stretched (object-fit: cover); placeholder until the file exists */
.slot{position:relative;overflow:hidden;background:var(--cream);border:2px solid var(--ink)}
.slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.empty-slot{display:grid;place-items:center;background-image:repeating-linear-gradient(45deg,transparent 0 10px,rgba(17,16,14,.05) 10px 11px)}
.ph-label{font:700 14px/1.2 var(--lab);letter-spacing:.14em;text-transform:uppercase;color:var(--grey);text-align:center;display:grid;gap:3px;padding:8px}
.ph-label small{font:600 11px/1.2 var(--lab);letter-spacing:.06em;text-transform:none}
.slot.strip{box-shadow:4px 4px 0 var(--red);border-width:3px;margin-bottom:6px}
.dropline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dropline .btn{padding:11px 14px;font-size:16px}
.next{display:flex;flex-direction:column;gap:4px}
.next .lab{font-size:11px;color:var(--grey)}
.clock.mini{gap:3px}
.clock.mini div{min-width:38px;padding:4px 3px 3px;border-bottom-width:3px}
.clock.mini b{font-size:20px}
.clock.mini i{font-size:9px}
.pass .row{align-items:center;justify-content:flex-start;gap:14px}
.pass .no{font-size:40px}
.pass .cut{margin:8px -14px}
.fold .impulse{padding:10px 14px}
.hero-art{display:none}
@media (min-width:900px){
  .slot.strip{display:none}
  .hero-art{display:block;position:relative;box-shadow:8px 8px 0 var(--ink);max-width:512px;justify-self:center;width:100%}
  .hero-art .slot{border-width:3px}
  .hero-art .cap{position:absolute;left:-3px;bottom:24px;font:700 38px/.95 var(--disp);text-transform:uppercase;color:var(--paper);background:var(--ink);padding:12px 18px;box-shadow:5px 5px 0 var(--red)}
  .hero-art .cap em{font-style:normal;color:#f2676b}
  .clock.mini div{min-width:46px}.clock.mini b{font-size:24px}
}
/* part page head: the still */
.ph.has-art .wrap{display:grid;gap:0}
.ph-art.still{order:9;margin-top:18px;box-shadow:5px 5px 0 var(--ink);max-width:360px;width:100%}
.ph-art.still .slot{border-width:3px}
.soon{display:inline-block;font:700 14px/1.2 var(--lab);letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:10px 12px;border-bottom:3px solid var(--red)}
@media (min-width:900px){
  .ph.has-art .wrap{grid-template-columns:minmax(0,1fr) 380px;column-gap:48px}
  .ph.has-art .wrap>*{grid-column:1}
  .ph.has-art .wrap>.ph-art{grid-column:2;grid-row:1/span 9;margin-top:0;order:0;align-self:center}
}
/* the battery + kid page pair: painted stills in ink frames */
.cast{grid-template-columns:120px 1fr}
.cast .slot{width:120px;border-width:3px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.duo .slot{border-width:3px;box-shadow:5px 5px 0 var(--ink)}
.duo .slot+.slot{margin-top:28px}
/* the store (on home) */
.group+.group{margin-top:30px}
.gh{font-size:26px}
.store{align-items:start}
.store .prod{height:100%}
.store .prod.wide{grid-column:1/-1}
.store .prod.wide .col{display:flex;flex-direction:column;gap:10px;min-width:0}
@media (min-width:700px){.store .prod.wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:start}}
.store .prod .price{color:var(--red)}
details.what{border-top:2px solid var(--line);padding-top:8px}
details.what>summary{cursor:pointer;list-style:none;font:700 14px/1 var(--lab);letter-spacing:.1em;text-transform:uppercase;display:flex;justify-content:space-between;padding:4px 0}
details.what>summary::-webkit-details-marker{display:none}
details.what>summary::after{content:'+';color:var(--red);font-size:20px;line-height:.8}
details.what[open]>summary::after{content:'–'}
details.what>div{display:grid;gap:8px;padding-top:10px;font-size:14.5px}
details.what .lab{font-size:12px;margin-top:4px}
details.what .rcard ol{grid-template-columns:1fr}
.gear{list-style:none;display:grid;gap:6px}
@media (min-width:700px){.gear{grid-template-columns:1fr 1fr}}
.gear li{display:flex;justify-content:space-between;align-items:center;gap:8px;border:2px solid var(--ink);background:var(--cream);padding:7px 9px;font-size:14px}
.gear li span{display:grid}
.gear li i{font:600 11px/1.2 var(--lab);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:var(--red)}
.gear li em{font:600 11px/1.2 var(--lab);letter-spacing:.06em;text-transform:uppercase;font-style:normal;color:var(--grey);white-space:nowrap}
.empty{font:600 18px/1.35 var(--lab);letter-spacing:.02em;max-width:46em;border-left:5px solid var(--red);padding:4px 0 4px 12px}
.upnext.box{display:grid;gap:12px}
/* episodes */
.eps{display:grid;gap:18px}
@media (min-width:760px){.eps{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.eps{grid-template-columns:repeat(3,1fr)}}
.ep{display:grid;grid-template-columns:120px 1fr;gap:14px;text-decoration:none;background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:12px}
.ep .slot{width:120px;border-width:3px}
.ep-bd{display:grid;gap:8px;align-content:start}
.ep-bd .btn{justify-self:start}
@media (min-width:760px){.ep{grid-template-columns:150px 1fr}.ep .slot{width:150px}}
.prose h3{font-size:19px;margin:18px 0 6px}
@media (min-width:900px){
  .fold{padding:40px 0 52px}
  .fold .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center}
  .fold .money{display:grid;gap:14px;max-width:540px}
  h1,.h1{font-size:78px}
  .sub{font-size:19px}
}
@media (min-width:1000px){.store.g4{grid-template-columns:repeat(4,1fr)}}
@media (min-width:700px) and (max-width:999px){.store.g4{grid-template-columns:repeat(2,1fr)}}

/* ===== 11-10 proportion pass: every button sized to the box it sits in ===== */
.btn{font-size:17px;padding:12px 18px}
.btn.block{width:calc(100% - 4px)} /* the ink shadow stays inside its card */
.pass .btn.block{width:100%}
.store .prod h3{font-size:23px;line-height:1.05}
.store .prod .btn.block{font-size:16px;padding:11px 14px;box-shadow:3px 3px 0 var(--ink);width:calc(100% - 3px)}
.store .prod .btn.block:hover{box-shadow:4px 4px 0 var(--ink)}
.store .prod .btn.ink.block{box-shadow:3px 3px 0 var(--red)}
.hdr .buy-top .btn{font-size:15px;padding:6px 12px;border-width:2px;box-shadow:3px 3px 0 var(--ink)}
.hdr .buy-top .btn .px{padding:1px 6px}
.fold .money>.pass,.fold .money>.parent{margin-top:8px} /* the stacked buy boxes don't touch (phone) */
@media (max-width:899px){.fold .impulse{padding:8px 14px}.fold .parent{padding:9px 14px}.fold .pass{padding:10px 14px 11px}.slot.strip{margin-bottom:8px}}
@media (min-width:900px){.fold .money>.pass,.fold .money>.parent{margin-top:0}}
.dropline{align-items:flex-end}
.call{display:grid;gap:6px;padding:10px 12px}
.call.open .p{font-size:12px;line-height:1.2;letter-spacing:.12em;color:var(--grey)}
.sticky{align-items:stretch}
.sticky .alt{display:flex;align-items:center;justify-content:center;padding:0 12px;border-width:3px}
@media (max-width:799px){.foot .cols>div:first-child{grid-column:1/-1}}
.box h3+p,.box h3+ul,.step h3+p{margin-top:5px}