:root{--t-tap:.15s;--t-ui:.3s;--t-big:.8s;--ease-std:cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
/* ================= Game day hub (home) ================= */
.gdx{position:relative;overflow:hidden;isolation:isolate;background:#fff;color:var(--ink);border:0;padding:clamp(52px,6vw,92px) 0 clamp(52px,6vw,84px);--f1:#4a1f9a;--f2:#d41f2b}
.gdx-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.gdx-yard{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgb(var(--ink-rgb) / .045) 0 1px,transparent 1px 10%);-webkit-mask-image:radial-gradient(120% 90% at 50% 40%,#000 30%,transparent 85%);mask-image:radial-gradient(120% 90% at 50% 40%,#000 30%,transparent 85%)}
.gdx-yard::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(2% - 1px),rgb(var(--ink-rgb) / .035) calc(2% - 1px) 2%);-webkit-mask-image:linear-gradient(180deg,transparent 8%,#000 9%,#000 11%,transparent 12%,transparent 88%,#000 89%,#000 91%,transparent 92%);mask-image:linear-gradient(180deg,transparent 8%,#000 9%,#000 11%,transparent 12%,transparent 88%,#000 89%,#000 91%,transparent 92%)}
.gdx-glow::before,.gdx-glow::after{content:"";position:absolute;width:60vw;height:60vw;max-width:900px;max-height:900px;border-radius:50%;filter:blur(110px);opacity:.1;transition:background-color var(--t-big) var(--ease-std)}
.gdx-glow::before{left:-18vw;top:18%;background-color:var(--f1)}
.gdx-glow::after{right:-18vw;top:26%;background-color:var(--f2)}
.gdx-bg::after{content:"";position:absolute;left:50%;top:-40%;width:90vw;height:70%;transform:translateX(-50%);background:radial-gradient(closest-side,rgb(var(--gold-rgb) / .14),transparent);pointer-events:none}

/* head */
.gdx-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 40px}
.gdx .gd-eye{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#a57c00;font:700 13px/1 var(--display);letter-spacing:.18em;text-transform:uppercase}
.gdx-wk{display:inline-flex;gap:5px;padding:5px 10px;border-radius:999px;border:1px solid rgba(185,143,16,.45);background:#f9f7f1;color:var(--gold-dkr);letter-spacing:.12em}
.gdx-wk b{color:var(--ink)}
.gdx-day{display:flex;align-items:center;gap:14px;margin-top:14px}
.gdx .gdx-day h2{margin:0;font:800 clamp(34px,4.6vw,66px)/.95 var(--display);text-transform:uppercase;letter-spacing:-.02em;color:var(--ink);min-width:0}
.gdx-arr{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid #dedcd3;background:#fff;color:var(--ink);cursor:pointer;transition:background-color var(--t-tap),border-color var(--t-tap),color var(--t-tap),transform var(--t-tap)}
.gdx-arr svg{width:18px;height:18px}
.gdx-arr:hover:not(:disabled){background:var(--gold);border-color:var(--gold);color:var(--ink);transform:scale(1.06)}
.gdx-arr:disabled{opacity:.28;cursor:default}
.gdx-arr:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.gdx-meta{display:flex;flex-wrap:wrap;gap:6px 0;margin:14px 0 0;color:#68665e;font:500 15px/1.3 var(--body)}
.gdx-meta>span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#d4a520;margin:0 12px;vertical-align:middle}
.gdx-meta b{color:var(--ink);font:800 15px/1 var(--display)}

/* scoreboard countdown */
.gdx-count{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.gdx .gd-live{margin:0;color:#59574f;font:700 12.5px/1 var(--display);letter-spacing:.16em}
.gdx .gdx-tiles{display:flex;gap:10px;min-width:0;padding:0;background:none;border:0;border-radius:0}
.gdx .gdx-tiles>div{position:relative;display:grid;justify-items:center;width:84px;padding:14px 0 11px;border-radius:24px;background:linear-gradient(180deg,#26231e 0 50%,#1c1a16 50% 100%);border:1px solid #37322a;box-shadow:0 14px 28px rgb(var(--ink-rgb) / .22),inset 0 1px 0 rgba(255,255,255,.06)}
.gdx .gdx-tiles>div::before{content:"";position:absolute;left:0;right:0;top:calc(50% - 8px);height:1px;background:rgba(0,0,0,.55);box-shadow:0 1px 0 rgba(255,255,255,.05)}
.gdx .gdx-tiles>div::after{content:"";position:absolute;top:calc(50% - 11px);width:5px;height:7px;border-radius:2px;background:#fff;left:-1px;box-shadow:81px 0 0 #fff}
.gdx .gdx-tiles b{font:800 42px/1 var(--display);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 22px rgb(var(--gold-rgb) / .25)}
.gdx .gdx-tiles small{margin-top:7px;font:700 10.5px/1 var(--display);letter-spacing:.16em;color:#9b998e;text-transform:uppercase}
.gdx .gd-count.live .gdx-tiles b{color:var(--gold)}
.gdx .gd-count .rd{height:1.02em;line-height:1.02}
.gdx .gd-count .rd i{transition:transform var(--t-ui) var(--ease-std),opacity var(--t-ui) linear}
.gdx .gd-count .rd i.in{transform:translateY(40%);opacity:0}
.gdx .gd-count .rd i.out{transform:translateY(-40%);opacity:0}
.gdx .gd-count .rd i.in:only-child,.gdx .gd-count .rd i.in:last-child{animation:gdxRd .32s var(--ease-std) forwards}
@keyframes gdxRd{to{transform:none;opacity:1}}

/* kickoff timeline */
.gdx-tl{margin:36px 0 18px;padding:18px 22px 16px;border-radius:28px;background:#fbf9f3;border:1px solid #eae8df;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gdx-tl::-webkit-scrollbar{display:none}
.gdx-track{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));min-width:calc(var(--n) * 128px)}
.gdx-rail,.gdx-fill{position:absolute;top:17px;left:calc(50% / var(--n));height:2px;border-radius:2px}
.gdx-rail{right:calc(50% / var(--n));background:linear-gradient(90deg,#e9e7de,#d6d4cb 12%,#d6d4cb 88%,#e9e7de)}
.gdx-fill{width:calc((100% - 100% / var(--n)) * var(--p) / 100);background:var(--gold);box-shadow:0 0 10px rgb(var(--gold-rgb) / .5)}
.gdx-fill::after{content:"";position:absolute;right:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgb(var(--gold-rgb) / .2)}
.gdx-stop{position:relative;display:grid;justify-items:center;align-content:start;gap:6px;padding:0 6px 2px;border:0;background:none;color:var(--ink);cursor:pointer;font:inherit;border-radius:22px}
.gdx-dot{width:16px;height:16px;margin-top:9px;border-radius:50%;background:#fff;border:2px solid #b9b7ac;transition:transform var(--t-ui),background-color var(--t-ui),border-color var(--t-ui),box-shadow var(--t-ui);position:relative;z-index:1}
.gdx-stop b{margin-top:4px;font:800 17px/1 var(--display);letter-spacing:.01em;transition:color var(--t-tap)}
.gdx-stop small{font:600 12px/1 var(--body);color:#77756d}
.gdx-pips{display:flex;align-items:center;margin-top:4px;transition:transform var(--t-ui)}
.gdx-pips img{width:26px;height:26px;border-radius:50%;background:#fff;padding:2px;object-fit:contain;border:2px solid #fbf9f3;box-shadow:0 2px 6px rgb(var(--ink-rgb) / .14);margin-left:-8px}
.gdx-pips img:first-child{margin-left:0}
.gdx-pips em{margin-left:5px;font:700 11px/1 var(--display);font-style:normal;color:#68665e}
.gdx-stop:hover .gdx-dot{border-color:var(--gold);transform:scale(1.15)}
.gdx-stop:hover .gdx-pips{transform:translateY(-2px)}
.gdx-stop.past .gdx-dot{background:var(--gold);border-color:var(--gold)}
.gdx-stop.on .gdx-dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 7px rgb(var(--gold-rgb) / .18),0 0 20px rgb(var(--gold-rgb) / .6);transform:scale(1.2)}
.gdx-stop.on b{color:#a57c00}
.gdx-stop:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* division chips */
.gdx-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:18px}
.gdx-chips{display:flex;flex-wrap:wrap;gap:8px}
.gdx-chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 8px 0 15px;border-radius:999px;border:1px solid #e0ded5;background:#fff;color:var(--ink);font:700 13.5px/1 var(--display);letter-spacing:.02em;cursor:pointer;transition:background-color var(--t-tap),border-color var(--t-tap),color var(--t-tap),transform var(--t-tap)}
.gdx-chip em{min-width:22px;padding:4px 6px;border-radius:999px;background:#f0eee5;font:800 11px/1 var(--display);font-style:normal;text-align:center}
.gdx-chip:hover{border-color:#d4a520;transform:translateY(-1px)}
.gdx-chip.on{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.gdx-chip.on em{background:rgb(var(--ink-rgb) / .15)}
.gdx-chip:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.gdx-hint{margin:0;color:#77756d;font:500 13.5px/1.3 var(--body);white-space:nowrap}

/* stage + slate */
.gdx-main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr);gap:22px;align-items:stretch}
.gdx-featwrap{min-width:0;display:flex}
.gdx-feat{position:relative;flex:1;display:flex;flex-direction:column;min-height:460px;padding:24px 28px 22px;border-radius:28px;overflow:hidden;isolation:isolate;color:#fff;background:#16140f;box-shadow:0 30px 70px rgb(var(--ink-rgb) / .28),0 8px 20px rgb(var(--ink-rgb) / .12),inset 0 0 0 1px rgba(255,255,255,.09)}
.gdx-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,var(--c1) 0 49.7%,var(--c2) 50.3% 100%)}
.gdx-art::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(120% 80% at 50% 115%,rgba(8,7,6,.85),transparent 62%),linear-gradient(180deg,rgba(8,7,6,.35),rgba(8,7,6,.55) 55%,rgba(8,7,6,.82)),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 9px)}
.gdx-wm{position:absolute;top:50%;width:62%;max-width:420px;aspect-ratio:1;object-fit:contain;opacity:.16;filter:grayscale(1) brightness(1.8) contrast(1.2);mix-blend-mode:screen}
.gdx-wm.l{left:-14%;transform:translateY(-50%) rotate(-12deg);animation:gdxWmL 1s cubic-bezier(.2,.8,.2,1) both}
.gdx-wm.r{right:-14%;transform:translateY(-50%) rotate(12deg);animation:gdxWmR 1s cubic-bezier(.2,.8,.2,1) both}
.gdx-seam{position:absolute;z-index:2;top:-20%;bottom:-20%;left:calc(50% - 1.5px);width:3px;transform:rotate(15deg);background:linear-gradient(180deg,transparent,rgba(255,255,255,.7) 45%,rgba(255,255,255,.7) 55%,transparent);box-shadow:0 0 24px rgba(255,255,255,.4);opacity:.55}
.gdx-shine{position:absolute;z-index:2;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.16) 50%,transparent 65%);transform:translateX(-110%);animation:gdxShine 1.3s .2s cubic-bezier(.3,.7,.3,1) forwards}
.gdx-ftop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.gdx-div,.gdx-pill{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:999px;background:rgba(8,7,6,.5);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:800 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase}
.gdx-pill b{color:var(--gold);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.gdx-pill.is-final{color:var(--gold)}
.gdx-pill.is-ppd{color:#ffb4b4}
.gdx-ftop .lv-tag{height:34px;padding:0 14px;border-radius:999px;background:var(--red);color:#fff;font:800 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase}
.gdx-ftop .lv-tag i{background:#fff}
.gdx-vsrow{flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:26px 0 22px}
.gdx-side{display:grid;justify-items:center;gap:10px;text-align:center;color:#fff;text-decoration:none;min-width:0;animation:gdxInL .7s cubic-bezier(.2,.8,.2,1) both}
.gdx-vsrow>.gdx-side:last-child{animation-name:gdxInR}
.gdx-plate{display:grid;place-items:center;width:clamp(112px,11.5vw,156px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff,#e9e7de 70%);box-shadow:0 0 0 7px rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.3),0 26px 50px rgba(0,0,0,.5),0 0 70px color-mix(in srgb,var(--tc) 60%,transparent);transition:transform var(--t-ui) var(--ease-std),box-shadow var(--t-ui)}
.gdx-plate img{width:76%;height:76%;object-fit:contain}
.gdx-side:hover .gdx-plate{transform:translateY(-4px) scale(1.05) rotate(-2deg);box-shadow:0 0 0 7px rgb(var(--gold-rgb) / .3),0 0 0 1px rgb(var(--gold-rgb) / .8),0 30px 56px rgba(0,0,0,.55),0 0 90px color-mix(in srgb,var(--tc) 75%,transparent)}
.gdx-side>b{max-width:100%;font:800 clamp(24px,2.7vw,38px)/1 var(--display);text-transform:uppercase;letter-spacing:-.01em;text-shadow:0 3px 20px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gdx-side>small{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.75);font:700 11.5px/1 var(--display);letter-spacing:.14em;text-transform:uppercase}
.gdx-side>small em{padding:4px 8px;border-radius:999px;background:rgba(8,7,6,.45);color:#fff;font-style:normal;letter-spacing:.04em}
.gdx-myt{display:inline-flex;align-items:center;gap:5px;color:var(--gold);font:800 11px/1 var(--display);font-style:normal;letter-spacing:.1em;text-transform:uppercase}
.gdx-myt svg{width:13px;height:13px;fill:var(--gold)}
.gdx-side.win>b{color:var(--gold)}
.gdx-side.lose{opacity:.62}
.gdx-mid{display:grid;justify-items:center;gap:12px}
.gdx-vs{position:relative;display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:rgba(8,7,6,.72);border:2px solid rgb(var(--gold-rgb) / .85);box-shadow:0 0 0 8px rgb(var(--gold-rgb) / .12),0 0 44px rgb(var(--gold-rgb) / .4);font:900 24px/1 var(--display);letter-spacing:.06em;color:var(--gold);animation:gdxPop .6s .2s cubic-bezier(.3,1.6,.5,1) both}
.gdx-vs::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid rgb(var(--gold-rgb) / .6);animation:gdxRing 2.6s 1s ease-out infinite}
.gdx-kick{display:flex;align-items:baseline;gap:5px;padding:7px 14px;border-radius:16px;background:rgba(8,7,6,.5);border:1px solid rgba(255,255,255,.12)}
.gdx-kick b{font:800 26px/1 var(--display);font-variant-numeric:tabular-nums}
.gdx-kick small{font:700 13px/1 var(--display);letter-spacing:.08em;color:#e7d9a8;text-transform:uppercase}
.gdx-score{display:flex;align-items:center;gap:10px;font:900 clamp(52px,6vw,84px)/1 var(--display);font-variant-numeric:tabular-nums;text-shadow:0 6px 30px rgba(0,0,0,.5);animation:gdxPop .6s .15s cubic-bezier(.3,1.4,.5,1) both}
.gdx-score i{font-style:normal;color:var(--gold);font-size:.7em;margin-top:-.1em}
.gdx-score b.lo{opacity:.55}
.gdx .gdx-ffoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px 10px;margin:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.85);font:500 14px/1.3 var(--body)}
.gdx-venue{display:inline-flex;align-items:center;gap:8px;margin-right:auto;min-width:0}
.gdx-venue svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gdx .gdx-ffoot .gdx-venue a{color:#fff;text-decoration:underline;text-decoration-color:rgb(var(--gold-rgb) / .6);text-underline-offset:3px;font-weight:600}
.gdx-ffoot .fe-acts{order:2;gap:8px}
.gdx .gdx-ffoot .fe-act{height:42px;padding:0 15px;border-radius:999px;background:rgba(8,7,6,.45);border:1px solid rgba(255,255,255,.22);color:#fff;font:700 13px/1 var(--display);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color var(--t-tap),border-color var(--t-tap)}
.gdx .gdx-ffoot .fe-act:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5)}
.gdx .gdx-ffoot .gdx-gc{order:3;height:42px;padding:0 20px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;color:var(--ink);font:800 14px/1 var(--display);text-decoration:none;box-shadow:0 10px 26px rgb(var(--gold-rgb) / .3)}
.gdx-ffoot .wx{order:1;margin:0;padding:6px 12px;border-radius:22px;background:rgba(8,7,6,.45);border-color:rgba(255,255,255,.18);color:#fff}
.gdx-ffoot .wx-row small,.gdx-ffoot .wx-load{color:rgba(255,255,255,.75)}
.gdx-ffoot .wx-ico{color:var(--gold)}

.gdx-listwrap{display:flex;flex-direction:column;min-width:0;padding:14px;border-radius:26px;background:#fbf9f3;border:1px solid #eae8df;contain:size}
.gdx-lhead{display:flex;align-items:baseline;justify-content:space-between;padding:6px 8px 12px}
.gdx-lhead b{font:800 13px/1 var(--display);letter-spacing:.16em;text-transform:uppercase}
.gdx-lhead small{color:#77756d;font:600 13px/1 var(--body)}
.gdx-list{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d3d1c8 transparent;padding:0 2px 34px 0;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 44px),transparent)}
.gdx-row{position:relative;flex:none;display:grid;grid-template-columns:50px 56px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:12px 14px 12px 18px;border-radius:24px;border:1px solid #edebe2;background:#fff;color:var(--ink);text-align:left;cursor:pointer;overflow:hidden;font:inherit;transition:background-color var(--t-tap),border-color var(--t-tap),transform var(--t-tap),box-shadow var(--t-tap)}
.gdx-row::before{content:"";position:absolute;left:6px;top:12px;bottom:12px;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--c1),var(--c2))}
.gdx-row:hover{border-color:#dddbd2;box-shadow:0 8px 20px rgb(var(--ink-rgb) / .08);transform:translateX(3px)}
.gdx-row.on{background:linear-gradient(90deg,color-mix(in srgb,var(--c1) 12%,#fff),#fff 70%);border-color:var(--gold);box-shadow:0 12px 28px rgb(var(--ink-rgb) / .12)}
.gdx-row:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.gdx-rt{display:grid;gap:3px}
.gdx-rt b{font:800 18px/1 var(--display);font-variant-numeric:tabular-nums}
.gdx-rt small{font:700 10.5px/1 var(--display);letter-spacing:.12em;color:#77756d}
.gdx-logos{display:flex}
.gdx-logos img{width:34px;height:34px;border-radius:50%;background:#fff;padding:3px;object-fit:contain;border:2px solid #fff;box-shadow:0 3px 8px rgb(var(--ink-rgb) / .16)}
.gdx-logos img+img{margin-left:-12px}
.gdx-rn{min-width:0}
.gdx-rn b{display:block;font:800 15.5px/1.15 var(--display);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gdx-rn b em{font-style:normal;font-weight:600;text-transform:lowercase;color:#87857a;margin:0 2px}
.gdx-rn small{display:block;margin-top:4px;color:#68665e;font:500 12.5px/1.2 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gdx-rmy{color:#a57c00;font-weight:700}
.gdx-rs{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:9px;background:var(--ink);color:var(--gold);font:800 12px/1 var(--display);letter-spacing:.04em;white-space:nowrap}
.gdx-rs.is-live{background:var(--red);color:#fff}
.gdx-rs.is-live i{width:7px;height:7px;border-radius:50%;background:#fff;animation:lvPulse 1.6s ease-out infinite}
.gdx-rs.is-final{background:var(--ink);color:#fff}
.gdx-rs.is-final small{color:var(--gold);font-size:11px}
.gdx-rs.is-ppd{background:#f0eee5;color:#b3121a}
.gdx-row.mine .gdx-rt b{color:#a57c00}
.gdx-prog{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left}
.gdx-playing .gdx-row.on .gdx-prog{animation:gdxProg 7s linear forwards}
.gdx-held .gdx-row.on .gdx-prog{animation-play-state:paused}

.gdx-foot{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:28px}
.gdx-foot a{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font:700 15px/1 var(--display);text-decoration:none}
.gdx-foot a i{font:700 19px/1 var(--body);font-style:normal;color:var(--gold-dk);transition:transform var(--t-tap);margin-top:-2px}
.gdx-foot a:hover{color:#a57c00}
.gdx-foot a:hover i{transform:translateX(4px)}

@keyframes gdxInL{from{opacity:0;transform:translateX(-36px)}to{opacity:1;transform:none}}
@keyframes gdxInR{from{opacity:0;transform:translateX(36px)}to{opacity:1;transform:none}}
@keyframes gdxWmL{from{opacity:0;transform:translate(-40px,-50%) rotate(-24deg)}}
@keyframes gdxWmR{from{opacity:0;transform:translate(40px,-50%) rotate(24deg)}}
@keyframes gdxPop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes gdxRing{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}
@keyframes gdxShine{to{transform:translateX(110%)}}
@keyframes gdxProg{to{transform:scaleX(1)}}

@media (max-width:1100px){
  .gdx .gdx-tiles>div{width:70px}
  .gdx .gdx-tiles b{font-size:34px}
  .gdx .gdx-tiles>div::after{box-shadow:67px 0 0 #fff}
  .gdx-main{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr)}
}
.gdx-more{display:none}
@media (max-width:899px){
  .gdx{padding:40px 0 44px}
  .gdx-head{grid-template-columns:1fr;gap:22px}
  .gdx-day{gap:8px;margin-top:12px}
  .gdx .gdx-day h2{flex:1;order:0;font-size:clamp(24px,7.2vw,44px)}
  .gdx-day #gdPrev{order:1}
  .gdx-day #gdNext{order:2}
  .gdx-arr{width:38px;height:38px}
  .gdx-arr svg{width:16px;height:16px}
  .gdx-meta{font-size:14px;margin-top:10px}
  .gdx-meta b{font-size:14px}
  .gdx-meta>span+span::before{margin:0 9px}
  .gdx-count{align-items:stretch;gap:10px}
  .gdx .gdx-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:stretch;gap:8px;width:100%}
  .gdx .gdx-tiles>div{width:auto;padding:12px 0 10px;border-radius:22px}
  .gdx .gdx-tiles>div::after{display:none}
  .gdx .gdx-tiles b{font-size:clamp(26px,8.4vw,40px)}
  .gdx .gdx-tiles small{font-size:10px;letter-spacing:.12em}
  .gdx-tl{margin:24px -16px 12px;padding:14px 16px 12px;border-radius:0;border-left:0;border-right:0;scroll-snap-type:x proximity}
  .gdx-track{min-width:calc(var(--n) * 104px)}
  .gdx-stop{scroll-snap-align:center}
  .gdx-stop b{font-size:15px}
  .gdx-pips img{width:22px;height:22px}
  .gdx-bar{margin:0 -16px 14px}
  .gdx-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px 16px;scroll-padding:0 16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 28px),transparent)}
  .gdx-chips::-webkit-scrollbar{display:none}
  .gdx-chip{flex:none;height:36px}
  .gdx-hint{display:none}
  .gdx-main{grid-template-columns:1fr;gap:14px}
  .gdx-feat{min-height:0;padding:16px 14px 14px;border-radius:28px;scroll-margin-top:calc(var(--uh-top,70px) + 12px)}
  .gdx-div,.gdx-pill,.gdx-ftop .lv-tag{height:30px;padding:0 11px;font-size:10.5px;letter-spacing:.1em}
  .gdx-vsrow{padding:20px 0 16px;gap:4px}
  .gdx-plate{width:clamp(76px,23vw,112px);box-shadow:0 0 0 5px rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.3),0 16px 30px rgba(0,0,0,.45),0 0 40px color-mix(in srgb,var(--tc) 60%,transparent)}
  .gdx-side{gap:8px}
  .gdx-side>b{font-size:clamp(16px,4.8vw,24px)}
  .gdx-side>small{font-size:9.5px;letter-spacing:.08em;gap:5px}
  .gdx-side>small em{padding:3px 6px}
  .gdx-myt{font-size:9.5px}
  .gdx-mid{gap:8px}
  .gdx-vs{width:50px;height:50px;font-size:16px;box-shadow:0 0 0 5px rgb(var(--gold-rgb) / .12),0 0 26px rgb(var(--gold-rgb) / .4)}
  .gdx-kick{padding:5px 8px;border-radius:10px}
  .gdx-kick b{font-size:18px}
  .gdx-kick small{font-size:11px}
  .gdx-score{font-size:clamp(36px,11vw,52px);gap:5px}
  .gdx .gdx-ffoot{gap:10px 8px;padding-top:14px}
  .gdx .gdx-ffoot .gdx-venue{flex-basis:100%;margin:0}
  .gdx-ffoot .fe-acts{flex:1 1 0;min-width:0}
  .gdx .gdx-ffoot .fe-act{width:100%;justify-content:center;padding:0 10px}
  .gdx .gdx-ffoot .gdx-gc{flex:1 1 0;justify-content:center;margin:0;padding:0 12px;min-width:0}
  .gdx-ffoot .wx{flex-basis:100%}
  .gdx-listwrap{contain:none;padding:10px;border-radius:28px}
  .gdx-lhead{padding:6px 6px 10px}
  .gdx-list{flex:none;overflow:visible;padding:0;-webkit-mask-image:none;mask-image:none}
  .gdx-list:not(.all) .gdx-row:nth-child(n+6){display:none}
  .gdx-rn b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .gdx-row:hover{transform:none}
  .gdx-more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;margin-top:8px;border-radius:22px;border:1px dashed #d3d1c8;background:#fff;color:var(--ink);font:700 14px/1 var(--display);cursor:pointer}
  .gdx-more[hidden]{display:none}
  .gdx-more svg{width:16px;height:16px;transition:transform var(--t-ui)}
  .gdx-list.all+.gdx-more svg{transform:rotate(180deg)}
  .gdx-foot{gap:12px 20px;margin-top:22px}
  .gdx-foot a{font-size:14px}
}
@media (max-width:420px){
  .gdx-row{grid-template-columns:42px 46px minmax(0,1fr) auto;gap:8px;padding:10px 10px 10px 16px}
  .gdx-rt b{font-size:16px}
  .gdx-logos img{width:28px;height:28px}
  .gdx-logos img+img{margin-left:-10px}
  .gdx-rn b{font-size:14px}
  .gdx-rn small{font-size:12px}
  .gdx-rs{padding:5px 7px;font-size:11px}
  .gdx .gdx-ffoot .fe-act,.gdx .gdx-ffoot .gdx-gc{font-size:12.5px}
}
@media (max-width:359px){
  .gdx-rs{display:none}
  .gdx-row{grid-template-columns:40px 44px minmax(0,1fr)}
  .gdx .gdx-ffoot .fe-act span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .gdx-ffoot .fe-acts{flex:none}
  .gdx .gdx-ffoot .fe-act{width:42px;padding:0}
}
@media (prefers-reduced-motion:reduce){
  .gdx-side,.gdx-wm,.gdx-vs,.gdx-score,.gdx-vs::after{animation:none!important}
  .gdx-shine{display:none}
  .gdx-glow::before,.gdx-glow::after{transition:none}
}
/* league data: results without kickoff times */
.gdx-rtf b{font:800 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:#a57c00}
.gdx .gd-count.tba .gdx-tiles b{color:#87857a}
.sched-h{margin:28px 0 12px;font:800 clamp(22px,2.4vw,30px)/1 var(--display);text-transform:uppercase;letter-spacing:.01em}
.sched-h:first-child{margin-top:0}
.gdx-tl[hidden]+.gdx-bar{margin-top:28px}
.gdx .gd-count.tba .gdx-tiles{display:none}
.gdx .gd-count.tba .gd-live{font-size:14px}
.gdx-side>b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.02}
/* ================= Home newsroom ================= */
.nx-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 24px;margin-bottom:26px}
.nx-head>div:first-child{margin-right:auto}
.nx-head .sec-title{margin:0}
.nx-topics{display:flex;flex-wrap:wrap;gap:6px}
.nx-topics button{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:999px;border:1px solid #e0ded5;background:#fff;color:var(--ink);font:700 13px/1 var(--display);cursor:pointer;transition:background-color var(--t-tap),border-color var(--t-tap),color var(--t-tap)}
.nx-topics button i{width:8px;height:8px;border-radius:50%;background:var(--cc)}
.nx-topics button:hover{border-color:#cac8bf}
.nx-topics button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.nx-all{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:999px;background:var(--gold);color:var(--ink);font:800 13.5px/1 var(--display);text-decoration:none;transition:transform var(--t-tap)}
.nx-all:hover{transform:translateX(2px)}
.nx-all i{font-style:normal}

.nx-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:18px;align-items:stretch}
.nx-grid.solo{grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr)}

/* lead */
.nx-lead{position:relative;display:flex;min-height:560px;border-radius:26px;overflow:hidden;isolation:isolate;color:#fff;text-decoration:none;box-shadow:0 30px 60px rgb(var(--ink-rgb) / .18)}
.nx-limg{position:absolute;inset:0;z-index:-2}
.nx-limg img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-big) var(--ease-std)}
.nx-lead:hover .nx-limg img{transform:scale(1.045)}
.nx-lshade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,9,8,0) 22%,rgba(10,9,8,.62) 50%,rgba(10,9,8,.94))}
.nx-lbody{text-shadow:0 2px 14px rgba(0,0,0,.35)}
.nx-lbody{align-self:flex-end;display:grid;gap:12px;padding:clamp(22px,3vw,38px);max-width:760px}
.nx-lead h3{margin:0;font:800 clamp(28px,3.4vw,46px)/1.02 var(--display);text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance}
.nx-lead p{margin:0;max-width:62ch;color:rgba(255,255,255,.85);font:400 16.5px/1.5 var(--body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nx-cta{justify-self:start;display:inline-flex;align-items:center;gap:10px;height:46px;margin-top:4px;padding:0 20px;border-radius:999px;background:#fff;color:var(--ink);font:800 14.5px/1 var(--display);transition:background-color var(--t-tap),gap var(--t-tap)}
.nx-cta i{font-style:normal}
.nx-lead:hover .nx-cta{background:var(--gold);gap:14px}

/* chips and meta */
.nx-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.nx-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--cc) 12%,#fff);color:var(--cc);font:800 11px/1 var(--display);letter-spacing:.1em;text-transform:uppercase}
.nx-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cc)}
.nx-lead .nx-chip{background:rgba(255,255,255,.14);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.nx-lead .nx-chip::before{background:var(--gold)}
.nx-meta{display:inline-flex;align-items:center;gap:10px;color:#77756d;font:600 12.5px/1 var(--body)}
.nx-meta>*+*::before{content:"";display:inline-block;width:3px;height:3px;margin-right:10px;border-radius:50%;background:currentColor;vertical-align:middle;opacity:.6}
.nx-lead .nx-meta{color:rgba(255,255,255,.78)}

/* side column */
.nx-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.nx-wire{padding:18px 18px 14px;border-radius:28px;background:linear-gradient(160deg,#1c1914,#110f0c);color:#fff;box-shadow:0 20px 44px rgb(var(--ink-rgb) / .2)}
.nx-wh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nx-live{display:inline-flex;align-items:center;gap:8px;font:800 11px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.nx-live i{width:8px;height:8px;border-radius:50%;background:var(--red);animation:uhpulse 2s infinite}
.nx-wh a{color:#cbc9c0;font:700 12.5px/1 var(--display);text-decoration:none}
.nx-wh a:hover{color:var(--gold)}
.nx-wire h3{margin:12px 0 4px;font:800 24px/1.05 var(--display);text-transform:uppercase}
.nx-wd{margin:0 0 10px;color:#a3a196;font:500 13px/1.4 var(--body)}
.nx-wd b{color:#fff;font-family:var(--display)}
.nx-wl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none}
.nx-wl em{font:800 10.5px/1 var(--display);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.nx-wl span{font:700 14px/1.2 var(--display);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-wl span b{color:var(--gold)}
.nx-wl small{padding:3px 7px;border-radius:6px;background:rgba(255,255,255,.1);font:800 10.5px/1 var(--display)}
.nx-wl:hover span{color:var(--gold)}
.nx-next{display:flex;align-items:center;gap:12px;margin-top:6px;padding:10px 12px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;transition:background-color var(--t-tap)}
.nx-next:hover{background:rgb(var(--gold-rgb) / .14)}
.nx-nd{flex:none;display:grid;justify-items:center;width:46px;padding:6px 0;border-radius:10px;background:var(--gold);color:var(--ink)}
.nx-next .nx-nd small{display:block;color:var(--ink);font:800 10px/1 var(--display);letter-spacing:.1em;text-transform:uppercase}
.nx-next .nx-nd b{margin:2px 0 0;font:800 20px/1.05 var(--display)}
.nx-next>span:nth-child(2){flex:1;min-width:0}
.nx-next small{display:block;font:700 10.5px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:#a3a196}
.nx-next b{display:block;margin-top:4px;font:800 15px/1.2 var(--display)}
.nx-next i{font-style:normal;color:var(--gold);font-size:18px}

.nx-quick{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;padding:10px;border-radius:26px;background:#fff;border:1px solid #eae8df;color:var(--ink);text-decoration:none;box-shadow:0 8px 20px rgb(var(--ink-rgb) / .05);transition:transform var(--t-ui),box-shadow var(--t-ui);flex:1}
.nx-quick:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgb(var(--ink-rgb) / .1)}
.nx-qimg,.nx-cimg{display:block;position:relative;overflow:hidden;border-radius:22px;background:#f0eee5}
.nx-qimg{aspect-ratio:1;align-self:stretch;min-height:118px}
.nx-qimg img,.nx-cimg img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-big) var(--ease-std)}
.nx-quick:hover img,.nx-card:hover img{transform:scale(1.06)}
.nx-qb{display:flex;flex-direction:column;gap:8px;justify-content:center;padding-right:6px;min-width:0}
.nx-quick h4,.nx-card h4{margin:0;font:800 17px/1.15 var(--display);text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nx-quick:hover h4,.nx-card:hover h4{color:var(--gold-dkr)}
.nx-cover{display:grid;place-items:center;background:linear-gradient(135deg,var(--cc),color-mix(in srgb,var(--cc) 55%,var(--ink)))}
.nx-cover b{color:rgba(255,255,255,.9);font:900 22px/1 var(--display);text-transform:uppercase;letter-spacing:.04em}

/* rail */
.nx-railh{display:flex;align-items:center;justify-content:space-between;margin:34px 0 14px}
.nx-railh h3{margin:0;font:800 20px/1 var(--display);text-transform:uppercase}
.nx-rnav{display:flex;gap:8px}
.nx-rb{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid #dedcd3;background:#fff;color:var(--ink);font:700 16px/1 var(--body);cursor:pointer}
.nx-rb:hover{background:var(--gold);border-color:var(--gold)}
.nx-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 16px) / 4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
.nx-rail::-webkit-scrollbar{display:none}
.nx-card{scroll-snap-align:start;display:flex;flex-direction:column;border-radius:26px;background:#fff;border:1px solid #eae8df;color:var(--ink);text-decoration:none;overflow:hidden;box-shadow:0 8px 20px rgb(var(--ink-rgb) / .05);transition:transform var(--t-ui),box-shadow var(--t-ui)}
.nx-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgb(var(--ink-rgb) / .1)}
.nx-cimg{aspect-ratio:16/10;border-radius:0}
.nx-cb{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px;flex:1}
.nx-cb .nx-meta{margin-top:auto}

@media (max-width:1100px){.nx-grid,.nx-grid.solo{grid-template-columns:1fr}.nx-lead{min-height:480px}.nx-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nx-wire{grid-column:1/-1}.nx-rail{grid-auto-columns:calc((100% - 2 * 16px) / 3)}}
@media (max-width:760px){
  .nx-head{align-items:flex-start}
  .nx-topics{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px;width:calc(100% + 32px)}
  .nx-topics::-webkit-scrollbar{display:none}
  .nx-topics button{flex:none}
  .nx-all{height:34px;padding:0 14px}
  .nx-lead{min-height:440px;border-radius:28px;margin:0 -4px}
  .nx-lead h3{font-size:clamp(24px,7vw,32px)}
  .nx-lead p{font-size:15px;-webkit-line-clamp:2}
  .nx-side{display:flex}
  .nx-quick{grid-template-columns:104px minmax(0,1fr)}
  .nx-qimg{min-height:100px}
  .nx-quick h4{font-size:15.5px}
  .nx-rail{grid-auto-columns:78%;margin:0 -16px;padding:0 16px 6px;scroll-padding:0 16px}
  .nx-rnav{display:none}
}
@media (prefers-reduced-motion:reduce){.nx-limg img,.nx-qimg img,.nx-cimg img{transition:none}.nx-live i{animation:none}}
/* ================= Home: get involved ================= */
.iv{padding:clamp(56px,7vw,96px) 0 clamp(36px,5vw,60px)}
.iv-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 40px;margin-bottom:28px}
.iv-head .sec-title{margin:8px 0 0}
.iv-head p{max-width:400px;margin:0;color:#5c5a52;font:400 16px/1.55 var(--body)}

.iv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.iv-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:500px;padding:22px;border-radius:26px;overflow:hidden;background:var(--ink);color:#fff;text-decoration:none;box-shadow:0 22px 48px rgb(var(--ink-rgb) / .15);transition:transform var(--t-ui) var(--ease-std),box-shadow var(--t-ui)}
.iv-card:hover{transform:translateY(-6px);box-shadow:0 34px 64px rgb(var(--ink-rgb) / .24)}
.iv-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.iv-img{position:absolute;inset:0;z-index:-2}
.iv-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-big) var(--ease-std)}
.iv-card:hover .iv-img img{transform:scale(1.06)}
.iv-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,9,8,.5) 0%,rgba(10,9,8,0) 24%,rgba(10,9,8,.2) 42%,rgba(10,9,8,.9) 74%,#0d0c0a 100%)}
.iv-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.iv-n{font:800 13px/1 var(--display);letter-spacing:.16em;color:rgba(255,255,255,.85)}
.iv-k{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:rgb(var(--ink-rgb) / .42);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:700 11px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.iv-body{display:grid;gap:12px}
.iv-card h3{margin:0;font:900 clamp(30px,2.5vw,40px)/.98 var(--display);text-transform:uppercase;letter-spacing:-.005em;text-wrap:balance}
.iv-card p{margin:0;max-width:36ch;color:rgba(255,255,255,.8);font:400 15px/1.5 var(--body)}
.iv-tags{display:flex;flex-wrap:wrap;gap:6px}
.iv-tags span{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.24);color:rgba(255,255,255,.92);font:700 12px/1 var(--display)}
.iv-go{display:flex;align-items:center;justify-content:space-between;gap:12px;height:54px;margin-top:6px;padding:0 8px 0 20px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:800 14.5px/1 var(--display);transition:background-color var(--t-ui),border-color var(--t-ui),color var(--t-ui)}
.iv-go i{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold);color:var(--ink);font-style:normal;font-size:17px;transition:transform var(--t-ui),background-color var(--t-ui),color var(--t-ui)}
.iv-card:hover .iv-go{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.iv-card:hover .iv-go i{background:var(--ink);color:var(--gold);transform:translateX(3px)}
.iv-card.gold .iv-n{color:var(--gold)}
.iv-card.gold .iv-go{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.iv-card.gold .iv-go i{background:var(--ink);color:var(--gold)}
.iv-card.gold:hover .iv-go{background:#fff;border-color:#fff}

/* partner wall */
.iv-partners{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:28px 48px;margin-top:18px;padding:clamp(24px,3.2vw,44px);border-radius:26px;background:#f5f3ed;border:1px solid #e7e5dc}
.iv-partners h3{margin:10px 0 0;color:var(--ink);font:900 clamp(28px,2.6vw,40px)/1 var(--display);text-transform:uppercase}
.iv-partners h3 span{display:block;color:var(--gold-dk)}
.iv-partners p{margin:12px 0 0;max-width:44ch;color:#5c5a52;font:400 15.5px/1.55 var(--body)}
.iv-pcta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:22px}
.iv-plink{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font:800 14px/1 var(--display);text-decoration:none;transition:color var(--t-tap),gap var(--t-tap)}
.iv-plink svg{transition:transform var(--t-tap)}.iv-plink:hover svg{transform:translateX(2px)}
.iv-plink:hover{color:var(--gold-dkr);gap:12px}
.iv-logos.plogos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex-wrap:initial}
.iv-logos .p{display:grid;place-items:center;height:108px;padding:16px 22px;border-radius:24px;background:#fff;border:1px solid #e7e5dc;box-shadow:0 6px 16px rgb(var(--ink-rgb) / .04);text-decoration:none;transition:transform var(--t-ui),box-shadow var(--t-ui),border-color var(--t-ui)}
.iv-logos .p img{max-height:64px;max-width:100%;width:auto;height:auto;object-fit:contain}
.iv-logos .p>b:only-child{color:var(--ink);font:800 15px/1.2 var(--display);text-align:center}
.iv-logos a.p:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgb(var(--ink-rgb) / .09)}
.iv-logos .iv-you{grid-auto-flow:row;align-content:center;gap:8px;background:transparent;border:1.5px dashed #d6ccb8;box-shadow:none;color:#68665e;font:800 13px/1 var(--display)}
.iv-logos .iv-you b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gold);color:var(--ink);font:800 19px/1 var(--display)}
.iv-logos .iv-you:hover{border-color:var(--gold);color:var(--ink);box-shadow:none}

@media (max-width:1023px){
  .iv-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(300px,46%);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--gutter,20px));padding:4px var(--gutter,20px) 26px;scroll-padding:0 var(--gutter,20px)}
  .iv-grid::-webkit-scrollbar{display:none}
  .iv-card{scroll-snap-align:start;min-height:470px}
  .iv-card:hover{transform:none}
  .iv-partners{grid-template-columns:1fr;margin-top:0}
}
@media (max-width:640px){
  .iv-head{margin-bottom:20px}
  .iv-head p{font-size:15px}
  .iv-grid{grid-auto-columns:84%;gap:12px}
  .iv-card{min-height:440px;padding:18px;border-radius:28px}
  .iv-card h3{font-size:30px}
  .iv-go{height:50px}
  .iv-partners{padding:22px 18px;border-radius:28px}
  .iv-logos.plogos{gap:10px}
  .iv-logos .p{height:84px;padding:12px 14px;border-radius:22px}
  .iv-logos .p img{max-height:48px}
}
@media (prefers-reduced-motion:reduce){.iv-card,.iv-img img,.iv-go,.iv-go i,.iv-logos .p{transition:none}.iv-card:hover{transform:none}.iv-card:hover .iv-img img{transform:none}}
/* ================= Home: Heisman House trophy room ================= */
.tr{position:relative;isolation:isolate;overflow:hidden;margin-inline:clamp(8px,1.6vw,24px);padding:clamp(64px,8vw,112px) 0 clamp(56px,7vw,96px);border-radius:clamp(28px,3vw,36px);color:var(--ink);
  background:radial-gradient(70% 50% at 50% -10%,rgb(var(--gold-rgb) / .14) 0%,rgb(var(--gold-rgb) / 0) 70%),#fff}
.tr-dust{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.7;
  background-image:radial-gradient(1.6px 1.6px at 12% 18%,rgba(185,143,16,.55),transparent),radial-gradient(1.2px 1.2px at 27% 44%,rgba(185,143,16,.45),transparent),radial-gradient(1.8px 1.8px at 46% 12%,rgba(185,143,16,.5),transparent),radial-gradient(1.2px 1.2px at 63% 36%,rgba(185,143,16,.4),transparent),radial-gradient(1.6px 1.6px at 81% 16%,rgba(185,143,16,.55),transparent),radial-gradient(1.2px 1.2px at 91% 48%,rgba(185,143,16,.4),transparent),radial-gradient(1.4px 1.4px at 8% 62%,rgba(185,143,16,.4),transparent),radial-gradient(1.2px 1.2px at 55% 58%,rgba(185,143,16,.35),transparent)}
@media (prefers-reduced-motion:no-preference){
  .tr-dust{animation:trTwinkle 5s ease-in-out infinite alternate}
  .tr-title{animation:trFoil 7s ease-in-out infinite}
}
@keyframes trTwinkle{from{opacity:.35}to{opacity:.8}}
@keyframes trFoil{0%,55%{background-position:100% 0}100%{background-position:0 0}}

/* intro + poster */
.tr-top{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:56px}
.tr .eyebrow{color:var(--gold-dk)}
.tr-title{margin:12px 0 0;font:900 clamp(52px,7.2vw,110px)/.88 var(--display);text-transform:uppercase;letter-spacing:-.012em;
  background:linear-gradient(100deg,var(--ink) 0%,var(--ink) 40%,var(--gold-dkr) 45%,var(--gold) 50%,var(--gold-dkr) 55%,var(--ink) 60%,var(--ink) 100%);background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent}
.tr-lede{margin:20px 0 0;max-width:46ch;color:#5c5a52;font:400 17px/1.6 var(--body)}
.tr-stats{display:flex;margin-top:28px;border-block:1px solid #ebe3cf}
.tr-stats>div{flex:1;padding:14px 0 14px 18px;border-left:1px solid #ebe3cf}
.tr-stats>div:first-child{padding-left:0;border-left:0}
.tr-stats b{display:block;color:var(--gold-dk);font:900 clamp(24px,2.4vw,32px)/1 var(--display);white-space:nowrap}
.tr-stats span{display:block;margin-top:7px;color:#77756d;font:700 11px/1 var(--display);letter-spacing:.14em;text-transform:uppercase}
.tr-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin-top:30px}
.tr-link{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font:800 14.5px/1 var(--display);text-decoration:none;transition:color var(--t-tap),gap var(--t-tap)}
.tr-link:hover{color:var(--gold-dkr);gap:12px}

.tr-poster{position:relative;display:block;padding:0 0 64px 0;color:inherit;text-decoration:none}
.tr-frame{display:block;padding:10px;border-radius:26px;background:linear-gradient(135deg,#f3d77a,#9c7a14 28%,#e8c65a 52%,#7d600c 76%,#e0bd4e);box-shadow:0 34px 70px rgb(var(--ink-rgb) / .22),0 0 60px rgb(var(--gold-rgb) / .14);transform:rotate(-2deg);transition:transform var(--t-big) var(--ease-std)}
.tr-photo{position:relative;display:block;aspect-ratio:16/11;overflow:hidden;border-radius:24px;background:#000}
.tr-photo img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-big) var(--ease-std)}
.tr-glint{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.3) 48%,transparent 61%);transform:translateX(-130%);transition:transform var(--t-big) var(--ease-std)}
.tr-poster:hover .tr-frame{transform:rotate(0) translateY(-4px)}
.tr-poster:hover .tr-photo img{transform:scale(1.04)}
.tr-poster:hover .tr-glint{transform:translateX(130%)}
.tr-poster:focus-visible{outline:none}.tr-poster:focus-visible .tr-frame{outline:3px solid var(--ink);outline-offset:4px}
.tr-ticket{position:absolute;left:-28px;bottom:0;display:flex;width:min(460px,86%);border-radius:22px;background:#f6ecd2;color:#1a1712;box-shadow:0 22px 40px rgb(var(--ink-rgb) / .2),inset 0 0 0 1px #e9dcb8;transform:rotate(2.5deg);transition:transform var(--t-big) var(--ease-std);
  -webkit-mask:radial-gradient(circle 11px at calc(100% - 100px) 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 11px at calc(100% - 100px) 100%,#0000 97%,#000) bottom/100% 51% no-repeat;
  mask:radial-gradient(circle 11px at calc(100% - 100px) 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 11px at calc(100% - 100px) 100%,#0000 97%,#000) bottom/100% 51% no-repeat}
.tr-poster:hover .tr-ticket{transform:rotate(0) translate(6px,-4px)}
.tr-tk-main{flex:1;min-width:0;padding:16px 18px 17px 20px}
.tr-tk-main small{display:block;color:#9a7a14;font:800 10.5px/1 var(--display);letter-spacing:.16em;text-transform:uppercase}
.tr-ticket h3{margin:7px 0 0;color:#1a1712;font:900 clamp(16px,1.5vw,20px)/1.08 var(--display);text-transform:uppercase}
.tr-tk-stub{flex:none;display:grid;place-items:center;align-content:center;gap:3px;width:100px;border-left:2px dashed rgba(26,23,18,.26);text-align:center}
.tr-tk-stub small{color:#7a735f;font:800 9.5px/1 var(--display);letter-spacing:.18em;text-transform:uppercase}
.tr-tk-stub b{font:900 20px/1 var(--display);text-transform:uppercase}
.tr-tk-stub i{display:grid;place-items:center;width:32px;height:32px;margin-top:4px;border-radius:50%;background:#1a1712;color:var(--gold);transition:transform var(--t-ui)}
.tr-poster:hover .tr-tk-stub i{transform:translateX(3px)}

@media (max-width:1023px){
  .tr-top{grid-template-columns:1fr;gap:44px}
  .tr-poster{max-width:640px;padding-bottom:70px}
  .tr-ticket{left:14px}
}
@media (max-width:640px){
  .tr{padding-top:56px}
  .tr-lede{font-size:15.5px}
  .tr-stats>div{padding-left:12px}
  .tr-poster{padding-bottom:88px}
  .tr-frame{padding:7px;border-radius:26px}
  .tr-photo{border-radius:22px}
  .tr-ticket{left:10px;width:calc(100% - 20px)}
  .tr-tk-stub{width:84px}
}
@media (prefers-reduced-motion:reduce){.tr-frame,.tr-ticket,.tr-photo img,.tr-glint{transition:none}}

/* original awards rail, restyled for the white stage */
.tr .awards-wrap{margin-top:clamp(48px,6vw,80px)}
.tr .award{color:#fff}
.tr .arrows button{color:var(--ink);border-color:#dbd9d0}
.tr .arrows button:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.tr .divisions span{color:var(--ink);border-color:#e1dfd6;background:#fff}
.tr .divisions span b{color:var(--gold-dk)}

/* dark mode: the stage goes back to night */
html[data-theme="dark"] .tr{color:#fff;background:radial-gradient(70% 55% at 50% -8%,#3a2f14 0%,rgba(58,47,20,0) 70%),radial-gradient(60% 50% at 100% 100%,#241d0e 0%,rgba(36,29,14,0) 70%),#0c0b09}
html[data-theme="dark"] .tr .eyebrow{color:var(--gold)}
html[data-theme="dark"] .tr-title{background-image:linear-gradient(100deg,#fff 0%,#fff 40%,#ffe7a3 46%,var(--gold) 50%,#ffe7a3 54%,#fff 60%,#fff 100%)}
html[data-theme="dark"] .tr-lede{color:#cac8bf}
html[data-theme="dark"] .tr-stats{border-color:rgb(var(--gold-rgb) / .22)}
html[data-theme="dark"] .tr-stats>div{border-left-color:rgb(var(--gold-rgb) / .16)}
html[data-theme="dark"] .tr-stats b{color:var(--gold)}
html[data-theme="dark"] .tr-stats span{color:#a4a297}
html[data-theme="dark"] .tr-link{color:#fff}
html[data-theme="dark"] .tr-link:hover{color:var(--gold)}
html[data-theme="dark"] .tr .arrows button{color:#fff;border-color:rgba(255,255,255,.25)}
html[data-theme="dark"] .tr .arrows button:hover{color:var(--ink)}
html[data-theme="dark"] .tr .divisions span{color:#e8e6dd;border-color:var(--line-dark);background:transparent}
html[data-theme="dark"] .tr .divisions span b{color:var(--gold)}

/* Dark theme, generated by tools/darkgen.js from the light stylesheet. Do not edit by hand. */
html[data-theme="dark"]{color-scheme:dark;--paper:#171510;--grey:#12110e;--line:#2e2a24;--text-dim:#a9a296;--bg:#0f0e0c}html[data-theme="dark"] body{background:#0f0e0c;color:#e6e1d6}html[data-theme="dark"] .uh .nav-logo img:not(.nav-logo-alt){display:none}html[data-theme="dark"] .uh .nav-logo-alt{display:block}html[data-theme="dark"] img:not([src$=".svg"]){filter:none}
html[data-theme="dark"] .gdx{background-color:rgb(17, 17, 16);color:rgb(236, 232, 223)}html[data-theme="dark"] .gdx-yard{background-image:repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.039) 0px, rgba(255, 255, 255, 0.039) 1px, transparent 1px, transparent 10%)}html[data-theme="dark"] .gdx-yard::after{background-image:repeating-linear-gradient(90deg, transparent 0px, transparent calc(2% - 1px), rgba(255, 255, 255, 0.032) calc(2% - 1px), rgba(255, 255, 255, 0.032) 2%)}html[data-theme="dark"] .gdx .gd-eye{color:rgb(255, 212, 82)}html[data-theme="dark"] .gdx-wk{background-color:rgb(60, 53, 30)}html[data-theme="dark"] .gdx-wk b{color:rgb(236, 232, 223)}html[data-theme="dark"] .gdx .gdx-day h2{color:rgb(236, 232, 223)}html[data-theme="dark"] .gdx-arr{border-top-color:rgb(72, 69, 63);border-right-color:rgb(72, 69, 63);border-bottom-color:rgb(72, 69, 63);border-left-color:rgb(72, 69, 63);background-color:rgb(30, 30, 28);color:rgb(236, 232, 223)}html[data-theme="dark"] .gdx-meta{color:rgb(168, 165, 159)}html[data-theme="dark"] .gdx-meta b{color:rgb(236, 232, 223)}html[data-theme="dark"] .gdx .gd-live{color:rgb(180, 178, 173)}html[data-theme="dark"] .gdx .gdx-tiles > div::after{background-color:rgb(30, 30, 28);box-shadow:rgb(50, 49, 47) 81px 0px 0px}html[data-theme="dark"] .gdx-tl{background-color:rgb(42, 40, 33);border-top-color:rgb(67, 63, 56);border-right-color:rgb(67, 63, 56);border-bottom-color:rgb(67, 63, 56);border-left-color:rgb(67, 63, 56)}html[data-theme="dark"] .gdx-rail{background-image:linear-gradient(90deg, rgb(52, 49, 42), rgb(75, 72, 65) 12%, rgb(75, 72, 65) 88%, rgb(52, 49, 42))}html[data-theme="dark"] .gdx-stop{color:rgb(236, 232, 223)}html[data-theme="dark"] .gdx-dot{background-color:rgb(30, 30, 28);border-top-color:rgb(90, 88, 82);border-right-color:rgb(90, 88, 82);border-bottom-color:rgb(90, 88, 82);border-left-color:rgb(90, 88, 82)}html[data-theme="dark"] .gdx-stop small{color:rgb(155, 151, 146)}html[data-theme="dark"] .gdx-pips img{border-top-color:rgb(57, 55, 47);border-right-color:rgb(57, 55, 47);border-bottom-color:rgb(57, 55, 47);border-left-color:rgb(57, 55, 47)}html[data-theme="dark"] .gdx-pips em{color:rgb(168, 165, 159)}html[data-theme="dark"] .gdx-stop.on b{color:rgb(255, 212, 82)}html[data-theme="dark"] .gdx-chip{border-top-color:rgb(70, 68, 62);border-right-color:rgb(70, 68, 62);border-bottom-color:rgb(70, 68, 62);border-left-color:rgb(70, 68, 62);background-color:rgb(30, 30, 28);color:rgb(236, 232, 223)}html[data-theme="dark"] .gdx-chip em{background-color:rgb(57, 53, 46)}html[data-theme="dark"] .gdx-chip.on em{background-color:rgba(255, 255, 255, 0.135)}html[data-theme="dark"] .gdx-hint{color:rgb(155, 151, 146)}html[data-theme="dark"] .gdx-art::before{background-image:radial-gradient(120% 80% at 50% 115%, rgba(8, 7, 6, 0.85), transparent 62%), linear-gradient(rgba(8, 7, 6, 0.35), rgba(8, 7, 6, 0.55) 55%, rgba(8, 7, 6, 0.82)), repeating-linear-gradient(135deg, rgba(24, 22, 19, 0.035) 0px, rgba(24, 22, 19, 0.035) 2px, transparent 2px, transparent 9px)}html[data-theme="dark"] .gdx-seam{background-image:linear-gradient(transparent, rgba(24, 22, 19, 0.7) 45%, rgba(24, 22, 19, 0.7) 55%, transparent)}html[data-theme="dark"] .gdx-shine{background-image:linear-gradient(110deg, transparent 35%, rgba(24, 22, 19, 0.16) 50%, transparent 65%)}html[data-theme="dark"] .gdx-ftop .lv-tag i{background-color:rgb(17, 17, 16)}html[data-theme="dark"] .gdx .gdx-ffoot .fe-act:hover{background-color:rgba(24, 22, 19, 0.14);border-top-color:rgba(50, 49, 47, 0.5);border-right-color:rgba(50, 49, 47, 0.5);border-bottom-color:rgba(50, 49, 47, 0.5);border-left-color:rgba(50, 49, 47, 0.5)}html[data-theme="dark"] .gdx .gdx-ffoot .gdx-gc{color:rgb(236, 232, 223)}html[data-theme="dark"] .gdx-listwrap{background-color:rgb(42, 40, 33);border-top-color:rgb(67, 63, 56);border-right-color:rgb(67, 63, 56);border-bottom-color:rgb(67, 63, 56);border-left-color:rgb(67, 63, 56)}html[data-theme="dark"] .gdx-lhead small{color:rgb(155, 151, 146)}html[data-theme="dark"] .gdx-row{border-top-color:rgb(65, 61, 54);border-right-color:rgb(65, 61, 54);border-bottom-color:rgb(65, 61, 54);border-left-color:rgb(65, 61, 54);background-color:rgb(30, 30, 28);color:rgb(236, 232, 223)}html[data-theme="dark"] .gdx-row:hover{border-top-color:rgb(73, 70, 63);border-right-color:rgb(73, 70, 63);border-bottom-color:rgb(73, 70, 63);border-left-color:rgb(73, 70, 63)}html[data-theme="dark"] .gdx-row.on{background:linear-gradient(90deg,color-mix(in srgb,var(--c1) 12%,rgb(30, 30, 28)),rgb(30, 30, 28) 70%)}html[data-theme="dark"] .gdx-rt small{color:rgb(155, 151, 146)}html[data-theme="dark"] .gdx-logos img{border-top-color:rgb(50, 49, 47);border-right-color:rgb(50, 49, 47);border-bottom-color:rgb(50, 49, 47);border-left-color:rgb(50, 49, 47)}html[data-theme="dark"] .gdx-rn small{color:rgb(168, 165, 159)}html[data-theme="dark"] .gdx-rmy{color:rgb(255, 212, 82)}html[data-theme="dark"] .gdx-rs{background-color:rgb(44, 40, 34)}html[data-theme="dark"] .gdx-rs.is-live i{background-color:rgb(30, 30, 28)}html[data-theme="dark"] .gdx-rs.is-ppd{background-color:rgb(41, 21, 21)}html[data-theme="dark"] .gdx-row.mine .gdx-rt b{color:rgb(255, 212, 82)}html[data-theme="dark"] .gdx-foot a{color:rgb(236, 232, 223)}html[data-theme="dark"] .gdx-foot a i{color:rgb(243, 210, 111)}html[data-theme="dark"] .gdx-foot a:hover{color:rgb(255, 212, 82)}@media (max-width: 1100px){html[data-theme="dark"] .gdx .gdx-tiles > div::after{box-shadow:rgb(50, 49, 47) 67px 0px 0px}}@media (max-width: 899px){html[data-theme="dark"] .gdx-more{border-top-color:rgb(78, 75, 69);border-right-color:rgb(78, 75, 69);border-bottom-color:rgb(78, 75, 69);border-left-color:rgb(78, 75, 69);background-color:rgb(30, 30, 28);color:rgb(236, 232, 223)}}html[data-theme="dark"] .gdx-rtf b{color:rgb(255, 212, 82)}html[data-theme="dark"] .nx-topics button{border-top-color:rgb(70, 68, 62);border-right-color:rgb(70, 68, 62);border-bottom-color:rgb(70, 68, 62);border-left-color:rgb(70, 68, 62);background-color:rgb(30, 30, 28);color:rgb(236, 232, 223)}html[data-theme="dark"] .nx-topics button:hover{border-top-color:rgb(83, 80, 73);border-right-color:rgb(83, 80, 73);border-bottom-color:rgb(83, 80, 73);border-left-color:rgb(83, 80, 73)}html[data-theme="dark"] .nx-topics button[aria-pressed="true"]{background-color:rgb(236, 232, 223);color:var(--ink)}html[data-theme="dark"] .nx-lshade{background-image:linear-gradient(rgba(255, 255, 255, 0) 22%, rgba(10, 9, 8, 0.62) 50%, rgba(10, 9, 8, 0.94))}html[data-theme="dark"] .nx-cta{background-color:rgb(30, 30, 28);color:rgb(236, 232, 223)}html[data-theme="dark"] .nx-chip{background:color-mix(in srgb,var(--cc) 12%,rgb(30, 30, 28))}html[data-theme="dark"] .nx-lead .nx-chip{background-color:rgba(24, 22, 19, 0.14)}html[data-theme="dark"] .nx-meta{color:rgb(155, 151, 146)}html[data-theme="dark"] .nx-wl small{background-color:rgba(24, 22, 19, 0.1)}html[data-theme="dark"] .nx-next{background-color:rgba(24, 22, 19, 0.06)}html[data-theme="dark"] .nx-next .nx-nd small{color:rgb(236, 232, 223)}html[data-theme="dark"] .nx-quick{background-color:rgb(30, 30, 28);border-top-color:rgb(67, 63, 56);border-right-color:rgb(67, 63, 56);border-bottom-color:rgb(67, 63, 56);border-left-color:rgb(67, 63, 56);color:rgb(236, 232, 223)}html[data-theme="dark"] .nx-qimg,html[data-theme="dark"] .nx-cimg{background-color:rgb(51, 50, 47)}html[data-theme="dark"] .nx-quick:hover h4,html[data-theme="dark"] .nx-card:hover h4{color:rgb(243, 206, 93)}html[data-theme="dark"] .nx-rb{border-top-color:rgb(72, 69, 63);border-right-color:rgb(72, 69, 63);border-bottom-color:rgb(72, 69, 63);border-left-color:rgb(72, 69, 63);background-color:rgb(30, 30, 28);color:rgb(236, 232, 223)}html[data-theme="dark"] .nx-card{background-color:rgb(30, 30, 28);border-top-color:rgb(67, 63, 56);border-right-color:rgb(67, 63, 56);border-bottom-color:rgb(67, 63, 56);border-left-color:rgb(67, 63, 56);color:rgb(236, 232, 223)}html[data-theme="dark"] .iv-head p{color:rgb(178, 175, 170)}html[data-theme="dark"] .iv-partners{background-color:rgb(52, 48, 39);border-top-color:rgb(70, 66, 56);border-right-color:rgb(70, 66, 56);border-bottom-color:rgb(70, 66, 56);border-left-color:rgb(70, 66, 56)}html[data-theme="dark"] .iv-partners h3{color:rgb(236, 232, 223)}html[data-theme="dark"] .iv-partners h3 span{color:rgb(243, 210, 111)}html[data-theme="dark"] .iv-partners p{color:rgb(178, 175, 170)}html[data-theme="dark"] .iv-plink{color:rgb(236, 232, 223)}html[data-theme="dark"] .iv-plink:hover{color:rgb(243, 206, 93)}html[data-theme="dark"] .iv-logos .p{border-top-color:rgb(70, 66, 56);border-right-color:rgb(70, 66, 56);border-bottom-color:rgb(70, 66, 56);border-left-color:rgb(70, 66, 56)}html[data-theme="dark"] .iv-logos .p > b:only-child{color:rgb(236, 232, 223)}html[data-theme="dark"] .iv-logos .iv-you{border-top-color:rgb(84, 79, 69);border-right-color:rgb(84, 79, 69);border-bottom-color:rgb(84, 79, 69);border-left-color:rgb(84, 79, 69);color:rgb(169, 166, 160)}html[data-theme="dark"] .iv-logos .iv-you:hover{color:rgb(236, 232, 223)}

/* light look: dark sections turned light (generated by tools/lightislands.py) */
html:not([data-theme="dark"]) .nx-wire{background:linear-gradient(160deg,#f9f7f1,#fcfaf4);color:#15171c;box-shadow:0 20px 44px rgba(27,26,23,0.044)}
html:not([data-theme="dark"]) .nx-wh a{color:#636159}
html:not([data-theme="dark"]) .nx-wd{color:#636159}
html:not([data-theme="dark"]) .nx-wd b{color:#15171c}
html:not([data-theme="dark"]) .nx-wl{border-top:1px solid rgba(27,26,23,0.09);color:#15171c}
html:not([data-theme="dark"]) .nx-wl small{background:rgba(27,26,23,0.09)}
html:not([data-theme="dark"]) .nx-next{background:rgba(27,26,23,0.054);border:1px solid rgba(27,26,23,0.09);color:#15171c}
html:not([data-theme="dark"]) .nx-next small{color:#636159}
html:not([data-theme="dark"]) .tr .award{color:#15171c}
/* ================= Homepage (UI 2026), matching the approved redesign =================
   Raw: written after the generated dark theme, and scoped under #top so it outranks it.
   Every section and every piece of content stays; the layout and look follow the redesign. */

/* ---------- page frame: one contained column of rounded sections on the ground colour ---------- */
#top{background:var(--u-ground);color:var(--u-text);padding-bottom:8px}
#top>section{background:transparent;margin:0;padding:14px 0;border:0;border-radius:0}
#top>section>.wrap,#top>section>div.wrap{max-width:1440px;margin:0 auto;padding-inline:16px}
@media (min-width:1024px){#top>section>.wrap,#top>section>div.wrap{padding-inline:20px}}

/* section heads: small gold eyebrow, sentence case title, link on the right */
#top .eyebrow{color:var(--gold);font:700 13px/1.2 var(--display);letter-spacing:.14em;gap:0}
#top .eyebrow::before{display:none}
#top .sec-title,#top .tr-title,#top #mtTitle{margin:2px 0 0;font:800 clamp(26px,2.6vw,32px)/1.1 var(--display);text-transform:none;letter-spacing:0;color:var(--u-text)}
html[data-theme="dark"] #top .sec-title,html[data-theme="dark"] #top #mtTitle{color:#fff}
#top .hd-link,#top .nx-all,#top .mem-head .ulink{font:700 15px/1 var(--display);color:var(--gold-dkr);text-decoration:none;background:none;border:0;padding:0;min-height:0;box-shadow:none}
html[data-theme="dark"] #top .nx-all,html[data-theme="dark"] #top .mem-head .ulink{color:var(--gold)}
#top .mem-head .ulink::after,#top .mem-head .ulink::before{display:none}

/* ---------- 1. hero ---------- */
#top .hero.hero-full{max-width:1440px;margin:0 auto;padding:16px 16px 0}
@media (min-width:1024px){#top .hero.hero-full{padding:16px 20px 0}}
.hero-full .hero-stick{height:min(calc(100svh - var(--uh-full) - 120px),560px);min-height:420px;border-radius:24px;overflow:hidden;isolation:isolate;border:1px solid rgb(var(--gold-rgb) / .18)}
.hero-full .hero-frame::after{background:linear-gradient(180deg,rgba(12,11,8,.05) 20%,rgba(12,11,8,.55) 60%,rgba(12,11,8,.88)),linear-gradient(90deg,rgba(12,11,8,.72),rgba(12,11,8,0) 62%)}
.hero-copy{position:absolute;z-index:5;left:clamp(18px,3.2vw,44px);right:clamp(18px,3.2vw,44px);bottom:clamp(22px,3.4vw,48px);display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:900px;color:#fff}
.hero-ey{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(12,11,8,.62);text-shadow:none;font:700 13px/1.2 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.hero-h1{margin:0;font:800 clamp(34px,4.6vw,60px)/1.02 var(--display);letter-spacing:-.005em;text-transform:none;color:#fff;max-width:15ch;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.hero-copy .gd-chip{position:static;left:auto;right:auto;bottom:auto;padding:8px 18px 8px 8px;border-radius:999px;background:rgba(12,11,8,.7);border:1px solid rgb(var(--gold-rgb) / .18);-webkit-backdrop-filter:none;backdrop-filter:none}
.hero-copy .gd-chip-d{width:48px;height:48px;border-radius:50%;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px}
.hero-copy .gd-chip-d b{font-size:19px;margin-top:0}
.hero-copy .gd-chip small{color:#fff;letter-spacing:0;text-transform:none;font:700 15px/1.2 var(--display)}
.hero-copy .gd-chip strong{margin-top:2px;color:#cfc5aa;font:500 14px/1.2 var(--body)}
.hero-copy .gd-chip>svg{display:none}
.hx-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:10px;font:700 15.5px/1 var(--display);text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.hx-gold{background:var(--gold);color:var(--ink)}
.hx-gold:hover{background:#f3cf55;color:var(--ink)}
.hx-line{border:1px solid rgba(255,255,255,.5);color:#fff}
.hx-line:hover{border-color:var(--gold);color:var(--gold)}
.hero-full .cue{display:none}
.hero-full .vid-toggle{z-index:6}

/* ---------- 2. game day: times | featured matchup on the field | the slate ---------- */
#top .gdx{padding:14px 0;overflow:visible}
#top .gdx-bg{display:none}
#top .gdx .gd-eye{color:var(--gold);font-size:13px;letter-spacing:.14em}
#top .gdx-wk{background:transparent;border-color:var(--c-line);color:var(--gold)}
#top .gdx-wk b{color:var(--u-text)}
#top .gdx-day{margin-top:2px;gap:10px}
#top .gdx .gdx-day h2{font:800 clamp(26px,2.6vw,32px)/1.1 var(--display);text-transform:none;letter-spacing:0;color:var(--u-text)}
html[data-theme="dark"] #top .gdx .gdx-day h2{color:#fff}
#top .gdx-arr{width:38px;height:38px;background:var(--u-panel);border:1px solid var(--u-line);color:var(--u-text)}
#top .gdx-meta{margin-top:6px;color:var(--u-soft)}
#top .gdx-meta b{color:var(--u-text)}
#top .gdx .gd-live{color:var(--u-soft);font-size:11.5px}
#top .gdx .gdx-tiles{gap:8px}
#top .gdx .gdx-tiles>div{width:64px;padding:8px 0 7px;border-radius:10px;background:var(--u-panel);border:1px solid var(--u-line);box-shadow:none}
#top .gdx .gdx-tiles>div::before,#top .gdx .gdx-tiles>div::after{display:none}
#top .gdx .gdx-tiles b{font-size:22px;color:#a57c00;text-shadow:none}
html[data-theme="dark"] #top .gdx .gdx-tiles b{color:var(--gold)}
#top .gdx .gdx-tiles small{margin-top:4px;color:var(--u-soft);font:500 12px/1 var(--body);letter-spacing:0;text-transform:none}

#top .gdx-bar,#top .gdx-main{display:contents}
#top #gdHub{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
#top .gdx-head{grid-column:1/-1}
#top .gdx-hint{display:none}
/* kickoff times as a list */
#top .gdx-tl{margin:0;padding:14px;border-radius:22px;background:var(--u-panel);border:1px solid var(--u-line);overflow:visible}
#top .gdx-tl::before{content:"Kickoff times";display:block;margin:2px 4px 10px;font:700 12.5px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--u-soft)}
#top .gdx-track{display:flex;flex-direction:column;gap:6px;min-width:0}
#top .gdx-rail,#top .gdx-fill,#top .gdx-dot,#top .gdx-pips{display:none}
#top .gdx-stop{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 12px;border-radius:10px;background:var(--u-raised);color:var(--u-text);text-align:left}
#top .gdx-stop b{margin:0;font:700 15px/1 var(--display);color:inherit}
#top .gdx-stop small{font:500 13px/1 var(--body);color:inherit;opacity:.85}
#top .gdx-stop[aria-pressed="true"],#top .gdx-stop.on,#top .gdx-stop.is-on{background:var(--gold);color:var(--ink)}
#top .gdx-stop:hover{background:var(--gold);color:var(--ink)}
/* featured matchup on the field */
#top .gdx-featwrap{min-width:0}
#top .gdx-feat{border-radius:22px;border:1px solid var(--c-line);background:#2f6b2a url("../img/football-field.webp") center/cover;color:#fff;box-shadow:none;isolation:isolate;overflow:hidden}
#top .gdx-feat::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(12,11,8,.55),rgba(12,11,8,.5))}
#top .gdx-feat>*{position:relative;z-index:1}
#top .gdx-feat .gdx-art{display:none}
#top .gdx-feat .gdx-div{background:transparent;border:0;padding:0;color:var(--gold);font:700 13px/1.2 var(--display);letter-spacing:.14em;text-transform:uppercase}
#top .gdx-feat .gdx-ffoot{border-top:1px solid rgba(255,255,255,.18)}
/* the slate: a light card with the division chips on top */
#top .gdx-chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:12px 14px 10px;border-radius:22px 22px 0 0;background:var(--u-cardhead);overflow:visible}
#top .gdx-chips::before{content:"The slate";flex:1 0 100%;margin-bottom:6px;font:800 18px/1.2 var(--display);color:var(--u-cardtext)}
#top .gdx-chip{min-height:32px;height:auto;padding:0 9px;border-radius:999px;border:1px solid var(--u-cardchip);background:#fff;color:var(--u-cardtext);font:700 12.5px/1 var(--body);box-shadow:none}
#top .gdx-chip em{background:none;color:var(--u-cardsoft);padding:0 0 0 4px;font-size:11.5px}
#top .gdx-chip.on{background:var(--ink);border-color:var(--ink);color:var(--gold)}
#top .gdx-chip.on em{color:#cfc5aa}
#top .gdx-listwrap{margin-top:-14px;padding:0;border-radius:0 0 22px 22px;background:#fff;border:0;color:var(--u-cardtext);contain:none;overflow:hidden}
#top .gdx-lhead{display:none}
#top .gdx-list{max-height:360px;gap:0;padding:0;overflow-y:auto;-webkit-mask-image:none;mask-image:none}
#top .gdx-row{grid-template-columns:62px minmax(0,1fr) auto;gap:10px;padding:10px 14px;border:0;border-top:1px solid var(--u-cardline);border-radius:0;background:#fff;color:var(--u-cardtext);box-shadow:none;transform:none}
#top .gdx-row:hover{background:var(--u-cardhover);transform:none}
#top .gdx-row.on{background:var(--u-cardsel)}
#top .gdx-row::before,#top .gdx-row .gdx-prog{display:none}
#top .gdx-row .gdx-logos{display:none}
#top .gdx-rt b{font:700 14px/1 var(--display);color:var(--u-cardtext)}
#top .gdx-rt{display:flex;align-items:baseline;gap:4px}
#top .gdx-rt small{color:var(--u-cardsoft)}
#top .gdx-rn b{font:500 14px/1.25 var(--body);text-transform:none;color:var(--u-cardtext);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
#top .gdx-rn b em{color:var(--u-cardsoft)}
#top .gdx-rn small{display:none}
#top .gdx-rs{background:none;border:0;padding:0;color:var(--gold-dkr);font:800 12px/1 var(--body)}
#top .gdx-more{display:none}
#top .gdx-listwrap::after{content:"";display:block}
#top .gdx-foot{grid-column:1/-1;margin:2px 0 0}
#top .gdx-foot a{color:var(--u-text)}
@media (min-width:1100px){
  #top #gdHub{grid-template-columns:240px minmax(0,1fr) 340px;grid-template-areas:"head head head" "tl feat chips" "tl feat list" "foot foot foot";column-gap:16px;row-gap:0}
  #top .gdx-head{grid-area:head;margin-bottom:14px}
  #top .gdx-tl{grid-area:tl;align-self:stretch}
  #top .gdx-featwrap{grid-area:feat;align-self:stretch;display:flex}
  #top .gdx-featwrap>.gdx-feat{flex:1 1 auto}
  #top .gdx-chips{grid-area:chips}
  #top .gdx-listwrap{grid-area:list;margin-top:0;align-self:stretch;display:flex;flex-direction:column}
  #top .gdx-list{flex:1 1 auto;max-height:330px}
  #top .gdx-foot{grid-area:foot;margin-top:14px}
}

/* ---------- follow your team (kept) ---------- */
#top .myteam{padding:14px 0}
#top .myteam .wrap>*{background:var(--u-panel);border:1px solid var(--u-line);border-radius:24px;padding:20px 24px}
#top .myteam .mt-pick{margin:0}
/* the followed-team card sits on the white panel, so its text and links use the page's dark text in light mode */
html:not([data-theme="dark"]) #top .myteam .mt-card{color:var(--u-text)}
html:not([data-theme="dark"]) #top .myteam .mt-card>div{border-color:var(--u-line)!important}
html:not([data-theme="dark"]) #top .myteam .mt-card .eyebrow{color:var(--u-soft)}
html:not([data-theme="dark"]) #top .myteam .mt-links a,html:not([data-theme="dark"]) #top .myteam .mt-links button{color:var(--u-text)}
html:not([data-theme="dark"]) #top .myteam .mt-lbl{color:var(--u-soft)}
html:not([data-theme="dark"]) #top .myteam .mt-vs,html:not([data-theme="dark"]) #top .myteam .mt-ven,html:not([data-theme="dark"]) #top .myteam .mt-rec span:not(.mt-lbl),html:not([data-theme="dark"]) #top .myteam .mt-list span{color:var(--u-soft)}
html:not([data-theme="dark"]) #top .myteam .mt-list div{border-color:var(--u-line)}
html:not([data-theme="dark"]) #top .myteam .mt-acts .fe-act{background:var(--u-raised);border-color:var(--u-line);color:var(--u-text)}
#top .myteam .mt-picker .ulink{background:none;border:0;padding:0;color:var(--u-text);font:700 13.5px/1 var(--display);letter-spacing:0;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:4px;cursor:pointer}
html:not([data-theme="dark"]) #top .myteam .mt-acts .fe-act:hover{background:var(--ink);border-color:var(--ink);color:#fff}

/* ---------- 3. latest news: a lead card and image cards ---------- */
#top .news-sec{padding:14px 0}
#top .nx-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 16px;margin-bottom:12px}
#top .nx-head>div:first-child{flex:1 1 auto}
#top .nx-topics{order:3;flex:1 0 100%}
#top .nx-grid{gap:16px}
#top .nx-lead{min-height:0;display:flex;flex-direction:column;border-radius:22px;background:var(--u-panel);border:1px solid var(--u-line);color:var(--u-text);overflow:hidden}
#top .nx-limg{position:relative;inset:auto;display:block;height:300px;flex:none}
#top .nx-limg img{width:100%;height:100%;object-fit:cover}
#top .nx-lshade{display:none}
#top .nx-lbody{position:relative;inset:auto;align-self:stretch;max-width:none;padding:18px 22px 20px;background:none;color:inherit;text-shadow:none;gap:10px}
#top .nx-lead .nx-chip{background:var(--u-raised);color:var(--u-text);-webkit-backdrop-filter:none;backdrop-filter:none}
#top .nx-lead .nx-meta{color:var(--u-soft)}
#top .nx-lead h3{font:800 26px/1.15 var(--display);text-transform:none;letter-spacing:0;color:var(--u-text)}
html[data-theme="dark"] #top .nx-lead h3{color:#fff}
#top .nx-lead p{color:var(--u-soft)}
#top .nx-cta{background:none;border:0;padding:0;color:var(--gold-dkr);font:700 15px/1 var(--display)}
html[data-theme="dark"] #top .nx-cta{color:var(--gold)}
#top .nx-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}
#top .nx-wire{grid-column:1/-1;border-radius:16px}
#top .nx-quick{display:flex;flex-direction:column;gap:0;padding:0;border-radius:16px;background:var(--u-panel);border:1px solid var(--u-line);overflow:hidden}
#top .nx-qimg{width:100%;height:120px;flex:none;border-radius:0}
#top .nx-qimg img{width:100%;height:100%;object-fit:cover}
#top .nx-qb{padding:12px 14px}
#top .nx-quick h4,#top .nx-card h4{font:700 16px/1.25 var(--display);text-transform:none;letter-spacing:0;color:var(--u-text)}
html[data-theme="dark"] #top .nx-quick h4,html[data-theme="dark"] #top .nx-card h4{color:#fff}
#top .nx-railh h3{font:700 18px/1.2 var(--display);text-transform:none;letter-spacing:0}
#top .nx-card{border-radius:16px;background:var(--u-panel);border:1px solid var(--u-line);overflow:hidden}
#top .nx-cimg{height:120px}

/* ---------- 4. get involved and partners ---------- */
#top .iv{padding:14px 0}
#top .iv-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px;margin-bottom:12px}
#top .iv-head p{margin:0;max-width:420px;color:var(--u-soft)}
#top .iv-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
#top .iv-card{min-height:340px;border-radius:24px}
#top .iv-n{color:var(--gold)}
#top .iv-card h3{font:800 26px/1.1 var(--display);text-transform:none;letter-spacing:0}
#top .iv-partners{margin-top:16px;padding:20px 24px;border-radius:24px;background:#fff;color:var(--u-cardtext);border:0;box-shadow:none}
#top .iv-partners .eyebrow{color:var(--gold-dkr)}
#top .iv-ph h3{font:800 24px/1.2 var(--display);text-transform:none;letter-spacing:0;color:var(--u-cardtext)}
#top .iv-ph h3 span{color:var(--u-cardtext)}
#top .iv-ph p{color:var(--u-cardsoft)}
#top .iv-plink{color:var(--gold-dkr)}
#top .iv-logos .p{height:88px;border-radius:16px;background:var(--u-cardhead);border:0;box-shadow:none}
#top .iv-logos .iv-you{border:2px dashed var(--u-carddash);background:transparent;color:var(--gold-dkr)}

/* ---------- 5. by the numbers: one panel ---------- */
#top .stats{padding:14px 0}
#top .stats .stat-grid{width:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;max-width:1440px;padding:0;margin:0 auto;border-radius:24px;background:var(--u-panel);border:1px solid var(--u-line);overflow:hidden}
@media (min-width:1024px){#top .stats .stat-grid{margin-inline:20px;max-width:calc(1440px - 40px)}}
@media (min-width:1480px){#top .stats .stat-grid{margin-inline:auto;max-width:1400px}}
@media (max-width:1023px){#top .stats .stat-grid{margin-inline:16px}}
#top .stat{padding:22px 24px;border:0;border-right:1px solid var(--u-line);border-radius:0;background:none;box-shadow:none}
#top .stat:last-child{border-right:0}
#top .stat b{font:800 44px/1 var(--display);color:#a57c00}
html[data-theme="dark"] #top .stat b{color:var(--gold)}
#top .stat span{display:block;margin-top:6px;color:var(--u-soft)}

/* ---------- 6. Elite Family: a grid of club rows ---------- */
#top .members{padding:14px 0}
#top .members .wrap{display:flex;flex-direction:column;gap:12px}
#top .mem-head{order:-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2px 16px;margin:0}
#top .mem-head .eyebrow{grid-column:1}
#top .mem-head .sec-title{grid-column:1}
#top .mem-head .ulink{grid-column:2;grid-row:1/3;align-self:end;margin-bottom:6px}
#top .mem-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;overflow:visible;padding:0;margin:0;-webkit-mask-image:none;mask-image:none;cursor:auto}
#top .mem-rail .mem[aria-hidden="true"]{display:none}
#top .mem{display:flex;align-items:center;gap:12px;width:auto;padding:12px;border-radius:16px;background:var(--u-panel);border:1px solid var(--u-line);color:var(--u-text);text-decoration:none}
#top .mem .stage{flex:0 0 52px;width:52px;height:52px;aspect-ratio:auto;padding:0;border-radius:50%;background:#fff;border:0;display:grid;place-items:center;overflow:hidden;box-shadow:none}
#top .mem .stage::after,#top .mem .stage::before{display:none}
#top .mem .stage img{position:static;width:42px;height:42px;object-fit:contain;transform:none;filter:none}
#top .mem .ghost{display:none}
#top .mem h4{margin:0;min-width:0;font:700 15px/1.2 var(--display);text-transform:none;letter-spacing:0;color:var(--u-text)}
html[data-theme="dark"] #top .mem h4{color:#fff}
#top .mem h4 small{display:block;margin-top:2px;font:400 13px/1.2 var(--body);color:var(--u-soft)}
#top .mem:hover{border-color:var(--gold)}

/* ---------- 7. Heisman House: a light card ---------- */
#top .tr{margin:14px auto;max-width:1400px;padding:28px;border-radius:24px;background:#fff;color:var(--u-cardtext);overflow:hidden}
@media (max-width:1479px){#top .tr{margin-inline:20px}}
@media (max-width:1023px){#top .tr{margin-inline:16px;padding:20px}}
#top .tr .wrap{padding:0;max-width:none}
#top .tr-dust{display:none}
#top .tr-top{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px 32px;margin:0}
#top .tr-intro{flex:1 1 420px;display:flex;flex-direction:column;gap:10px}
#top .tr .eyebrow{color:var(--gold-dkr)}
#top .tr .tr-title{font-size:clamp(30px,3vw,40px);color:var(--u-cardtext)}
#top .tr-lede{margin:0;max-width:560px;color:var(--u-cardsoft2);font-size:16px}
#top .tr-stats{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:24px;margin:4px 0 0;padding:0;border:0}
#top .tr-stats>div{flex:none;display:flex;align-items:baseline;gap:6px;padding:0;border:0}
#top .tr-stats b{display:inline;font:800 30px/1 var(--display);color:var(--u-cardtext)}
#top .tr-stats span{display:inline;margin:0;color:var(--u-cardsoft);font:400 15px/1 var(--body);letter-spacing:0;text-transform:none}
#top .tr-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
#top .tr-cta .btn{background:var(--ink);color:var(--gold);border-color:var(--ink)}
#top .tr-link{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--u-carddash);color:var(--u-cardtext)}
/* the recap ticket becomes a compact card */
#top .tr-poster{flex:0 1 380px;display:flex;padding:0;border-radius:22px;overflow:hidden;background:#15130f;color:#fff}
#top .tr-frame{flex:0 0 132px;width:132px;padding:0;border-radius:0;background:none;box-shadow:none;transform:none;overflow:hidden}
#top .tr-photo{height:100%;aspect-ratio:auto;border-radius:0}
#top .tr-photo img{width:100%;height:100%;object-fit:cover}
#top .tr-glint{display:none}
#top .tr-ticket{position:static;width:auto;flex:1 1 auto;border-radius:0;background:none;color:#fff;box-shadow:none;transform:none;border-left:2px dashed rgb(var(--gold-rgb) / .5)}
#top .tr-tk-main{padding:16px}
#top .tr-tk-main small{color:var(--gold)}
#top .tr-ticket h3{color:#fff;font:800 18px/1.2 var(--display);text-transform:none}
#top .tr-tk-stub{background:none;border:0;color:var(--gold)}
#top .tr-tk-stub::before,#top .tr-tk-stub::after{display:none}
#top .tr-poster:hover .tr-frame,#top .tr-poster:hover .tr-ticket{transform:none}
/* awards as a grid of cards */
#top .awards-wrap{margin-top:20px}
#top .awards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;overflow:visible;padding:0;margin:0;scroll-snap-type:none}
#top .award{width:auto;min-width:0;border-radius:16px;background:var(--u-cardhead);border:0;box-shadow:none;color:var(--u-cardtext);overflow:visible}
#top .award .face{height:auto;aspect-ratio:auto;min-height:0;padding:14px 14px 0;background:none;display:block}
#top .award .face svg{display:none}
#top .award .face .div{position:static;display:inline;padding:0;background:none;color:var(--gold-dkr);font:800 11px/1 var(--body);letter-spacing:.1em;text-transform:uppercase}
#top .award .body{padding:4px 14px 14px}
#top .award h4{margin:0;font:700 18px/1.25 var(--display);text-transform:none;letter-spacing:0;color:var(--u-cardtext)}
#top .award p{margin:4px 0 0;color:var(--u-cardsoft2);font-size:14px}
#top .awards-wrap .sched-foot{display:none!important}
#top .tr .divisions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:16px}
#top .tr .divisions span{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;border:0;color:#fff;font:700 13px/1 var(--body)}
#top .tr .divisions span b{font:700 15px/1 var(--display);color:#fff}
#top .tr .divisions span:nth-child(1){background:#0b6e75}
#top .tr .divisions span:nth-child(2){background:#1f4e9c}
#top .tr .divisions span:nth-child(3){background:#5a2bb0}
#top .tr .divisions span:nth-child(4){background:#9b1c22}
#top .tr .divisions span:nth-child(5){background:#7a5c08}

/* ---------- 8. community, causes, academics ---------- */
#top .promos{padding:14px 0}
#top .promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
#top .promo{display:flex;flex-direction:column;gap:0;border-radius:24px;background:var(--u-panel);border:1px solid var(--u-line);overflow:hidden;padding:0}
#top .promo .img{height:170px;border-radius:0;margin:0;aspect-ratio:auto}
#top .promo .img img{width:100%;height:100%;object-fit:cover}
#top .promo h3,#top .promo p,#top .promo .btn{margin-inline:18px}
#top .promo h3{margin-top:16px;font:800 22px/1.2 var(--display);text-transform:none;letter-spacing:0;color:var(--u-text)}
html[data-theme="dark"] #top .promo h3{color:#fff}
#top .promo p{margin-top:8px;color:var(--u-soft);font-size:15px}
#top .promo .btn{align-self:flex-start;margin-top:8px;margin-bottom:18px;min-height:0;padding:0;border:0;background:none;color:var(--gold-dkr);font:700 15px/1 var(--display);box-shadow:none}
html[data-theme="dark"] #top .promo .btn{color:var(--gold)}
#top .promo .graphic{height:100%;border-radius:0}

/* ---------- 9. shop: a dark panel with the jackets in tiles ---------- */
#top .shop-sec{padding:14px 0}
#top .shop{display:flex;flex-wrap:wrap;align-items:center;gap:24px 40px;min-height:0;padding:28px;border-radius:24px;background:var(--c-bg);border:1px solid var(--c-line);color:var(--c-text)}
#top .shop .ghost{display:none}
#top .shop .txt{flex:1 1 360px;padding:0;gap:10px}
#top .shop .txt::before{content:"Official shop";font:700 13px/1.2 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
#top .shop h3{margin:0;font:800 clamp(30px,3vw,40px)/1.05 var(--display);text-transform:none;letter-spacing:0;color:var(--c-text)}
html[data-theme="dark"] #top .shop h3{color:#fff}
#top .shop p{color:var(--c-soft)}
#top .shop .prices span{padding:6px 12px;border-radius:999px;background:var(--c-raised);color:var(--c-text);font-weight:700}
#top .shop .btn{background:var(--gold);color:var(--ink);border-color:var(--gold)}
#top .shop .jackets{position:static;flex:1 1 420px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;height:auto;min-height:0}
#top .shop .jackets img{position:static;width:100%;height:220px;object-fit:contain;padding:10px;border-radius:22px;background:var(--c-raised);transform:none;filter:none;opacity:1}

/* ---------- 10. join: a gold card with the member crests ---------- */
#top .join{margin:14px auto 0;max-width:1400px;border-radius:24px;background:var(--gold);color:var(--ink);overflow:hidden}
@media (max-width:1479px){#top .join{margin-inline:20px}}
@media (max-width:1023px){#top .join{margin-inline:16px}}
#top .join::before,#top .join::after{display:none}
#top .join .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding:32px;max-width:none;text-align:left}
#top .join .join-copy{flex:1 1 420px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
#top .join h2{margin:0;font:800 42px/1.05 var(--display);letter-spacing:0;text-transform:none;color:var(--ink)}
#top .join p{margin:0;max-width:560px;font-size:17px;color:var(--ink)}
#top .join .ctas{justify-content:flex-start;margin-top:4px}
#top .join .ctas .btn{min-height:48px;padding:0 22px;border-radius:10px}
#top .join .ctas .btn-gold{background:var(--ink);color:var(--gold);border-color:var(--ink)}
#top .join .ctas .btn-white{background:transparent;color:var(--ink);border:2px solid var(--ink)}
#top .join-crests{flex:1 1 360px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
#top .join-crests span{aspect-ratio:1/1;border-radius:50%;background:#fff;display:grid;place-items:center}
#top .join-crests img{width:78%;height:78%;object-fit:contain}

/* ---------- phones ---------- */
@media (max-width:899px){
  .hero-full .hero-stick{height:min(calc(100svh - var(--uh-full) - 150px),620px);min-height:420px;border-radius:24px}
  .hero-copy{gap:10px}
  .hero-full .vid-toggle{top:14px;bottom:auto;right:14px}
  .hero-copy .gd-chip{width:100%;border-radius:24px}
  .hx-btn{min-height:44px;padding:0 16px;font-size:14.5px}
  .hero-ctas{width:100%}
  .hero-ctas .hx-btn{flex:1 1 0;justify-content:center}
}
@media (max-width:1099px){
  /* kickoff times and the slate scroll sideways, Betwinner style */
  #top .gdx-tl::before{display:none}
  #top .gdx-tl{padding:8px;overflow-x:auto;scrollbar-width:none}
  #top .gdx-track{flex-direction:row}
  #top .gdx-stop{flex:none;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:54px;padding:8px 14px}
  #top .gdx-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  #top .gdx-chips::before{display:none}
  #top .gdx-chip{flex:none}
  #top .gdx-listwrap{margin-top:-14px}
  #top .gdx-list{max-height:none;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:10px 12px 12px;background:var(--u-cardhead);scrollbar-width:none}
  #top .gdx-list .gdx-row,#top .gdx-list:not(.all) .gdx-row:nth-child(n+6){display:grid;flex:0 0 200px;width:200px;scroll-snap-align:start;grid-template-columns:auto 1fr;grid-template-areas:"t s" "n n";gap:6px;padding:12px;border:1px solid var(--u-cardline);border-radius:16px}
  #top .gdx-list .gdx-rt{grid-area:t;display:flex;align-items:baseline;gap:4px}
  #top .gdx-list .gdx-rs{grid-area:s;justify-self:end}
  #top .gdx-list .gdx-rn{grid-area:n;min-width:0}
  #top .gdx-list .gdx-rn b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  #top .gdx-list .gdx-rn small{display:block;color:var(--u-cardsoft)}
}
@media (max-width:767px){
  #top .nx-side{grid-template-columns:repeat(2,minmax(0,1fr))}
  #top .nx-limg{height:220px}
  #top .nx-lead h3{font-size:22px}
  #top .iv-card{min-height:300px}
  #top .stat{border-right:0;border-bottom:1px solid var(--u-line)}
  #top .stats .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #top .stat:nth-child(odd){border-right:1px solid var(--u-line)}
  #top .stat b{font-size:34px}
  #top .mem-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  #top .mem{padding:10px;gap:10px}
  #top .mem .stage{flex-basis:40px;width:40px;height:40px}
  #top .mem .stage img{width:32px;height:32px}
  #top .mem h4{font-size:13.5px}
  #top .tr-poster{flex-basis:100%}
  #top .awards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -20px;padding:0 20px}
  #top .awards::-webkit-scrollbar{display:none}
  #top .award{scroll-snap-align:start}
  #top .tr .divisions{display:flex;overflow-x:auto;scrollbar-width:none;margin:16px -20px 0;padding:0 20px}
  #top .tr .divisions::-webkit-scrollbar{display:none}
  #top .tr .divisions span{flex:0 0 auto;gap:12px;white-space:nowrap}
  #top .shop{padding:20px}
  #top .shop .jackets img{height:140px}
  #top .join .wrap{padding:22px}
  #top .join h2{font-size:34px}
  #top .join-crests{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
}

/* footer lines up with the wider homepage column */
.ft2 .ft2-wrap{max-width:1440px;padding-inline:20px}
@media (max-width:1023px){.ft2 .ft2-wrap{padding-inline:16px}}
html:not([data-theme="dark"]) #top .tr,html:not([data-theme="dark"]) #top .iv-partners,html:not([data-theme="dark"]) #top .gdx-listwrap,html:not([data-theme="dark"]) #top .gdx-chips{box-shadow:0 0 0 1px var(--u-line)}
/* light look: deeper gold for small labels so they read on white */
html:not([data-theme="dark"]) #top .eyebrow,html:not([data-theme="dark"]) #top .gdx .gd-eye,html:not([data-theme="dark"]) #top .gdx-wk{color:var(--gold-dkr)}

/* light look: the dark cards turn white */
html:not([data-theme="dark"]) #top .tr-poster{background:#fff;color:var(--u-text);box-shadow:0 0 0 1px var(--u-line)}
html:not([data-theme="dark"]) #top .tr-ticket{color:var(--u-text)}
html:not([data-theme="dark"]) #top .tr-ticket h3{color:var(--u-text)}
html:not([data-theme="dark"]) #top .tr-tk-main small,html:not([data-theme="dark"]) #top .tr-tk-stub{color:var(--gold-dkr)}
html:not([data-theme="dark"]) #top .shop .txt::before{color:var(--gold-dkr)}
html:not([data-theme="dark"]) #top .shop .jackets img{background:#f6f4ee}
html:not([data-theme="dark"]) #top .nx-wire{box-shadow:0 0 0 1px var(--u-line)}
html:not([data-theme="dark"]) #top .nx-live,html:not([data-theme="dark"]) #top .nx-wl em,html:not([data-theme="dark"]) #top .nx-wl span b{color:var(--gold-dkr)}
#top section.iv{overflow-x:clip}