/* EWA site. Keeps the old site's navy, cyan, yellow and orange with Fugaz One headlines,
   and adds backyard grit (wood, tape), TV lower-thirds and VHS-label episode cards. */
:root{
  --night:#121826;
  --navy:#1c2534;
  --panel:#242d3e;
  --panel-2:#2c374b;
  --line:#3a4660;
  --ink:#f3f1ea;
  --muted:#aab4c6;
  --cyan:#0de4f2;
  --yellow:#ffd917;
  --orange:#ff3817;
  --red:#d0231c;
  --wood:#9c6b3d;
  --tape:#d8d2c2;
  --paper:#f4f0e4;
  --display:'Fugaz One', 'Arial Black', Impact, sans-serif;
  --body:'Barlow', 'Segoe UI', system-ui, sans-serif;
  --label:'Abel', 'Arial Narrow', sans-serif;
  --type:'Special Elite', 'Courier New', monospace;
  --gut:max(16px, env(safe-area-inset-left, 0px));
  --gut-r:max(16px, env(safe-area-inset-right, 0px));
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--cyan)}
a:hover{color:#7ff3fa}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--yellow);color:var(--night);padding:8px 14px;z-index:100;font-weight:700}
.skip:focus{left:12px;top:12px}
.wrap{max-width:1180px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut-r)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- type ---------- */
h1,h2,h3,h4{font-family:var(--display);font-weight:400;line-height:1.02;margin:0;text-wrap:balance;letter-spacing:.005em}
.mega{font-size:clamp(42px,8.4vw,104px);text-transform:uppercase;color:var(--ink);
  text-shadow:2px 2px 0 var(--orange),4px 4px 0 var(--orange),6px 6px 0 #8c1a07,8px 8px 0 rgba(0,0,0,.35)}
.mega em{font-style:normal;color:var(--yellow)}
.h2{font-size:clamp(30px,4.6vw,52px);text-transform:uppercase;text-shadow:3px 3px 0 var(--orange)}
.h3{font-size:clamp(22px,2.6vw,30px);text-transform:uppercase}
.kicker{font-family:var(--label);text-transform:uppercase;letter-spacing:.16em;font-size:15px;color:var(--yellow);margin:0 0 10px;display:flex;align-items:center;gap:10px}
.kicker::before{content:"";width:28px;height:10px;background:repeating-linear-gradient(115deg,var(--yellow) 0 5px,transparent 5px 9px)}
.lede{font-size:clamp(18px,2vw,21px);color:#dfe4ee;max-width:62ch}
p{margin:0 0 1em;max-width:68ch}
.muted{color:var(--muted)}
.mono{font-family:var(--type)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);text-transform:uppercase;font-size:17px;letter-spacing:.02em;
  text-decoration:none;padding:12px 22px;border-radius:999px;border:0;cursor:pointer;line-height:1.1;transition:transform .15s ease,filter .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn-cyan{background:var(--cyan);color:#061420;box-shadow:0 0 0 3px var(--night),0 0 0 6px var(--orange)}
.btn-cyan:hover{color:#061420;filter:brightness(1.08)}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.btn-ghost:hover{color:var(--ink);box-shadow:inset 0 0 0 2px var(--yellow)}
.btn-yellow{background:var(--yellow);color:#1a1300}
.btn-yellow:hover{color:#1a1300;filter:brightness(1.05)}
.btn svg{width:18px;height:18px;flex:0 0 auto}
.row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}

/* ---------- header ---------- */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(18,24,38,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--night)}
.site-header .wrap{display:flex;align-items:center;gap:18px;min-height:74px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);margin-right:auto;min-width:0}
.brand .logo{width:56px;height:56px;flex:0 0 auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}
.brand b{font-family:var(--display);font-weight:400;font-size:17px;white-space:nowrap;line-height:1;text-transform:uppercase;display:block}
.brand small{font-family:var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;display:block;margin-top:3px}
.nav{display:flex;align-items:center;gap:4px}
.nav a{font-family:var(--label);text-transform:uppercase;letter-spacing:.1em;font-size:15px;color:var(--ink);text-decoration:none;padding:8px 10px;border-radius:4px;white-space:nowrap}
.nav a:hover{background:rgba(255,255,255,.06);color:var(--ink)}
.nav a[aria-current="page"]{color:var(--yellow);box-shadow:inset 0 -3px 0 var(--yellow)}
.nav .btn{margin-left:10px;padding:10px 18px;font-size:15px}
.menu-btn{display:none;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:9px 12px;font-family:var(--label);letter-spacing:.12em;text-transform:uppercase;font-size:14px;cursor:pointer}
@media (max-width:1100px){
  .menu-btn{display:inline-flex}
  .nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--navy);border-bottom:1px solid var(--line);padding:8px var(--gut-r) 16px var(--gut)}
  .nav:not(.open){display:none}
  .nav a{padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.06);border-radius:0}
  .nav a[aria-current="page"]{box-shadow:none}
  .nav .btn{margin:14px 0 0;justify-content:center}
}

/* ---------- textures ---------- */
.chev{height:14px;background:repeating-linear-gradient(115deg,var(--yellow) 0 12px,transparent 12px 22px);opacity:.9}
.halftone{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(0,0,0,.42) 1.1px,transparent 1.4px);background-size:6px 6px;mix-blend-mode:multiply}
.tape{position:relative}
.tape::before,.tape::after{content:"";position:absolute;width:92px;height:26px;background:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,0)),var(--tape);opacity:.88;z-index:3;
  clip-path:polygon(3% 8%,10% 0,22% 7%,35% 0,50% 6%,64% 0,78% 8%,90% 0,100% 9%,97% 92%,88% 100%,74% 93%,60% 100%,45% 92%,30% 100%,16% 92%,4% 100%,0 90%)}
.tape::before{top:-11px;left:-22px;transform:rotate(-32deg)}
.tape::after{bottom:-11px;right:-22px;transform:rotate(-32deg)}
.wood{background:
  repeating-linear-gradient(92deg,rgba(0,0,0,.08) 0 2px,transparent 2px 9px),
  repeating-linear-gradient(88deg,rgba(255,220,170,.06) 0 1px,transparent 1px 14px),
  linear-gradient(#8f6239,#7a5233)}

/* ---------- photo placeholder ---------- */
.ph{position:relative;display:grid;place-items:center;overflow:hidden;background:
  repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 14px,transparent 14px 28px),
  radial-gradient(circle at 30% 20%,#33415c,#1a2232)}
.ph span{font-family:var(--display);font-size:clamp(22px,3.4vw,44px);overflow-wrap:anywhere;color:rgba(255,255,255,.14);text-transform:uppercase;text-align:center;line-height:1;padding:12px}
.ph::after{content:"Photo coming";position:absolute;bottom:10px;left:12px;font-family:var(--label);letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:rgba(255,255,255,.4)}
.fill{width:100%;height:100%;object-fit:cover}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;background:#0b0f18;isolation:isolate}
.hero .bgimg{position:absolute;inset:0;z-index:-2}
.hero .bgimg img,.hero .bgimg .ph{width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(90deg,rgba(12,16,28,.95) 0%,rgba(12,16,28,.78) 46%,rgba(12,16,28,.25) 100%),
  linear-gradient(0deg,var(--night) 0%,rgba(18,24,38,0) 30%)}
.hero .wrap{padding-block:clamp(56px,9vw,120px) clamp(48px,7vw,96px);position:relative}
.hero .mega{margin:10px 0 18px}
.hero .lede{margin-bottom:28px}
.bug{position:absolute;right:var(--gut-r);bottom:72px;display:flex;align-items:stretch;font-family:var(--label);text-transform:uppercase;letter-spacing:.1em;font-size:13px;box-shadow:0 6px 18px rgba(0,0,0,.4);max-width:calc(100% - 32px)}
.bug b{background:var(--orange);color:#fff;padding:8px 12px;font-weight:400;display:flex;align-items:center;gap:8px}
.bug b::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;animation:blink 1.2s steps(2) infinite}
.bug span{background:rgba(12,16,28,.9);padding:8px 14px;color:var(--ink);border-top:2px solid var(--yellow);min-width:0}
@keyframes blink{50%{opacity:.2}}
@media (max-width:1200px){.bug{position:static;margin:28px 0 0}.hero .wrap{padding-bottom:40px}}

.page-hero{position:relative;overflow:hidden;background:var(--navy);border-bottom:1px solid var(--line)}
.page-hero .wrap{padding-block:clamp(40px,6vw,76px) clamp(30px,4vw,48px);position:relative;z-index:1}
.page-hero .bgimg{position:absolute;inset:0;opacity:.28}
.page-hero .bgimg img{width:100%;height:100%;object-fit:cover}
.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 20%,rgba(28,37,52,.4))}
.page-hero .mega{font-size:clamp(38px,6.4vw,80px)}
.crumbs{font-family:var(--label);letter-spacing:.12em;text-transform:uppercase;font-size:13px;color:var(--muted);margin:0 0 6px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--ink)}

/* ---------- sections ---------- */
.sec{padding-block:clamp(56px,8vw,96px);overflow-x:clip}
.page-hero,.hero{overflow-x:clip}
.sec.alt{background:var(--navy)}
.sec.deep{background:#0d121d}
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px}
.sec-head > div{min-width:0}
.sec-head p{margin:12px 0 0}

/* lower-third, the TV name bar */
.l3{display:inline-flex;align-items:stretch;max-width:100%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.l3 .tag{background:var(--yellow);color:#1a1300;font-family:var(--label);text-transform:uppercase;letter-spacing:.12em;font-size:12px;padding:6px 14px 6px 12px;display:flex;align-items:center;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.l3 .name{background:var(--night);color:var(--ink);font-family:var(--display);text-transform:uppercase;font-size:18px;padding:7px 18px 7px 14px;margin-left:-8px;clip-path:polygon(6% 0,100% 0,96% 100%,0 100%);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- quick tiles ---------- */
.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:-34px;position:relative;z-index:2}
.tile{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;text-decoration:none;color:var(--ink);background:var(--panel);border-top:4px solid var(--cyan);transform:skewX(-6deg);transition:transform .15s ease,background .15s ease;min-width:0}
.tile > *{transform:skewX(6deg)}
.tile:nth-child(2){border-color:var(--yellow)}.tile:nth-child(3){border-color:var(--orange)}.tile:nth-child(4){border-color:var(--yellow)}.tile:nth-child(5){border-color:var(--cyan)}
.tile:hover{background:var(--panel-2);color:var(--ink);transform:skewX(-6deg) translateY(-3px)}
.tile b{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:21px;line-height:1.05}
.tile span{font-size:14px;color:var(--muted);line-height:1.35}
@media (max-width:980px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.tile:last-child{grid-column:span 2}}
@media (max-width:440px){.tiles{grid-template-columns:1fr}.tile:last-child{grid-column:auto}}

/* ---------- wrestler cards ---------- */
.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.wcard{position:relative;display:block;text-decoration:none;color:var(--ink);background:var(--panel);overflow:hidden;border-radius:4px;transition:transform .18s ease}
.wcard:hover{transform:translateY(-4px);color:var(--ink)}
.wcard .pic{aspect-ratio:4/5;overflow:hidden;background:#0b0f18;position:relative}
.wcard .pic img,.wcard .pic .ph{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.wcard:hover .pic img{transform:scale(1.05)}
.wcard .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,24,38,.95) 0%,rgba(18,24,38,0) 55%)}
.wcard .meta{position:absolute;left:0;right:0;bottom:0;padding:16px;display:grid;gap:8px;z-index:1}
.wcard .l3 .name{font-size:17px}
.wcard p{margin:0;font-size:14px;color:#cdd4e2;line-height:1.4}
.belt{display:inline-block;font-family:var(--label);text-transform:uppercase;letter-spacing:.1em;font-size:11px;padding:3px 8px;border-radius:3px;background:linear-gradient(#ffe36a,#c99a12);color:#2a1d00;width:max-content;max-width:100%}

/* ---------- split / editorial ---------- */
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,64px);align-items:center}
.split.rev > :first-child{order:2}
@media (max-width:860px){.split{grid-template-columns:1fr}.split.rev > :first-child{order:0}}
.polaroid{background:var(--paper);padding:12px 12px 46px;transform:rotate(-2.2deg);box-shadow:0 18px 40px rgba(0,0,0,.5);position:relative;color:#222}
.polaroid.r{transform:rotate(1.8deg)}
.polaroid figcaption{position:absolute;left:14px;right:14px;bottom:10px;font-family:var(--type);font-size:15px;color:#2b2b2b}
.polaroid img,.polaroid .ph{aspect-ratio:4/3;width:100%;object-fit:cover}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0 0;padding:0;list-style:none}
.stats li{background:var(--panel);padding:14px 14px 12px;border-left:4px solid var(--orange);min-width:0}
.stats b{font-family:var(--display);font-weight:400;font-size:30px;display:block;line-height:1;color:var(--yellow);font-variant-numeric:tabular-nums}
.stats span{font-family:var(--label);text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--muted)}
@media (max-width:560px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- game teaser ---------- */
.game-teaser{position:relative;overflow:hidden;background:#0a0e16}
.screen{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 0 0 6px #0b0b0b,0 0 0 9px #2c2c2c,0 30px 60px rgba(0,0,0,.6);background:#000;aspect-ratio:16/9}
.screen img{width:100%;height:100%;object-fit:cover}
.screen::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);pointer-events:none}
.keys{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px;padding:0;list-style:none}
.keys li{font-size:14px;color:var(--muted);display:flex;gap:6px;align-items:center}
kbd{font-family:var(--body);font-weight:700;font-size:13px;min-width:28px;text-align:center;padding:3px 7px;border-radius:5px;background:var(--panel-2);border:1px solid var(--line);border-bottom-width:3px;color:var(--ink)}

/* ---------- poster + card ---------- */
.poster{position:relative;transform:rotate(-1.5deg);box-shadow:0 22px 50px rgba(0,0,0,.55)}
.poster img,.poster .ph{width:100%;aspect-ratio:693/1024;object-fit:cover}
.card-list{list-style:none;margin:20px 0 26px;padding:0;display:grid;gap:10px;counter-reset:m}
.card-list li{counter-increment:m;display:flex;gap:14px;align-items:baseline;background:var(--panel);padding:12px 16px;border-left:4px solid var(--cyan)}
.card-list li::before{content:"Match " counter(m);font-family:var(--label);text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--yellow);flex:0 0 auto;width:68px}
.card-list li b{font-family:var(--display);font-weight:400;font-size:18px;line-height:1.2;text-transform:uppercase}
.card-list li:last-child{border-color:var(--orange)}
.card-list li:last-child::before{content:"Main event"}

/* ---------- press ---------- */
.press{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.press a{display:grid;gap:8px;padding:18px;background:var(--panel);text-decoration:none;color:var(--ink);border-radius:4px;border-bottom:3px solid transparent;min-width:0}
.press a:hover{border-color:var(--cyan);color:var(--ink)}
.press small{font-family:var(--label);text-transform:uppercase;letter-spacing:.12em;color:var(--yellow);font-size:12px}
.press span{font-size:16px;line-height:1.35}

/* ---------- podcast ---------- */
.pod{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:var(--panel);padding:28px;border-radius:6px;position:relative;overflow:hidden}
.pod .disc{width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#111 0 18%,var(--yellow) 18% 21%,#111 21% 23%,#1b1b1b 23% 100%);box-shadow:0 0 0 4px #0b0b0b,inset 0 0 0 1px rgba(255,255,255,.08);position:relative}
.pod .disc::after{content:"";position:absolute;inset:10px;border-radius:50%;background:repeating-radial-gradient(circle,rgba(255,255,255,.05) 0 1px,transparent 1px 4px)}
@media (max-width:560px){.pod{grid-template-columns:1fr}.pod .disc{width:96px;height:96px}}

/* ---------- profile ---------- */
.profile{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,60px);align-items:start}
@media (max-width:860px){.profile{grid-template-columns:1fr}}
.profile .photo{position:sticky;top:96px}
@media (max-width:860px){.profile .photo{position:static}}
.profile .photo .frame{aspect-ratio:4/5;overflow:hidden;background:#0b0f18;border-radius:4px}
.profile .photo .frame img,.profile .photo .frame .ph{width:100%;height:100%;object-fit:cover}
.quote{font-family:var(--display);font-size:clamp(20px,2.4vw,26px);line-height:1.25;color:var(--yellow);border-left:6px solid var(--orange);padding:4px 0 4px 18px;margin:0 0 26px;max-width:40ch;text-transform:uppercase}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:0;margin:26px 0;border-top:1px solid var(--line)}
.facts dt,.facts dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.facts dt{font-family:var(--label);text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--muted);padding-right:22px}
@media (max-width:480px){.facts{grid-template-columns:1fr}.facts dt{border-bottom:0;padding-bottom:0}}
.rivals{display:grid;gap:12px;margin:14px 0 30px;padding:0;list-style:none}
.rivals li{background:var(--panel);padding:14px 16px;border-left:4px solid var(--orange)}
.rivals b{font-family:var(--display);font-weight:400;text-transform:uppercase;display:block;font-size:18px;margin-bottom:2px}
.rivals span{color:#cfd6e4;font-size:16px}
.apps{display:grid;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.apps li{display:flex;gap:12px;align-items:baseline;font-size:15px;border-bottom:1px dashed var(--line);padding-bottom:8px}
.apps a{font-family:var(--label);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:14px;color:var(--yellow);text-decoration:none;flex:0 0 auto}
.pn{display:flex;justify-content:space-between;gap:12px;margin-top:40px;flex-wrap:wrap}
.pn a{font-family:var(--label);text-transform:uppercase;letter-spacing:.12em;font-size:14px;text-decoration:none;color:var(--muted)}
.pn a:hover{color:var(--ink)}

/* ---------- chips ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.chips li{background:var(--panel);border:1px solid var(--line);padding:5px 11px;border-radius:999px;font-size:14px}

/* ---------- history timeline ---------- */
.timeline{position:relative;display:grid;gap:clamp(36px,6vw,64px);margin:0;padding:0;list-style:none}
.timeline::before{content:"";position:absolute;left:11px;top:10px;bottom:10px;width:4px;background:repeating-linear-gradient(180deg,var(--yellow) 0 14px,transparent 14px 24px)}
.timeline > li{position:relative;padding-left:52px}
.timeline > li::before{content:"";position:absolute;left:0;top:8px;width:26px;height:26px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px var(--night)}
.era{font-family:var(--type);color:var(--yellow);font-size:16px;margin:0 0 6px}
.timeline h2{font-size:clamp(26px,3.6vw,40px);text-transform:uppercase;margin-bottom:14px}
.pull{font-family:var(--display);font-size:clamp(22px,3vw,32px);line-height:1.2;text-transform:uppercase;margin:24px 0;max-width:30ch;color:var(--ink)}
.pull::before{content:"\201C";color:var(--orange)}
.pull::after{content:"\201D";color:var(--orange)}
.pull cite{display:block;font-family:var(--label);font-style:normal;letter-spacing:.12em;font-size:13px;color:var(--muted);margin-top:10px;text-transform:uppercase}
.archive{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:20px}
.archive .polaroid{padding-bottom:40px}
.archive .polaroid:nth-child(even){transform:rotate(2deg)}
.archive .polaroid img,.archive .polaroid .ph{aspect-ratio:1}
@media (max-width:760px){.archive{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- VHS / episodes ---------- */
.tapes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.tape-box{position:relative;display:grid;gap:10px;padding:16px 16px 14px;background:linear-gradient(#1b1b1d,#0f0f10);border-radius:6px;text-decoration:none;color:#151515;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.4);transition:transform .15s ease;min-width:0}
a.tape-box:hover{transform:translateY(-3px) rotate(-.6deg);color:#151515}
.tape-box .label{background:var(--paper);padding:10px 12px;border-radius:2px;position:relative;box-shadow:inset 0 0 0 2px #e4dccb;min-width:0}
.tape-box .label::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--orange) 0 33%,var(--yellow) 33% 66%,var(--cyan) 66%)}
.tape-box .label b{display:block;font-family:var(--type);font-weight:400;font-size:13px;margin-top:6px;color:#444}
.tape-box .label strong{display:block;font-family:var(--display);font-weight:400;font-size:24px;text-transform:uppercase;line-height:1.05;margin-top:2px}
.tape-box .reels{display:flex;justify-content:center;gap:34px;padding:2px 0}
.tape-box .reels i{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#0d0d0d 0 28%,#d9d9d9 28% 34%,#2b2b2b 34% 100%);box-shadow:inset 0 0 0 3px #0a0a0a}
.tape-box .foot{font-family:var(--label);text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#9aa3b5}
.tape-box.off{opacity:.75}

.eps{display:grid;gap:26px}
.ep{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(18px,3vw,36px);background:var(--panel);padding:clamp(14px,2vw,22px);border-radius:6px;align-items:start}
@media (max-width:860px){.ep{grid-template-columns:1fr}}
.ep .tv{position:relative;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden;box-shadow:0 0 0 4px #0b0b0b}
.ep .tv img,.ep .tv .ph{width:100%;height:100%;object-fit:cover}
.ep .tv::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);pointer-events:none}
.ep .tv iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}
.play{position:absolute;inset:0;z-index:1;display:grid;place-items:center;background:rgba(0,0,0,.18);border:0;cursor:pointer;color:#fff;width:100%;padding:0}
.play span{display:inline-flex;align-items:center;gap:10px;background:var(--cyan);color:#061420;font-family:var(--display);text-transform:uppercase;padding:12px 20px;border-radius:999px;box-shadow:0 0 0 3px #000,0 0 0 6px var(--orange)}
.play:hover span{filter:brightness(1.08)}
.ep .vhs-label{display:inline-block;background:var(--paper);color:#151515;padding:6px 12px 5px;font-family:var(--type);font-size:14px;transform:rotate(-1.2deg);box-shadow:0 2px 0 rgba(0,0,0,.3)}
.ep h3{font-size:clamp(24px,3vw,32px);text-transform:uppercase;margin:12px 0 4px}
.ep ul{margin:12px 0 16px;padding:0;list-style:none;display:grid;gap:6px}
.ep li{padding-left:22px;position:relative;font-size:16px;line-height:1.4}
.ep li::before{content:"";position:absolute;left:0;top:.55em;width:12px;height:6px;background:repeating-linear-gradient(115deg,var(--yellow) 0 3px,transparent 3px 5px)}
.ep .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ep .actions a.ytl{font-family:var(--label);text-transform:uppercase;letter-spacing:.1em;font-size:14px;text-decoration:none}

/* ---------- events ---------- */
.events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:900px){.events{grid-template-columns:1fr}}
.event{position:relative;background:var(--panel);padding:22px;border-radius:4px;display:grid;gap:10px;align-content:start;overflow:hidden;min-width:0}
.event .when{font-family:var(--type);color:var(--yellow);font-size:15px}
.event h3{font-size:26px;text-transform:uppercase}
.event p{margin:0;color:#d6dcea}
.event.feature{background:linear-gradient(160deg,#2b1210,var(--panel) 60%);border:1px solid rgba(255,56,23,.4)}

/* ---------- gallery ---------- */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.gallery button{padding:0;border:0;background:#0b0f18;cursor:zoom-in;aspect-ratio:1;overflow:hidden;border-radius:3px}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.gallery button:hover img{transform:scale(1.06)}
dialog.lightbox{padding:0;border:0;background:transparent;max-width:min(1100px,94vw);max-height:92vh}
dialog.lightbox::backdrop{background:rgba(6,9,15,.9)}
dialog.lightbox img{max-height:84vh;width:auto;margin:0 auto;border-radius:4px}
dialog.lightbox .lb-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}
dialog.lightbox button{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px 14px;font-family:var(--label);text-transform:uppercase;letter-spacing:.1em;cursor:pointer}

/* ---------- footer ---------- */
.site-footer{background:#0b0f18;border-top:6px solid var(--yellow);padding-block:48px 28px;margin-top:0}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px}
@media (max-width:820px){.foot-grid{grid-template-columns:1fr}}
.foot-grid h4{font-family:var(--label);text-transform:uppercase;letter-spacing:.14em;font-size:14px;color:var(--yellow);margin:0 0 12px;font-weight:400}
.foot-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot-grid a{color:var(--ink);text-decoration:none}
.foot-grid a:hover{color:var(--cyan)}
.foot-brand{display:flex;gap:16px;align-items:center}
.foot-brand .logo{width:84px;height:84px}
.foot-brand b{font-family:var(--display);font-weight:400;font-size:22px;text-transform:uppercase;line-height:1.05;display:block}
.copy-email{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.copy-email code{font-family:var(--body);user-select:all;color:var(--ink)}
.copy-email button{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:4px 10px;font-size:13px;cursor:pointer}
.legal{margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--muted)}

@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}

/* episode jump bar */
.jump{position:sticky;top:calc(env(safe-area-inset-top,0px) + 74px);z-index:20;background:rgba(18,24,38,.94);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.jump .wrap{display:flex;gap:8px;align-items:center;overflow-x:auto;padding-block:10px;scrollbar-width:thin}
.jump span{font-family:var(--label);text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--muted);flex:0 0 auto;margin-right:4px}
.jump a{flex:0 0 auto;font-family:var(--type);font-size:13px;color:#151515;background:var(--paper);text-decoration:none;padding:4px 9px;border-radius:2px}
.jump a:hover{background:var(--yellow);color:#151515}
.ep{scroll-margin-top:150px}

/* phones */
@media (max-width:520px){
  .brand > span{display:none}
  .site-header .wrap{min-height:66px}
  .jump{top:calc(env(safe-area-inset-top,0px) + 66px)}
}
@media (max-width:600px){
  .roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .wcard p{display:none}
  .wcard .meta{padding:10px;gap:6px}
  .wcard .l3 .tag{display:none}
  .wcard .l3 .name{font-size:14px;margin-left:0;padding:5px 10px}
  .belt{font-size:10px;letter-spacing:.06em}
}

/* real photos and caricatures */
.paper{background-color:#f1e9d6;background-image:radial-gradient(rgba(120,90,40,.16) 1px,transparent 1.3px);background-size:7px 7px}
img.art{mix-blend-mode:multiply;object-position:center 12%}
.wcard .pic.paper img{object-fit:cover}
.profile .photo .frame.paper img{object-fit:contain;object-position:center bottom;background:transparent}
.hero .cutout{position:absolute;right:max(2vw,8px);bottom:0;width:min(34vw,440px);z-index:0;pointer-events:none;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6))}
.hero .cutout img{width:100%;height:auto}
.hero .cutout .ph{display:none}
.hero .wrap{z-index:1}
@media (max-width:860px){
  .hero{display:flex;flex-direction:column}
  .hero .wrap{order:1;width:100%}
  .hero .cutout{order:2;position:relative;right:auto;bottom:auto;align-self:center;width:min(86vw,420px);height:min(96vw,470px);overflow:hidden;margin-top:-6px;
    -webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
  .hero .cutout img{width:100%;height:auto}
  .hero::after{background:linear-gradient(180deg,rgba(12,16,28,.9) 0%,rgba(12,16,28,.72) 55%,rgba(12,16,28,.35) 80%,var(--night) 100%)}
}
.locker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin:0;padding:0;list-style:none}
.locker li{background:var(--panel);border-radius:4px;overflow:hidden;display:grid}
.locker .paper{aspect-ratio:1;overflow:hidden}
.locker img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.locker span{font-family:var(--display);text-transform:uppercase;font-size:15px;line-height:1.15;padding:10px 12px}
.page-hero .bgimg{opacity:.38}
.wcard .pic.paper,.profile .photo .frame.paper{background-color:#f1e9d6;background-image:radial-gradient(rgba(120,90,40,.16) 1px,transparent 1.3px);background-size:7px 7px}
.wcard .pic.paper::after{background:linear-gradient(0deg,rgba(18,24,38,.96) 0%,rgba(18,24,38,.55) 28%,rgba(18,24,38,0) 50%)}
.wcard .l3 .name{font-size:16px}
.roster-grid.nine{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.roster-grid.nine{grid-template-columns:repeat(2,minmax(0,1fr))}}
.locker{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}
.play{text-decoration:none}
.play span svg{width:18px;height:18px;flex:0 0 auto}

/* =====================================================================
   Home hero: two-wrestler main-event opener with lights, smoke and a ticker
   ===================================================================== */
.hx{--px:0;--py:0;--tk:46px;position:relative;overflow:hidden;isolation:isolate;background:#060910;min-height:clamp(620px,88vh,900px);display:flex;flex-direction:column}
.hx-bg{position:absolute;inset:0;z-index:-4;overflow:hidden}
.hx-bg .hx-photo,.hx-bg .ph{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:saturate(.55) brightness(.42) contrast(1.15);
  transform:scale(1.12) translate(calc(var(--px)*12px),calc(var(--py)*8px));animation:hxZoom 2.4s cubic-bezier(.2,.8,.2,1) both}
.hx::before{content:"";position:absolute;inset:0;z-index:-3;background:
  radial-gradient(120% 90% at 78% 70%,rgba(255,56,23,.22),transparent 55%),
  radial-gradient(70% 60% at 70% 30%,rgba(13,228,242,.10),transparent 60%),
  linear-gradient(90deg,rgba(6,9,16,.96) 0%,rgba(6,9,16,.86) 34%,rgba(6,9,16,.35) 62%,rgba(6,9,16,.55) 100%),
  linear-gradient(0deg,rgba(6,9,16,1) 0%,rgba(6,9,16,0) 32%)}
.hx::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(130% 100% at 50% 40%,transparent 60%,rgba(0,0,0,.55))}
@keyframes hxZoom{from{transform:scale(1.22);filter:saturate(.55) brightness(.2) contrast(1.15)}}

/* lights and atmosphere */
.hx-fx{position:absolute;inset:0;z-index:-2;pointer-events:none}
.beam{position:absolute;top:-12%;width:30%;height:125%;transform-origin:50% 0;mix-blend-mode:screen;opacity:0;
  background:linear-gradient(180deg,rgba(255,244,214,.34),rgba(255,244,214,.08) 55%,transparent 80%);
  clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);filter:blur(6px);
  animation:beamIn 1.2s .2s ease-out forwards,sway 9s 1.4s ease-in-out infinite alternate}
.beam.b1{left:46%;--r0:-18deg;--r1:-6deg}
.beam.b2{left:64%;--r0:14deg;--r1:2deg;animation-duration:1.2s,11s;background:linear-gradient(180deg,rgba(13,228,242,.30),rgba(13,228,242,.06) 55%,transparent 80%)}
.beam.b3{left:76%;--r0:-4deg;--r1:10deg;animation-duration:1.2s,7.5s;background:linear-gradient(180deg,rgba(255,90,60,.30),rgba(255,90,60,.06) 55%,transparent 80%)}
@keyframes beamIn{from{opacity:0}to{opacity:1}}
@keyframes sway{from{transform:rotate(var(--r0))}to{transform:rotate(var(--r1))}}
.haze{position:absolute;left:30%;right:-10%;bottom:-10%;height:70%;opacity:.55;filter:blur(40px);
  background:radial-gradient(40% 50% at 30% 70%,rgba(200,210,230,.22),transparent 70%),radial-gradient(35% 45% at 70% 60%,rgba(200,210,230,.18),transparent 70%);
  animation:drift 16s ease-in-out infinite alternate}
@keyframes drift{from{transform:translateX(-4%)}to{transform:translateX(5%)}}
.bulb{position:absolute;left:var(--x);top:var(--y);width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;opacity:0;
  background:radial-gradient(circle,#fff 0 6%,rgba(255,255,255,.65) 9%,rgba(255,255,255,0) 60%);animation:pop 8.5s var(--d) infinite}
@keyframes pop{0%,93%,100%{opacity:0;transform:scale(.6)}94%{opacity:1;transform:scale(1)}96%{opacity:.25}}
.ember{position:absolute;bottom:calc(var(--tk) + 4%);left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:#ffb347;box-shadow:0 0 8px 2px rgba(255,140,40,.8);opacity:0;
  animation:rise var(--t) var(--d) linear infinite}
@keyframes rise{0%{opacity:0;transform:translate(0,0)}10%{opacity:.95}70%{opacity:.6}100%{opacity:0;transform:translate(-40px,-70vh)}}
.flashfill{position:absolute;inset:0;background:#fff;opacity:0;animation:camflash .9s .85s ease-out both}
@keyframes camflash{0%{opacity:0}12%{opacity:.55}100%{opacity:0}}

/* the wrestlers */
.hx-stage{position:absolute;right:0;top:0;bottom:var(--tk);width:58%;z-index:-1;pointer-events:none}
.slash{position:absolute;bottom:0;height:140%;transform:skewX(-14deg);transform-origin:bottom}
.slash.s1{right:16%;width:26%;background:linear-gradient(180deg,rgba(255,56,23,0),rgba(255,56,23,.55) 70%,rgba(255,56,23,.85));animation:slashIn .8s .25s cubic-bezier(.2,.8,.2,1) both}
.slash.s2{right:47%;width:5%;background:repeating-linear-gradient(180deg,var(--yellow) 0 18px,transparent 18px 30px);opacity:.75;animation:slashIn .8s .4s cubic-bezier(.2,.8,.2,1) both}
@keyframes slashIn{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
.fig{position:absolute;bottom:0;display:flex;align-items:flex-end}
.fig img{display:block;height:100%;width:auto;max-width:none}
.fig .ph{display:none}
.fig-in{height:100%;display:flex;align-items:flex-end}
.fig.hp{right:20%;height:97%;z-index:2;transform:translate(calc(var(--px)*-22px),calc(var(--py)*-8px))}
.fig.rr{right:-1%;height:80%;z-index:1;transform:translate(calc(var(--px)*-10px),calc(var(--py)*-4px))}
.fig.hp img{-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 9%);mask-image:linear-gradient(0deg,transparent 0,#000 9%);
  filter:drop-shadow(-10px 0 18px rgba(13,228,242,.38)) drop-shadow(12px -4px 22px rgba(255,56,23,.45)) drop-shadow(0 20px 30px rgba(0,0,0,.6));
  animation:breathe 5.5s 1.8s ease-in-out infinite;transform-origin:50% 100%}
.fig.rr img{filter:brightness(.82) saturate(.95) drop-shadow(10px 0 18px rgba(255,56,23,.45)) drop-shadow(0 18px 26px rgba(0,0,0,.6))}
.fig.hp .fig-in{animation:riseIn 1s .35s cubic-bezier(.16,.9,.25,1) both}
.fig.rr .fig-in{animation:slideIn 1s .6s cubic-bezier(.16,.9,.25,1) both}
@keyframes riseIn{from{opacity:0;transform:translateY(14%) scale(.94)}to{opacity:1;transform:none}}
@keyframes slideIn{from{opacity:0;transform:translateX(26%)}to{opacity:1;transform:none}}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
.floor{position:absolute;left:4%;right:-6%;bottom:-30px;height:90px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,56,23,.35),rgba(255,56,23,0));filter:blur(6px);z-index:0}

/* copy */
.hx-copy{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(48px,7vw,96px) calc(var(--tk) + 64px)}
.hx-copy > *{max-width:640px}
.hx-title{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.88;margin:12px 0 22px;font-size:clamp(50px,7.4vw,112px);letter-spacing:.005em}
.hx-title .ln{display:block;overflow:hidden;padding:0 .12em .1em 0;margin-bottom:-.06em}
.hx-title .ln > span{display:inline-block;color:var(--ink);text-shadow:2px 2px 0 var(--orange),4px 4px 0 var(--orange),6px 6px 0 #8c1a07,10px 12px 24px rgba(0,0,0,.6);
  animation:lineUp .85s cubic-bezier(.16,.9,.25,1) both}
.hx-title .ln:nth-child(1) > span{animation-delay:.15s}
.hx-title .ln:nth-child(2) > span{animation-delay:.28s}
.hx-title .ln:nth-child(3) > span{animation-delay:.41s}
.hx-title .gold > span{color:var(--yellow);animation:lineUp .85s .41s cubic-bezier(.16,.9,.25,1) both,flicker 1.6s 1.3s steps(1) both}
@keyframes lineUp{from{transform:translateY(105%) skewY(6deg)}to{transform:none}}
@keyframes flicker{0%{opacity:1}8%{opacity:.35}12%{opacity:1}20%{opacity:.5}24%,100%{opacity:1}}
.hx-copy .lede{margin:0 0 28px}
.rv{animation:fadeUp .8s cubic-bezier(.2,.8,.2,1) both}
.rv.r1{animation-delay:.05s}.rv.r2{animation-delay:.6s}.rv.r3{animation-delay:.78s}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* name plates */
.hx-plates{position:absolute;z-index:3;right:var(--gut-r);bottom:calc(var(--tk) + 22px);display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.plate{display:inline-flex;align-items:stretch;text-decoration:none;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5));animation:plateIn .7s cubic-bezier(.2,.8,.2,1) both}
.plate.hp-plate{animation-delay:1.25s}.plate.rr-plate{animation-delay:1.45s}
.plate .tag{background:var(--yellow);color:#1a1300;font-family:var(--label);text-transform:uppercase;letter-spacing:.12em;font-size:12px;padding:6px 14px 6px 12px;display:flex;align-items:center;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.plate .nm{background:rgba(8,11,18,.92);color:var(--ink);font-family:var(--display);text-transform:uppercase;font-size:17px;padding:6px 16px 6px 14px;margin-left:-8px;clip-path:polygon(6% 0,100% 0,96% 100%,0 100%);border-bottom:2px solid var(--orange)}
.plate.rr-plate .tag{background:var(--cyan);color:#061420}
.plate:hover .nm{color:var(--yellow)}
@keyframes plateIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}

/* ticker */
.hx-ticker{position:absolute;left:0;right:0;bottom:0;height:var(--tk);z-index:3;background:#0b0f18;border-top:3px solid var(--yellow);overflow:hidden;display:flex;align-items:center}
.hx-ticker::before{content:"EWA";position:absolute;left:0;top:0;bottom:0;z-index:1;display:flex;align-items:center;padding:0 18px 0 max(16px,env(safe-area-inset-left,0px));background:var(--orange);color:#fff;font-family:var(--display);font-size:18px;clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}
.tk-track{display:flex;width:max-content;animation:tick 48s linear infinite}
.tk-track span{font-family:var(--label);text-transform:uppercase;letter-spacing:.14em;font-size:14px;color:#dfe5ef;white-space:nowrap;padding:0 22px;display:flex;align-items:center;gap:22px}
.tk-track span::after{content:"\2605";color:var(--yellow);font-size:11px}
@keyframes tick{to{transform:translateX(-50%)}}

.hx + .wrap .tiles{margin-top:28px}

/* tablets */
@media (max-width:1100px){
  .hx-stage{width:62%}
  .hx-copy > *{max-width:520px}
  .fig.hp{right:16%;height:88%}
  .fig.rr{height:70%}
}
/* phones: copy on top, wrestlers on their own stage underneath */
@media (max-width:860px){
  .hx{min-height:0}
  .hx::before{background:radial-gradient(120% 60% at 60% 80%,rgba(255,56,23,.25),transparent 60%),linear-gradient(180deg,rgba(6,9,16,.94) 0%,rgba(6,9,16,.8) 45%,rgba(6,9,16,.45) 75%,rgba(6,9,16,.9) 100%)}
  .hx-copy{order:1;flex:none;padding-block:40px 8px}
  .hx-title{font-size:clamp(46px,13.4vw,84px);margin:10px 0 18px}
  .hx-stage{order:2;position:relative;width:100%;height:clamp(360px,104vw,560px);bottom:auto;margin-bottom:var(--tk)}
  .fig.hp{right:auto;left:4%;height:100%}
  .fig.rr{right:-6%;height:76%}
  .slash.s1{right:22%;width:34%}
  .slash.s2{right:62%}
  .beam{width:50%}.beam.b1{left:6%}.beam.b2{left:36%}.beam.b3{left:58%}
  .hx-plates{bottom:calc(var(--tk) + 14px)}
  .plate .nm{font-size:15px}
  .ember{bottom:calc(var(--tk) + 2%)}
}
@media (max-width:420px){
  .fig.hp{left:-2%}
  .fig.rr{right:-14%;height:72%}
  .plate .tag{font-size:10px;padding:5px 10px}
  .plate .nm{font-size:13px}
  .tk-track span{font-size:12px}
}
@media (prefers-reduced-motion: reduce){
  .hx *,.hx *::before,.hx *::after{animation:none!important}
  .beam{opacity:1}
  .hx-bg .hx-photo{transform:scale(1.08)}
}
.hx-copy{width:100%}
.hx-copy > *{max-width:600px}
.hx-title{font-size:clamp(50px,6.6vw,104px)}
@media (max-width:860px){
  .slash{height:100%}
  .fig.hp{left:-3%;height:100%}
  .fig.rr{right:-3%;height:84%}
  .hx-plates{gap:6px}
}