/* Marvel Timelines — one stylesheet, one theme per page via body[data-theme].
   Type: Antonio (display) + Hanken Grotesk (body); a page title may take one outlier face. */
:root{
  --display:"Antonio","Arial Narrow",sans-serif;
  --body:"Hanken Grotesk",ui-sans-serif,sans-serif;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;
  --bg:#efe8da;--paper:#f8f4ec;--ink:#1c1915;--muted:#5f574b;--rule:#d3c9b6;--line:#2a2520;
  --accent:#b8231c;--strip:#f3eee5;
}
[data-theme=mcu]{--bg:#0f1216;--paper:#161a20;--ink:#ece6da;--muted:#a49d90;--rule:#2b3038;--line:#3d434d;--accent:#e0b64a}
[data-theme=xmen]{--bg:#f3f0e7;--paper:#fbf9f3;--ink:#17223b;--muted:#57617a;--rule:#d3d6de;--line:#17223b;--accent:#b88a05;--head-bg:#15213b}
[data-theme=street]{--bg:#0d0b0b;--paper:#161313;--ink:#ebe4da;--muted:#988e85;--rule:#2e2927;--line:#3c3533;--accent:#d0181f}
[data-theme=spider]{--bg:#10131f;--paper:#171b2b;--ink:#f1eee8;--muted:#a3a9bd;--rule:#2b3047;--line:#3b4262;--accent:#e2231a}
[data-theme=legacy]{--bg:#1b2a33;--paper:#f2e6c9;--ink:#f2e6c9;--muted:#a9bcc2;--rule:#355261;--line:#4b6b7a;--accent:#f08a24}
[data-theme=tva]{--bg:#e6d7b8;--paper:#f3e8cf;--ink:#3b2a1a;--muted:#77604a;--rule:#cdb894;--line:#3b2a1a;--accent:#b8571a}

*{box-sizing:border-box}
html,body{overflow-x:clip}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--body);font-variant-numeric:lining-nums tabular-nums;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.05;margin:0}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:2200px;margin:0 auto;padding:0 clamp(16px,3vw,56px)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:var(--s5);min-height:58px}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.mark img{height:28px;width:auto;display:block}
.mark span{font:700 25px/1 var(--display)}
.nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;overflow-x:auto;min-width:0;scrollbar-width:none}
.nav ul::-webkit-scrollbar{display:none}
.nav li a{display:block;padding:9px 10px;font:500 15px/1 var(--body);text-decoration:none;white-space:nowrap;color:var(--muted);border-bottom:2px solid transparent}
.nav li a:hover{color:var(--ink)}
.nav li a[aria-current]{color:var(--ink);border-color:var(--accent)}

/* ---------- page head: credits strip, title, poster wall ---------- */
.head{position:relative;overflow:hidden;isolation:isolate;background:var(--head-bg,var(--bg));border-bottom:1px solid var(--line)}
.billing{position:relative;z-index:2;background:var(--strip);border-bottom:1px solid var(--rule)}
.billing .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s6);padding-top:10px;padding-bottom:10px}
.billing img{height:32px;width:auto;display:block}
.billing img.tall{height:44px}
.head-copy{position:relative;z-index:1;padding-top:var(--s7);padding-bottom:var(--s7)}
.head h1{font-size:clamp(52px,8vw,112px);line-height:1.02;text-transform:uppercase;margin:0 0 var(--s4)}
.lede{max-width:62ch;margin:0;font-size:19px;line-height:1.55;color:var(--muted)}
.lede b{color:var(--ink);font-weight:600}
.poster-wall{position:absolute;z-index:0;top:0;right:0;bottom:0;width:min(64%,1150px);display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;overflow:hidden}
.poster-wall img{width:calc((100% - 30px) / 6);height:auto;aspect-ratio:2/3;object-fit:cover;display:block}
.poster-wall img.w2{width:calc((100% - 30px) / 3 + 6px);aspect-ratio:4/3}
.poster-wall::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--head-bg,var(--bg)) 0%,color-mix(in oklab,var(--head-bg,var(--bg)) 78%,transparent) 30%,color-mix(in oklab,var(--head-bg,var(--bg)) 40%,transparent) 70%,color-mix(in oklab,var(--head-bg,var(--bg)) 25%,transparent) 100%)}
[data-theme=xmen] .head{--ink:#f3f0e7;--muted:#c4cad8;color:var(--ink)}
[data-theme=xmen] .head h1{font:400 clamp(40px,6vw,84px)/1.1 "Michroma",var(--display);letter-spacing:.14em}
[data-theme=street] .head h1{color:var(--accent)}
[data-theme=spider] .head h1{text-shadow:-3px 0 rgb(0 200 255 / .7),3px 0 rgb(255 30 90 / .7)}
[data-theme=tva] .head h1{font:700 clamp(44px,7vw,96px)/1.04 "Space Mono",monospace;letter-spacing:-.02em}

/* ---------- controls ---------- */
.controls{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s4);align-items:center;padding:var(--s4) 0;border-bottom:1px solid var(--rule)}
.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:6px;overflow:hidden}
.seg button{font:500 14.5px/1 var(--body);background:none;color:var(--ink);border:0;padding:10px 14px;cursor:pointer}
.seg button+button{border-left:1.5px solid var(--line)}
.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.controls input[type=search],.controls select{font:15px var(--body);padding:9px 12px;border:1.5px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);min-width:220px}
.controls label{font-size:15px;display:flex;gap:6px;align-items:center;cursor:pointer}
.count{margin-left:auto;font-size:14px;color:var(--muted)}
.t-controls{position:sticky;top:59px;z-index:20;background:var(--bg);display:block}
.t-bar-top{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.t-jump{display:flex;gap:6px;margin-top:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.t-jump button{flex:none;font:500 14px/1 var(--body);padding:8px 12px;border-radius:999px;cursor:pointer;background:none;color:var(--ink);border:1.5px solid var(--gc)}
.t-jump button[aria-pressed=true]{background:var(--gc);color:var(--bg)}

/* ---------- collapsible sections ---------- */
.tree{padding:var(--s4) 0 var(--s7)}
.t-sec{margin:0 0 var(--s3);scroll-margin-top:190px}
.s-head{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:var(--s4);width:100%;padding:12px 18px;background:var(--gc);color:var(--bg);border-radius:4px}
.s-head:hover{filter:brightness(1.08)}
.s-head:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.s-name{font:700 27px/1.05 var(--display);text-transform:uppercase}
.s-count{margin-left:auto;font-size:14px;white-space:nowrap;opacity:.85}
.s-chev{flex:none;width:11px;height:11px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg);margin:-6px 4px 0 0;transition:transform .15s}
.t-sec.closed .s-chev{transform:rotate(-45deg);margin-top:0}
.s-sub{margin:var(--s2) 0 0;font-size:15px;color:var(--muted)}
.t-sec.closed .sec-body{display:none}
.sec-body{padding-top:var(--s5)}
.t-sec.bare .sec-body{padding-top:0}
[data-theme=xmen] .s-name{font:400 18px/1.3 "Michroma",var(--display);letter-spacing:.12em}
[data-theme=legacy] .s-head,[data-theme=legacy] .t-jump button[aria-pressed=true]{color:#1b2a33}

/* ---------- tree rows ---------- */
.t-row,.t-cell{position:relative;padding-left:44px}
.t-row{padding-bottom:var(--s5)}
.t-row::before,.t-cell::before{content:"";position:absolute;left:12px;top:0;bottom:0;width:3px;background:var(--gc)}
.node{position:relative;display:grid;grid-template-columns:108px minmax(0,1fr);gap:var(--s4);align-items:start;background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:var(--s4);color:var(--ink)}
.node::before{content:"";position:absolute;left:-42px;top:20px;width:20px;height:20px;border-radius:50%;background:var(--bg);border:4px solid var(--gc)}
.node.no-img,.node.wide-img{grid-template-columns:minmax(0,1fr)}
.node.is-up{border-style:dashed}
.n-poster{display:block;width:108px;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:3px;background:var(--rule)}
.wide-img .n-poster{width:auto;max-width:min(100%,360px);height:auto;max-height:120px;aspect-ratio:auto;object-fit:contain;background:none}
.n-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;font-size:14px;color:var(--muted)}
.n-num{display:inline-block;margin-right:8px;padding:0 6px;border-radius:3px;background:var(--gc);color:var(--bg);font-weight:600}
.n-title{font-size:27px;line-height:1.05;text-transform:uppercase;margin:4px 0 6px}
.node p{margin:6px 0 0;font-size:16px;line-height:1.6;max-width:70ch}
.n-links{list-style:none;margin:var(--s3) 0 0;padding:var(--s3) 0 0;border-top:1px solid var(--rule);font-size:14.5px;color:var(--muted);display:grid;gap:4px}
.n-links button{all:unset;cursor:pointer;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;margin-right:4px}
.n-links button:hover{color:var(--accent)}
.n-wp{display:inline-block;margin-top:var(--s2);font-size:14px;color:var(--muted)}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 4px}
.tag{font:600 13px/1.2 var(--body);padding:3px 9px;border-radius:999px;border:1px solid currentColor}
.tag.mv{color:var(--accent)}
.tag.up{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.tag.bad{background:#6b4423;color:#f6efe2;border-color:#6b4423}
/* optional extras: a plain list inside the node, never a card in a card */
.sides{grid-column:1/-1;margin-top:var(--s2);padding-top:var(--s3);border-top:1px dashed var(--rule)}
.sides-h{font-size:14.5px;font-weight:600;color:var(--muted);margin-bottom:var(--s2)}
.sides .node{background:none;border:0;border-radius:0;padding:var(--s2) 0;grid-template-columns:64px minmax(0,1fr)}
.sides .node.no-img,.sides .node.wide-img{grid-template-columns:minmax(0,1fr)}
.sides .node::before{display:none}
.sides .n-poster{width:64px}
.sides .wide-img .n-poster{max-height:70px}
.sides .n-title{font-size:20px}
.sides .node p{font-size:15px}
.t-fork{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:var(--s4);padding:30px 0 var(--s4)}
.t-fork::before{content:"";position:absolute;left:12px;top:0;height:22px;width:3px;background:var(--line)}
.t-fork::after{content:"";position:absolute;left:12px;right:12%;top:20px;height:3px;background:var(--line)}
.t-fork>div{border-top:5px solid var(--gc);padding:var(--s2) 0 0 6px}
.t-fork b{display:block;font:700 23px/1.1 var(--display);text-transform:uppercase;color:var(--gc)}
.t-fork small{display:block;font-size:14px;color:var(--muted);margin-top:3px}
[data-theme=xmen] .t-fork b{font:400 15px/1.3 "Michroma",var(--display);letter-spacing:.1em}
.t-lanes{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:0 var(--s4)}
.t-cell{padding-left:32px;padding-bottom:var(--s5);grid-row:var(--r);grid-column:var(--l)}
.t-cell::before{left:6px}
.t-cell .node{grid-template-columns:76px minmax(0,1fr);padding:var(--s3)}
.t-cell .node.no-img,.t-cell .node.wide-img{grid-template-columns:minmax(0,1fr)}
.t-cell .node::before{left:-36px}
.t-cell .n-poster{width:76px}
.t-cell.empty::before{display:none}
.t-lanes[style*="--n:4"] .node{grid-template-columns:minmax(0,1fr)}
.t-lanes[style*="--n:4"] .n-poster{width:96px}
.t-lanes[style*="--n:4"] .node p,.t-lanes[style*="--n:4"] .n-links{font-size:14px}
.t-lanes[style*="--n:4"] .n-title{font-size:21px}
.lane-tag{display:none}
.flash{animation:flash 1.8s ease-out}
@keyframes flash{0%{box-shadow:0 0 0 5px var(--accent)}100%{box-shadow:0 0 0 0 transparent}}
[data-theme=legacy] .node{--ink:#1d1b17;--muted:#5a5446;--rule:#cbbd97;color:#1d1b17}
[data-theme=legacy] .n-num{color:#1d1b17}

/* wide screens and zoomed-out views: two columns around a centre spine, then three */
@media (min-width:1180px){
  .sec-body:not(.has-lanes){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:88px;position:relative}
  .sec-body:not(.has-lanes)::before{content:"";position:absolute;left:50%;top:0;bottom:var(--s5);width:3px;margin-left:-1.5px;background:var(--gc)}
  .sec-body:not(.has-lanes)>.t-row{padding-left:0}
  .sec-body:not(.has-lanes)>.t-row::before{display:none}
  .sec-body:not(.has-lanes)>.t-row:nth-child(odd)>.node::before{left:auto;right:-55px}
  .sec-body:not(.has-lanes)>.t-row:nth-child(even)>.node::before{left:-55px}
}
@media (min-width:2000px){
  .sec-body:not(.has-lanes){grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--s5)}
  .sec-body:not(.has-lanes)::before,.sec-body:not(.has-lanes)>.t-row>.node::before{display:none}
}

/* ---------- dialog ---------- */
dialog{border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:0;max-width:680px;width:calc(100% - 32px)}
[data-theme=legacy] dialog{--ink:#1d1b17;--muted:#5a5446;--rule:#cbbd97;color:#1d1b17}
dialog::backdrop{background:rgb(12 10 8 / .65)}
.dlg-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s4);padding:var(--s5);border-bottom:1px solid var(--rule);position:relative}
.dlg-top .n-poster{width:96px}
.dlg-top.wide{grid-template-columns:minmax(0,1fr)}
.dlg-top h3{font-size:34px;text-transform:uppercase;padding-right:44px}
.dlg-where{font-size:14.5px;color:var(--muted);margin-top:4px}
.dlg-x{position:absolute;top:14px;right:14px;font:500 22px/1 var(--body);background:none;border:1.5px solid var(--line);border-radius:6px;color:var(--ink);width:38px;height:38px;cursor:pointer}
.dlg-body{padding:var(--s4) var(--s5) var(--s5)}
.dlg-body p{margin:0 0 var(--s4)}
.links{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.links li{border-bottom:1px solid var(--rule);padding:9px 0;display:grid;gap:2px}
.links button{all:unset;cursor:pointer;font:700 19px/1.15 var(--display);text-transform:uppercase;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.links span{font-size:14.5px;color:var(--muted)}
.dlg-h{font-weight:600;margin:0 0 6px}
.solo-note{font-size:15px;color:var(--muted);border:1px dashed var(--rule);border-radius:4px;padding:var(--s3)}
.go{display:inline-block;margin-top:var(--s4);font-weight:600}

/* ---------- catalog ---------- */
.group{padding:var(--s6) 0 var(--s2)}
.group-head{display:flex;align-items:baseline;gap:var(--s4);margin-bottom:var(--s4)}
.group-head h2{font-size:36px}
.group-head .bar{flex:1;height:1px;background:var(--line)}
.group-head small{font-size:14px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--s4)}
.card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:var(--s3);align-content:start;background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:var(--s3)}
.card.no-img,.card.wide-img{grid-template-columns:minmax(0,1fr)}
.card .n-poster{width:84px}
.card .yr{font-size:13.5px;color:var(--muted)}
.card .tt{font-size:22px;text-transform:uppercase;margin:2px 0 4px}
.card .cd{margin:4px 0 0;font-size:15px;line-height:1.55}
.card .more{all:unset;cursor:pointer;display:inline-block;margin-top:var(--s2);font-weight:600;font-size:14.5px;text-decoration:underline;text-underline-offset:3px}
.empty{padding:var(--s7) 0;color:var(--muted)}

/* ---------- home ---------- */
.cover{position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line)}
.cover .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s6);align-items:end;padding-top:var(--s8);padding-bottom:var(--s7)}
.masthead{font-size:clamp(64px,11vw,156px);line-height:1.02;text-transform:uppercase;margin:0 0 var(--s4)}
.countdown{background:var(--ink);color:var(--bg);padding:var(--s5);border-radius:6px;max-width:460px;justify-self:end}
.countdown .n{font:700 clamp(72px,9vw,120px)/1 var(--display);color:#f2c230}
.countdown p{margin:6px 0 0;font-size:16px;line-height:1.5}
.countdown a{color:#f2c230;font-weight:600}
.toc{padding:var(--s6) 0}
.toc ol{list-style:none;margin:0;padding:0;border-top:2px solid var(--line)}
.toc li a{display:grid;grid-template-columns:64px minmax(0,1fr) auto 150px;gap:var(--s4);align-items:center;padding:var(--s4) 4px;border-bottom:1px solid var(--line);text-decoration:none}
.toc li a:hover{background:var(--paper)}
.toc .num{font:700 40px/1 var(--display);color:var(--muted)}
.toc .t{font:700 32px/1.05 var(--display);text-transform:uppercase;display:block}
.toc .d{font-size:16px;color:var(--muted);display:block;margin-top:4px}
.toc .c{font-size:14.5px;white-space:nowrap}
.toc-posters{display:flex;justify-content:flex-end}
.toc-posters img{width:46px;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:2px;margin-left:-10px;border:2px solid var(--bg)}
.rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1.5px solid var(--line);border-radius:6px;overflow:hidden;margin:var(--s3) 0 0}
.rules div{padding:var(--s5);border-right:1px solid var(--line)}
.rules div:last-child{border:0}
.rules b{font:700 26px/1.05 var(--display);display:block;margin-bottom:6px;text-transform:uppercase}
.rules p{margin:0;font-size:16px}
.prose{max-width:68ch;padding-bottom:var(--s6)}
.prose h2{font-size:34px;margin:var(--s6) 0 var(--s3);text-transform:uppercase}

/* ---------- multiverse ---------- */
.map{background:var(--paper);border:1px solid var(--line);border-radius:6px;margin:var(--s5) 0;overflow-x:auto}
.map svg{display:block;min-width:1000px;width:100%;height:auto}
.files{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--s4);margin-top:var(--s3)}
.file{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:var(--s4) var(--s4) var(--s4)}
.file::before{content:"Case " attr(data-no);display:block;font-size:13.5px;color:var(--muted);margin-bottom:4px}
.file h3{font-size:24px;text-transform:uppercase;margin-bottom:6px}
.file p{margin:0 0 var(--s2);font-size:16px}
.file .open{all:unset;cursor:pointer;font-weight:600;font-size:15px;border-bottom:2px solid var(--accent);margin-right:var(--s3)}

/* ---------- footer ---------- */
.foot{margin-top:var(--s7);border-top:1px solid var(--line);padding:var(--s6) 0 var(--s6);font-size:15.5px;color:var(--muted)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:var(--s5) var(--s6)}
.foot h4{font:700 20px/1.1 var(--display);text-transform:uppercase;color:var(--ink);margin-bottom:var(--s2)}
.foot a{display:block;padding:3px 0;color:var(--ink)}
.foot p{margin:0 0 var(--s2);max-width:56ch}
.foot b{color:var(--ink)}
.foot-logos{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s6);margin-top:var(--s5);padding:var(--s3) var(--s4);background:var(--strip);border-radius:6px}
.foot-logos a{display:block;padding:0}
.foot-logos img{height:28px;width:auto;display:block}
.foot-note{margin-top:var(--s4)!important;font-size:14px}

@media (max-width:1100px){
  .poster-wall{width:100%}
  .poster-wall::after{background:linear-gradient(90deg,var(--head-bg,var(--bg)) 0%,color-mix(in oklab,var(--head-bg,var(--bg)) 82%,transparent) 55%,color-mix(in oklab,var(--head-bg,var(--bg)) 60%,transparent) 100%)}
}
@media (max-width:820px){
  .nav .wrap{gap:12px;min-height:0;height:48px}
  .nav ul{flex:1}
  .mark img{height:22px}
  .mark span{font-size:20px}
  .nav li a{padding:8px;font-size:14px}
  .cover .wrap{grid-template-columns:minmax(0,1fr)}
  .countdown{justify-self:start}
  .rules{grid-template-columns:minmax(0,1fr)}
  .rules div{border-right:0;border-bottom:1px solid var(--line)}
  .toc li a{grid-template-columns:44px minmax(0,1fr)}
  .toc .c{grid-column:2}
  .toc-posters{display:none}
  .foot-grid{grid-template-columns:minmax(0,1fr)}
  .t-controls{top:49px;padding:8px 0}
  .t-controls .count{display:none}
  .t-bar-top{gap:6px}
  .t-jump{margin-top:8px;padding-bottom:2px}
  .t-jump button{padding:6px 10px;font-size:13px}
  .t-sec{scroll-margin-top:150px}
  .seg button{padding:8px 7px;font-size:13px}
  .t-lanes,.t-fork{grid-template-columns:minmax(0,1fr)}
  .t-cell{grid-row:auto;grid-column:auto;order:var(--o)}
  .t-cell.first:not(:first-child){margin-top:var(--s4)}
  .t-fork::after{display:none}
  .t-fork{padding-left:44px}
  .t-cell.empty{display:none}
  .t-cell{padding-left:44px}
  .t-cell::before{left:12px}
  .t-cell .node::before{left:-42px}
  .t-cell.first .lane-tag{display:block;font-size:14px;font-weight:600;color:var(--gc);margin-bottom:4px}
  .node{grid-template-columns:76px minmax(0,1fr);gap:var(--s3);padding:var(--s3)}
  .n-poster{width:76px}
  .n-title{font-size:23px}
  .billing img{height:24px}
  .billing img.tall{height:32px}
  .poster-wall img{width:calc((100% - 12px) / 3)}
}
@media (max-width:480px){.mark span{display:none}}
@media (max-width:400px){.wide-only{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}