/* ============ Sovereigns brand system ============ */
:root{
  --bg:#0c0c0e; --bg-2:#131316; --bg-3:#1a1a1e; --line:#26262c;
  --red:#ff0832; --red-2:#c4001f; --white:#ffffff; --ink:#f2f2f4; --muted:#9a9aa3;
  --display:'Quantico',system-ui,sans-serif; --cond:'Barlow Condensed',system-ui,sans-serif; --body:'Barlow',system-ui,sans-serif;
  --hex:url(/img/hex.png);
  --wrap:1200px; --gutter:clamp(16px,4vw,40px); --radius:6px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);background-image:url(/img/hex.png),linear-gradient(180deg,#1c1c20 0,#0c0c0e 100%);background-attachment:fixed;background-size:121px 70px,auto;color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;line-height:1.05;margin:0 0 .5em}
h1{font-size:clamp(34px,6vw,72px)} h2{font-size:clamp(26px,4vw,44px)} h3{font-size:clamp(18px,2.2vw,24px)} h4{font-size:15px;letter-spacing:.12em;color:var(--muted)}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}
.skip{position:absolute;left:-999px;top:0;background:var(--red);color:#fff;padding:8px 12px;z-index:100}
.skip:focus{left:8px}
.eyebrow{font-family:var(--cond);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red);font-size:14px;margin-bottom:10px;display:inline-block}
.lede{font-size:clamp(17px,1.6vw,21px);color:#cfcfd6;max-width:60ch}
.muted{color:var(--muted)}
.section{padding-block:clamp(56px,8vw,110px)}
.section--tight{padding-block:clamp(36px,5vw,64px)}
.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px;flex-wrap:wrap}
.section__head h2{margin:0}

/* ---- text with the brand outline (never overlaps stripes: layout keeps them apart) ---- */
.outlined{font-family:var(--display);font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.06em;
  text-shadow:2px 2px 0 #000,4px 4px 0 #000,6px 6px 0 #000,8px 8px 0 #000;
  -webkit-text-stroke:0; paint-order:stroke fill}
.outlined--red{filter:drop-shadow(0 0 0 var(--red)) drop-shadow(1.5px 0 0 var(--red)) drop-shadow(-1.5px 0 0 var(--red)) drop-shadow(0 1.5px 0 var(--red)) drop-shadow(0 -1.5px 0 var(--red))}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:16px;padding:14px 26px;border:2px solid var(--white);color:var(--white);background:transparent;cursor:pointer;transition:.15s;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.btn:hover{background:var(--white);color:#000}
.btn--red{background:var(--red);border-color:var(--red);color:#fff}
.btn--red:hover{background:#fff;border-color:#fff;color:#000}
.btn--sm{padding:10px 18px;font-size:14px}
.btn--block{width:100%}
.btn[disabled]{opacity:.5;cursor:not-allowed}

/* ---- nav ---- */
.nav{position:sticky;top:0;z-index:50;background:rgba(12,12,14,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
.nav__brand{display:flex;align-items:center;gap:14px}
.nav__wordmark{height:44px;width:auto}
.nav__links{display:flex;align-items:center;gap:26px;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:15px}
.nav__links a:not(.btn){padding:6px 0;border-bottom:2px solid transparent}
.nav__links a:not(.btn):hover,.nav__links a.is-active{border-bottom-color:var(--red)}
.nav__toggle{display:none;background:none;border:0;width:44px;height:44px;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}
.nav__toggle span{display:block;height:3px;background:#fff;width:26px;margin-inline:auto}
.cart-btn{position:relative;background:none;border:0;color:#fff;cursor:pointer;display:flex;align-items:center;padding:6px}
.cart-btn__count{position:absolute;top:-2px;right:-4px;background:var(--red);color:#fff;font:700 11px/1 var(--cond);padding:3px 5px;border-radius:10px;min-width:18px;text-align:center}
@media (max-width:860px){
  .nav__toggle{display:flex}
  .nav__links{position:fixed;inset:72px 0 auto 0;background:var(--bg);flex-direction:column;align-items:flex-start;padding:20px var(--gutter) 28px;gap:18px;border-bottom:2px solid var(--red);transform:translateY(-120%);transition:.2s;font-size:18px}
  .nav__links.is-open{transform:none}
  /* the menu is taller than a phone screen now: it scrolls on its own, and the page behind it stays put while it's open */
  .nav__links{max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}
  .nav__links>*{flex-shrink:0}
  html.nav-open,html.nav-open body{overflow:hidden}
  /* with the menu open the header is pinned to the viewport and loses its blur: backdrop-filter makes the header the
     containing block for the fixed menu, and overflow:hidden on body breaks sticky, so on phones the header (and the
     menu inside it) scrolled away with the page. Pinning both keeps the menu on screen whatever the page does. */
  html.nav-open .nav{position:fixed;top:0;left:0;right:0;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}
  html.nav-open body{padding-top:72px;overscroll-behavior:none;touch-action:none}
  html.nav-open .nav__links{touch-action:pan-y}
  .nav__wordmark{height:34px}
}

/* ---- stripes: the brand sash, as on the jersey — faded red echo, red band, white pinstripe, thin red line, speed lines on the open side. Content never crosses it. ---- */
.stripes{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.stripes::before,.stripes::after{content:"";position:absolute;top:-10%;height:120%;transform:skewX(-14deg);transform-origin:top}
.stripes::before{left:calc(var(--stripe-x,66%) - var(--stripe-w,22%) * .95);width:calc(var(--stripe-w,22%) * 2.6);
  background:linear-gradient(90deg, transparent 0 28.5%, var(--red) 28.5% 30.5%, transparent 30.5% 33%, #fff 33% 37.5%, transparent 37.5% 43%, var(--red) 43% 84%, transparent 84%),
    linear-gradient(90deg, transparent 0 5%, rgba(255,255,255,.05) 5% 5.6%, transparent 5.6% 12%, rgba(255,255,255,.08) 12% 12.6%, transparent 12.6% 19%, rgba(255,255,255,.12) 19% 19.6%, transparent 19.6% 26%, rgba(255,8,50,.18) 26% 84%, transparent 84%);}
.stripes::after{display:none}

/* ---- hero ---- */
.hero{position:relative;min-height:min(78vh,760px);min-height:min(78svh,760px);display:grid;align-items:center;overflow:hidden;background:transparent}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 78% 60%,rgba(255,8,50,.22),rgba(255,8,50,0) 70%),linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.35))}
.hero__ghost{position:absolute;left:100%;top:50%;height:230%;width:auto;max-width:none;transform:translate(-50%,-50%);opacity:.06;filter:grayscale(1) brightness(2);pointer-events:none;z-index:0}
.hero__inner{z-index:1}
.hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:center;padding-block:56px}
.hero__copy{max-width:640px;padding-right:2%;position:relative;z-index:5}
.hero__logo{height:clamp(140px,22vw,260px);margin-bottom:18px}
.hero__wordmark{width:min(100%,620px);margin-bottom:22px;margin-top:8px}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.hero__art{position:relative;justify-self:stretch;align-self:end;height:min(78vh,760px);height:min(78svh,760px);width:100%;min-width:0;overflow:visible}
.hero .cast__slot,.hero .cast__img{height:min(78vh,760px);height:min(78svh,760px);max-height:none}
@media (max-width:900px){
  .hero{min-height:auto}
  .hero__inner{grid-template-columns:1fr;padding-block:40px 0}
  .hero__copy{padding-right:0}
  .hero__ghost{height:160%}
  .hero__art{justify-self:center;height:min(60vh,440px);height:min(60svh,440px);margin-top:12px;padding-left:0;width:100%;justify-content:center}
  .hero__art .cast .stripes,.page-head__cast .cast .stripes{inset:0;overflow:hidden}.hero__art .cast .stripes::before,.page-head__cast .cast .stripes::before{top:-10%;height:120%}
  .cast--3 .cast__slot--0{left:-2%}.cast--3 .cast__slot--1{right:-2%}
  .hero .hero__art{height:min(56vh,460px);height:min(56svh,460px);margin-top:28px}
  .hero .cast__slot,.hero .cast__img{height:min(56vh,460px);height:min(56svh,460px)}
  .hero .cast{overflow:hidden}
}

/* ---- division strip ---- */
.divisions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px;background:var(--line);border:1px solid var(--line)}
.division{background:rgba(19,19,22,.85);padding:56px 24px 28px;position:relative;overflow:hidden;min-height:170px;display:flex;flex-direction:column;justify-content:flex-end;transition:.15s}
.division:hover{background:var(--bg-3)}
.division__short{font-family:var(--display);font-weight:700;font-size:44px;line-height:1;letter-spacing:.02em}
.division__game{font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--muted);font-size:14px;margin-top:6px}
.division__status{position:absolute;top:16px;right:16px;font:700 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;border:1px solid var(--line);color:var(--muted)}
.division__status.is-active{border-color:var(--red);color:var(--red)}
.division__ghost{position:absolute;right:-6%;top:6%;height:135%;width:auto;max-width:none;object-fit:contain;object-position:right top;opacity:.09;filter:grayscale(1);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 95%);mask-image:linear-gradient(to bottom,#000 55%,transparent 95%)}

/* ---- cards ---- */
.grid{display:grid;gap:24px}
.grid--3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.grid--4{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.card{background:rgba(19,19,22,.82);backdrop-filter:blur(2px);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:.15s;position:relative}
.card::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.card:hover{border-color:#3a3a42;transform:translateY(-2px)}.card:hover::after{transform:scaleX(1)}
.card__media{aspect-ratio:1;background:var(--bg-3);overflow:hidden}
.card__media--wide{aspect-ratio:16/9}
.card__media img{width:100%;height:100%;object-fit:cover}
.card__media{display:grid;place-items:center}
.card__ghost{width:34%;height:auto;object-fit:contain;opacity:.10;filter:grayscale(1)}
.card__body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.card__title{font-family:var(--cond);font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:.06em}
.card__meta{font:700 12px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.price{font-family:var(--display);font-weight:700;font-size:18px}
.card__foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:10px}

/* ---- player cards ---- */
.player{background:var(--bg-2);border:1px solid var(--line);position:relative;overflow:hidden;aspect-ratio:3/4;display:flex;align-items:flex-end}
.player__hero{position:absolute;inset:0;object-fit:contain;object-position:right bottom;width:100%;height:100%;opacity:.9}
.player__hero--none{background:radial-gradient(ellipse at 70% 40%,#232329,transparent 60%)}
.player__info{position:relative;padding:18px;background:linear-gradient(0deg,rgba(12,12,14,.98),rgba(12,12,14,.7) 70%,transparent);width:100%}
.player__handle{font-family:var(--display);font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.04em}
.player__role{color:var(--red);font:700 13px var(--cond);letter-spacing:.18em;text-transform:uppercase}

/* ---- partners ---- */
.placements{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.placement{border:1px solid var(--line);padding:22px;background:var(--bg-2)}
.placement h3{font-size:18px;margin-bottom:6px}
.placement p{color:var(--muted);margin:0;font-size:15px}
.mock{position:relative;background:var(--bg-2);border:1px solid var(--line);overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center}
.mock .stripes{--stripe-x:58%;--stripe-w:11%}
.mock__lockup{position:absolute;left:5%;top:14%;display:flex;align-items:center;gap:22px;width:50%}
.mock__lockup img{width:70%}
.mock__slot{position:absolute;border:2px dashed var(--red);color:var(--red);font:700 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;display:grid;place-items:center;text-align:center;padding:8px;background:rgba(12,12,14,.7)}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.tier{border:1px solid var(--line);padding:26px;background:var(--bg-2);border-top:4px solid var(--line)}
.tier:first-child{border-top-color:var(--red)}
.tier h3{margin-bottom:8px}

/* ---- forms ---- */
.form{display:grid;gap:16px;max-width:640px}
.form label{display:grid;gap:6px;min-width:0;font:700 13px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.form input,.form textarea,.form select{background:var(--bg-2);border:1px solid var(--line);color:#fff;padding:12px 14px;font:16px var(--body);width:100%;min-width:0;max-width:100%}
.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--red)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:600px){.form__row{grid-template-columns:1fr}}
.notice{border-left:4px solid var(--red);background:var(--bg-2);padding:14px 18px;margin-bottom:20px}

/* ---- product page ---- */
.product{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}
@media (max-width:800px){.product{grid-template-columns:1fr}}
.product__img{background:var(--bg-2);border:1px solid var(--line)}
.variants{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px}
.variant{border:1px solid #3a3a42;padding:8px 14px;font:700 14px var(--cond);letter-spacing:.1em;cursor:pointer;background:var(--bg-2);color:#fff}
.variant.is-selected{border-color:var(--red);color:var(--red)}
.variant-size{border:1px solid #3a3a42;padding:8px 14px;font:700 14px var(--cond);letter-spacing:.1em;cursor:pointer;background:var(--bg-2);color:#fff;min-width:52px}
.variant-size.is-selected{border-color:var(--red);color:var(--red)}.variant-size:disabled{opacity:.3;cursor:not-allowed;text-decoration:line-through}
.variant-color{border:1px solid #3a3a42;padding:8px 14px;font:700 14px var(--cond);letter-spacing:.1em;cursor:pointer;background:var(--bg-2);color:#fff;display:inline-flex;align-items:center;gap:8px}
.variant-color.is-selected{border-color:var(--red);color:var(--red)}.swatch{width:16px;height:16px;border:1px solid #55555e;display:inline-block}
.qty{display:inline-flex;border:1px solid var(--line)}
.qty button{background:var(--bg-2);border:0;color:#fff;width:40px;height:44px;font-size:18px;cursor:pointer}
.qty input{width:52px;text-align:center;background:var(--bg);border:0;color:#fff;font:16px var(--body)}
.buy-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}

/* ---- news ---- */
.post{max-width:760px}
.post__body{font-size:18px;color:#d8d8de}
.post__body p{margin-bottom:1.2em}
.post__body h2,.post__body h3,.post__body h4{font-family:var(--display);letter-spacing:.02em;margin:1.6em 0 .5em;color:#fff}
.post__body h2{font-size:30px}.post__body h3{font-size:24px}.post__body h4{font-size:20px}
.post__body a{color:var(--red)}
.post__body ul,.post__body ol{margin:0 0 1.2em;padding-left:22px}
.post__body li{margin-bottom:.45em}
.post__body blockquote{margin:1.6em 0;padding:4px 0 4px 18px;border-left:3px solid var(--red);color:#eaeaef}
.post__body code{background:var(--bg-2);border:1px solid var(--line);padding:2px 6px;font-size:.88em}
.post__body hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.post__fig{margin:1.8em 0}
.post__fig img{width:100%;height:auto;border:1px solid var(--line);display:block}
.post__fig figcaption{font:13px var(--body);color:var(--muted);margin-top:8px}
.post__hero{border:1px solid var(--line);margin-bottom:28px}
.post__video{width:100%;display:block;background:#000;aspect-ratio:16/9}
.video{aspect-ratio:16/9;background:#000;border:1px solid var(--line)}
.video iframe{width:100%;height:100%;border:0}

/* ---- page header ---- */
.page-head{position:relative;overflow:hidden;padding-block:clamp(48px,7vw,96px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(28,28,32,.9),rgba(12,12,14,.6))}
.page-head::before{content:"";position:absolute;right:8%;top:50%;width:min(60vw,700px);aspect-ratio:2834/4023;transform:translateY(-50%);background:url(/img/logo.png) center/contain no-repeat;opacity:.05;filter:grayscale(1) brightness(2);pointer-events:none}
.page-head .stripes{--stripe-x:80%;--stripe-w:8%}
.page-head .wrap{position:relative;max-width:var(--wrap);padding-right:34%}
@media (max-width:700px){.page-head .wrap{max-width:none;padding-right:22%}.page-head .stripes{--stripe-x:92%;--stripe-w:9%}.page-head::before{right:-10%;width:80vw}}
.page-head h1{margin:0}

/* ---- cta band ---- */
.band{position:relative;overflow:hidden;background:var(--red);color:#fff;padding-block:48px}
.band::after{content:"";position:absolute;right:-8%;top:-20%;height:140%;width:30%;background:linear-gradient(90deg,#fff 0 3%,transparent 3% 5%,#000 5%);transform:skewX(-14deg)}
.band .wrap{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-right:34%}
.band h2{margin:0;color:#fff;font-size:clamp(22px,3vw,38px)}
.band .btn{border-color:#fff}

/* ---- footer ---- */
.footer{position:relative;overflow:hidden;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(19,19,22,.85),#0a0a0c);margin-top:60px}
.footer__stripes{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.footer__stripes::before{content:"";position:absolute;top:-10%;height:120%;left:91%;width:16%;transform:skewX(-14deg);transform-origin:top;background:linear-gradient(90deg,rgba(255,8,50,.16) 0 60%,transparent 60%),linear-gradient(90deg,transparent 0 12%,var(--red) 12% 14%,transparent 14% 17%,#fff 17% 21%,transparent 21% 26%,var(--red) 26% 60%,transparent 60%)}
.footer__inner{position:relative;display:grid;grid-template-columns:1.2fr 2fr;gap:40px;padding-block:48px;max-width:min(var(--wrap),80%);margin-left:auto;margin-right:auto}
@media (max-width:760px){.footer__inner{grid-template-columns:1fr;max-width:none;padding-right:26%}}
.footer__logo{display:none}
.footer__wordmark{width:240px;margin-bottom:10px}
.footer__tag{color:var(--muted);margin:0}
.footer__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:600px){.footer__cols{grid-template-columns:1fr 1fr}}
.footer__cols a{display:block;color:#cfcfd6;padding:4px 0;font-size:15px}
.footer__cols a:hover{color:var(--red)}
.footer__legal{position:relative;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;max-width:min(var(--wrap),80%)}
@media (max-width:760px){.footer__legal{max-width:none;padding-right:26%}}

/* ---- cart drawer ---- */
.cart[hidden]{display:none}
.cart{position:fixed;inset:0;z-index:80}
.cart__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.cart__panel{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--bg-2);border-left:1px solid var(--line);display:flex;flex-direction:column}
.cart__head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.cart__head h3{margin:0}
.cart__x{background:none;border:0;color:#fff;font-size:28px;cursor:pointer;line-height:1}
.cart__items{flex:1;overflow:auto;padding:12px 20px}
.cart__item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.cart__item img{width:64px;height:64px;object-fit:cover;background:var(--bg-3)}
.cart__item small{display:block;color:var(--muted)}
.cart__item button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:20px}
.cart__foot{padding:18px 20px;border-top:1px solid var(--line)}
.cart__total{display:flex;justify-content:space-between;font-size:18px;margin-bottom:6px}
.cart__note{color:var(--muted);font-size:13px;margin-bottom:14px}
.cart__empty{color:var(--muted);text-align:center;padding:40px 0}

/* ---- misc ---- */
.pill{display:inline-block;font:700 12px var(--cond);letter-spacing:.16em;text-transform:uppercase;padding:5px 9px;border:1px solid var(--red);color:var(--red)}
.hr{height:1px;background:var(--line);margin-block:40px}
.socials{display:flex;gap:10px;flex-wrap:wrap}
.socials a{border:1px solid var(--line);padding:8px 12px;font:700 13px var(--cond);letter-spacing:.14em;text-transform:uppercase}
.socials a:hover{border-color:var(--red);color:var(--red)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#fff;color:#000;font:700 14px var(--cond);letter-spacing:.12em;text-transform:uppercase;padding:12px 18px;z-index:90;opacity:0;transition:.2s;pointer-events:none}
.toast.is-on{opacity:1}

/* ---- accounts + hub ---- */
.nav__user{display:inline-flex;align-items:center;gap:8px}
.nav__user img,.nav__user span{width:26px;height:26px;border-radius:50%;object-fit:cover;background:var(--red);display:inline-grid;place-items:center;font:700 13px var(--cond)}
.hubgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.hubsplit{display:grid;grid-template-columns:1.4fr .8fr;gap:24px;align-items:start}
@media (max-width:900px){.hubsplit{grid-template-columns:1fr}}
.hubcard{background:var(--bg-2);border:1px solid var(--line);padding:18px}
.hubcard h3{font-size:16px;margin-bottom:12px}
.row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.hubcard .row:first-of-type{border-top:0}
.chip{font:700 12px var(--cond);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--line);background:var(--bg);color:#cfcfd6;cursor:pointer;text-decoration:none;display:inline-block}
.chip.is-yes{border-color:#2ecc71;color:#2ecc71}.chip.is-maybe{border-color:#f1c40f;color:#f1c40f}.chip.is-no{border-color:var(--red);color:var(--red)}
.avail{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.availlist{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.table{width:100%;border-collapse:collapse;font-size:14px}
.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.table th{font:700 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.comment{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.comment img,.comment__av{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--bg-3);display:inline-grid;place-items:center;font:700 14px var(--cond);flex:none}
.thumbs{display:flex;gap:8px;padding:10px;flex-wrap:wrap}
.thumbs img{width:64px;height:64px;object-fit:cover;border:1px solid var(--line);cursor:pointer}

/* ---- shipping in cart ---- */
.ship{margin:10px 0 12px}
.ship__label{font:700 12px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}
.ship__row{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:6px}
.ship__row select,.ship__row input{background:var(--bg);border:1px solid var(--line);color:#fff;padding:9px 10px;font:14px var(--body);min-width:0}
.ship__rates{margin-top:8px;font-size:14px;display:grid;gap:4px}
.ship__rates div{display:flex;justify-content:space-between;gap:10px;color:#cfcfd6}

/* ---- page transitions (cross-document View Transitions; JS fallback in site.js/hub.js) ---- */
@view-transition { navigation: auto; }
::view-transition-old(root){animation:160ms ease-out both vt-out}
::view-transition-new(root){animation:240ms cubic-bezier(.2,.7,.2,1) both vt-in}
@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(10px)}}
.nav{view-transition-name:site-nav}
body.is-leaving main{opacity:0;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease}
body:not(.vt) main{animation:page-in .28s cubic-bezier(.2,.7,.2,1) both}
@keyframes page-in{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),body:not(.vt) main{animation:none}}
.division__status.is-recruiting{border-color:var(--red);color:var(--red);background:rgba(255,8,50,.08)}

/* ---- mobile polish ---- */
@media (max-width:700px){
  .btn{padding:14px 22px;min-height:48px}
  .nav__links a:not(.btn){padding:12px 0;font-size:17px}
  .nav__links .btn{margin:6px 0 4px;padding:12px 28px;font-size:15px;align-self:flex-start}   /* the generic mobile link rule was zeroing the button's side padding, so the label hit the edges */
  .band .wrap{padding-right:14%}.band::after{right:-24%}
  .footer__inner{grid-template-columns:1fr;max-width:none;padding-inline:var(--gutter)}
  .footer__cols{grid-template-columns:1fr 1fr}
  .footer__stripes::before{left:96%}
  .footer__legal{max-width:none;padding-inline:var(--gutter);flex-direction:column;gap:6px}
  .division{min-height:0;padding:44px 18px 20px}.division__short{font-size:34px}
  .hero__copy .lede{font-size:16px}
  .table{font-size:13px}
  input,select,textarea{font-size:16px!important} /* stops iOS zoom-on-focus */
}

/* ---- cast: poster-style character stack ---- */
.cast{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cast .stripes{--stripe-x:38%;--stripe-w:20%;inset:-12% -25% 0 0;overflow:visible}
.cast .stripes::before{top:-20%;height:160%}
.cast__slot{position:absolute;bottom:0;pointer-events:none}
.cast__img{--cx:.5;position:absolute;bottom:0;left:50%;height:100%;max-height:100%;width:auto;max-width:none;transform:translateX(calc(var(--cx) * -100%));opacity:0;transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}
.cast__img.is-on{opacity:1}
.cast__img.is-in{opacity:0;transform:translate(calc(var(--cx) * -100%),40px) scale(.96)}
.cast__img.is-out{opacity:0;transform:translate(calc(var(--cx) * -100%),-30px) scale(1.03)}
/* three-up V: the two behind sit higher and to the sides so their faces clear the front figure */
.cast--3 .cast__slot--0{left:6%;bottom:22%;height:66%;width:40%;z-index:1;filter:brightness(.78) saturate(.9)}
.cast--3 .cast__slot--1{right:6%;bottom:24%;height:68%;width:40%;z-index:1;filter:brightness(.78) saturate(.9)}
.cast--3 .cast__slot--2{left:50%;transform:translateX(-50%);bottom:0;height:92%;width:46%;z-index:2}
/* two-up (team pages) */
.cast--2 .cast__slot--0{left:4%;bottom:16%;height:72%;width:46%;z-index:1;filter:brightness(.8)}
.cast--2 .cast__slot--1{right:6%;bottom:0;height:100%;width:52%;z-index:2}
.cast--1 .cast__slot--0{left:50%;transform:translateX(-50%);bottom:0;height:100%;width:70%;z-index:2}
.hero .cast--1 .cast__slot--0{left:56%}
.page-head--cast{min-height:min(52vh,520px);display:grid;align-items:center;padding-right:0}
.page-head--cast .wrap{position:relative;z-index:4}
.page-head--cast::before{display:none}
.page-head__cast{position:absolute;right:0;top:0;bottom:0;width:min(50%,760px)}
.page-head__cast .cast .stripes{--stripe-x:30%;--stripe-w:14%}
@media (max-width:900px){
  .page-head--cast{min-height:0;padding-bottom:0}
  .page-head__cast{position:relative;width:100%;height:min(48vh,380px);margin-top:20px}
  .page-head--cast .wrap{padding-right:var(--gutter)}
}
@media (prefers-reduced-motion:reduce){.cast__img{transition:none}}

/* ---- team page collage header ---- */
.page-head--collage{position:relative;background-size:cover;background-position:center top;background-repeat:no-repeat;min-height:min(46.9vw,900px);display:flex;align-items:flex-end;padding:0 0 clamp(20px,2.5vw,36px);border-bottom:0}
.page-head--collage::before{display:none}
.page-head--collage::after{content:"";position:absolute;inset:auto 0 0 0;height:62%;background:linear-gradient(180deg,rgba(12,12,14,0) 0%,rgba(12,12,14,.55) 45%,rgba(12,12,14,.96) 100%);pointer-events:none}
.page-head--collage .wrap{position:relative;z-index:2;padding-right:var(--gutter);max-width:var(--wrap)}
.page-head--collage h1{text-shadow:0 4px 30px rgba(0,0,0,.9)}
.page-head--collage .lede{max-width:560px;text-shadow:0 2px 16px rgba(0,0,0,.9)}
@media (max-width:700px){.page-head--collage{min-height:0;background-size:170% auto;background-position:center top;padding-top:58vw;background-color:var(--bg)}.page-head--collage::after{height:50%}.page-head--collage .wrap{background:linear-gradient(180deg,rgba(12,12,14,0),rgba(12,12,14,.92) 30%);padding-top:12vw}}

/* ---- "Wear the crown" carousel: steps one card, then holds ---- */
.section__head-right{display:flex;align-items:center;gap:12px}
.crown{overflow:hidden}
.crown__track{display:flex;gap:24px;will-change:transform}
.crown__track.is-sliding{transition:transform .62s cubic-bezier(.22,.7,.2,1)}
.crown__item{flex:0 0 var(--crown-w,calc((100% - 72px) / 4));min-width:0}
.crown__nav{display:flex;gap:6px}
.crown__arrow{width:34px;height:34px;border:1px solid var(--line);background:var(--bg-2);color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:.15s}
.crown__arrow:hover{border-color:var(--red);color:var(--red)}
.crown__arrow:focus-visible{outline:2px solid var(--red);outline-offset:2px}
@media (max-width:1100px){.crown__item{flex-basis:var(--crown-w,calc((100% - 48px) / 3))}}
@media (max-width:820px){.crown__item{flex-basis:var(--crown-w,calc((100% - 24px) / 2))}}
@media (max-width:560px){.crown__track{gap:16px}.crown__item{flex-basis:var(--crown-w,100%)}}
@media (prefers-reduced-motion:reduce){.crown__track.is-sliding{transition:none}}

/* ---- partners: placements shown on the real kit ---- */
.psell{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.psell__card{margin:0;border:1px solid var(--line);background:var(--bg-2)}
.psell__shot{position:relative;aspect-ratio:1;overflow:hidden;background:var(--bg-3)}
.psell__shot--wide{aspect-ratio:1}
.psell__shot img{width:100%;height:100%;object-fit:cover;display:block}
.psell figcaption{display:grid;gap:5px;padding:16px 18px 18px;border-top:1px solid var(--line)}
.psell figcaption strong{font:700 19px var(--cond);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.psell figcaption span{font:14px/1.5 var(--body);color:var(--muted)}
@media (max-width:900px){.psell{grid-template-columns:1fr 1fr}.psell__card:last-child{grid-column:1/-1}.psell__shot--wide{aspect-ratio:16/9}}
@media (max-width:620px){.psell{grid-template-columns:1fr}.psell__card:last-child{grid-column:auto}}

/* ---------- legacy / history ---------- */
.legacy__sum{max-width:760px;margin:0 0 26px}
.legacy__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line);border:1px solid var(--line)}
.legacy__stat{background:var(--bg-2);padding:22px 20px;display:grid;gap:6px}
.legacy__stat strong{font:900 clamp(30px,3.4vw,44px)/1 var(--cond);letter-spacing:.02em;color:#fff}
.legacy__stat strong::after{content:"";display:block;width:34px;height:3px;background:var(--red);margin-top:10px}
.legacy__stat span{font:600 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.legacy__cols{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;margin-top:38px}
.legacy__table{width:100%;border-collapse:collapse;margin-top:12px;font-size:15px}
.legacy__table td{padding:12px 10px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.legacy__table small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}
.legacy__place{white-space:nowrap;width:72px;font:700 16px var(--cond);letter-spacing:.06em;color:var(--red)}
.legacy__tl{list-style:none;margin:12px 0 0;padding:0 0 0 18px;border-left:2px solid var(--line);display:grid;gap:16px}
.legacy__tl li{position:relative;display:grid;gap:3px;font-size:15px}
.legacy__tl li::before{content:"";position:absolute;left:-24px;top:6px;width:10px;height:10px;background:var(--red);transform:rotate(45deg)}
.legacy__tl b{font:700 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
@media (max-width:820px){.legacy__stats{grid-template-columns:1fr 1fr}.legacy__cols{grid-template-columns:1fr;gap:30px}}

.pill--team{border-color:var(--red);color:var(--red);background:rgba(255,8,50,.08)}

/* ---- personalised jersey (product page) ---- */
.custom{margin:4px 0 22px;border:1px solid var(--line);background:var(--bg-2);position:relative}
.custom::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:.15s}
.custom.is-on::before{opacity:1}
.custom__toggle{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;text-transform:none;letter-spacing:0;user-select:none}
.custom__toggle input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.custom__box{flex:none;width:22px;height:22px;border:1px solid #3a3a42;background:var(--bg);position:relative;transition:.15s}
.custom__box::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}
.custom__toggle input:checked+.custom__box{background:var(--red);border-color:var(--red)}.custom__toggle input:checked+.custom__box::after{opacity:1}
.custom__toggle input:focus-visible+.custom__box{outline:2px solid var(--red);outline-offset:2px}
.custom__text{display:grid;gap:2px;min-width:0}.custom__text strong{font:700 15px var(--cond);letter-spacing:.08em;text-transform:uppercase;color:#fff}.custom__text small{font:13px var(--body);color:var(--muted)}
.custom__fields{padding:0 18px 18px;border-top:1px solid var(--line);display:grid;gap:14px}
.custom__inputs{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;padding-top:16px}
.custom__inputs label{display:grid;gap:6px;min-width:0}.custom__inputs span{font:700 12px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.custom__inputs input{width:100%;min-width:0;background:var(--bg);border:1px solid #3a3a42;color:#fff;padding:12px 14px;font:700 20px var(--cond);letter-spacing:.1em;text-transform:uppercase;border-radius:0}
.custom__inputs input::placeholder{color:#3f3f47}.custom__inputs input:focus{outline:none;border-color:var(--red)}
.custom__hint{margin:0;font:13px var(--body);color:var(--muted)}.custom__hint.is-bad{color:var(--red)}
.custom__preview{position:relative;background:#0c0c0e;border:1px solid var(--line)}
.custom__preview canvas{display:block;width:100%;height:auto}
.custom__previewtag{position:absolute;top:10px;left:10px;font:700 11px var(--cond);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);background:rgba(12,12,14,.8);padding:4px 8px}
.cart__custom{display:block;font-style:normal;color:var(--red);font:700 12px var(--cond);letter-spacing:.1em;text-transform:uppercase;margin:2px 0}
@media (max-width:640px){.custom__inputs{grid-template-columns:minmax(0,1fr) 110px}}
/* player edition: pick a rostered player, their back is printed as is */
.custom--player:not(.is-on) .custom__fields{display:none}
.custom__players{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding-top:16px}
.custom__player{display:grid;gap:3px;text-align:left;background:var(--bg);border:1px solid #3a3a42;color:#fff;padding:10px 12px;cursor:pointer;font:inherit;transition:.15s}
.custom__player b{font:700 16px var(--cond);letter-spacing:.06em;text-transform:uppercase;min-width:0;overflow-wrap:anywhere}
.custom__player small{font:12px var(--body);color:var(--muted)}.custom__player small span{font:700 13px var(--cond);color:var(--red);letter-spacing:.04em}
.custom__player:hover{border-color:#5a5a64}.custom__player.is-on{border-color:var(--red);background:rgba(255,8,50,.08)}
.custom__player:focus-visible{outline:2px solid var(--red);outline-offset:2px}
/* player jersey: the buyer's own back as the hero, read-only personalisation */
.product__img--kit{display:grid;gap:10px;padding:10px;background:radial-gradient(circle at 50% 38%,#2a2a30,#121215 70%)}
.kitview{position:relative;border:1px solid var(--line);background:#0c0c0e}
.kitview__back{display:block;width:100%;height:auto}
.kitview__tag{position:absolute;left:12px;top:12px;font:700 11px var(--cond);letter-spacing:.18em;text-transform:uppercase;color:#fff;background:var(--red);padding:5px 9px}
.kitview__front{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;font:700 11px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.kitview__front img{width:96px;height:96px;object-fit:cover;border:1px solid var(--line)}
.kit-eyebrow{color:var(--red)}
.custom--locked{padding:16px 18px;display:grid;gap:12px}
.custom__lockhead{display:flex;align-items:center;gap:10px}.custom__lockhead strong{font:700 15px var(--cond);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.custom__lock{display:grid;place-items:center;width:28px;height:28px;background:var(--red);color:#fff;flex:none}
.custom__locked{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px}
.custom__locked div{display:grid;gap:6px;min-width:0}.custom__locked span{font:700 12px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.custom__locked b{display:block;background:var(--bg);border:1px solid #3a3a42;padding:12px 14px;font:700 20px var(--cond);letter-spacing:.1em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn[disabled]{opacity:.45;cursor:not-allowed}

/* ---- live streams ---- */
.livedot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(255,8,50,.6);animation:livepulse 1.6s infinite;vertical-align:middle;margin-right:6px}
@keyframes livepulse{0%{box-shadow:0 0 0 0 rgba(255,8,50,.6)}70%{box-shadow:0 0 0 8px rgba(255,8,50,0)}100%{box-shadow:0 0 0 0 rgba(255,8,50,0)}}
.nav__live{color:#fff}
.stream{background:rgba(19,19,22,.82);border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;position:relative;color:inherit;text-decoration:none;transition:.15s}
.stream:hover{border-color:#3a3a42;transform:translateY(-2px)}
.stream--live{border-color:var(--red)}
.stream__thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.stream__body{padding:16px;display:flex;flex-direction:column;gap:10px}
.stream__av{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--bg-2);display:inline-grid;place-items:center;font:700 16px var(--cond);flex:none}
.stream__name{display:block;font-family:var(--display);font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:.04em;line-height:1.1}
.stream__role{display:block;color:var(--red);font:700 12px var(--cond);letter-spacing:.18em;text-transform:uppercase;margin-top:2px}
.stream__title{color:#cfcfd6;font-size:14px;line-height:1.4}
.stream__badge{display:inline-flex;align-items:center;font:700 12px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:#fff;text-decoration:none;align-self:flex-start}
.stream__badge--vod{color:#cfcfd6}
.stream--vod:hover{border-color:#555}
.stream__last{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit;padding:8px 10px;background:rgba(255,255,255,.04);border-left:2px solid var(--red)}
.stream__last-k{font:700 11px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.stream__last-t{font-size:13px;line-height:1.35;color:#cfcfd6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.stream__last:hover .stream__last-t{color:#fff}
.stream__links{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.stream__btn{padding:8px 14px;font-size:13px}
.stream__btn--twitch:hover{border-color:#9146FF;color:#9146FF}.stream__btn--yt:hover{border-color:#FF0000;color:#FF0000}
.livestrip{background:var(--red);color:#fff;font:700 13px var(--cond);letter-spacing:.14em;text-transform:uppercase}
.livestrip .wrap{display:flex;gap:18px;align-items:center;padding:9px 20px;overflow-x:auto;white-space:nowrap}
.livestrip a{color:#fff;text-decoration:none}.livestrip a:hover{text-decoration:underline}
.uptime{font-variant-numeric:tabular-nums;opacity:.9}
.livestrip .livedot{background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.6)}

/* ============ Partner pitch deck (/partners, /partners/deck) ============ */
.dk{position:relative;background:#0c0c0f;outline:none;user-select:none}
.dk__viewport{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0c0c0f}
.dk__stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0}
.dk-slide{position:absolute;inset:0;padding:128px 128px 150px;display:flex;flex-direction:column;gap:36px;background:#0c0c0f;color:#f3f3f5;font-family:var(--body);font-size:26px;line-height:1.45;opacity:0;visibility:hidden;transition:opacity .35s}
.dk-slide.is-on{opacity:1;visibility:visible}
.dk-slide--light{background:#f3f3f5;color:#0c0c0f}
.dk-slide h2{font-family:var(--display);font-size:72px;line-height:1.1;margin:0;text-transform:none;letter-spacing:0;max-width:1600px}
.dk-slide h3{font-family:var(--display);font-size:30px;margin:0 0 8px;text-transform:none;letter-spacing:0}
.dk-slide p{margin:0}
.dk-eyebrow{font-family:var(--display);font-size:28px;letter-spacing:6px;text-transform:uppercase;color:var(--red)}
.dk-eyebrow--white{color:#f3f3f5}
.dk-muted{color:#a0a0a8}
.dk-body{font-size:28px;max-width:1600px;color:#4a4a55}
.dk-slide:not(.dk-slide--light) .dk-body{color:#c9c9d1}
.dk-body--big{font-size:34px;max-width:1000px;color:#f3f3f5}
.dk-foot{position:absolute;left:128px;bottom:64px;font-size:24px;color:#7a7a85}
.dk-cards{display:flex;gap:32px}
.dk-card{flex:1;background:#fff;padding:36px;border-left:8px solid var(--red);display:flex;flex-direction:column;gap:10px;color:#0c0c0f}
.dk-card b{font-family:var(--display);font-size:64px;line-height:1;display:block}
.dk-card p{color:#4a4a55;font-size:26px}
.dk-card--dark{background:#17171c;color:#f3f3f5;border-left:0;border-top:6px solid var(--red)}
.dk-card--dark p{color:#e4e4ea;font-size:27px}
.dk-cards--2 .dk-card{padding:40px}
.dk-stats{display:flex;gap:24px}
.dk-stat{flex:1;background:#17171c;padding:32px;border-top:6px solid var(--red);display:flex;flex-direction:column;gap:8px}
.dk-stat b{font-family:var(--display);font-size:60px;line-height:1;white-space:nowrap}
.dk-stat span{font-size:23px;color:#a0a0a8}
.dk-stats--2 .dk-stat{padding:28px}.dk-stats--2 .dk-stat b{font-size:56px}
.dk-cols{display:flex;gap:48px}.dk-cols>div{flex:1}
.dk-cols p{color:#c9c9d1;font-size:26px}
.dk-split{display:flex;gap:48px;align-items:flex-start}
.dk-split__side{flex:1;display:flex;flex-direction:column;gap:24px}
.dk-shot{width:880px;height:495px;object-fit:cover;border:1px solid #2a2a32;flex:none}
.dk-shot--sq{width:460px;height:460px;border-color:#d9d9df}
.dk-list{margin:0;padding-left:28px;font-size:27px;line-height:1.5;color:#c9c9d1}
.dk-shots{display:flex;gap:24px}
.dk-shots figure{flex:1;margin:0;display:flex;flex-direction:column;gap:14px}
.dk-shots img{width:400px;height:225px;object-fit:cover;display:block}
.dk-shots h3{font-size:28px;margin-bottom:6px}.dk-shots p{font-size:24px;color:#4a4a55}
.dk-table{flex:1;border-collapse:collapse;font-size:26px;color:#0c0c0f}
.dk-table th{background:#0c0c0f;color:#f3f3f5;text-align:left;padding:14px 18px;font-family:var(--display);font-weight:700;font-size:24px}
.dk-table td{padding:12px 18px;border-bottom:1px solid #d9d9df;vertical-align:top}
.dk-table td:first-child{width:30%;font-weight:600}
.dk-table tr:nth-child(odd) td{background:#fff}
.dk-slide--cover{padding:128px;justify-content:space-between;background:linear-gradient(115deg,#0c0c0f 0,#0c0c0f 58%,#16161b 58%,#16161b 100%)}
.dk-cover__slash{position:absolute;left:1104px;top:0;width:26px;height:1080px;background:var(--red);transform:skewX(-14deg)}
.dk-cover__pin{position:absolute;left:1146px;top:0;width:6px;height:1080px;background:#f3f3f5;transform:skewX(-14deg)}
.dk-cover__crest{position:absolute;left:1290px;top:180px;width:480px;height:680px;object-fit:contain}
.dk-cover__body{display:flex;flex-direction:column;gap:28px;width:900px}
.dk-cover__wordmark{width:880px;height:156px;object-fit:contain;object-position:left}
.dk-cover__lede{font-size:40px;line-height:1.3;color:#c9c9d1;max-width:860px}
.dk-cover__foot{display:flex;gap:40px;align-items:flex-end;font-size:26px}
.dk-cover__tag{font-family:var(--display);font-size:28px;letter-spacing:4px;text-transform:uppercase}
.dk-slide--red{background:var(--red);justify-content:space-between;padding:128px}
.dk-slide--red h2{font-size:84px;max-width:1000px}
.dk-red__crest{position:absolute;left:1240px;top:120px;width:560px;height:840px;object-fit:contain;opacity:.18}
.dk-red__cta{display:flex;flex-direction:column;gap:18px;align-items:flex-start;font-size:30px}
.dk-red__cta .btn{font-size:24px;padding:18px 34px;border-color:#fff}
.dk__bar{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#0c0c0f;border-top:1px solid var(--line)}
.dk__btn{font-family:var(--cond);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:14px;color:var(--white);background:transparent;border:1px solid var(--line);padding:8px 14px;cursor:pointer;text-decoration:none}
.dk__btn:hover{border-color:var(--red)}
.dk__btn--text{margin-left:auto}
.dk__dots{display:flex;gap:6px;flex:1;justify-content:center}
.dk__dots i{width:26px;height:4px;background:var(--line);cursor:pointer}
.dk__dots i.is-on{background:var(--red)}
.dk__count{font-family:var(--cond);letter-spacing:.14em;color:var(--muted);font-size:14px}
.dk__close{display:none}
.dk--full{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;justify-content:center;padding:4vh 4vw 3vh;background:rgba(0,0,0,.86);backdrop-filter:blur(2px)}
.dk--full .dk__viewport{flex:1;aspect-ratio:auto;max-height:calc(100vh - 7vh - 56px);background:transparent}
.dk--full .dk__stage{left:50%;top:50%}
.dk--full .dk__bar{background:transparent;border-top:0;justify-content:center;max-width:1200px;width:100%;margin:0 auto}
.dk--full .dk__close{display:block;position:absolute;top:10px;right:14px;width:44px;height:44px;border:1px solid var(--line);background:#0c0c0f;color:var(--white);font-size:26px;line-height:1;cursor:pointer}
.dk--full .dk__close:hover{border-color:var(--red)}
@media (max-width:700px){.dk__btn--text{display:none}.dk__dots i{width:14px}}

/* partner codes on /partners */
.pcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.pcard{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--bg-2);border:1px solid var(--line);text-decoration:none;color:inherit;transition:.15s}
.pcard:hover{border-color:var(--red);transform:translateY(-2px)}
.pcard__logo{height:44px;width:auto;max-width:220px;object-fit:contain;align-self:flex-start}
.pcard__name{font-family:var(--display);font-size:28px;text-transform:uppercase;letter-spacing:.04em}
.pcard__code{display:flex;align-items:baseline;gap:10px}
.pcard__code strong{font-family:var(--display);font-size:26px;letter-spacing:.06em;color:var(--white)}
.pcard__blurb{font-size:15px;color:var(--muted);line-height:1.5}

/* footer partner strip */
.footer__partners{position:relative;display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);max-width:min(var(--wrap),80%)}
@media (max-width:760px){.footer__partners{max-width:none;padding-right:26%}}
.footer__plabel{font:700 11px var(--cond,inherit);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.footer__pcode{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:13px}
.footer__pcode img{height:18px;width:auto;opacity:.9}
.footer__pcode span{color:rgba(255,255,255,.6)}.footer__pcode b{color:#fff;letter-spacing:.06em}
.footer__pcode:hover span{color:#fff}
.footer__pmore{margin-left:6px;font-size:13px;color:var(--red,#FF0832);text-decoration:none}
@media (max-width:640px){.footer__pmore{margin-left:0}}

/* /links: our codes in one place */
.lcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.lcard{display:flex;flex-direction:column;gap:14px;padding:26px;background:var(--bg-2);border:1px solid var(--line)}
.lcard__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lcard__logo{height:40px;width:auto;max-width:220px;object-fit:contain}
.lcard__name{font-family:var(--display);font-size:26px;text-transform:uppercase;letter-spacing:.04em}
.lcard__blurb{margin:0;font-size:15px;color:var(--muted);line-height:1.5}
.lcard__code{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;background:var(--bg);border:1px dashed var(--line-2,var(--line))}
.lcard__code strong{font-family:var(--display);font-size:24px;letter-spacing:.08em;color:var(--white)}
.lcard__code .btn{margin-left:auto}
.lcard>.btn--red{align-self:flex-start}
.lrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.lrow__item{display:flex;flex-direction:column;gap:2px;padding:16px 18px;background:var(--bg-2);border:1px solid var(--line);color:inherit;text-decoration:none;font-weight:700;transition:.15s}
.lrow__item small{font-weight:400;color:var(--muted);font-size:13px}
.lrow__item:hover{border-color:var(--red)}
.plogos{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.plogos__item{display:flex;flex-direction:column;gap:6px;align-items:flex-start;color:inherit;text-decoration:none}
.plogos__item img{height:34px;width:auto;opacity:.9}.plogos__item span{font-family:var(--display);font-size:22px;text-transform:uppercase}
.plogos__item small{font-size:12.5px;color:var(--muted)}.plogos__item:hover img{opacity:1}

/* team page: region rosters */
.player__x{display:inline-block;margin-top:6px;color:var(--muted,#9a9aa3);font:600 13px var(--cond);letter-spacing:.06em}.player__x:hover{color:#fff}
.grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1000px){.grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.grid--5 .player__handle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__handle--long{font-size:16px;letter-spacing:.01em}.player__hero--crest{object-fit:contain;object-position:center 35%;width:100%;height:70%;opacity:.14;inset:0 0 auto 0}
@media(max-width:620px){.grid--5 .player__info{padding:12px}.grid--5 .player__handle{font-size:16px}.grid--5 .player__handle--long{font-size:12px}.grid--5 .player__role{font-size:11px;letter-spacing:.12em}}
/* Teams page: titles line up across cards whatever the blurb length */
.division--top{justify-content:flex-start;padding-top:72px}.division--top .division__short{min-height:44px}.division--top .division__game{white-space:nowrap}
@media(max-width:700px){.division--top{padding-top:52px;min-height:0!important}}

/* division cards: the character sits in the middle of the card */
.division__ghost{right:auto;left:50%;transform:translateX(-50%);object-position:center top}
.division__game{white-space:nowrap}

/* /links: link-in-bio in the site's own look. One column, angled plates, red edge on hover */
.bio{padding:clamp(36px,6vw,72px) 0 clamp(48px,7vw,88px);position:relative}
.bio__wrap{max-width:600px;margin:0 auto;padding-inline:var(--gutter)}
.bio__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:28px}
.bio__crest{width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(255,8,50,.35))}
.bio__word{height:40px;width:auto}
.bio__tag{margin:0;font:600 15px var(--cond);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.bio__via{margin-top:2px}
.bio__socials{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap;justify-content:center}
.bio__socials a{display:grid;place-items:center;width:48px;height:48px;background:rgba(19,19,22,.9);border:1px solid var(--line);color:#fff;transition:.15s;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.bio__socials a svg{width:20px;height:20px}
.bio__socials a:hover{background:var(--red);border-color:var(--red)}
.bio__h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font:700 14px var(--cond);letter-spacing:.22em;color:var(--red);margin:30px 0 12px}
.bio__h small{font:500 13px var(--body);letter-spacing:0;text-transform:none;color:var(--muted)}
.blinks{display:grid;gap:10px}
.blink,.bcode__main{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:14px 18px 14px 14px;background:rgba(19,19,22,.92);border:1px solid var(--line);color:#fff;transition:border-color .15s,transform .15s,background .15s}
.blink{clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.blink::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);transform:scaleY(0);transition:transform .15s}
.blink:hover,.blink:focus-visible{border-color:#3a3a42;background:rgba(26,26,30,.96);transform:translateX(3px)}
.blink:hover::before,.blink:focus-visible::before,.blink--hot::before{transform:none}
.blink:focus-visible,.bcode__main:focus-visible,.bcode__copy:focus-visible,.bio__socials a:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.blink__ic{display:grid;place-items:center;width:44px;height:44px;background:var(--bg);border:1px solid var(--line);color:#fff}
.blink__ic svg{width:22px;height:22px}
.blink--hot{background:linear-gradient(90deg,rgba(255,8,50,.16),rgba(19,19,22,.92) 70%);border-color:rgba(255,8,50,.45)}
.blink--hot .blink__ic{background:var(--red);border-color:var(--red)}
.blink__txt{display:grid;gap:1px;min-width:0}
.blink__txt b{font:700 18px var(--cond);letter-spacing:.1em;text-transform:uppercase}
.blink__txt small{font:14px/1.35 var(--body);color:var(--muted)}
.blink__go{width:18px;height:18px;color:var(--muted);transition:.15s}
.blink:hover .blink__go,.bcode__main:hover .blink__go{color:var(--red);transform:translate(2px,-2px)}
/* featured: the fan jersey */
.bfeat{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:12px;margin-bottom:4px;padding:20px 0 20px 22px;background:linear-gradient(115deg,#1d1d22,#121215 60%);border:1px solid var(--line);color:#fff;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);transition:border-color .15s}
.bfeat::after{content:"";position:absolute;right:-30px;top:-20%;bottom:-20%;width:120px;background:var(--red);transform:skewX(-14deg);opacity:.9;z-index:0}
.bfeat:hover{border-color:var(--red)}
.bfeat__txt{display:grid;gap:4px;position:relative;z-index:1}
.bfeat__txt .eyebrow{margin:0;font-size:12px}
.bfeat__txt b{font:700 clamp(24px,5vw,30px)/1 var(--display);text-transform:uppercase;letter-spacing:.03em}
.bfeat__txt small{font:14px/1.4 var(--body);color:#cfcfd6}
.bfeat__cta{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font:700 14px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.bfeat__cta svg{width:14px;height:14px}
.bfeat__img{position:relative;z-index:1;width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}
/* partner codes: the plate goes to the brand, the code chip copies */
.bcode{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.bcode__main{border-right:0;grid-template-columns:96px minmax(0,1fr) 20px}
.bcode__main:hover{background:rgba(26,26,30,.96);border-color:#3a3a42}
.bcode__logo{display:grid;place-items:center;height:44px;background:var(--bg);border:1px solid var(--line);padding:0 8px}
.bcode__logo img{max-height:22px;width:auto;max-width:100%;object-fit:contain}
.bcode__logo b{font:700 13px var(--cond);letter-spacing:.08em;text-transform:uppercase;text-align:center;line-height:1.05}
.bcode__copy{display:grid;align-content:center;justify-items:center;gap:0;min-width:112px;padding:8px 16px 8px 14px;background:var(--bg);border:1px dashed #3a3a42;color:#fff;cursor:pointer;font:inherit;transition:.15s}
.bcode__copy span{font:700 10px var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.bcode__copy strong{font:700 16px var(--display);letter-spacing:.06em}
.bcode__copy em{font:700 11px var(--cond);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.bcode__copy:hover{border-color:var(--red)}
.bcode__copy.is-copied{background:var(--red);border-color:var(--red)}.bcode__copy.is-copied em,.bcode__copy.is-copied span{color:#fff}
.bio__fine{margin:28px 0 0;font-size:12.5px;color:var(--muted);text-align:center}
@media (max-width:480px){
  .bio__tag{font-size:13px;letter-spacing:.1em}
  .bfeat{grid-template-columns:minmax(0,1fr) 112px;padding-left:16px}.bfeat__img{width:112px;height:112px}.bfeat::after{width:90px}
  .blink,.bcode__main{gap:12px;padding:12px 14px 12px 12px;grid-template-columns:40px minmax(0,1fr) 18px}
  .blink__ic{width:40px;height:40px}.blink__txt b{font-size:17px}.blink__txt small{font-size:13px}
  .bcode{grid-template-columns:1fr}.bcode__main{grid-template-columns:84px minmax(0,1fr) 18px;border-right:1px solid var(--line)}
  .bcode__copy{grid-template-columns:auto auto auto;justify-content:center;gap:10px;min-width:0;padding:10px;border-top:0}
}

/* /media-kit: logos and stream files for creators and casters */
.mk__top{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:40px}
.mk__group{margin-bottom:44px}
.mk__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;align-items:start}
.mk__item{display:flex;flex-direction:column;background:rgba(19,19,22,.92);border:1px solid var(--line);color:#fff;transition:border-color .15s,transform .15s}
.mk__item--wide{grid-column:span 2}
.mk__item:hover{border-color:var(--red);transform:translateY(-2px)}
.mk__item:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.mk__thumb{display:grid;place-items:center;aspect-ratio:16/10;padding:18px;border-bottom:1px solid var(--line)}
.mk__thumb img{max-width:100%;max-height:100%;object-fit:contain}
.mk__thumb--dark{background:#0c0c0e;background-image:linear-gradient(45deg,#16161a 25%,transparent 25%),linear-gradient(-45deg,#16161a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#16161a 75%),linear-gradient(-45deg,transparent 75%,#16161a 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.mk__thumb--none{background:#0c0c0e;padding:0}
.mk__thumb--none img{width:100%;height:100%;object-fit:cover}
.mk__meta{display:grid;gap:2px;padding:12px 14px 4px}
.mk__meta b{font:700 16px var(--cond);letter-spacing:.08em;text-transform:uppercase}
.mk__meta small{font:13px var(--body);color:var(--muted)}
.mk__dl{margin:6px 14px 14px;font:700 13px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.mk__info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:8px}
.mk__card{background:rgba(19,19,22,.92);border:1px solid var(--line);padding:22px}
.mk__dl-list{margin:0;display:grid;gap:10px}
.mk__dl-list div{display:grid;grid-template-columns:96px 1fr;gap:10px}
.mk__dl-list dt{font:700 12px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.mk__dl-list dd{margin:0;font-weight:600}
.mk__swatches{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.mk__sw{display:grid;grid-template-columns:22px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;background:var(--bg);border:1px solid var(--line);color:#fff;padding:8px 12px 8px 8px;cursor:pointer;font:700 14px var(--cond);letter-spacing:.06em;text-align:left}
.mk__sw i{grid-row:span 2;width:22px;height:22px;background:var(--c);border:1px solid #3a3a42}
.mk__sw small{font:11px var(--body);color:var(--muted);letter-spacing:0}
.mk__sw:hover,.mk__sw.is-copied{border-color:var(--red)}
.mk__roster{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.mk__roster li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px}
.mk__roster b{font:700 17px var(--cond);letter-spacing:.06em}
.mk__roster span{color:var(--muted);font-size:14px}
.mk__rules{margin:0;padding-left:18px;display:grid;gap:8px;font-size:15px}
@media (max-width:560px){.mk__item--wide{grid-column:auto}.mk__grid{grid-template-columns:1fr 1fr}.mk__thumb{padding:10px}}