/* ═══════════════════════════════════════════════════
   COACH D. PRICE — CoachDprice.com
   Premium Dark + Championship Gold Design System
   ═══════════════════════════════════════════════════ */

/* ── Reset & Variables ─────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  /* Core palette */
  --bg:         #080808;
  --bg-surface: #111111;
  --bg-card:    #181818;
  --bg-elevated:#222222;

  /* Gold system */
  --gold:       #C9A84C;
  --gold-light: #E2CC7E;
  --gold-dark:  #A68A32;
  --gold-glow:  rgba(201,168,76,.15);
  --gold-10:    rgba(201,168,76,.10);
  --gold-20:    rgba(201,168,76,.20);

  /* Text */
  --text:       #F0F0F0;
  --text-muted: #7A7A7A;
  --text-dim:   #4A4A4A;
  --white:      #FFFFFF;

  /* Borders */
  --border:     rgba(255,255,255,.09);
  --border-gold:rgba(201,168,76,.25);

  /* Spacing */
  --section-pad: clamp(80px, 10vw, 140px);
  --container:  1200px;

  /* Radius */
  --radius:     8px;
  --radius-lg:  16px;
  --radius-xl:  24px;

  /* Transitions */
  --ease:       cubic-bezier(.25,.46,.45,.94);
  --ease-out:   cubic-bezier(.16,1,.3,1);
}

html{
  scroll-behavior:smooth;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  overflow-x:hidden;
}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}

/* ── Utilities ─────────────────────────────────── */
.section-container{
  max-width:var(--container);
  margin:0 auto;
  padding:0 clamp(20px,4vw,48px);
}

.section-tag{
  display:inline-block;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:600;
  font-size:.75rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:16px;
}

.section-title{
  font-family:'Playfair Display',serif;
  font-weight:800;
  font-size:clamp(2rem,5vw,3.5rem);
  line-height:1.1;
  color:var(--white);
  margin-bottom:20px;
}

.section-sub{
  font-size:clamp(.95rem,1.5vw,1.1rem);
  color:var(--text-muted);
  max-width:560px;
  line-height:1.7;
}

.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:600;
  font-size:.9rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:16px 40px;
  border-radius:var(--radius);
  transition:all .3s var(--ease);
}

.btn--gold{
  background:var(--gold);
  color:var(--bg);
}
.btn--gold:hover{
  background:var(--gold-light);
  transform:translateY(-2px);
  box-shadow:0 8px 32px rgba(201,168,76,.3);
}

.btn--full{width:100%}

/* ── Scroll Reveal ─────────────────────────────── */
.reveal{
  opacity:0;
  transform:translateY(32px);
  transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);
}
.reveal.visible{
  opacity:1;
  transform:translateY(0);
}

/* Stagger children */
.reveal:nth-child(2){transition-delay:.08s}
.reveal:nth-child(3){transition-delay:.16s}
.reveal:nth-child(4){transition-delay:.24s}
.reveal:nth-child(5){transition-delay:.32s}
.reveal:nth-child(6){transition-delay:.4s}

/* ── Loader ────────────────────────────────────── */
.loader{
  position:fixed;
  inset:0;
  z-index:9999;
  background:var(--bg);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:32px;
  transition:opacity .6s var(--ease), visibility .6s;
}
.loader.hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.loader__initials{
  font-family:'Playfair Display',serif;
  font-size:clamp(3rem,8vw,5rem);
  font-weight:800;
  color:var(--gold);
  letter-spacing:.15em;
  animation:loaderPulse 1.2s ease-in-out infinite;
}
.loader__bar{
  width:120px;
  height:2px;
  background:var(--border);
  border-radius:2px;
  overflow:hidden;
}
.loader__fill{
  height:100%;
  background:var(--gold);
  border-radius:2px;
  animation:loaderFill 1.5s var(--ease) forwards;
}

@keyframes loaderPulse{
  0%,100%{opacity:.6}
  50%{opacity:1}
}
@keyframes loaderFill{
  from{width:0}
  to{width:100%}
}

/* ── Scroll Progress ───────────────────────────── */
.scroll-progress{
  position:fixed;
  top:0;
  left:0;
  height:3px;
  background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-light));
  z-index:10000;
  width:0%;
  transition:width .1s linear;
}

/* ── Nav ───────────────────────────────────────── */
.nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1000;
  padding:20px 0;
  transition:all .4s var(--ease);
}
.nav.scrolled{
  background:rgba(8,8,8,.92);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  padding:14px 0;
  border-bottom:1px solid var(--border);
}
.nav__inner{
  max-width:var(--container);
  margin:0 auto;
  padding:0 clamp(20px,4vw,48px);
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.nav__logo{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:700;
  font-size:1rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--gold);
  transition:opacity .3s;
}
.nav__logo:hover{opacity:.8}

.nav__links{
  list-style:none;
  display:flex;
  align-items:center;
  gap:clamp(20px,3vw,40px);
}
.nav__links a{
  font-family:'Inter',sans-serif;
  font-size:.82rem;
  font-weight:500;
  letter-spacing:.06em;
  color:var(--text-muted);
  transition:color .3s;
  position:relative;
}
.nav__links a:hover{color:var(--white)}
.nav__links a::after{
  content:'';
  position:absolute;
  bottom:-4px;
  left:0;
  width:0;
  height:1px;
  background:var(--gold);
  transition:width .3s var(--ease);
}
.nav__links a:hover::after{width:100%}

.nav__cta{
  padding:10px 24px !important;
  border:1px solid var(--gold) !important;
  border-radius:var(--radius) !important;
  color:var(--gold) !important;
  font-weight:600 !important;
}
.nav__cta:hover{
  background:var(--gold) !important;
  color:var(--bg) !important;
}
.nav__cta::after{display:none !important}

/* Mobile toggle */
.nav__toggle{
  display:none;
  flex-direction:column;
  gap:5px;
  width:28px;
  padding:4px 0;
}
.nav__toggle span{
  display:block;
  width:100%;
  height:1.5px;
  background:var(--gold);
  transition:all .3s var(--ease);
}
.nav__toggle.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav__toggle.active span:nth-child(2){opacity:0}
.nav__toggle.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ── Hero ──────────────────────────────────────── */
.hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:120px 24px 80px;
}
.hero__bg{
  position:absolute;
  inset:0;
}
/* Video-like hero background with Ken Burns */
.hero__video-bg{
  position:absolute;
  inset:-10%;
  z-index:0;
}
.hero__video-img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 30%;
  filter:brightness(.3) contrast(1.1) saturate(.7);
  animation:kenBurns 20s ease-in-out infinite alternate;
}
@keyframes kenBurns{
  0%{transform:scale(1.05) translateX(-1%)}
  100%{transform:scale(1.15) translateX(1%)}
}

.hero__grain{
  position:absolute;
  inset:0;
  opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  background-repeat:repeat;
  background-size:256px;
}
.hero__gradient{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(ellipse 60% 50% at 50% 50%, rgba(201,168,76,.08) 0%, transparent 70%),
    radial-gradient(ellipse 80% 60% at 20% 80%, rgba(201,168,76,.04) 0%, transparent 60%),
    linear-gradient(180deg, rgba(8,8,8,.7) 0%, rgba(8,8,8,.55) 40%, rgba(8,8,8,.7) 70%, var(--bg) 100%);
}

.hero__content{
  position:relative;
  z-index:2;
  text-align:center;
  max-width:800px;
}

.hero__tag{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:500;
  font-size:clamp(.75rem,1.2vw,.9rem);
  letter-spacing:.3em;
  text-transform:uppercase;
  color:var(--text-muted);
  margin-bottom:32px;
}

.hero__name{
  font-family:'Playfair Display',serif;
  font-weight:900;
  margin-bottom:40px;
}
.hero__name-line{
  display:block;
  font-size:clamp(3rem,10vw,7rem);
  line-height:.95;
  color:var(--white);
}
.hero__name-line--gold{
  color:var(--gold);
  font-style:italic;
}

.hero__quote{
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:40px;
  justify-content:center;
}
.hero__quote-line{
  width:48px;
  height:1px;
  background:var(--gold);
  flex-shrink:0;
}
.hero__quote blockquote{
  font-family:'Playfair Display',serif;
  font-size:clamp(.95rem,1.5vw,1.15rem);
  font-style:italic;
  color:var(--text-muted);
  line-height:1.6;
}

.hero__current{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:.85rem;
  color:var(--text-muted);
  margin-bottom:48px;
}
.hero__dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--gold);
  animation:dotPulse 2s ease-in-out infinite;
}
@keyframes dotPulse{
  0%,100%{opacity:.5;transform:scale(1)}
  50%{opacity:1;transform:scale(1.2)}
}

.hero__scroll{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.25em;
  text-transform:uppercase;
  color:var(--text-dim);
  transition:color .3s;
  animation:scrollBounce 2s ease-in-out infinite;
}
.hero__scroll:hover{color:var(--gold)}
.hero__scroll svg{opacity:.5}

@keyframes scrollBounce{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(6px)}
}

.hero__ghost{
  position:absolute;
  bottom:-5%;
  left:50%;
  transform:translateX(-50%);
  font-family:'Playfair Display',serif;
  font-weight:900;
  font-size:clamp(8rem,25vw,20rem);
  color:transparent;
  -webkit-text-stroke:1px rgba(201,168,76,.06);
  white-space:nowrap;
  pointer-events:none;
  z-index:1;
  user-select:none;
}

/* ── Stats Strip ───────────────────────────────── */
.stats-strip{
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  padding:48px 0;
  background:var(--bg-surface);
}
.stats-strip__inner{
  max-width:var(--container);
  margin:0 auto;
  padding:0 clamp(20px,4vw,48px);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(24px,5vw,64px);
}
.stat-item{
  text-align:center;
}
.stat-item__number{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800;
  font-size:clamp(2rem,5vw,3.5rem);
  color:var(--gold);
  line-height:1;
}
.stat-item__plus{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:700;
  font-size:clamp(1.2rem,3vw,2rem);
  color:var(--gold);
}
.stat-item__label{
  display:block;
  font-size:clamp(.7rem,1vw,.82rem);
  font-weight:500;
  letter-spacing:.06em;
  color:var(--text-muted);
  margin-top:8px;
}
.stat-item__divider{
  width:1px;
  height:48px;
  background:var(--border);
  flex-shrink:0;
}

/* ── About ─────────────────────────────────────── */
.about{
  padding:var(--section-pad) 0;
}
.about__grid{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:clamp(40px,6vw,80px);
  align-items:center;
}

.about__image-frame{
  position:relative;
  border-radius:var(--radius-lg);
  overflow:hidden;
  aspect-ratio:3/4;
}
.about__image{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.85) contrast(1.05);
}
.about__image-accent{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:50%;
  background:linear-gradient(180deg, transparent, rgba(8,8,8,.7));
}
.about__image-frame::before{
  content:'';
  position:absolute;
  inset:-1px;
  border-radius:var(--radius-lg);
  border:1px solid var(--border-gold);
  z-index:2;
  pointer-events:none;
}

.about__lead{
  font-size:clamp(1rem,1.5vw,1.15rem);
  color:var(--text);
  line-height:1.8;
  margin-bottom:20px;
}
.about__body{
  font-size:.95rem;
  color:var(--text-muted);
  line-height:1.8;
  margin-bottom:16px;
}

.about__cta{
  margin-top:32px;
}
.btn--resume svg{
  flex-shrink:0;
}

.about__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:28px;
}
.about__tag{
  font-family:'Barlow Condensed',sans-serif;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:8px 16px;
  border:1px solid var(--border-gold);
  border-radius:var(--radius);
  color:var(--gold);
  background:var(--gold-10);
}

/* ── Journey / Timeline ────────────────────────── */
.journey{
  padding:var(--section-pad) 0;
  background:var(--bg-surface);
}
.journey__header{
  text-align:center;
  margin-bottom:72px;
}
.journey__header .section-sub{
  margin:0 auto;
}

.timeline{
  position:relative;
  max-width:900px;
  margin:0 auto;
}

.timeline__line{
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:2px;
  background:linear-gradient(180deg, transparent, var(--gold-20) 10%, var(--gold-20) 90%, transparent);
  transform:translateX(-50%);
  z-index:0;
}

.timeline__item{
  position:relative;
  display:flex;
  margin-bottom:48px;
  z-index:1;
}
.timeline__item[data-side="left"]{
  justify-content:flex-start;
  padding-right:calc(50% + 32px);
}
.timeline__item[data-side="right"]{
  justify-content:flex-end;
  padding-left:calc(50% + 32px);
}

.timeline__dot{
  position:absolute;
  left:50%;
  top:24px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--bg);
  border:2px solid var(--gold);
  transform:translateX(-50%);
  z-index:2;
  transition:all .3s var(--ease);
}
.timeline__item:hover .timeline__dot{
  background:var(--gold);
  box-shadow:0 0 20px var(--gold-glow);
}

.timeline__card{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:28px;
  transition:all .3s var(--ease);
  position:relative;
}
.timeline__card:hover{
  border-color:var(--border-gold);
  transform:translateY(-4px);
  box-shadow:0 16px 48px rgba(0,0,0,.4), 0 0 0 1px var(--border-gold);
}

.timeline__year{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:700;
  font-size:.8rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:8px;
  display:block;
}
.timeline__title{
  font-family:'Playfair Display',serif;
  font-weight:700;
  font-size:1.2rem;
  color:var(--white);
  margin-bottom:4px;
}
.timeline__role{
  font-size:.85rem;
  color:var(--text-muted);
  margin-bottom:12px;
}
.timeline__desc{
  font-size:.88rem;
  color:var(--text-muted);
  line-height:1.7;
  margin-bottom:16px;
}

/* Timeline animated stats */
.timeline__stats{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:16px;
}
.timeline__stat{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:10px 14px;
  background:var(--bg-surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  min-width:64px;
  transition:all .3s var(--ease);
}
.timeline__card:hover .timeline__stat{
  border-color:var(--border-gold);
  background:var(--gold-10);
}
.timeline__stat-val{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800;
  font-size:.95rem;
  color:var(--gold);
  line-height:1.1;
  letter-spacing:.02em;
}
.timeline__stat-lbl{
  font-size:.62rem;
  font-weight:500;
  letter-spacing:.04em;
  color:var(--text-dim);
  margin-top:2px;
  text-transform:uppercase;
  white-space:nowrap;
}

.timeline__badge{
  display:inline-block;
  font-family:'Barlow Condensed',sans-serif;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:6px 14px;
  border-radius:var(--radius);
  background:var(--bg-elevated);
  border:1px solid var(--border);
  color:var(--text-muted);
}
.timeline__badge--gold{
  background:var(--gold-10);
  border-color:var(--border-gold);
  color:var(--gold);
}
.timeline__badge--active{
  background:rgba(76,201,120,.1);
  border-color:rgba(76,201,120,.3);
  color:#4CC978;
}

/* ── Championships ─────────────────────────────── */
.championships{
  padding:var(--section-pad) 0;
}
.championships__header{
  text-align:center;
  margin-bottom:64px;
}
.championships__grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  max-width:900px;
  margin:0 auto;
}

.champ-card{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:36px;
  text-align:center;
  transition:all .4s var(--ease);
  position:relative;
  overflow:hidden;
}
.champ-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:0;
  transition:opacity .4s;
}
.champ-card:hover{
  border-color:var(--border-gold);
  transform:translateY(-6px);
  box-shadow:0 20px 60px rgba(0,0,0,.4);
}
.champ-card:hover::before{opacity:1}

.champ-card__year{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800;
  font-size:clamp(2.5rem,4vw,3.5rem);
  color:var(--gold);
  line-height:1;
  margin-bottom:12px;
}
.champ-card__trophy{
  font-size:2rem;
  margin-bottom:16px;
}
.champ-card__title{
  font-family:'Playfair Display',serif;
  font-weight:700;
  font-size:1.15rem;
  color:var(--white);
  margin-bottom:6px;
}
.champ-card__sub{
  font-size:.85rem;
  color:var(--text-muted);
  margin-bottom:12px;
}
.champ-card__school{
  font-family:'Barlow Condensed',sans-serif;
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:12px;
}
.champ-card__detail{
  font-size:.8rem;
  color:var(--text-dim);
  line-height:1.5;
}

/* ── Philosophy ────────────────────────────────── */
.philosophy{
  padding:var(--section-pad) 0;
  background:var(--bg-surface);
}
.philosophy__header{
  text-align:center;
  margin-bottom:64px;
}
.philosophy__header .section-sub{margin:0 auto}

.philosophy__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}

.philosophy__card{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:32px 28px;
  transition:all .4s var(--ease);
}
.philosophy__card:hover{
  border-color:var(--border-gold);
  transform:translateY(-4px);
  box-shadow:0 16px 48px rgba(0,0,0,.3);
}

.philosophy__icon{
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius);
  background:var(--gold-10);
  color:var(--gold);
  margin-bottom:24px;
}

.philosophy__title{
  font-family:'Playfair Display',serif;
  font-weight:700;
  font-size:1.15rem;
  color:var(--white);
  margin-bottom:12px;
}
.philosophy__desc{
  font-size:.88rem;
  color:var(--text-muted);
  line-height:1.7;
  margin-bottom:24px;
}

.philosophy__stat{
  padding-top:20px;
  border-top:1px solid var(--border);
}
.philosophy__stat-num{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800;
  font-size:1.8rem;
  color:var(--gold);
  display:block;
  line-height:1;
}
.philosophy__stat-label{
  font-size:.72rem;
  font-weight:500;
  letter-spacing:.05em;
  color:var(--text-dim);
  margin-top:4px;
  display:block;
}

/* ── Player Development ────────────────────────── */
.players{
  padding:var(--section-pad) 0;
}
.players__layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(40px,6vw,80px);
  align-items:center;
}

.players__lead{
  font-size:clamp(.95rem,1.3vw,1.1rem);
  color:var(--text-muted);
  line-height:1.8;
  margin-bottom:36px;
}

.players__highlights{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.player-highlight{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 20px;
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  transition:all .3s var(--ease);
}
.player-highlight:hover{
  border-color:var(--border-gold);
  background:var(--bg-elevated);
}
.player-highlight__name{
  font-family:'Playfair Display',serif;
  font-weight:600;
  font-size:1rem;
  color:var(--white);
}
.player-highlight__award{
  font-family:'Barlow Condensed',sans-serif;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--gold);
  padding:6px 12px;
  background:var(--gold-10);
  border-radius:var(--radius);
}

.players__visual{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:400px;
}
.players__number-bg{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;
  font-size:clamp(8rem,18vw,14rem);
  color:transparent;
  -webkit-text-stroke:1px var(--gold-20);
  position:absolute;
  user-select:none;
  line-height:1;
}
.players__number-bg span{
  font-size:.5em;
  vertical-align:top;
}

.players__visual-card{
  position:relative;
  z-index:2;
  background:rgba(20,20,20,.85);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border:1px solid var(--border-gold);
  border-radius:var(--radius-lg);
  padding:32px;
  text-align:center;
}
.players__visual-label{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:600;
  font-size:.75rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:20px;
}
.players__visual-schools{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
}
.players__visual-schools span{
  font-size:.78rem;
  padding:6px 14px;
  background:var(--bg-elevated);
  border:1px solid var(--border);
  border-radius:var(--radius);
  color:var(--text-muted);
}

/* ── Testimonials ──────────────────────────────── */
.testimonials{
  padding:var(--section-pad) 0;
  background:var(--bg-surface);
}
.testimonials__header{
  text-align:center;
  margin-bottom:64px;
}

.testimonials__grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  max-width:1000px;
  margin:0 auto;
}

.testimonial-card{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:36px;
  transition:all .4s var(--ease);
  position:relative;
}
.testimonial-card:hover{
  border-color:var(--border-gold);
  transform:translateY(-4px);
  box-shadow:0 16px 48px rgba(0,0,0,.3);
}

.testimonial-card--featured{
  grid-column:1 / -1;
  border-color:var(--border-gold);
  background:linear-gradient(135deg, var(--bg-card) 0%, rgba(201,168,76,.04) 100%);
}

.testimonial-card__quote{
  font-family:'Playfair Display',serif;
  font-size:3rem;
  line-height:1;
  color:var(--gold);
  margin-bottom:8px;
}
.testimonial-card__text{
  font-size:.95rem;
  color:var(--text-muted);
  line-height:1.8;
  margin-bottom:24px;
  font-style:italic;
}
.testimonial-card--featured .testimonial-card__text{
  font-size:1.05rem;
}

.testimonial-card__author{
  display:flex;
  align-items:center;
  gap:16px;
}
.testimonial-card__info{
  display:flex;
  flex-direction:column;
}
.testimonial-card__name{
  font-family:'Playfair Display',serif;
  font-weight:700;
  font-size:1rem;
  color:var(--white);
}
.testimonial-card__title{
  font-size:.82rem;
  color:var(--text-muted);
}
.testimonial-card__org{
  font-family:'Barlow Condensed',sans-serif;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--gold);
  margin-top:2px;
}

/* ── Gallery ───────────────────────────────────── */
.gallery{
  padding:var(--section-pad) 0;
}
.gallery__header{
  text-align:center;
  margin-bottom:64px;
}

.gallery__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.gallery__item{
  position:relative;
  border-radius:var(--radius-lg);
  overflow:hidden;
  aspect-ratio:1/1;
  cursor:pointer;
}
.gallery__item--feature{
  grid-column:span 1;
  grid-row:span 2;
  aspect-ratio:auto;
}
.gallery__item--wide{
  grid-column:span 2;
  aspect-ratio:16/9;
}

.gallery__item img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .6s var(--ease), filter .6s var(--ease);
  filter:brightness(.85);
}
.gallery__item:hover img{
  transform:scale(1.06);
  filter:brightness(1);
}

.gallery__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 40%, rgba(8,8,8,.85) 100%);
  display:flex;
  align-items:flex-end;
  padding:24px;
  opacity:0;
  transition:opacity .4s var(--ease);
}
.gallery__item:hover .gallery__overlay{
  opacity:1;
}

.gallery__caption{
  font-family:'Barlow Condensed',sans-serif;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--gold);
}

/* ── CTA Strip ─────────────────────────────────── */
.cta-strip{
  padding:var(--section-pad) 0;
  position:relative;
  overflow:hidden;
}
.cta-strip::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 60% 80% at 50% 50%, rgba(201,168,76,.08) 0%, transparent 60%);
}
.cta-strip__content{
  position:relative;
  text-align:center;
}
.cta-strip__title{
  font-family:'Playfair Display',serif;
  font-weight:800;
  font-size:clamp(2rem,5vw,3.5rem);
  line-height:1.15;
  color:var(--white);
  margin-bottom:16px;
}
.cta-strip__sub{
  font-size:clamp(.9rem,1.3vw,1.05rem);
  color:var(--text-muted);
  margin-bottom:36px;
  line-height:1.7;
}

/* ── Contact ───────────────────────────────────── */
.contact{
  padding:var(--section-pad) 0;
  background:var(--bg-surface);
}
.contact__grid{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:clamp(40px,6vw,80px);
  align-items:start;
}
.contact__lead{
  font-size:.95rem;
  color:var(--text-muted);
  line-height:1.8;
  margin-bottom:36px;
}

.contact__details{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.contact__detail{
  padding-bottom:20px;
  border-bottom:1px solid var(--border);
}
.contact__detail:last-child{border-bottom:none}
.contact__detail-label{
  display:block;
  font-family:'Barlow Condensed',sans-serif;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--text-dim);
  margin-bottom:6px;
}
.contact__detail-value{
  font-size:1rem;
  color:var(--white);
  transition:color .3s;
}
a.contact__detail-value:hover{color:var(--gold)}

/* Form */
.contact__form-wrap{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:36px;
}
.form-group{margin-bottom:20px}
.form-group:last-of-type{margin-bottom:28px}
.form-group label{
  display:block;
  font-family:'Barlow Condensed',sans-serif;
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--text-muted);
  margin-bottom:8px;
}
.form-group input,
.form-group select,
.form-group textarea{
  width:100%;
  padding:14px 16px;
  background:var(--bg-surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  color:var(--white);
  font-family:'Inter',sans-serif;
  font-size:.9rem;
  transition:border-color .3s;
  outline:none;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
  border-color:var(--gold);
}
.form-group input::placeholder,
.form-group textarea::placeholder{
  color:var(--text-dim);
}
.form-group select{
  -webkit-appearance:none;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%237A7A7A' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
  cursor:pointer;
  color:var(--text-muted);
}
.form-group textarea{
  resize:vertical;
  min-height:120px;
}

/* ── Footer ────────────────────────────────────── */
.footer{
  border-top:1px solid var(--border);
  padding:64px 0 32px;
}
.footer__inner{
  max-width:var(--container);
  margin:0 auto;
  padding:0 clamp(20px,4vw,48px);
}
.footer__top{
  display:flex;
  justify-content:space-between;
  align-items:start;
  margin-bottom:48px;
}
.footer__logo{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:700;
  font-size:.9rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--gold);
  display:block;
  margin-bottom:8px;
}
.footer__tagline{
  font-family:'Playfair Display',serif;
  font-style:italic;
  font-size:.9rem;
  color:var(--text-dim);
}
.footer__nav{
  display:flex;
  gap:64px;
}
.footer__col h4{
  font-family:'Barlow Condensed',sans-serif;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--text-dim);
  margin-bottom:16px;
}
.footer__col a{
  display:block;
  font-size:.88rem;
  color:var(--text-muted);
  margin-bottom:10px;
  transition:color .3s;
}
.footer__col a:hover{color:var(--gold)}

.footer__bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:32px;
  border-top:1px solid var(--border);
  font-size:.78rem;
  color:var(--text-dim);
}
.footer__domain{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--text-dim);
}

/* ── Highlight Reel ────────────────────────────── */
.highlight-reel{
  padding:var(--section-pad) 0;
  background:var(--bg-surface);
}
.highlight-reel__header{
  text-align:center;
  margin-bottom:64px;
}
.highlight-reel__header .section-sub{margin:0 auto}

.highlight-reel__grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:16px;
  margin-bottom:24px;
}

.highlight-reel__main{
  border-radius:var(--radius-lg);
  overflow:hidden;
}

.highlight-reel__sidebar{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.video-embed__placeholder{
  position:relative;
  aspect-ratio:16/9;
  border-radius:var(--radius-lg);
  overflow:hidden;
  cursor:pointer;
}
.video-embed__placeholder--sm{
  aspect-ratio:16/9;
}

.video-embed__poster{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.5);
  transition:all .5s var(--ease);
}
.video-embed__placeholder:hover .video-embed__poster{
  filter:brightness(.7);
  transform:scale(1.04);
}

.video-embed__overlay{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  z-index:2;
}

.video-embed__play{
  color:var(--white);
  opacity:.8;
  transition:all .3s var(--ease);
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));
}
.video-embed__placeholder:hover .video-embed__play{
  opacity:1;
  transform:scale(1.1);
  color:var(--gold);
}
.video-embed__play--sm svg{width:32px;height:32px}

.video-embed__label{
  font-family:'Barlow Condensed',sans-serif;
  font-size:.8rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--white);
  text-shadow:0 2px 8px rgba(0,0,0,.8);
}
.video-embed__label--sm{font-size:.68rem}

.highlight-reel__note{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:.78rem;
  color:var(--text-dim);
  font-style:italic;
}
.highlight-reel__note svg{color:var(--gold);flex-shrink:0}

/* ── Media & Press ────────────────────────────── */
.media{
  padding:var(--section-pad) 0;
}
.media__header{
  text-align:center;
  margin-bottom:64px;
}
.media__header .section-sub{margin:0 auto}

.media__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.media-card{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:32px;
  transition:all .4s var(--ease);
  display:flex;
  flex-direction:column;
}
.media-card:hover{
  border-color:var(--border-gold);
  transform:translateY(-4px);
  box-shadow:0 16px 48px rgba(0,0,0,.3);
}
.media-card--featured{
  grid-column:1 / -1;
  border-color:var(--border-gold);
  background:linear-gradient(135deg, var(--bg-card) 0%, rgba(201,168,76,.04) 100%);
  padding:40px;
}

.media-card__type{
  font-family:'Barlow Condensed',sans-serif;
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--gold);
  padding:5px 12px;
  background:var(--gold-10);
  border-radius:var(--radius);
  display:inline-block;
  margin-bottom:16px;
  align-self:flex-start;
}

.media-card__title{
  font-family:'Playfair Display',serif;
  font-weight:700;
  font-size:1.15rem;
  color:var(--white);
  line-height:1.35;
  margin-bottom:12px;
}
.media-card--featured .media-card__title{
  font-size:1.4rem;
}

.media-card__excerpt{
  font-size:.88rem;
  color:var(--text-muted);
  line-height:1.7;
  margin-bottom:20px;
  flex:1;
}

.media-card__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:16px;
  border-top:1px solid var(--border);
}
.media-card__source{
  font-family:'Barlow Condensed',sans-serif;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text-muted);
}
.media-card__date{
  font-family:'Barlow Condensed',sans-serif;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.1em;
  color:var(--gold);
}

/* ── Coaching Tree ────────────────────────────── */
.coaching-tree{
  padding:var(--section-pad) 0;
  background:var(--bg-surface);
}
.coaching-tree__header{
  text-align:center;
  margin-bottom:64px;
}
.coaching-tree__header .section-sub{margin:0 auto}

.coaching-tree__visual{
  max-width:900px;
  margin:0 auto;
}

/* Root node */
.tree-root{
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-bottom:0;
}

.tree-node{
  display:flex;
  align-items:center;
  gap:16px;
  padding:20px 32px;
  border-radius:var(--radius-xl);
  border:2px solid var(--gold);
  background:linear-gradient(135deg, var(--bg-card), rgba(201,168,76,.08));
  box-shadow:0 8px 32px rgba(201,168,76,.15);
}
.tree-node--root{
  padding:24px 40px;
}

.tree-node__avatar{
  width:56px;
  height:56px;
  border-radius:50%;
  background:var(--gold);
  color:var(--bg);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Playfair Display',serif;
  font-weight:800;
  font-size:1.2rem;
  flex-shrink:0;
}
.tree-node__name{
  font-family:'Playfair Display',serif;
  font-weight:700;
  font-size:1.1rem;
  color:var(--white);
  display:block;
}
.tree-node__role{
  font-size:.82rem;
  color:var(--text-muted);
}

.tree-trunk{
  width:2px;
  height:48px;
  background:linear-gradient(180deg, var(--gold), var(--gold-20));
}

/* Branches */
.tree-branches{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.tree-branch{
  position:relative;
}
.tree-branch::before{
  content:'';
  position:absolute;
  top:-24px;
  left:50%;
  width:2px;
  height:24px;
  background:var(--gold-20);
  transform:translateX(-50%);
}

.tree-branch__header{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 20px;
  background:var(--bg-card);
  border:1px solid var(--border-gold);
  border-radius:var(--radius-lg);
  margin-bottom:16px;
}
.tree-branch__icon{
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius);
  background:var(--gold-10);
  color:var(--gold);
  flex-shrink:0;
}
.tree-branch__title{
  font-family:'Playfair Display',serif;
  font-weight:700;
  font-size:.95rem;
  color:var(--white);
}

.tree-branch__nodes{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* Leaf nodes */
.tree-leaf{
  display:flex;
  align-items:stretch;
  gap:0;
}
.tree-leaf__connector{
  width:20px;
  flex-shrink:0;
  position:relative;
}
.tree-leaf__connector::before{
  content:'';
  position:absolute;
  top:0;
  left:50%;
  bottom:0;
  width:2px;
  background:var(--border);
  transform:translateX(-50%);
}
.tree-leaf__connector::after{
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:50%;
  height:2px;
  background:var(--border);
}
.tree-leaf:last-child .tree-leaf__connector::before{
  height:50%;
}

.tree-leaf__card{
  flex:1;
  padding:14px 18px;
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  transition:all .3s var(--ease);
}
.tree-leaf__card:hover{
  border-color:var(--border-gold);
  background:var(--bg-elevated);
}

.tree-leaf__name{
  display:block;
  font-family:'Playfair Display',serif;
  font-weight:600;
  font-size:.9rem;
  color:var(--white);
  margin-bottom:4px;
}
.tree-leaf__detail{
  display:block;
  font-size:.78rem;
  color:var(--text-muted);
  line-height:1.5;
  margin-bottom:4px;
}
.tree-leaf__org{
  display:block;
  font-family:'Barlow Condensed',sans-serif;
  font-size:.65rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--gold);
}

/* ── Theme Toggle ─────────────────────────────── */
.nav__actions{
  display:flex;
  align-items:center;
  gap:12px;
}

.theme-toggle{
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:1px solid var(--border);
  background:transparent;
  color:var(--text-muted);
  transition:all .3s var(--ease);
  position:relative;
}
.theme-toggle:hover{
  border-color:var(--gold);
  color:var(--gold);
  background:var(--gold-10);
}

.theme-toggle__sun,
.theme-toggle__moon{
  position:absolute;
  transition:all .4s var(--ease);
}
.theme-toggle__moon{
  opacity:0;
  transform:rotate(-90deg) scale(.5);
}

/* Light mode active */
[data-theme="light"] .theme-toggle__sun{
  opacity:0;
  transform:rotate(90deg) scale(.5);
}
[data-theme="light"] .theme-toggle__moon{
  opacity:1;
  transform:rotate(0) scale(1);
}

/* ── Light Theme ──────────────────────────────── */
[data-theme="light"]{
  --bg:         #F5F2ED;
  --bg-surface: #FFFFFF;
  --bg-card:    #FFFFFF;
  --bg-elevated:#F0EDE8;

  --gold:       #A08030;
  --gold-light: #C4A040;
  --gold-dark:  #806020;
  --gold-glow:  rgba(160,128,48,.15);
  --gold-10:    rgba(160,128,48,.08);
  --gold-20:    rgba(160,128,48,.15);

  --text:       #2A2A2A;
  --text-muted: #5A5A5A;
  --text-dim:   #8A8A8A;
  --white:      #1A1A1A;

  --border:     rgba(0,0,0,.08);
  --border-gold:rgba(160,128,48,.25);
}

[data-theme="light"] .nav.scrolled{
  background:rgba(245,242,237,.95);
}
[data-theme="light"] .nav__links{
  background:inherit;
}
[data-theme="light"] .hero__video-img{
  filter:brightness(.4) contrast(1.1) saturate(.6);
}
[data-theme="light"] .hero__gradient{
  background:
    radial-gradient(ellipse 60% 50% at 50% 50%, rgba(160,128,48,.08) 0%, transparent 70%),
    linear-gradient(180deg, rgba(245,242,237,.5) 0%, rgba(245,242,237,.3) 40%, rgba(245,242,237,.5) 70%, var(--bg) 100%);
}
[data-theme="light"] .hero__ghost{
  -webkit-text-stroke-color:rgba(160,128,48,.08);
}
[data-theme="light"] .loader{
  background:var(--bg);
}
[data-theme="light"] .stats-strip{
  background:var(--bg-surface);
}
[data-theme="light"] .about__image{
  filter:brightness(.95) contrast(1.02);
}
[data-theme="light"] .about__image-accent{
  background:linear-gradient(180deg, transparent, rgba(245,242,237,.5));
}
[data-theme="light"] .timeline__card,
[data-theme="light"] .champ-card,
[data-theme="light"] .philosophy__card,
[data-theme="light"] .testimonial-card,
[data-theme="light"] .media-card,
[data-theme="light"] .tree-leaf__card,
[data-theme="light"] .contact__form-wrap{
  box-shadow:0 2px 12px rgba(0,0,0,.06);
}
[data-theme="light"] .media-card--featured{
  background:linear-gradient(135deg, var(--bg-card) 0%, rgba(160,128,48,.04) 100%);
}
[data-theme="light"] .players__visual-card{
  background:rgba(255,255,255,.9);
}
[data-theme="light"] .video-embed__poster{
  filter:brightness(.6);
}
[data-theme="light"] .gallery__item img{
  filter:brightness(.92);
}
[data-theme="light"] .tree-node{
  border-color:var(--gold);
  background:linear-gradient(135deg, var(--bg-card), rgba(160,128,48,.06));
  box-shadow:0 4px 20px rgba(160,128,48,.1);
}
[data-theme="light"] .tree-node__avatar{
  background:var(--gold);
  color:#fff;
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════ */

/* Tablet */
@media(max-width:1024px){
  .philosophy__grid{grid-template-columns:repeat(2,1fr)}
  .about__grid{gap:48px}
  .players__layout{gap:48px}
  .contact__grid{gap:48px}
  .championships__grid{gap:20px}
  .gallery__grid{grid-template-columns:repeat(2,1fr)}
  .gallery__item--feature{grid-row:span 1;aspect-ratio:1/1}
  .highlight-reel__grid{grid-template-columns:1fr;gap:16px}
  .highlight-reel__sidebar{flex-direction:row}
  .media__grid{grid-template-columns:repeat(2,1fr)}
  .tree-branches{grid-template-columns:1fr;gap:20px;max-width:500px;margin:0 auto}
}

/* Mobile */
@media(max-width:768px){
  :root{--section-pad:clamp(56px,8vw,80px)}

  /* Nav mobile */
  .nav__toggle{display:flex}
  .nav__links{
    position:fixed;
    top:0;
    right:-100%;
    width:min(320px,85vw);
    height:100vh;
    background:rgba(8,8,8,.98);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    flex-direction:column;
    padding:100px 40px 40px;
    gap:28px;
    transition:right .4s var(--ease);
    border-left:1px solid var(--border);
  }
  .nav__links.open{right:0}
  .nav__links a{font-size:1.1rem;color:var(--text)}
  .nav__cta{align-self:flex-start}

  /* Hero mobile */
  .hero{min-height:90vh;padding:100px 20px 60px}
  .hero__ghost{font-size:6rem;bottom:-2%}

  /* Stats mobile */
  .stats-strip__inner{
    flex-wrap:wrap;
    gap:20px;
  }
  .stat-item{flex:1 1 40%;min-width:120px}
  .stat-item__divider{display:none}

  /* About mobile */
  .about__grid{grid-template-columns:1fr;gap:40px}
  .about__image-frame{max-width:400px;margin:0 auto}

  /* Timeline mobile */
  .timeline__line{left:20px}
  .timeline__item[data-side="left"],
  .timeline__item[data-side="right"]{
    padding-left:56px;
    padding-right:0;
    justify-content:flex-start;
  }
  .timeline__dot{left:20px}

  /* Championships mobile */
  .championships__grid{grid-template-columns:1fr}

  /* Philosophy mobile */
  .philosophy__grid{grid-template-columns:1fr}

  /* Players mobile */
  .players__layout{grid-template-columns:1fr}
  .players__visual{min-height:300px}

  /* Testimonials mobile */
  .testimonials__grid{grid-template-columns:1fr}
  .testimonial-card--featured{grid-column:1}

  /* Contact mobile */
  .contact__grid{grid-template-columns:1fr}

  /* Gallery mobile */
  .gallery__grid{grid-template-columns:repeat(2,1fr)}
  .gallery__item--feature{grid-row:span 1;aspect-ratio:1/1}
  .gallery__item--wide{grid-column:span 2}
  .gallery__overlay{opacity:1}

  /* Highlight Reel mobile */
  .highlight-reel__sidebar{flex-direction:column}

  /* Media mobile */
  .media__grid{grid-template-columns:1fr}
  .media-card--featured{grid-column:1}

  /* Coaching Tree mobile */
  .tree-node{padding:16px 24px}
  .tree-node__avatar{width:44px;height:44px;font-size:1rem}
  .tree-branches{grid-template-columns:1fr}

  /* Light mode nav mobile */
  [data-theme="light"] .nav__links{
    background:rgba(245,242,237,.98);
  }

  /* Footer mobile */
  .footer__top{flex-direction:column;gap:36px}
  .footer__nav{gap:40px}
  .footer__bottom{flex-direction:column;gap:8px;text-align:center}
}

/* Small mobile */
@media(max-width:480px){
  .hero__name-line{font-size:clamp(2.5rem,12vw,3.5rem)}
  .hero__quote{flex-direction:column;gap:12px}
  .hero__quote-line{width:32px}
  .timeline__card{padding:20px}
  .champ-card{padding:24px}
  .philosophy__card{padding:24px 20px}
  .testimonial-card{padding:28px 24px}
  .contact__form-wrap{padding:28px 24px}
  .players__number-bg{font-size:6rem}
  .player-highlight{flex-direction:column;gap:8px;text-align:center}
}