:root{--red:#ed1c24;--spring:#08d7e8;--fall:#ff7517;--winter:#52b8ff;--white:#f7f8fa;--max:1450px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#05080d;color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.4}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.home-header{height:100px;background:rgba(4,6,9,.97);border-bottom:1px solid rgba(255,255,255,.12);position:relative;z-index:10}
.home-nav{width:min(var(--max),calc(100% - 80px));height:100%;margin:auto;display:grid;grid-template-columns:360px 1fr auto;align-items:center;gap:32px}
.home-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;width:335px;line-height:1;color:#fff}
.brand-peaks{width:218px;height:42px;margin-bottom:-2px}
.brand-name{font-size:31px;font-weight:1000;font-style:italic;letter-spacing:-.045em;white-space:nowrap}
.brand-events{display:flex;align-items:center;gap:12px;color:var(--red);font-size:20px;font-weight:1000;font-style:italic;letter-spacing:.46em;margin-top:5px;padding-left:8px}
.brand-events i{display:block;width:32px;height:3px;background:var(--red);transform:skew(-22deg)}
.home-links{display:flex;align-items:center;justify-content:center;gap:clamp(26px,4.2vw,72px);height:100%;font-size:18px;font-weight:800;text-transform:uppercase}
.home-links a{height:100%;display:flex;align-items:center;position:relative;white-space:nowrap}
.home-links a.current:after{content:"";position:absolute;bottom:22px;left:0;right:0;height:5px;background:var(--red)}
.tournament-nav span{font-size:25px;margin-left:8px;line-height:1}
.header-cta,.bottom-action a{display:flex;align-items:center;justify-content:center;gap:18px;padding:15px 31px;background:var(--red);font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:.025em;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);white-space:nowrap;box-shadow:0 8px 28px rgba(237,28,36,.24)}
.header-cta b,.bottom-action b{font-size:28px;line-height:15px}
.home-menu-toggle{display:none}
.home-showcase{position:relative;overflow:hidden;min-height:900px;background:#070b11}
.showcase-backdrop{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,5,10,.55),rgba(2,5,10,.12) 54%,rgba(2,5,10,.35)),linear-gradient(180deg,rgba(3,6,11,.15) 0%,rgba(3,6,11,.1) 45%,#05080d 100%),url("home-background.svg");background-size:cover;background-position:center top;opacity:.98}
.hero-basketball{position:absolute;z-index:1;width:clamp(280px,31vw,490px);right:-1.5%;top:-28px;filter:drop-shadow(-18px 26px 28px rgba(0,0,0,.55));pointer-events:none}
.showcase-inner{position:relative;z-index:2;width:min(var(--max),calc(100% - 100px));margin:auto;padding:42px 0 36px}
.hero-message{position:relative;padding-left:48px;min-height:224px;max-width:900px}
.hero-message:before{content:"";position:absolute;left:0;top:1px;height:178px;width:9px;background:var(--red);transform:skew(-13deg)}
.hero-kicker{font-size:24px;font-weight:900;font-style:italic;letter-spacing:.38em;margin:0 0 4px 8px}
.hero-message h1{font-size:clamp(54px,5.2vw,83px);font-weight:1000;font-style:italic;line-height:.91;letter-spacing:-.045em;margin:0 0 7px}
.hero-message h1 em{color:var(--red);font-style:inherit;white-space:nowrap}
.hero-tagline{font-size:clamp(18px,2vw,31px);font-weight:800;font-style:italic;margin:0 0 0 3px}
.showcase-events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:7px}
.showcase-card{position:relative;display:block;height:365px;margin-top:61px;border:2px solid var(--accent);border-radius:4px;background:linear-gradient(145deg,rgba(6,25,31,.94),rgba(1,12,18,.97));box-shadow:0 0 16px color-mix(in srgb,var(--accent),transparent 65%),inset 0 0 30px rgba(0,0,0,.3);transition:transform .2s,box-shadow .2s}
.showcase-card:before{content:"";position:absolute;inset:0;opacity:.42;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 12px,rgba(255,255,255,.07) 13px,transparent 15px),radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent),transparent 70%),transparent 68%)}
.showcase-card:hover{transform:translateY(-5px);box-shadow:0 0 25px color-mix(in srgb,var(--accent),transparent 45%),inset 0 0 30px rgba(0,0,0,.3)}
.spring-card{--accent:var(--spring);background:linear-gradient(145deg,rgba(0,63,70,.94),rgba(0,17,25,.98))}
.fall-card{--accent:var(--fall);background:linear-gradient(145deg,rgba(79,36,8,.95),rgba(25,12,5,.98))}
.winter-card{--accent:var(--winter);background:linear-gradient(145deg,rgba(7,48,88,.95),rgba(5,16,34,.98))}
.showcase-badge{position:absolute;z-index:2;width:clamp(150px,16vw,245px);height:auto;object-fit:contain;left:50%;top:-71px;transform:translateX(-50%);filter:drop-shadow(0 8px 8px rgba(0,0,0,.8))}
.showcase-card-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:178px 15px 16px}
.series-name{font-size:clamp(18px,2vw,30px);font-weight:1000;font-style:italic;margin:0 0 5px}
.showcase-card h2{font-size:clamp(22px,2.25vw,34px);font-weight:1000;font-style:italic;line-height:1.05;margin:0 0 16px;padding:7px 8px;width:100%;color:#05090d;background:var(--accent);text-shadow:0 1px 0 rgba(255,255,255,.14)}
.event-date{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;font-size:clamp(14px,1.45vw,22px);font-weight:900;white-space:nowrap;border-top:1px solid rgba(255,255,255,.22);padding-top:14px;margin:0}
.event-date svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.event-date small{font-size:9px;letter-spacing:.08em;background:rgba(255,255,255,.12);padding:4px 5px}
.card-detail{display:none;margin-top:auto;padding-top:10px;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--accent)}
.home-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:28px 0 0;min-height:78px}
.highlight{display:flex;align-items:center;justify-content:center;gap:20px;padding:5px 18px;border-right:1px solid rgba(255,255,255,.6)}
.highlight:last-child{border:0}
.highlight svg{width:52px;height:52px;flex:0 0 52px;fill:none;stroke:var(--red);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.highlight strong{font-size:clamp(12px,1.33vw,19px);line-height:1.24;font-weight:900}
.bottom-action{display:flex;justify-content:center;margin-top:28px}
.bottom-action a{min-width:430px;padding:14px 44px;font-size:23px;box-shadow:0 0 38px rgba(237,28,36,.36)}
.home-footer{display:flex;justify-content:space-between;gap:20px;background:#05080d;color:#75808c;border-top:1px solid rgba(255,255,255,.1);padding:17px max(42px,calc((100% - var(--max))/2));font-size:11px;letter-spacing:.05em}
.home-footer a{color:#cbd2d9}
@media(max-width:1200px){
  .home-nav{grid-template-columns:280px 1fr auto;gap:18px;width:calc(100% - 42px)}
  .home-brand{width:270px}.brand-peaks{width:180px;height:34px}.brand-name{font-size:26px}.brand-events{font-size:16px}
  .home-links{gap:25px;font-size:15px}.header-cta{font-size:13px;padding:14px 22px}
  .showcase-inner{width:calc(100% - 58px)}.hero-message h1{font-size:clamp(48px,5.4vw,70px)}
  .showcase-card{height:340px}.showcase-card-inner{padding-top:164px}.showcase-badge{width:clamp(145px,17vw,205px);top:-62px}
  .highlight{gap:12px;padding:5px 10px}.highlight svg{width:42px;height:42px;flex-basis:42px}
}
@media(max-width:820px){
  .home-header{height:82px}.home-nav{display:flex;justify-content:space-between;width:calc(100% - 34px)}
  .home-brand{width:235px;align-items:flex-start}.brand-peaks{width:140px;height:27px;margin-left:35px}.brand-name{font-size:23px}.brand-events{font-size:13px;letter-spacing:.38em;margin-left:8px}
  .home-menu-toggle{display:block;border:0;background:transparent;color:white;font-size:30px;cursor:pointer}
  .home-links{display:none;position:absolute;top:82px;left:0;right:0;height:auto;padding:18px 25px 24px;background:#05080d;border-bottom:1px solid rgba(255,255,255,.15);flex-direction:column;align-items:stretch;gap:0}
  .menu-open .home-links{display:flex}.home-links a{height:auto;padding:13px 0}.home-links a.current:after{bottom:4px;right:auto;width:42px;height:3px}
  .header-cta{display:none}
  .home-showcase{min-height:0}.hero-basketball{width:310px;right:-115px;top:7px;opacity:.55}
  .showcase-inner{width:calc(100% - 38px);padding:38px 0 30px}
  .hero-message{padding-left:30px;min-height:190px}.hero-message:before{width:6px;height:150px}
  .hero-kicker{font-size:15px;letter-spacing:.24em}.hero-message h1{font-size:clamp(42px,8vw,65px)}.hero-tagline{font-size:19px}
  .showcase-events{gap:13px;margin-top:4px}.showcase-card{height:285px;margin-top:54px}.showcase-badge{width:clamp(110px,18vw,155px);top:-49px}.showcase-card-inner{padding:125px 8px 12px}
  .series-name{font-size:16px}.showcase-card h2{font-size:clamp(15px,2vw,20px);padding:6px 2px;margin-bottom:12px}
  .event-date{font-size:clamp(10px,1.5vw,13px);gap:5px;padding-top:10px}.event-date svg{width:19px;height:19px}.event-date small{font-size:7px;padding:2px}
  .home-highlights{margin-top:23px}.highlight{gap:8px;padding:5px 7px}.highlight svg{width:31px;height:31px;flex-basis:31px}.highlight strong{font-size:10px}
  .bottom-action{margin-top:22px}.bottom-action a{font-size:18px;min-width:330px}
}
@media(max-width:560px){
  .showcase-inner{width:calc(100% - 32px);padding-top:31px}
  .hero-message{min-height:175px;padding-left:22px}.hero-message:before{height:128px}.hero-kicker{font-size:12px;letter-spacing:.18em;margin-left:4px}
  .hero-message h1{font-size:clamp(36px,10vw,52px);line-height:.98;letter-spacing:-.055em}.hero-message h1 em{white-space:normal}
  .hero-tagline{font-size:16px;max-width:280px}.hero-basketball{width:230px;right:-115px;top:0;opacity:.35}
  .showcase-events{grid-template-columns:1fr;gap:17px;margin-top:8px}
  .showcase-card{height:250px;margin:48px 0 0}.showcase-badge{width:175px;top:-47px}
  .showcase-card-inner{padding:126px 18px 12px}.series-name{font-size:19px}.showcase-card h2{font-size:25px;margin-bottom:12px}
  .event-date{font-size:15px;gap:10px}.event-date svg{width:23px;height:23px}.event-date small{font-size:8px}
  .card-detail{display:block}
  .home-highlights{grid-template-columns:1fr 1fr;row-gap:15px;margin:25px 0 0}
  .highlight{justify-content:flex-start;border:0;padding:5px 3px;gap:10px}.highlight svg{width:34px;height:34px;flex-basis:34px}.highlight strong{font-size:11px}
  .bottom-action a{min-width:0;width:100%;font-size:16px;padding:13px 12px}
  .home-footer{padding:15px 17px;flex-direction:column;gap:6px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.showcase-card{transition:none}}