.home{--home-max:1240px;--home-ink:#f6f8fb;--home-deep:#0b1219;--home-muted:#9fb0c2;--shot:62%;background:var(--home-deep);color:var(--home-ink)}.hero{isolation:isolate;background:var(--home-deep);align-items:flex-end;min-height:min(88vh,720px);display:flex;position:relative;overflow:hidden}.hero-shot{object-fit:cover;object-position:center 38%;z-index:-2;width:100%;height:100%;animation:24s ease-out forwards hero-drift;position:absolute;inset:0}@keyframes hero-drift{0%{transform:scale(1.08)}to{transform:scale(1)}}.hero-scrim{z-index:-1;background:linear-gradient(#0b121966 0%,#0b12192e 30%,#0b1219b8 66%,#0b1219f0 100%),linear-gradient(90deg,#0b121999 0%,#0b121900 62%);position:absolute;inset:0}.hero-inner{width:100%;max-width:var(--home-max);padding:var(--space-10) var(--gutter) var(--space-9);margin:0 auto;position:relative}.hero-eyebrow{font:var(--type-label);letter-spacing:.18em;text-transform:uppercase;color:var(--home-muted);margin:0 0 var(--space-5)}.hero-title{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:-.02em;text-wrap:balance;max-width:15ch;margin:0;font-size:clamp(2.5rem,8.5vw,5.25rem);line-height:.98}.hero-title em{color:var(--home-muted);font-style:normal;display:block}.hero-lead{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-body);color:var(--home-ink);opacity:.92;margin:var(--space-6) 0 0;max-width:46ch}.hero-credit{right:var(--gutter);bottom:var(--space-4);font-family:var(--font-body);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:#f6f8fb73;margin:0;position:absolute}.leagues{max-width:var(--home-max);padding:var(--space-9) var(--gutter) var(--space-10);gap:var(--space-4);margin:0 auto;display:grid}.tile{isolation:isolate;min-height:230px;padding:var(--space-6);border-radius:var(--radius-md);color:var(--home-ink);background:var(--league,#1d2a38);opacity:0;animation:.62s cubic-bezier(.22,1,.36,1) forwards tile-rise;animation-delay:var(--delay,0s);align-items:flex-end;text-decoration:none;display:flex;position:relative;overflow:hidden;transform:translateY(12px)}@keyframes tile-rise{to{opacity:1;transform:translateY(0)}}.tile-shot{object-fit:cover;object-position:center 40%;z-index:-2;width:100%;height:100%;transition:transform .62s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.tile-wash{z-index:-1;background:linear-gradient(to top, #080d12e0 0%, #080d126b 52%, #080d121a 100%), color-mix(in srgb, var(--league,#1d2a38) var(--shot), transparent);transition:opacity .42s;position:absolute;inset:0}.tile-monogram{z-index:-1;font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:-.04em;color:#ffffff1c;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(7rem,22vw,13rem);line-height:1;position:absolute;bottom:-.22em;right:-.08em}.tile-body{gap:var(--space-3);width:100%;display:grid;position:relative}.tile-code{font:var(--type-label);letter-spacing:.16em;text-transform:uppercase;color:#ffffffc7;margin:0}.tile-name{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,3.4vw,2.25rem);line-height:1.02}.tile-sponsor{font-family:var(--font-body);font-size:var(--text-xs);color:#ffffffb8;margin:0}.tile-meta{gap:var(--space-2) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);color:#ffffffe0;flex-wrap:wrap;margin:0;display:flex}.tile-meta b{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);letter-spacing:-.01em}.tile-go{align-items:center;gap:var(--space-2);margin-top:var(--space-1);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#fff;display:inline-flex}.tile-go svg{transition:transform .26s cubic-bezier(.22,1,.36,1)}.tile:hover .tile-shot,.tile:focus-visible .tile-shot{transform:scale(1.06)}.tile:hover .tile-wash,.tile:focus-visible .tile-wash{opacity:.82}.tile:hover .tile-go svg,.tile:focus-visible .tile-go svg{transform:translate(4px)}.tile:focus-visible{outline-offset:3px;outline:3px solid #fff}.coda{background:#080d12;border-top:1px solid #ffffff1a}.coda-inner{max-width:var(--home-max);padding:var(--space-9) var(--gutter);gap:var(--space-7);margin:0 auto;display:grid}.week{gap:var(--space-2);grid-template-columns:repeat(7,1fr);align-items:end;max-width:26rem;display:grid}.week-day{gap:var(--space-2);justify-items:center;display:grid}.week-bar{transform-origin:bottom;width:100%;min-height:2px;animation:.9s cubic-bezier(.22,1,.36,1) both week-grow;animation-delay:var(--delay,0s);background:#f6f8fbd1;border-radius:1px}@keyframes week-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.week-bar[data-empty=true]{background:0 0;border-top:1px dashed #9fb0c2e6;border-radius:0;animation:none}.week-label{font:var(--type-label);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--home-muted)}.week-label[data-empty=true]{color:var(--home-ink)}.coda-note{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--home-muted);max-width:52ch;margin:0}.coda-foot{gap:var(--space-4) var(--space-7);padding-top:var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);color:var(--home-muted);border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.coda-foot a{color:var(--home-ink)}@media (min-width:720px){.hero-inner{padding:var(--space-10) var(--gutter-lg)}.hero-credit{right:var(--gutter-lg)}.leagues{padding:var(--space-10) var(--gutter-lg);gap:var(--space-5);grid-template-columns:repeat(2,1fr)}.coda-inner{padding:var(--space-10) var(--gutter-lg)}.tile{min-height:280px}}@media (min-width:1024px){.leagues{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}.tile:first-child{grid-column:span 2;min-height:380px}.tile{min-height:300px}.coda-inner{gap:var(--space-9);grid-template-columns:auto 1fr;align-items:center}.coda-foot{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.hero-shot{animation:none}.tile{opacity:1;animation:none;transform:none}.tile-shot,.tile-wash,.tile-go svg{transition:none}.tile:hover .tile-shot,.tile:focus-visible .tile-shot{transform:none}.week-bar{animation:none}}.hero[data-shot=false]{min-height:0}.hero[data-shot=false] .hero-inner{padding-block:var(--space-10) var(--space-9)}.tile:hover,.tile:focus-visible,.tile:active{color:var(--home-ink)}.tile:hover .tile-name,.tile:focus-visible .tile-name{color:inherit}
