:root { --red:#df3137; --ink:#17181b; --charcoal:#25262a; --mid:#37383c; --paper:#f1f1f1; --muted:#72757d; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:"Poppins",sans-serif; color:var(--ink); background:var(--paper); }
a { text-decoration:none; }
button { font:inherit; }

.athletic-page-header { position:fixed!important; top:0; left:0; width:100%; min-height:92px; z-index:1000!important; background:#fff!important; box-shadow:0 4px 15px rgba(0,0,0,.08)!important; }
.athletic-page-header .main-nav { min-height:92px; }
.athletic-page-header .main-nav .logo { width:220px; margin-top:21px; }
.athletic-page-header .main-nav .logo img { display:block; width:280px!important; height:auto!important; margin-top:-15px!important; margin-bottom:20px!important; object-fit:contain; object-position:left center; filter:none!important; }
.athletic-page-header .main-nav .nav { margin-top:26px; }
.athletic-page-header .main-nav .nav li a { color:#1a1a1a!important; font-weight:500; }
.athletic-page-header .main-nav .nav li:not(:last-child) a:hover,
.athletic-page-header .main-nav .nav li a.active { color:var(--red)!important; }
.athletic-page-header .border-first-button a { color:var(--red)!important; border-color:var(--red)!important; }
.athletic-page-header .border-first-button a:hover { color:#fff!important; background:var(--red)!important; border-color:var(--red)!important; }

.athletic-panel { position:relative; display:flex; align-items:center; min-height:720px; padding:145px 0 100px; overflow:hidden; }
.intro-panel { padding-top:190px; }
.panel-dark { color:var(--white); background:var(--charcoal); }
.panel-mid { color:var(--white); background:var(--mid); }
.panel-light { color:var(--ink); background:#e5e5e6; }
.panel-grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr); align-items:center; gap:80px; }
.panel-grid.visual-first { grid-template-columns:minmax(460px,1.1fr) minmax(0,.9fr); }
.panel-copy { max-width:570px; }
.panel-number { display:inline-flex; align-items:center; gap:10px; margin-bottom:20px; color:var(--red); font-size:11px; font-weight:700; letter-spacing:.16em; }
.panel-number::before { content:""; width:34px; height:2px; background:currentColor; }
.panel-copy h1, .panel-copy h2 { margin:0 0 25px; font-size:clamp(42px,5vw,68px); font-weight:800; line-height:1.04; letter-spacing:-.05em; }
.panel-copy h1 em, .panel-copy h2 em { color:transparent; font-style:normal; -webkit-text-stroke:1.5px var(--red); }
.panel-copy > p, .expandable p { margin:0; font-size:14px; line-height:1.9; }
.panel-dark .panel-copy > p, .panel-dark .expandable p,
.panel-mid .panel-copy > p, .panel-mid .expandable p { color:rgba(255,255,255,.72); }
.panel-light .panel-copy > p, .panel-light .expandable p { color:#555960; }
.expandable { display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .35s ease, opacity .35s ease, margin .35s ease; }
.expandable > p { overflow:hidden; }
.expandable.open { grid-template-rows:1fr; opacity:1; margin-top:15px; }
.read-more { display:inline-flex; align-items:center; gap:9px; margin-top:22px; padding:0; border:0; color:inherit; background:transparent; font-size:12px; font-weight:600; }
.read-more i { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; color:#fff; background:var(--red); transition:transform .3s ease; }
.read-more[aria-expanded="true"] i { transform:rotate(45deg); }
.club-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:38px; border:1px solid rgba(255,255,255,.1); border-radius:15px; overflow:hidden; background:rgba(255,255,255,.1); }
.club-stats div { padding:17px; background:rgba(255,255,255,.045); }
.club-stats strong { display:block; color:#fff; font-size:22px; }
.club-stats span { color:rgba(255,255,255,.52); font-size:9px; text-transform:uppercase; letter-spacing:.07em; }
.panel-visual { position:relative; margin:0; }
.panel-visual::before { content:""; position:absolute; z-index:-1; inset:-16px 18px 18px -16px; border:1px solid rgba(223,49,55,.5); border-radius:4px; }
.panel-visual img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; border-radius:3px; box-shadow:0 25px 65px rgba(0,0,0,.2); transition:transform .55s ease, filter .55s ease; }
.panel-visual:hover img { transform:scale(1.018); filter:saturate(1.08); }
.panel-visual figcaption { position:absolute; right:-1px; bottom:-1px; padding:13px 17px; color:rgba(255,255,255,.72); background:rgba(20,21,24,.9); backdrop-filter:blur(8px); font-size:10px; }
.panel-visual figcaption span { margin-right:8px; color:var(--red); font-weight:700; letter-spacing:.12em; }
.next-panel { position:absolute; z-index:3; bottom:26px; left:50%; display:grid; place-items:center; width:42px; height:42px; border:1px solid rgba(255,255,255,.22); border-radius:50%; color:#fff; transform:translateX(-50%); animation:bounce 2s infinite; }
.next-panel:hover { color:#fff; border-color:var(--red); background:var(--red); }
.next-panel.dark { color:var(--ink); border-color:rgba(0,0,0,.18); }
@keyframes bounce { 0%,100%{transform:translate(-50%,0)} 50%{transform:translate(-50%,7px)} }
.panel-decoration { position:absolute; z-index:0; color:rgba(255,255,255,.025); font-size:220px; font-weight:800; letter-spacing:-.08em; pointer-events:none; }
.decoration-one { right:-15px; bottom:-80px; }
.decoration-two { left:-35px; bottom:-55px; }
.schedule-card { display:flex; align-items:center; gap:14px; margin-top:25px; padding:17px; border-radius:14px; background:rgba(255,255,255,.62); }
.schedule-card i { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; color:#fff; background:var(--red); }
.schedule-card div { display:grid; }
.schedule-card small { color:var(--muted); font-size:10px; }
.schedule-card strong { font-size:12px; }
.panel-action { display:inline-flex; align-items:center; gap:9px; margin-top:20px; color:var(--ink); font-size:12px; font-weight:700; }
.panel-action i { color:var(--red); }
.panel-action.primary { padding:13px 19px; border-radius:999px; color:#fff; background:var(--red); }
.panel-action.primary i { color:#fff; }
.athletic-cta { padding:90px 0; color:#fff; background:var(--red); }
.cta-inner { display:flex; align-items:center; justify-content:space-between; gap:50px; }
.cta-inner span { color:rgba(255,255,255,.65); font-size:10px; font-weight:700; letter-spacing:.16em; }
.cta-inner h2 { margin:7px 0; font-size:clamp(34px,4vw,52px); font-weight:800; letter-spacing:-.04em; }
.cta-inner p { margin:0; color:rgba(255,255,255,.72); font-size:13px; }
.cta-inner > a { flex:none; display:inline-flex; align-items:center; gap:10px; padding:15px 22px; border-radius:999px; color:var(--ink); background:#fff; font-size:12px; font-weight:700; transition:.25s ease; }
.cta-inner > a:hover { color:var(--red); transform:translateY(-3px); }
.athletic-footer { padding:34px 0; color:rgba(255,255,255,.58); background:#111216; }
.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.footer-inner > img { width:165px; filter:brightness(0) invert(1); opacity:.9; }
.footer-inner p { margin:0; color:rgba(255,255,255,.58); font-size:11px; text-align:center; }
.footer-inner p span { color:#fff; text-transform:uppercase; }
.footer-socials { display:flex; gap:9px; }
.footer-socials a { display:grid; place-items:center; width:36px; height:36px; border:1px solid rgba(255,255,255,.15); border-radius:50%; color:#fff; }
.footer-socials a:hover { color:#fff; border-color:var(--red); background:var(--red); }
.back-to-top { position:fixed; right:22px; bottom:22px; z-index:40; width:44px; height:44px; border:0; border-radius:50%; color:#fff; background:var(--red); box-shadow:0 10px 25px rgba(223,49,55,.35); opacity:0; pointer-events:none; transform:translateY(12px); transition:.25s ease; }
.back-to-top.show { opacity:1; pointer-events:auto; transform:translateY(0); }
.reveal { opacity:1; transform:none; }
.js .reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
.js .reveal.visible { opacity:1; transform:none; }

@media (max-width:1199px) {
  .athletic-page-header .main-nav .logo { width:170px; }
  .athletic-page-header .main-nav .nav li { padding-inline:9px; }
  .athletic-page-header .main-nav .nav li a { font-size:12px; }
  .athletic-page-header .main-nav .nav li:last-child { padding-left:15px; }
  .panel-grid, .panel-grid.visual-first { grid-template-columns:1fr 1fr; gap:50px; }
}
@media (max-width:991px) {
  .athletic-page-header .main-nav .logo { margin-left:0; }
  .athletic-page-header .main-nav .menu-trigger { top:33px; }
  .athletic-page-header .main-nav .nav { display:none; margin-top:92px!important; }
  .athletic-page-header .main-nav .nav.open { display:block; }
  .athletic-page-header .main-nav .nav li:last-child { padding-bottom:18px; }
  .athletic-panel { min-height:auto; padding:120px 0; }
  .intro-panel { padding-top:165px; }
  .panel-grid, .panel-grid.visual-first { grid-template-columns:1fr; gap:55px; }
  .panel-grid.visual-first .panel-visual { order:2; }
  .panel-grid.visual-first .panel-copy { order:1; }
  .panel-copy { max-width:700px; }
  .panel-visual { max-width:720px; }
}
@media (max-width:767px) {
  .athletic-page-header .main-nav .logo { width:162px; margin-top:23px; }
  .athletic-page-header .main-nav .logo img { width:220px!important; }
  .athletic-panel { padding:95px 0; }
  .intro-panel { padding-top:150px; }
  .panel-copy h1, .panel-copy h2 { font-size:42px; }
  .club-stats { grid-template-columns:1fr; }
  .panel-visual::before { inset:-10px 10px 10px -10px; }
  .panel-visual figcaption { position:relative; }
  .next-panel { bottom:18px; }
  .cta-inner, .footer-inner { flex-direction:column; align-items:flex-start; }
  .footer-inner { align-items:center; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; }
}