:root{
  --bg:#FFFFFF;
  --bg-alt:#F2EDE4;
  --bg-band:#11141C;          /* IPL Bunker navy — dark sections */
  --bg-pitch:#0B5D2E;          /* cricket pitch green */
  --text:#11141C;
  --text-muted:#4A4A4A;
  --accent:#49D3CC;            /* IPL Harvest Gold — primary accent */
  --accent-energy:#C8102E;     /* cricket-ball red — urgency only */
  --accent-gold:#DAB16F;       /* alias */
  --border:#11141C;
  --border-soft:rgba(17,20,28,0.15);
  --radius-pill:999px;
  --radius-sm:4px;
  --space-band:clamp(60px,10vw,140px);
  --container:1280px;
  --font-display:'Archivo','Inter Tight',system-ui,sans-serif;
  --font-body:'Poppins',sans-serif;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:var(--font-body);
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

img{
  max-width:100%;
  display:block;
}

h1,h2,h3{
  font-family:var(--font-display);
  text-transform:uppercase;
  letter-spacing:-0.02em;
  line-height:0.95;
  font-weight:800;
  color:#0A5C4A;
}

h1{ font-size:clamp(48px,8vw,120px); }
h2{ font-size:clamp(36px,5vw,80px); }
h3{ font-size:clamp(20px,2vw,28px); letter-spacing:0.02em; font-weight:700; }

p{

  color:#0A5C4A;

}

/* ---------- Layout primitives ---------- */
.container{
  width:90%;
  max-width:var(--container);
  margin:0 auto;
}

.section{
  padding:var(--space-band) 20px;
}

.section--band-cream{
  background:#CCD2D4;
}

.section--band-teal{
  background:#0A5C4A;
  color:#fff;
}

.section--band-teal h1,
.section--band-teal h2,
.section--band-teal h3{ color:#fff; }
.section--band-teal p{ color:rgba(255,255,255,0.85); }

.section--split .container{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}

.eyebrow{
  font-family:var(--font-display);
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:0.08em;
  color:var(--text-muted);
  font-weight:600;
}

/* ---------- Buttons ---------- */
.btn{
  display:inline-block;
  padding:16px 36px;
  text-decoration:none;
  font-family:var(--font-display);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.06em;
  font-size:14px;
  border:none;
  cursor:pointer;
  transition:transform .15s ease, opacity .15s ease;
}
.btn:hover{ transform:translateY(-1px); opacity:0.92; }

.btn--pill{ border-radius:var(--radius-pill); }
.btn--teal{ background:var(--bg-band); color:#fff; }

.btn--gold{
  background:#49d3cc;
  color:#fff;
}

.btn--navy{
  background:#0A5C4A;
  color:#fff;
}

.btn--white{ background:#fff; color:var(--text); }

.btn--black{
  background:#0A5C4A;
  color:#fff;
}

.btn--outline{ background:transparent; border:1px solid currentColor; color:inherit; }

/* ---------- Navbar ---------- */
.navbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:24px clamp(20px,4vw,60px);
  background:#fff;
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:1px solid var(--border-soft);
}

.logo{
  font-family:var(--font-display);
  font-size:20px;
  font-weight:800;
  letter-spacing:0.02em;
  color:var(--text);
  text-decoration:none;
}

.nav-toggle{ display:none; }
.nav-toggle-label{
  display:none;
  font-size:24px;
  cursor:pointer;
  user-select:none;
}

.nav-links{
  list-style:none;
  display:flex;
  gap:32px;
  align-items:center;
}

.nav-links a{
  color:#22374D;
  text-decoration:none;
  font-family:var(--font-display);
  font-size:13px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.06em;
}
.nav-links a:hover{ color: #535353; }

.nav-cta{
  background:#22374D;
  color:#fff !important;
  padding:10px 22px;
  border-radius:var(--radius-pill);
  transition:all 0.3s ease;
}

.nav-cta:hover{
  background:#22374D;
  color:#fff !important;
  opacity:1;
}

/* ---------- Hero ---------- */
.hero{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:calc(100vh - 73px);
  background:#436B81;
}

.hero-image{
  position:relative;
  background-size:cover;
  background-position:center;
  min-height:60vh;
}

.hero-content{
  padding:clamp(40px,6vw,80px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.hero-eyebrow{
  text-align:right;
  max-width:260px;
  margin-left:auto;
  color:#0A5C4A;
}

.hero-title h1{ margin-bottom:24px; }
.hero-title p{ font-size:18px; margin-bottom:32px; max-width:480px; }

/* ---------- About ---------- */
.about-image{
  aspect-ratio:1/1;
  background-size:cover;
  background-position:center;
}

.about-text p{ margin-top:24px; max-width:520px; font-size:17px; }

/* ---------- Stats ---------- */
.stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  padding:60px 20px;
  max-width:var(--container);
  margin:0 auto;
  width:90%;
}

.stat-card{
  border:1px solid var(--border);
  padding:32px 24px;
  text-align:center;
  background:transparent;
}

.stat-card h3{
  font-size:clamp(40px,5vw,64px);
  color:#0A5C4A;
  font-weight:800;
}

.stat-card p{
  margin-top:8px;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:0.1em;
  color:#0A5C4A;
  font-weight:600;
}

/* ---------- Highlights / Image-led cards ---------- */
.section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:60px;
  gap:40px;
  flex-wrap:wrap;
}
.section-head p{ max-width:420px; }

.image-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
}

.image-card-img{
  aspect-ratio:3/4;
  background-size:cover;
  background-position:center;
  margin-bottom:20px;
}

.image-card h3{ margin-bottom:8px; }

/* ---------- Key Dates / tables ---------- */
.schedule-grid{
  display:grid;
  grid-template-columns:1fr 1.4fr 1fr;
  gap:60px;
  align-items:start;
  
}

.data-table{
  width:100%;
  border-collapse:collapse;
}

.data-table th,
.data-table td{
  text-align:left;
  padding:18px 12px;
  border-bottom:1px solid var(--border);
  font-size:15px;
}

.data-table th{
  font-family:var(--font-display);
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:0.08em;
  font-weight:700;
  color:#fff;
}

#schedule .data-table th{
  color:#fff;
}

.data-table td{ color:var(--text); }
.data-table tr:last-child td{ border-bottom:1px solid var(--border); }

.schedule-image{
  aspect-ratio:3/4;
  background-size:cover;
  background-position:center;
}

.team-card{
  border:1px solid var(--border);
  padding:0;
  background:#fff;
  overflow:hidden;
}

.team-card-img{
  aspect-ratio:1/1;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  transform-origin:center;
}

.team-card-body{ padding:20px; }
.team-card h3{ margin-bottom:6px; font-size:18px; }
.team-card .team-tagline{ font-size:13px; color:var(--text-muted); margin-bottom:12px; }
.team-card .team-captain{
  font-family:var(--font-display);
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:0.08em;
  color:var(--text);
  font-weight:700;
}

/* ---------- Fixtures / Results tabs ---------- */
.fixtures-tabs{
  display:flex;
  gap:8px;
  margin-bottom:32px;
  border-bottom:1px solid var(--border);
}

.fixtures-tabs a{
  font-family:var(--font-display);
  text-transform:uppercase;
  font-size:14px;
  font-weight:700;
  letter-spacing:0.08em;
  color:var(--text-muted);
  text-decoration:none;
  padding:14px 20px;
  border-bottom:3px solid transparent;
  margin-bottom:-1px;
}

.fixtures-tabs a.active,
.fixtures-tabs a:hover{
  color:var(--text);
  border-bottom-color:var(--text);
}

.fixtures-panel{ display:none; }
#fixtures-list{ display:block; }
#fixtures-results:target{ display:block; }
#fixtures:has(#fixtures-results:target) #fixtures-list{ display:none; }

/* ---------- Register ---------- */
.register-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:start;
}

.register-copy h2{ margin-bottom:24px; }
.register-copy p{ color:rgba(255,255,255,0.9); margin-bottom:40px; max-width:420px; font-size:17px; }

.qr-fallback{
  border:1px solid var(--accent);
  padding:24px;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  max-width:220px;
}
.qr-fallback img{
  width:140px;
  border-radius:var(--radius-sm);
  background:#fff;
  padding:8px;
}
.qr-fallback span{
  font-family:var(--font-display);
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:0.08em;
  color:var(--accent);
}

.register-form{
  background:transparent;
  border:1px solid var(--accent);
  padding:40px;
  display:flex;
  flex-direction:column;
  gap:20px;
}

.register-form label{
  font-family:var(--font-display);
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:0.08em;
  font-weight:700;
  color:var(--accent);
  display:block;
  margin-bottom:8px;
}

.register-form input,
.register-form select{
  width:100%;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(218,177,111,0.4);
  padding:14px 16px;
  color:#fff;
  font-family:var(--font-body);
  font-size:15px;
  border-radius:var(--radius-sm);
}
.register-form input::placeholder{ color:rgba(255,255,255,0.45); }
.register-form input:focus,
.register-form select:focus{
  outline:none;
  border-color:var(--accent);
  background:rgba(218,177,111,0.08);
}
.register-form select option{ color:var(--text); background:#fff; }

.register-form .submit-row{
  margin-top:8px;
}

.register-form .form-note{
  font-size:12px;
  color:rgba(255,255,255,0.7);
  margin-top:8px;
  text-align:center;
}

/* ---------- Gallery (bento) ---------- */
.gallery-caption{
  font-size:17px;
  color:var(--text-muted);
  margin-bottom:32px;
  max-width:600px;
}

.bento{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:200px;
  gap:16px;
}

.bento-item{
  background-size:cover;
  background-position:center;
  border-radius:var(--radius-sm);
}

.bento-item--lg{
  grid-column:span 2;
  grid-row:span 2;
}

/* ---------- Sponsors ---------- */
.sponsors-photo{
  aspect-ratio:21/6;
  background-size:cover;
  background-position:center;
  margin-bottom:48px;
}

.sponsor-tiles{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:20px;
}

.sponsor-tile{
  border:1px solid var(--accent);
  padding:32px 16px;
  text-align:center;
  font-family:var(--font-display);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:0.06em;
  font-weight:700;
  color:var(--accent);
}

/* ---------- Contact ---------- */
.contact-grid{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:0;
  min-height:560px;
}

.contact-image{
  position:relative;
  background-size:cover;
  background-position:center;
  padding:48px;
  display:flex;
  align-items:flex-start;
}

.contact-image h2{ color:#b6f216; position:relative; z-index:2; }
.contact-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 60%);
}

.contact-form{
  padding:60px;
  display:flex;
  flex-direction:column;
  gap:20px;
  border:1px solid var(--border);
  background:#535353;
}

.contact-form label{
  font-family:var(--font-display);
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:0.08em;
  font-weight:700;
  color:#0A5C4A;
  display:block;
  margin-bottom:8px;
}

.contact-form input,
.contact-form textarea{
  width:100%;
  background:transparent;
  border:1px solid #0A5C4A;
  padding:14px 16px;
  color:#0A5C4A;
  font-family:var(--font-body);
  font-size:15px;
  border-radius:var(--radius-sm);
  resize:vertical;
}

.contact-form .form-note{
  font-size:12px;
  color:var(--text-muted);
  margin-top:4px;
}

/* ---------- Footer ---------- */
.footer{
  background:#fff;
  padding:var(--space-band) 20px 60px;
  border-top:1px solid var(--border-soft);
}

.footer-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1.2fr;
  gap:40px;
  align-items:stretch;
}

.footer-wordmark{
  border:1px solid #0A5C4A;
  color:#0A5C4A;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-family:var(--font-display);
  font-weight:800;
  letter-spacing:0.04em;
  font-size:clamp(32px,4vw,56px);
  line-height:1.0;
  aspect-ratio:1/1;
  max-width:280px;
}
.footer-wordmark span{ display:block; }

.footer-info{
  border:1px solid #0A5C4A;
  padding:32px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}
.footer-info p{ color:#0A5C4A; font-size:15px; }
.footer-socials{ margin-top:16px; display:flex; gap:16px; }
.footer-socials a{
  color:#0A5C4A;
  text-decoration:none;
  font-family:var(--font-display);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:0.08em;
  font-weight:700;
  border-bottom:1px solid var(--text);
  padding-bottom:2px;
}

.footer-photo{
  background-size:cover;
  background-position:center;
  min-height:280px;
}

.footer-bottom{
  margin-top:60px;
  padding-top:24px;
  border-top:1px solid var(--border-soft);
  text-align:center;
  font-size:13px;
  color:var(--text-muted);
}

/* ---------- Sporty additions ---------- */

.btn--energy{ background:var(--accent-energy); color:#fff; }

.section--band-pitch{ background:var(--bg-pitch); color:#fff; }
.section--band-pitch h1, .section--band-pitch h2, .section--band-pitch h3{ color:#fff; }
.section--band-pitch p{ color:rgba(255,255,255,0.85); }

/* Registration urgency banner */
.urgency-banner{
  background:#b7f216;
  color:#22374D;
  padding:18px 20px;
  border-top:1px solid rgba(15,125,99,0.08);
  border-bottom:1px solid rgba(15,125,99,0.08);
}
.urgency-banner .urgency-inner{
  max-width:var(--container);
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.urgency-banner .urgency-msg{
  font-family:var(--font-display);
  text-transform:uppercase;
  letter-spacing:0.06em;
  font-size:14px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:14px;
}
.urgency-banner .pulse-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#22374D;
  display:inline-block;
  animation:pulse 1.4s ease-in-out infinite;
}
@keyframes pulse{
  0%,100%{ transform:scale(1); opacity:1; }
  50%{ transform:scale(1.4); opacity:0.5; }
}
.urgency-banner .btn--energy-inv{
  background:#22374D;
  color:#b7f216;
  padding:10px 22px;
  font-family:var(--font-display);
  text-transform:uppercase;
  letter-spacing:0.06em;
  font-size:13px;
  font-weight:800;
  border-radius:var(--radius-pill);
  text-decoration:none;
}

/* Icon eyebrows above section heads */
.icon-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-display);
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:0.12em;
  font-weight:800;
  color:#49D3CC;
  margin-bottom:18px;
}
.icon-eyebrow svg{
  width:22px;
  height:22px;
  flex-shrink:0;
}
.section--band-teal .icon-eyebrow,
.section--band-pitch .icon-eyebrow{ color:var(--accent); }

/* Stats with icon */
.stat-card .stat-icon{
  width:32px;
  height:32px;
  margin:0 auto 10px;
  color:#b6f216;
}
.stat-card .stat-icon svg{ width:100%; height:100%; }

/* Team-card stats P/W/L/Pts row */
.team-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--border);
  margin:14px -20px -20px;
}
.team-stats div{
  text-align:center;
  padding:10px 4px;
  border-right:1px solid var(--border-soft);
}
.team-stats div:last-child{ border-right:none; }
.team-stats span{
  display:block;
  font-family:var(--font-display);
  font-weight:800;
  font-size:18px;
  color:var(--text);
  line-height:1;
}
.team-stats small{
  font-family:var(--font-display);
  text-transform:uppercase;
  font-size:9px;
  letter-spacing:0.1em;
  color:var(--text-muted);
  margin-top:4px;
  display:block;
}

/* Fixture scorecards */
.fixtures-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}
.fixture-card{
  background:#fff;
  border:1px solid var(--border);
  padding:0;
  display:flex;
  flex-direction:column;
}
.fixture-card .fixture-meta{
  display:flex;
  justify-content:space-between;
  padding:14px 20px;
  background:var(--bg-pitch);
  color:#fff;
  font-family:var(--font-display);
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:0.1em;
  font-weight:700;
}
.fixture-card .fixture-body{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:24px 20px;
  gap:16px;
}
.fixture-card .fixture-team{
  font-family:var(--font-display);
  font-weight:800;
  text-transform:uppercase;
  font-size:16px;
  letter-spacing:0.02em;
  line-height:1.1;
}
.fixture-card .fixture-team--right{ text-align:right; }
.fixture-card .fixture-vs{
  font-family:var(--font-display);
  font-weight:800;
  font-size:14px;
  color:var(--accent-energy);
  border:2px solid var(--accent-energy);
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
}
.fixture-card .fixture-venue{
  border-top:1px solid var(--border-soft);
  padding:12px 20px;
  font-size:12px;
  color:var(--text-muted);
  display:flex;
  align-items:center;
  gap:8px;
}
.fixture-card .fixture-venue svg{ width:14px; height:14px; flex-shrink:0; }

/* Quick-link CTA tiles strip */
.quick-links{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border:1px solid var(--border);
}
.quick-link{
  padding:32px 24px;
  text-decoration:none;
  color:var(--text);
  display:flex;
  flex-direction:column;
  gap:8px;
  border-right:1px solid var(--border);
  transition:background 0.15s ease;
}
.quick-link:last-child{ border-right:none; }
.quick-link:hover{ background:var(--bg-alt); }
.quick-link .quick-link-icon{
  width:36px;
  height:36px;
  color:var(--accent-energy);
  margin-bottom:10px;
}
.quick-link h3{ font-size:20px; margin-bottom:4px; }
.quick-link p{ font-size:13px; }
.quick-link .quick-link-arrow{
  font-family:var(--font-display);
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:0.1em;
  font-weight:800;
  color:var(--accent-energy);
  margin-top:14px;
}

/* Section overline next to title */
.section--title-with-rule h2{ position:relative; padding-left:24px; }
.section--title-with-rule h2::before{
  content:"";
  position:absolute;
  left:0;
  top:0.15em;
  bottom:0.15em;
  width:6px;
  background:var(--accent-energy);
}

/* ---------- Responsive ---------- */
@media(max-width:1024px){
  .image-cards{ grid-template-columns:repeat(2,1fr); }
  .sponsor-tiles{ grid-template-columns:repeat(3,1fr); }
  .schedule-grid{ grid-template-columns:1fr 1fr; }
  .schedule-image{ grid-column:span 2; aspect-ratio:21/9; }
  .fixtures-grid{ grid-template-columns:1fr; }
  .quick-links{ grid-template-columns:1fr; }
  .quick-link{ border-right:none; border-bottom:1px solid var(--border); }
  .quick-link:last-child{ border-bottom:none; }
}

@media(max-width:768px){
  .nav-toggle-label{ display:block; }
  .nav-links{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:#fff;
    flex-direction:column;
    align-items:flex-start;
    padding:20px 24px;
    gap:18px;
    border-bottom:1px solid var(--border-soft);
    display:none;
  }
  .nav-toggle:checked ~ .nav-links{ display:flex; }
  .navbar{ position:relative; }

  .hero{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .hero-image{ min-height:60vh; }
  .hero-content{ padding:48px 24px; }
  .hero-eyebrow{ text-align:left; margin-left:0; margin-bottom:24px; }

  .section--split .container{ grid-template-columns:1fr; gap:32px; }
  .about-image{ order:-1; }

  .stats{ grid-template-columns:repeat(2,1fr); }
  .image-cards{ grid-template-columns:1fr; }
  .sponsor-tiles{ grid-template-columns:1fr 1fr; }

  .schedule-grid{ grid-template-columns:1fr; gap:32px; }
  .schedule-image{ grid-column:span 1; aspect-ratio:16/9; }

  .register-grid{ grid-template-columns:1fr; gap:40px; }
  .register-form{ padding:24px; }

  .bento{
    grid-template-columns:repeat(2,1fr);
    grid-auto-rows:140px;
  }
  .bento-item--lg{ grid-column:span 2; grid-row:span 2; }

  .contact-grid{ grid-template-columns:1fr; }
  .contact-image{ min-height:280px; }
  .contact-form{ padding:32px 24px; }

  .footer-grid{ grid-template-columns:1fr; }
  .footer-wordmark{ max-width:none; aspect-ratio:auto; padding:40px; }
  .footer-photo{ min-height:200px; }

  .section-head{ flex-direction:column; align-items:flex-start; }

  .urgency-banner .urgency-inner{ flex-direction:column; text-align:center; gap:14px; }
  .urgency-banner .urgency-msg{ flex-direction:column; gap:8px; }

  .fixture-card .fixture-body{ grid-template-columns:1fr; text-align:center; gap:12px; }
  .fixture-card .fixture-team--right{ text-align:center; }
  .fixture-card .fixture-vs{ margin:0 auto; }

  .team-stats span{ font-size:15px; }
}

.hero-title h1{
    font-size: 75px !important;
}

.hero-title p{ 
    font-size:18px; 
    margin-bottom:32px; 
    max-width:650px; 
}

p.eyebrow.hero-eyebrow{
  color:#0A5C4A !important;
}

.als-logo{
  width:200px;
  height:auto;
  display:block;
  margin-bottom:20px;
}

.image-slider-wrapper{
  position:relative;
  width:100%;
}

.image-slider-track{
  overflow:hidden;
}

.slide-set{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
}

.main-slider-btn{
  position:absolute;
  top:35%;
  transform:translateY(-50%);
  width:52px;
  height:52px;
  border:none;
  border-radius:50%;
  background:#0A5C4C;
  color:#fff;
  font-size:24px;
  cursor:pointer;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:0.3s ease;
}

.main-slider-btn:hover{
  background:#49D3CC;
  color:#0A5C4C;
}

.main-slider-btn.prev{
  left:-26px;
}

.main-slider-btn.next{
  right:-26px;
}

.pitchdeck-wrap{
  margin-top:60px;
}

.pitchdeck-card{
  position:relative;
  display:block;
  width:100%;
  max-width:1100px;
  height:900px;
  margin:0 auto;
  overflow:hidden;
  border-radius:28px;
  background:#0A5C47;
  padding:18px;
  box-shadow:0 25px 60px rgba(0,0,0,0.12);
  transition:transform 0.5s ease;
}

.pitchdeck-card:hover{
  transform:translateY(-12px);
}

.pitchdeck-card iframe{
  width:100%;
  height:100%;
  border:none;
  border-radius:18px;
  background:#fff;
}

/* auto slow scroll effect */
.pitchdeck-card iframe{
  animation:pitchScroll 35s linear infinite alternate;
}

.pitchdeck-card:hover iframe{
  animation-play-state:paused;
}

@keyframes pitchScroll{
  0%{
    transform:translateY(0);
  }
  100%{
    transform:translateY(-35%);
  }
}

.pitchdeck-overlay{
  position:absolute;
  left:0;
  right:0;
  bottom:30px;
  display:flex;
  justify-content:center;
  pointer-events:none;
}

.pitchdeck-overlay span{
  background:#0F7D63;
  color:#fff;
  padding:14px 30px;
  border-radius:999px;
  font-size:14px;
  font-weight:700;
  letter-spacing:1px;
  box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.footer-als-logo{
  width:120px;
  height:auto;
  display:block;
  margin-bottom:20px;
}

.nav-dropdown{
  position:relative;
  list-style:none;
}

.dropdown-menu{
  position:absolute;
  top:120%;
  right:0;
  min-width:220px;
  background:#22374D;
  border-radius:16px;
  padding:10px 0;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:0.3s ease;
  box-shadow:0 15px 35px rgba(0,0,0,0.12);
  z-index:999;
}

.nav-dropdown:hover .dropdown-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.dropdown-menu li{
  list-style:none;
}

.dropdown-menu li a{
  display:block;
  padding:14px 22px;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  transition:0.3s ease;
}

.dropdown-menu li a:hover{
  background:#22374D;
  color:#fff;
}

.footer-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  column-gap:60px;
  align-items:start;
  justify-items:center;
}

.footer-wordmark,
.footer-info{
  width:100%;
  max-width:320px;
  min-height:340px;
}

.footer-wordmark{
  display:flex;
  align-items:center;
  justify-content:center;
}

.pitchdeck-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
  margin-top:50px;
}

.pitchdeck-mini-card{
  display:block;
  text-decoration:none;
  background:#fff;
  border:1px solid rgba(10,92,74,0.15);
  border-radius:24px;
  overflow:hidden;
  transition:0.35s ease;
  box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.pitchdeck-mini-card:hover{
  transform:translateY(-10px);
  box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

.pitchdeck-preview{
  height:420px;
  overflow:hidden;
  background:#0A5C4A;
  position:relative;
}

.pitchdeck-preview iframe{
  width:100%;
  height:900px;
  border:none;
  transform:translateY(0);
  transition:transform 8s linear;
  background:#fff;
  overflow-y:auto;
  pointer-events:auto;
}

.pitchdeck-mini-card:hover iframe{
  transform:translateY(-35%);
}

.pitchdeck-info{
  padding:28px;
}

.pitchdeck-info h3{
  margin-bottom:14px;
  font-size:28px;
  color:#0A5C4A;
}

.pitchdeck-info p{
  color:#4A4A4A;
  line-height:1.7;
  margin-bottom:22px;
  font-size:15px;
}

.pitchdeck-info span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 24px;
  border-radius:999px;
  background:#b6f216;
  color:#22374D;
  font-size:13px;
  font-weight:700;
  letter-spacing:1px;
}

@media(max-width:1024px){

  .pitchdeck-grid{
    grid-template-columns:1fr;
  }

  .pitchdeck-preview{
    height:360px;
  }

}

/* ===== Teams Slider ===== */

.teams-slider-wrapper{
  position:relative;
  overflow:hidden;
  width:100%;
  margin-top:40px;
  padding:0 40px;
}

.teams-slider{
  overflow:hidden;
  width:100%;
}

.teams-slider-track{
  display:flex;
  gap:24px;
  transition:transform 0.5s ease;
  will-change:transform;
}

.teams-slider-track .team-card{
  flex:0 0 calc((100% - 72px) / 4);
  max-width:calc((100% - 72px) / 4);
}

/* Navigation */

.teams-slider-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:52px;
  height:52px;
  border:none;
  border-radius:50%;
  background:#22374D;
  color:#fff;
  font-size:24px;
  cursor:pointer;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
}

.teams-slider-btn.prev{
  left:0;
}

.teams-slider-btn.next{
  right:0;
}

.teams-slider-btn:hover{
  background:#b6f216;
  color:#0A5C4A;
}

/* Mobile */

@media(max-width:1024px){

  .teams-slider-track .team-card{
    flex:0 0 calc((100% - 24px) / 2);
    max-width:calc((100% - 24px) / 2);
  }

}

@media(max-width:768px){

  .teams-slider-track .team-card{
    flex:0 0 100%;
    max-width:100%;
  }

}

.hero *{
  color:#fff !important;
}

.section--band-cream h1,
.section--band-cream h2,
.section--band-cream h3{
  color:#23374D !important;
}

#about h2{
  color:#b6f216 !important;
}

.section--band-cream p{
  color:#23374D !important;
}

.stat-card h3,
.stat-card p,
.team-stats span,
.team-stats small{
  color:#23374D !important;
}

.stat-card .stat-icon{
  color:#b6f216 !important;
}

.image-card h3,
.image-card p,
.section-head h2,
.section-head p{
  color:#23374D !important;
}

#sponsors .section-head h2{
  color:#b7f216 !important;
}

#schedule{
  background:#436B81;
}

#schedule h2,
#schedule p,
#schedule th,
#schedule td{
  color:#B6F216 !important;
}

#schedule .data-table th,
#schedule .data-table td{
  border-color:rgba(255,255,255,0.25);
}

#schedule .data-table th{
  color:#fff;
}

#about{
    background:#CFD5D8;
}

#fixtures{
    background:#436B81;
}

#fixtures h2,
#fixtures p,
#fixtures .section-head p,
#fixtures .fixtures-panel p,
#fixtures .fixtures-tabs a{
    color:#ffffff !important;
}

#fixtures .fixtures-tabs a.active,
#fixtures .fixtures-tabs a:hover{
    color:#ffffff !important;
    border-bottom-color:#ffffff !important;
}

#register{
    background:#D4DCE0;
}

#register h2,
#register p,
#register label,
#register .icon-eyebrow,
#register .qr-fallback span,
#register .form-note{
    color:#22374D !important;
}

#register input::placeholder,
#register select,
#register option{
    color:#22374D !important;
}

#register .btn--white{
    background:#b6f216 !important;
    color:#22374D !important;
    border:none !important;
}

#register input,
#register select{
    color:#22374D !important;
    border:1px solid #22374D !important;
    background:#ffffff !important;
}

#register input::placeholder{
    color:#5F7185 !important;
    opacity:1;
}

#register select{
    color:#22374D !important;
}

/* Text color */
#gallery h2,
#gallery p,
#gallery .pitchdeck-info h3,
#gallery .pitchdeck-info p{
    color:#22374D !important;
}

/* View Deck button */
#gallery .pitchdeck-info span{
    background:#b6f216 !important;
    color:#22374D !important;
}

/* Remove PDF auto-scroll */
#gallery .pitchdeck-preview iframe{
    transform:none !important;
    transition:none !important;
}

#gallery .pitchdeck-mini-card:hover iframe{
    transform:none !important;
}

#sponsors{
    background:#22374D;
}

#sponsors h2,
#sponsors p,
#sponsors .sponsor-tile{
    color:#ffffff !important;
}

#sponsors .sponsor-tile{
    border-color:#ffffff !important;
}

.footer h5,
.footer p,
.footer a,
.footer-bottom{
    color:#22374D !important;
}

.footer-socials a{
    border-bottom-color:#22374D !important;
}

.contact-form label,
.contact-form .form-note{
    color:#22374D !important;
}

.contact-form input,
.contact-form textarea{
    color:#22374D !important;
    border:1px solid #22374D !important;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
    color:#5F7185 !important;
    opacity:1;
}

.contact-form .btn--black{
    background:#22374D !important;
    color:#ffffff !important;
    border:none !important;
}

#about .about-image{
  border-radius:0 0 32px 32px;
  overflow:hidden;
  background-position:center;
  background-size:cover;
  box-shadow:0 25px 60px rgba(0,0,0,0.15);
  transform:translateY(0);
  margin-top:-140px;
  transition:0.3s ease;
}

#about .about-image:hover{
  transform:translateY(0);
}

#about .about-image:hover{
  transform:translateY(0);
}

@media (max-width:768px){
  #about .about-image{
    margin-top:-60px;
    border-radius:0 0 24px 24px;
    order:-1;
  }
  
  #about .container{
    grid-template-columns:1fr !important;
  }
}

#highlights .image-card{
  transition:0.3s ease;
}

#highlights .image-card-img{
  border-radius:32px;
  overflow:hidden;
  box-shadow:0 25px 60px rgba(0,0,0,0.15);
  background-position:center;
  background-size:cover;
  transform:translateY(10px);
  transition:0.3s ease;
}

#highlights .image-card:hover .image-card-img{
  transform:translateY(0);
}

#schedule .schedule-image{
  border-radius:32px;
  overflow:hidden;
  background-position:center;
  background-size:cover;
  box-shadow:0 25px 60px rgba(0,0,0,0.15);
  transform:translateY(10px);
  transition:0.3s ease;
}

#schedule .schedule-image:hover{
  transform:translateY(0);
}

#sponsors .sponsors-photo{
  border-radius:32px;
  overflow:hidden;
  background-position:center;
  background-size:cover;
  box-shadow:0 25px 60px rgba(0,0,0,0.15);
  transform:translateY(10px);
  transition:0.3s ease;
}

#sponsors .sponsors-photo:hover{
  transform:translateY(0);
}

#register .rules-accordion{
  margin-top:30px;
}

#register .rules-accordion details{
  margin-bottom:15px;
  border:1px solid #22374D;
  border-radius:12px;
  overflow:hidden;
  background:#D4DCE0;
}

#register .rules-accordion summary{
  padding:16px 20px;
  cursor:pointer;
  font-weight:700;
  color:#22374D;
}

#register .rules-content{
  max-height:450px;
  overflow-y:auto;
  padding:20px;
  border-top:1px solid #22374D;
  color:#22374D;
  font-size:14px;
  line-height:1.8;
  background:#ffffff;
}

#register .rules-content::-webkit-scrollbar{
  width:8px;
}

#register .rules-content::-webkit-scrollbar-thumb{
  background:#22374D;
  border-radius:20px;
}

.reg-tabs{
  display:flex;
  gap:10px;
  margin-bottom:25px;
}

.reg-tab{
  flex:1;
  padding:14px;
  border:1px solid #22374D;
  background:transparent;
  color:#22374D;
  font-weight:700;
  cursor:pointer;
  border-radius:10px;
}

.reg-tab.active{
  background:#b6f216 !important;
  color:#22374D !important;
}

@media (max-width: 768px){

  .navbar .logo img{
    height:100px !important;
  }

}

@media (max-width:768px){

  .urgency-banner{
    padding:12px 15px;
  }

  .urgency-banner .urgency-inner{
    flex-wrap:nowrap !important;
    gap:8px;
  }

  .urgency-banner .pulse-dot{
    display:none;
  }

  .urgency-banner .urgency-msg{
    font-size:10px;
    line-height:1.25;
    gap:0;
    flex:1;
    min-width:0;
  }

  .urgency-banner .btn--energy-inv{
    padding:7px 12px;
    font-size:10px;
    flex-shrink:0;
  }

}

@media (max-width:768px){

  .hero-image{
    min-height:280px !important;
  }

}

@media (max-width:768px){

  .hero-content h1{
    font-size:30px !important;
    line-height:1.1;
  }

}

@media (max-width:768px){

  .hero-eyebrow{
    display:none;
  }

  .hero-title{
    top:0 !important;
    margin-top:-20px;
  }

}

@media (max-width:768px){

  .hero{
    display:flex;
    flex-direction:column;
  }

  .hero-image{
    order:1;
  }

  .hero-content{
    order:2;
  }

}

@media (max-width:768px){

  .stats{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:15px;
  }

  .stat-card{
    width:100%;
    min-width:0;
    padding:20px 10px;
  }

  .stat-card h3{
    font-size:42px;
  }

}

@media (max-width:768px){

  .stat-card h3{
    font-size:25px;
    line-height:1;
  }

}

@media (max-width:768px){

  #highlights{
    padding-top:0 !important;
    margin-top:-40px;
  }

  #highlights .section-head{
    margin-top:0;
    margin-bottom:20px;
  }

}

@media (max-width:768px){

  .image-slider-track{
    overflow-x:auto;
    overflow-y:hidden;
  }

  .slide-set{
    display:flex !important;
    gap:16px;
    flex-wrap:nowrap;
  }

  .image-card{
    flex:0 0 100%;
    width:100%;
  }

  .main-slider-btn{
    display:none;
  }

}

@media (max-width:768px){

  .main-slider-btn{
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    z-index:10;
  }

  .image-slider-wrapper{
    position:relative;
  }

  .main-slider-btn.prev{
    left:10px;
  }

  .main-slider-btn.next{
    right:10px;
  }

}

@media (max-width:768px){

  .schedule-image{
    display:none !important;
  }

}

@media (max-width:768px){

  .sponsors-photo{
    display:none !important;
  }

}

@media (max-width:768px){

  .footer-grid{
    display:flex;
    flex-direction:column;
    gap:20px;
    align-items:center;
  }

  .footer-wordmark,
  .footer-info{
    width:100%;
    max-width:320px;
  }

  .footer-wordmark{
    min-height:auto;
  }

  .footer-wordmark img{
    width:100%;
    height:auto;
  }

}

.hero-image{
    background:#436B81;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:50px 50px 50px 0;
}

.hero-image img{
    width:100%;
    max-width:none;
    border-radius:0 24px 24px 0;
    display:block;
    margin-left:0;
}

.hero-als{
    background:#535353;
}

.hero-als .hero-image img{

    width:100%;

    max-width:none;

    border-radius:24px 0 0 24px;

    display:block;

}

.hero-als .hero-image{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    padding:50px 0 50px 50px;

    background:#535353;

}

#schedule thead th{
    color:#fff !important;
}

#sponsors .sponsor-tile{
    border:1px solid #b7f216 !important;
}

@media (max-width:768px){

  .hero-image{
    padding:30px 30px 10px 0;
  }

  .hero-image img{
    width:100%;
    max-width:none;
    margin-left:0;
    border-radius:0 16px 16px 0;
  }

}

@media (max-width:768px){

  .hero-als .hero-image{
    padding:30px 0 10px 30px;
  }

  .hero-als .hero-image img{
    width:100%;
    max-width:none;
    margin-left:0;
    border-radius:16px 0 0 16px;
  }

}

@media (max-width:768px){

  .hero-als .hero-title{
    display:flex;
    flex-direction:column;
  }

  .hero-als .hero-title h2{
    order:1;
  }

  .hero-als .als-logo{
    order:2;
    margin-top:20px;
    margin-bottom:20px;
  }

  .hero-als .hero-title p{
    order:3;
  }

}

@media (max-width:768px){

  .about-image{
    padding:20px 10px;
  }

  .about-image img{
    width:90%;
    max-width:none;
    margin-left:-20px;
  }

}

/* Fixtures & Results heading */
#fixtures .section-head h2{
    color:#B6F216 !important;
}

/* Fixtures + Results tab labels */
#fixtures .fixtures-tabs a{
    color:#B6F216 !important;
}

/* Line under tabs */
#fixtures .fixtures-tabs{
    border-bottom:1px solid #B6F216 !important;
}

/* Active tab underline */
#fixtures .fixtures-tabs a.active{
    border-bottom:3px solid #B6F216 !important;
}

@media (max-width:768px){

  #pdfPopup{
    padding:8px !important;
  }

  #pdfFrame{
    min-height:85vh;
  }

}

@media (max-width:768px){
  html, body{
    overflow-x:hidden;
    max-width:100%;
  }
}

.contact-form div{
  display:flex;
  flex-direction:column;
  width:100%;
}

.contact-form input,
.contact-form textarea{
  width:100% !important;
  display:block !important;
  box-sizing:border-box !important;
}

.contact-form label{
  color:#b6f216 !important;
}

.contact-form input,
.contact-form textarea{
  color:#b6f216 !important;
  border:1px solid #b6f216 !important;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
  color:rgba(182,242,22,0.5) !important;
}

.contact-form .form-note{
  color:#b6f216 !important;
}

.contact-form .btn--black{
  background:#b6f216 !important;
  color:#22374D !important;
}

.footer-info-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:40px;
  margin-bottom:60px;
  font-size:15px;
  color:#0A5C4A;
  width:100%;
  border-top:1px solid rgba(10,92,74,0.15);
  border-bottom:1px solid rgba(10,92,74,0.15);
  padding:24px 0;
}

.footer-info-line span{
  display:flex;
  align-items:center;
  gap:8px;
  color:#0A5C4A;
  font-size:15px;
}

.footer-info-line a{
  color:#0A5C4A;
  text-decoration:none;
  font-weight:700;
  font-family:var(--font-display);
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:0.06em;
  padding:8px 16px;
  border:1px solid #0A5C4A;
  border-radius:999px;
  transition:0.2s ease;
}

.footer-info-line a:hover{
  background:#b6f216;
  color:#22374D;
  border-color:#b6f216;
}

.footer-divider{
  display:none;
}

.footer-logos{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:60px;
  margin-bottom:60px;
  flex-wrap:wrap;
}

.footer-logos img:nth-child(1){
  height:80px;
  width:auto;
  object-fit:contain;
}

.footer-logos img:nth-child(2){
  height:140px;
  width:auto;
  object-fit:contain;
}

.footer-logos img:nth-child(3){
  height:80px;
  width:auto;
  object-fit:contain;
}

@media(max-width:768px){
  .footer-info-line{
    flex-direction:column;
    gap:16px;
    text-align:center;
  }
  .footer-logos{
    gap:30px;
  }
  .footer-logos img:nth-child(1),
  .footer-logos img:nth-child(3){
    height:60px;
  }
  .footer-logos img:nth-child(2){
    height:100px;
  }
}

.footer{
  background:#fff;
  padding:60px 20px 60px;
  border-top:1px solid var(--border-soft);
}

.footer-logos{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  justify-items:center;
  gap:40px;
  margin-bottom:60px;
  width:100%;
}

.footer-logos img:nth-child(1){
  height:80px;
  width:auto;
  object-fit:contain;
  justify-self:end;
}

.footer-logos img:nth-child(2){
  height:150px;
  width:auto;
  object-fit:contain;
  justify-self:center;
}

.footer-logos img:nth-child(3){
  height:80px;
  width:auto;
  object-fit:contain;
  justify-self:start;
}

@media(max-width:768px){
  .footer-logos{
    grid-template-columns:1fr;
    justify-items:center;
  }
  .footer-logos img:nth-child(1),
  .footer-logos img:nth-child(3){
    height:60px;
    justify-self:center;
  }
  .footer-logos img:nth-child(2){
    height:100px;
  }
}

.footer-logos img:nth-child(1){
  height:100px;
}

.footer-logos img:nth-child(2){
  height:200px;
}

.footer-logos img:nth-child(3){
  height:150px;
}

@media(max-width:768px){
  .footer-logos img:nth-child(1),
  .footer-logos img:nth-child(3){
    height:50px;
  }
  .footer-logos img:nth-child(2){
    height:120px;
  }
}

.footer-logos{
  gap:80px;
}

@media(max-width:768px){
  .footer-logos{
    gap:30px;
  }
}

@media(max-width:768px){
  .footer-logos img:nth-child(3){
    height:120px;
  }
}

.logo-bouncing{
  display:none;
}

@media(max-width:768px){
  .logo-bouncing{
    display:block;
  }

  .navbar{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
  }

  .logo-bouncing{
    justify-self:start;
  }

  .logo{
    justify-self:center;
  }

  .nav-toggle-label{
    justify-self:end;
  }
}

@media(max-width:768px){
  .logo-bouncing img{
    height:30px !important;
  }
}

.hero{
  align-items:stretch;
}

.hero-image img{
  height:100%;
  object-fit:cover;
}

.hero-als .hero-image img{
  height:100%;
  object-fit:cover;
}

.hero-title h1 {
  color: #B6F216 !important;
}

.hero-als .hero-title h2 {
  color: #B6F216 !important;
}

#about h2 {
  -webkit-text-stroke: 1px #22374D;
}

#register h2 {
  color: #B6F216 !important;
}

#register h2 {
  color: #B6F216 !important;
  -webkit-text-stroke: 1px #22374D;
}

#register .rules-accordion details {
  background: #B6F216 !important;
}

#register .rules-accordion summary {
  color: #22374D !important;
}

.contact-form input,
.contact-form textarea {
  background: #ffffff !important;
}

.contact-form input:focus,
.contact-form textarea:focus {
  color: #535353 !important;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #535353 !important;
  opacity: 0.6;
}

#schedule .data-table td:first-child {
  color: #ffffff !important;
}

#schedule .data-table td:last-child {
  color: #B6F216 !important;
}

#schedule .data-table th:last-child {
  color: #B6F216 !important;
}

#highlights .section-head {
  align-items: flex-start;
  text-align: left;
}

#gal-prev, #gal-next {
  background: #B6F216 !important;
  color: #22374D !important;
}

@media(max-width:768px){
  .footer-logos img:nth-child(1){ height:200px; }
  .footer-logos img:nth-child(2){ height:150px; }
  .footer-logos img:nth-child(3){ height:70px; }
}

@media(min-width:769px){
  .footer-logos img:nth-child(1){ order:2; }
  .footer-logos img:nth-child(2){ order:1; }
  .footer-logos img:nth-child(3){ order:3; }
}

@media(min-width:769px){
  .footer-logos img:nth-child(1){ height:180px; } /* ALS */
  .footer-logos img:nth-child(2){ height:150px; } /* T10 - center */
  .footer-logos img:nth-child(3){ height:80px; }  /* Bouncing Head */
}

@media(max-width:768px){
  .logo-bouncing{
    visibility: hidden;
  }
}

.mobile-br { display: none; }

@media (max-width: 768px) {
  .mobile-br { display: block; }
}

@media (max-width: 768px) {

  html, body {
    overflow-x: hidden;
    max-width: 100%;
  }

  /* ── Navbar ── */
  .navbar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    position: relative;
  }

  .logo-bouncing {
    display: block;
    justify-self: start;
    visibility: hidden;
  }

  .logo-bouncing img {
    height: 30px !important;
  }

  .logo {
    justify-self: center;
    position: relative;
  }

  .logo::before,
  .logo::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 3px;
    background: #b6f216;
    border-radius: 4px;
  }

  .logo::before { right: calc(100% + 10px); }
  .logo::after  { left:  calc(100% + 10px); }

  .logo img {
    height: 100px !important;
  }

  .nav-toggle-label {
    display: block;
    justify-self: end;
  }

  .nav-links {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 24px;
    gap: 18px;
    border-bottom: 1px solid var(--border-soft);
    display: none;
  }

  .nav-toggle:checked ~ .nav-links {
    display: flex;
  }

  /* ── Urgency Banner ── */
  .urgency-banner {
    padding: 12px 15px;
  }

  .urgency-banner .urgency-inner {
    flex-wrap: nowrap !important;
    gap: 8px;
  }

  .urgency-banner .pulse-dot {
    display: none;
  }

  .urgency-banner .urgency-msg {
    font-size: 10px;
    line-height: 1.25;
    gap: 0;
    flex: 1;
    min-width: 0;
    flex-direction: column;
  }

  .urgency-banner .btn--energy-inv {
    padding: 7px 12px;
    font-size: 10px;
    flex-shrink: 0;
  }

  /* ── Hero ── */
  .hero {
    display: flex;
    flex-direction: column;
  }

  .hero-image {
    order: 1;
    min-height: 280px !important;
    padding: 30px 30px 10px 0;
  }

  .hero-image img {
    width: 100%;
    max-width: none;
    margin-left: 0;
    border-radius: 0 16px 16px 0;
  }

  .hero-content {
    order: 2;
    padding: 48px 24px;
  }

  .hero-content h1 {
    font-size: 30px !important;
    line-height: 1.1;
  }

  .hero-eyebrow {
    display: none;
  }

  .hero-title {
    top: 0 !important;
    margin-top: -20px;
  }

  /* ── ALS Hero ── */
  .hero-als .hero-image {
    padding: 30px 0 10px 30px;
  }

  .hero-als .hero-image img {
    width: 100%;
    max-width: none;
    margin-left: 0;
    border-radius: 16px 0 0 16px;
  }

  .hero-als .hero-title {
    display: flex;
    flex-direction: column;
  }

  .hero-als .hero-title h2 { order: 1; }

  .hero-als .als-logo {
    order: 2;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .hero-als .hero-title p { order: 3; }

  /* ── About ── */
  #about .container {
    grid-template-columns: 1fr !important;
  }

  #about .about-image {
    margin-top: -60px;
    border-radius: 0 0 24px 24px;
    order: -1;
  }

  /* ── Stats ── */
  .stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .stat-card {
    width: 100%;
    min-width: 0;
    padding: 20px 10px;
  }

  .stat-card h3 {
    font-size: 25px;
    line-height: 1;
  }

  /* ── Highlights ── */
  #highlights {
    padding-top: 0 !important;
    margin-top: -40px;
  }

  #highlights .section-head {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .image-slider-track {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .slide-set {
    display: flex !important;
    gap: 16px;
    flex-wrap: nowrap;
  }

  .image-card {
    flex: 0 0 100%;
    width: 100%;
  }

  .main-slider-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    z-index: 10;
  }

  .main-slider-btn.prev { left: 10px; }
  .main-slider-btn.next { right: 10px; }

  /* ── Schedule ── */
  .schedule-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .schedule-image {
    display: none !important;
  }

  /* ── Teams ── */
  .teams-slider-track .team-card {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* ── Fixtures ── */
  .section--split .container {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  /* ── Register ── */
  .register-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .register-form {
    padding: 24px;
  }

  /* ── Sponsors ── */
  .sponsor-tiles {
    grid-template-columns: 1fr 1fr;
  }

  .sponsors-photo {
    display: none !important;
  }

  /* ── Contact ── */
  .contact-grid {
    grid-template-columns: 1fr;
  }

  .contact-image {
    min-height: 280px;
  }

  .contact-form {
    padding: 32px 24px;
  }

  /* ── Footer ── */
  .footer-info-line {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }

  .mobile-br {
    display: block;
  }

  .footer-logos {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 30px;
  }

  .footer-logos img:nth-child(1) { height: 200px; justify-self: center; }
  .footer-logos img:nth-child(2) { height: 150px; }
  .footer-logos img:nth-child(3) { height: 120px; justify-self: center; }

  /* ── PDF Popup ── */
  #pdfPopup {
    padding: 8px !important;
  }

  #pdfFrame {
    min-height: 85vh;
  }

  /* ── Section Layout ── */
  .section-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .image-cards {
    grid-template-columns: 1fr;
  }

  .bento {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 140px;
  }

  .bento-item--lg {
    grid-column: span 2;
    grid-row: span 2;
  }

  .fixture-card .fixture-body {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 12px;
  }

  .fixture-card .fixture-team--right {
    text-align: center;
  }

  .fixture-card .fixture-vs {
    margin: 0 auto;
  }

  .team-stats span {
    font-size: 15px;
  }

}

@media (max-width: 768px) {
  .nav-toggle-label {
    grid-column: 3;
    justify-self: end;
  }
}

@media (max-width: 768px) {
  .logo {
    grid-column: 2;
    justify-self: center;
  }
}

@media (max-width: 768px) {
  .logo::before,
  .logo::after {
    width: 70px;
  }
}

#about h2 {
  color: #22374D !important;
  -webkit-text-stroke: 0 !important;
}

#register h2 {
  color: #22374D !important;
  -webkit-text-stroke: 0 !important;
}

#register .rules-accordion details {
  background: #ffffff !important;
}

#register .rules-accordion summary {
  background: #ffffff !important;
}

#register .btn--white {
  background: #436B81 !important;
  color: #ffffff !important;
}

@media (max-width: 768px) {
  .footer h5 {
    font-size: 20px !important;
  }
}

@media (max-width: 768px) {
  .footer-logos img:nth-child(3) {
    height: 60px !important;
  }
}

#register .rules-content p {
  margin-bottom: 4px !important;
  line-height: 1.4 !important;
}

@media (max-width:768px){

  .footer{
    padding-left:0;
    padding-right:0;
  }

  .footer .container{
    width:100%;
    max-width:100%;
  }

  .footer-top{
    background:#f8f9fa;
    margin-top:-60px;
    padding-top:1px;
}

}

.footer-info-line .contact-link{
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  border-radius:0 !important;
  text-transform:none !important;
  letter-spacing:normal !important;
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  color:inherit !important;
}

@media (max-width: 768px) {
  .footer-info-line span:nth-child(2) {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
}

@media (max-width:768px){

  a[href="tel:+919818940707"]{
    position:relative;
    top:-25px;     /* move down */
    left:20px;    /* move right */
  }

}

@media (max-width:768px){

  a[href="tel:+918860092869"]{
    position:relative;
    top:-50px;
    left:20px;
  }

}

@media (max-width:768px){

  a[href="https://www.instagram.com/t10lcl"]{
    margin-top:-40px;
  }

}