:root{
  --ink:#0B1220;
  --navy:#16233F;
  --red:#ED1F27;
  --gold:#C9A24B;
  --chalk:#F7F7F5;
  --gray:#8A93A6;
  --font-display:'Anton', sans-serif;
  --font-head:'Barlow Semi Condensed', sans-serif;
  --font-mono:'IBM Plex Mono', monospace;
  --font-body:'Rubik', sans-serif;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth; overflow-x:hidden;}
body{
  font-family:var(--font-body);
  background:var(--chalk);
  color:var(--ink);
}

/* ---------- NAV ---------- */
.site-nav{
  position:fixed; top:0; left:0; right:0; z-index:100;
  padding:18px 0;
  transition:background .35s ease, padding .35s ease, top .35s ease;
}
.site-nav.scrolled{
  background:rgba(11,18,32,0.92);
  backdrop-filter:blur(8px);
  padding:12px 0;
}
.nav-inner{
  max-width:1280px; margin:0 auto; padding:0 32px;
  display:flex; align-items:center; justify-content:space-between;
}
.nav-logo{height:34px;}
.nav-links{display:flex; align-items:center; gap:32px;}
.nav-links a{
  color:#fff; text-decoration:none; font-family:var(--font-head);
  font-weight:600; letter-spacing:0.5px; font-size:15px;
  position:relative;
}
.nav-links a:not(.nav-cta)::after{
  content:''; position:absolute; left:0; bottom:-6px; width:0; height:2px;
  background:var(--gold); transition:width .3s ease;
}
.nav-links a:not(.nav-cta):hover::after{width:100%;}
.nav-cta{
  background:var(--red); padding:10px 20px; border-radius:3px;
  overflow:hidden; position:relative;
}
.nav-cta span{position:relative; z-index:2;}

/* ---------- BUTTONS ---------- */
.btn{
  position:relative; display:inline-block; overflow:hidden;
  padding:16px 30px; text-decoration:none; font-family:var(--font-head);
  font-weight:700; letter-spacing:1px; font-size:15px; text-transform:uppercase;
  border-radius:3px; isolation:isolate;
}
.btn-label{position:relative; z-index:2; transition:color .35s ease;}
.btn-fill{
  position:absolute; top:0; bottom:0; left:-20%; width:140%; z-index:1;
  transform:translateX(-105%) skewX(-12deg);
  transition:transform .45s cubic-bezier(.65,0,.35,1);
}
.btn-primary{background:var(--red); color:#fff;}
.btn-primary .btn-fill{background:var(--ink);}
.btn-primary:hover .btn-fill{transform:translateX(0) skewX(-12deg);}
.btn-ghost{
  background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,0.6);
  margin-left:14px;
}
.btn-ghost .btn-fill{background:#fff;}
.btn-ghost:hover .btn-fill{transform:translateX(0) skewX(-12deg);}
.btn-ghost:hover .btn-label{color:var(--ink);}
.btn.sm{padding:12px 22px; font-size:13px;}
.btn.lg{padding:20px 40px; font-size:17px;}

/* ---------- HERO ---------- */
.hero{
  position:relative; min-height:clamp(500px, calc(100vh - 340px), 680px); padding:124px 0 60px;
  display:flex; align-items:center; overflow:hidden;
  background:var(--ink);
}
.hero-bg{
  position:absolute; inset:-40px; background-size:cover; background-position:center;
  will-change:transform;
}
.hero-duotone{
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(11,18,32,0.55) 0%, rgba(11,18,32,0.55) 40%, rgba(11,18,32,0.96) 100%),
    linear-gradient(100deg, rgba(22,35,63,0.55), rgba(237,31,39,0.18));
  mix-blend-mode:normal;
}
.hero-grain{
  position:absolute; inset:0; pointer-events:none; opacity:0.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.hero-content{
  position:relative; z-index:2; max-width:1280px; margin:0 auto; padding:0 32px;
  width:100%;
}
.eyebrow{
  font-family:var(--font-mono); color:var(--gold); font-size:13px;
  letter-spacing:3px; margin-bottom:18px;
}
.hero-headline{
  font-family:var(--font-head); font-weight:800; color:#fff;
  font-size:clamp(42px, 6vw, 80px); line-height:0.98; text-transform:uppercase;
  letter-spacing:-1px; margin-bottom:26px;
}
.hero-headline em{font-style:normal; color:var(--red);}
.hero-headline .line{display:block; overflow:hidden;}
.hero-sub{
  font-size:18px; color:#D9DCE3; max-width:640px; line-height:1.55; margin-bottom:28px;
}
.hero-ctas span{display:inline-flex;}

/* reveal-mask: clip-path swipe reveal, not a generic fade */
.reveal-mask{overflow:hidden;}
.reveal-mask > span{
  display:inline-block;
  clip-path:inset(0 0 0 0);
  transform:translateY(115%);
  opacity:0;
}
.reveal-mask.in > span{
  animation:maskReveal .9s cubic-bezier(.22,1,.36,1) forwards;
}

@keyframes maskReveal{
  to{transform:translateY(0); opacity:1;}
}

/* reveal-on-scroll: swipe-up-and-in for whole blocks below the fold */
.reveal-on-scroll{
  opacity:0; transform:translateY(36px);
  transition:opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1);
}
.reveal-on-scroll.in{opacity:1; transform:translateY(0);}

.scroll-cue{
  position:absolute; bottom:34px; left:50%; transform:translateX(-50%);
  z-index:2; color:#fff; font-family:var(--font-mono); font-size:11px;
  letter-spacing:3px; display:flex; flex-direction:column; align-items:center; gap:10px;
  opacity:0.7;
}
.scroll-cue span{
  width:1px; height:34px; background:linear-gradient(#fff, transparent);
  animation:scrollcue 1.6s ease-in-out infinite;
}
@keyframes scrollcue{
  0%{transform:scaleY(0); transform-origin:top;}
  50%{transform:scaleY(1); transform-origin:top;}
  51%{transform-origin:bottom;}
  100%{transform:scaleY(0); transform-origin:bottom;}
}

/* ---------- STAT TICKER ---------- */
.ticker-band{
  background:var(--ink); border-top:1px solid rgba(255,255,255,0.08);
  padding:52px 32px;
}
.ticker-note{
  text-align:center; font-family:var(--font-mono); font-size:11.5px; letter-spacing:3px;
  color:var(--gray); margin-bottom:30px;
}
.ticker-inner{
  max-width:1200px; margin:0 auto; display:flex; align-items:center;
  justify-content:center; gap:34px; flex-wrap:wrap;
}
.stat{text-align:center;}
.stat-num{
  font-family:var(--font-mono); font-weight:600; color:#fff;
  font-size:clamp(30px, 4vw, 46px); font-variant-numeric:tabular-nums;
  letter-spacing:1px;
}
.stat-gold .stat-num{color:var(--gold);}
.stat-label{
  font-family:var(--font-head); color:#C4C9D4; font-size:13px;
  letter-spacing:1px; text-transform:uppercase; margin-top:6px; line-height:1.3;
}
.stat-sep{color:var(--red); font-size:10px;}

/* ---------- IMPACT SCOREBOARD (home stat band) ---------- */
.impact{position:relative; overflow:hidden; padding:44px 32px 48px;
  background:radial-gradient(900px 420px at 85% 0%, rgba(201,162,75,.12), transparent 65%), radial-gradient(700px 400px at 0% 100%, rgba(237,31,39,.10), transparent 60%), var(--ink);}
.impact-inner{max-width:900px; margin:0 auto;}
.impact-title{text-align:center; margin-bottom:26px;}
.impact-title .section-title{margin-bottom:0; font-size:clamp(34px,4.6vw,54px);}
.impact-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.impact-side{display:grid; grid-template-rows:auto 1fr; gap:14px;}
.impact-card{position:relative; background:linear-gradient(160deg, rgba(255,255,255,.065), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.09); border-radius:16px; padding:20px 24px; overflow:hidden;}
.impact-card::before{content:""; position:absolute; left:0; top:0; width:44px; height:3px; background:var(--red);}
.impact .stat{text-align:left;}
.impact .stat-num{font-size:clamp(36px, 4.4vw, 52px); line-height:1; letter-spacing:-1px;}
.impact .stat-label{font-size:11.5px; letter-spacing:1.6px; margin-top:6px; color:#C4C9D4;}
.impact-head{display:flex; justify-content:flex-start; align-items:flex-start; gap:30px; margin-bottom:18px;}
.impact-d1 .stat-num{color:var(--gold);}
.impact-d1{padding-left:30px; border-left:1px solid rgba(201,162,75,.45);}
.impact-d1 .stat-label{white-space:nowrap;}
.impact-d1 .stat-label{color:var(--gold);}

/* dot field: one dot per commitment */
.dotfield{display:flex; flex-wrap:wrap; gap:5px;}
.dotfield i{width:10px; height:10px; border-radius:50%; background:#E6E9F0; opacity:0; transform:scale(.3);
  transition:opacity .35s ease, transform .5s cubic-bezier(.34,1.56,.64,1), background-color .4s ease, box-shadow .4s ease;
  transition-delay:calc(var(--n) * 9ms);}
.impact-grid.in .dotfield i{opacity:1; transform:scale(1);}
.impact-grid.in .dotfield i{box-shadow:0 0 8px rgba(255,255,255,.28);}
.impact-grid.in .dotfield i.lit{background:var(--gold); box-shadow:0 0 10px rgba(201,162,75,.55);}
.state-chips{display:grid; grid-template-columns:repeat(7, 1fr); gap:6px; margin-top:16px;}
.state-chips b{font-family:var(--font-mono); font-weight:600; font-size:11px; letter-spacing:1px; color:#fff; padding:7px 0; text-align:center; border-radius:6px;
  background:rgba(237,31,39,.16); border:1px solid rgba(237,31,39,.55); box-shadow:0 0 12px rgba(237,31,39,.28);
  opacity:0; transform:translateY(8px) scale(.85); transition:opacity .4s ease, transform .5s cubic-bezier(.34,1.56,.64,1); transition-delay:calc(var(--n) * 45ms + 200ms);}
.impact-grid.in .state-chips b{opacity:1; transform:none;}
.impact-legend{display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin-top:18px; font-family:var(--font-mono); font-size:10px; letter-spacing:1.5px; text-transform:uppercase; color:#C4C9D4;}
.impact-legend .lg{display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:8px;}
.lg-gold{background:var(--gold);} .lg-dim{background:#E6E9F0;}
.impact-legend .lg-note{margin-top:10px; color:var(--gray);}

.impact-money{display:flex; align-items:center;}
.impact-money .stat-num{font-size:clamp(34px, 3.6vw, 46px);}

@media (max-width:900px){
  .impact{padding:40px 20px 44px;}
  .impact-grid{grid-template-columns:1fr;}
  .impact-card{padding:20px 20px;}
  .impact-legend .lg-note{margin-left:0; width:100%;}
}
@media (prefers-reduced-motion: reduce){ .dotfield i,.state-chips b{transition:none; transform:none; opacity:1;} }

/* ---------- COMMITMENT MARQUEE ---------- */
.commitments{
  background:var(--chalk); padding:52px 0 52px; text-align:center;
}
.section-kicker{
  font-family:var(--font-mono); color:var(--red); font-size:12px;
  letter-spacing:3px; margin-bottom:10px;
}
.section-kicker.light{color:var(--gold);}
.section-title{
  font-family:var(--font-display); font-weight:400; font-size:clamp(26px,5.6vw,44px);
  letter-spacing:1px; margin-bottom:30px; overflow-wrap:anywhere;
  -webkit-font-smoothing:antialiased;
}
.section-title.light{color:#fff;}

.marquee-wrap{position:relative; overflow:hidden; padding:10px 0;}
.marquee-fade{
  position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;
}
.marquee-fade.left{left:0; background:linear-gradient(90deg, var(--chalk), transparent);}
.marquee-fade.right{right:0; background:linear-gradient(270deg, var(--chalk), transparent);}
.marquee-track{
  display:flex; gap:14px; width:max-content; margin-bottom:14px;
  animation:marquee 60s linear infinite;
}
.marquee-track.rev{animation-direction:reverse; animation-duration:72s; margin-left:-60px;}
.marquee-wrap:hover .marquee-track{animation-play-state:paused;}
.marquee-track img{
  height:84px; width:84px; object-fit:contain; padding:9px; box-sizing:border-box;
  background:#fff; border-radius:16px; border:1px solid rgba(11,18,32,0.08);
  box-shadow:0 8px 20px rgba(11,18,32,0.08);
  transition:transform .3s ease, box-shadow .3s ease;
}
.marquee-track img:hover{transform:translateY(-5px) scale(1.07); box-shadow:0 14px 28px rgba(11,18,32,0.18);}
@keyframes marquee{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

/* ---------- ANGLED DIVIDER ---------- */
.angle-divider{
  height:90px; background:var(--ink);
  clip-path:polygon(0 100%, 100% 0, 100% 100%);
  margin-top:-1px;
}

/* ---------- SYSTEM / PROCESS RAIL ---------- */
.system{background:var(--ink); color:#fff; padding:100px 32px 120px;}
.system-inner{
  max-width:1100px; margin:0 auto; display:grid; align-items:center; justify-content:center;
  grid-template-columns:minmax(0,430px) minmax(0,500px); gap:110px;
}
.system-left .section-title{margin-bottom:20px;}
/* angled seam: the section is a shade lighter and cut on a slash, with a red edge, so it reads as its own block */
.system-slash{
  background:var(--ink);
}
.slash-line{position:absolute; left:0; top:2px; width:100%; height:var(--cut); overflow:visible; pointer-events:none; shape-rendering:geometricPrecision;}
@media (max-width:640px){ .system-slash{--cut:28px; padding-top:calc(var(--cut) + 56px);} }
.system-copy{color:#B9BFCC; font-size:16px; line-height:1.7; max-width:430px;}
.system-rail{position:relative; padding-left:40px;}
.rail-line{
  position:absolute; left:0; top:6px; bottom:6px; width:2px;
  background:rgba(255,255,255,0.12);
}
.rail-fill{
  position:absolute; left:0; top:0; width:100%; height:0%;
  background:var(--red); transition:height .2s linear;
}
.rail-step{position:relative; padding-bottom:64px;}
.rail-step:last-child{padding-bottom:0;}
.rail-dot{
  position:absolute; left:-58px; top:-4px; width:40px; height:40px;
  border-radius:50%; background:var(--ink); border:2px solid rgba(255,255,255,0.2);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-mono); font-size:12px; color:var(--gold); font-weight:600;
  transition:background .3s ease, border-color .3s ease;
}
.rail-step.active .rail-dot{background:var(--red); border-color:var(--red); color:#fff;}
.rail-step h3{
  font-family:var(--font-head); font-size:26px; text-transform:uppercase;
  letter-spacing:0.5px; margin-bottom:10px;
}
.rail-step p{color:#B9BFCC; font-size:15px; line-height:1.6; max-width:460px;}

/* ---------- ADVISOR SCOUT CARD ---------- */
.advisor{background:var(--chalk); padding:100px 32px 120px; text-align:center;}
.card-scout{
  max-width:760px; margin:0 auto; display:flex; align-items:stretch;
  background:var(--ink); border-radius:14px; overflow:hidden; text-align:left;
  box-shadow:0 30px 60px rgba(11,18,32,0.25);
  border:1px solid rgba(0,0,0,0.05);
}
.scout-photo{position:relative; width:280px; flex-shrink:0;}
.scout-photo img{width:100%; height:100%; object-fit:cover; display:block; min-height:340px;}
.scout-tag{
  position:absolute; bottom:0; left:0; right:0; background:var(--red); color:#fff;
  font-family:var(--font-mono); font-size:10px; letter-spacing:1px; text-align:center;
  padding:8px 6px;
}
.scout-info{padding:38px 36px; color:#fff; display:flex; flex-direction:column; gap:18px;}
.scout-info h3{font-family:var(--font-display); font-weight:400; font-size:32px; letter-spacing:0.5px; -webkit-font-smoothing:antialiased;}
.scout-stats{list-style:none; display:flex; flex-direction:column; gap:10px;}
.scout-stats li{font-size:14px; color:#D9DCE3;}
.scout-stats li span{
  display:block; font-family:var(--font-mono); color:var(--gold); font-size:10px;
  letter-spacing:1.5px; margin-bottom:2px; text-transform:uppercase;
}
.scout-info .btn{align-self:flex-start; margin-top:4px;}

/* ---------- CTA BAND ---------- */
.cta-band{
  position:relative; overflow:hidden; color:#fff; text-align:center; padding:84px 32px 80px;
  background:radial-gradient(640px 260px at 50% 0%, rgba(237,31,39,.16), transparent 70%), var(--ink);
}
.cta-band::after{content:""; position:absolute; left:50%; bottom:0; width:min(1136px, calc(100% - 64px)); height:1px; transform:translateX(-50%); background:rgba(255,255,255,.1);}
.cta-band h2{
  font-family:var(--font-head); font-weight:800; font-size:clamp(24px,5.6vw,52px); overflow-wrap:anywhere;
  letter-spacing:0.5px; margin-bottom:34px; line-height:1.1;
}
.cta-band .btn-primary .btn-fill{background:#fff;}
.cta-band .btn-primary:hover .btn-label{color:var(--ink);}

/* ---------- MOBILE NAV ---------- */
.nav-toggle{
  display:none; flex-direction:column; gap:5px; background:none; border:none;
  cursor:pointer; padding:6px; z-index:200;
}
.nav-toggle span{width:24px; height:2px; background:#fff; display:block; transition:transform .3s ease, opacity .3s ease;}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.open span:nth-child(2){opacity:0;}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.mobile-panel{
  position:fixed; inset:0; z-index:150; background:var(--ink);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:28px;
  transform:translateY(-100%); transition:transform .4s cubic-bezier(.65,0,.35,1);
}
.mobile-panel.open{transform:translateY(0);}
.mobile-panel a{
  color:#fff; text-decoration:none; font-family:var(--font-head); font-weight:700;
  font-size:26px; text-transform:uppercase; letter-spacing:1px;
}

/* ---------- SUB-HERO (interior pages) ---------- */
.sub-hero{
  position:relative; padding:220px 32px 90px; overflow:hidden; background:var(--ink);
}
.sub-hero-bg{position:absolute; inset:0; background-size:cover; background-position:center; opacity:0.38;}
.sub-hero-content{position:relative; z-index:2; max-width:1000px; margin:0 auto; text-align:center;}
.breadcrumb{
  font-family:var(--font-mono); color:var(--gray); font-size:12px; letter-spacing:2px; margin-bottom:18px;
}
.breadcrumb a{color:var(--gray); text-decoration:none;}
.sub-hero h1{
  font-family:var(--font-head); font-weight:800; color:#fff; text-transform:uppercase;
  font-size:clamp(36px,5.6vw,64px); letter-spacing:-0.5px; line-height:1.02; margin-bottom:18px;
}
.sub-hero p{color:#C4C9D4; font-size:17px; max-width:600px; margin:0 auto; line-height:1.6;}
.sub-hero.theme-gold .breadcrumb{color:var(--gold);}

/* ---------- PATH SPLIT (home) ---------- */
.path-split{background:var(--chalk); padding:100px 32px; text-align:center;}
.path-grid{
  max-width:1100px; margin:44px auto 0; display:grid; grid-template-columns:1fr 1fr; gap:28px;
}
.path-card{
  position:relative; height:440px; border-radius:14px; overflow:hidden; text-decoration:none;
  display:flex; align-items:flex-end; padding:36px; isolation:isolate;
  box-shadow:0 24px 48px rgba(11,18,32,0.18);
}
.path-card .path-bg{
  position:absolute; inset:0; background-size:cover; background-position:center;
  transition:transform .6s cubic-bezier(.22,1,.36,1), filter .6s ease; z-index:-2;
  filter:grayscale(55%) contrast(1.1) brightness(0.9);
}
.path-card:hover .path-bg{transform:scale(1.08); filter:grayscale(20%) contrast(1.1) brightness(0.95);}
.path-card::after{
  content:''; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(180deg, rgba(11,18,32,0.25), rgba(11,18,32,0.94)),
              linear-gradient(100deg, rgba(22,35,63,0.35), rgba(237,31,39,0.12));
}
.path-card .path-tag{
  font-family:var(--font-mono); font-size:11px; letter-spacing:2px; margin-bottom:10px;
}
.path-card.baseball .path-tag{color:var(--red);}
.path-card.general .path-tag{color:var(--gold);}
.path-card h3{
  font-family:var(--font-head); font-weight:800; color:#fff; text-transform:uppercase;
  font-size:30px; letter-spacing:0; margin-bottom:10px; text-align:left;
}
.path-card p{color:#D9DCE3; font-size:14px; line-height:1.5; text-align:left; margin-bottom:18px;}
.path-card .path-cta{
  font-family:var(--font-head); font-weight:700; color:#fff; font-size:13px;
  letter-spacing:1px; text-transform:uppercase; display:inline-flex; align-items:center; gap:8px;
}
.path-card .path-cta::after{content:'→'; transition:transform .3s ease;}
.path-card:hover .path-cta::after{transform:translateX(6px);}

/* ---------- PILLARS (process, 3-up) ---------- */
.pillars{background:var(--ink); color:#fff; padding:100px 32px;}
.pillars-head{max-width:640px; margin:0 auto 60px; text-align:center;}
.pillars-head p{color:#B9BFCC; font-size:16px; line-height:1.6; margin-top:16px;}
.pillar-grid{max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.pillar-card{
  background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08);
  border-radius:12px; padding:34px 28px; transition:transform .35s ease, border-color .35s ease;
}
.pillar-card:hover{transform:translateY(-6px); border-color:var(--red);}
.theme-gold .pillar-card:hover{border-color:var(--gold);}
.theme-gold .rail-fill{background:var(--gold);}
.theme-gold .rail-step.active .rail-dot{background:var(--gold); border-color:var(--gold); color:var(--ink);}
.pillar-num{font-family:var(--font-mono); color:var(--gold); font-size:13px; letter-spacing:2px; margin-bottom:16px;}
.pillar-card h3{font-family:var(--font-head); font-weight:700; text-transform:uppercase; font-size:21px; margin-bottom:12px; letter-spacing:0.5px;}
.pillar-card p{color:#B9BFCC; font-size:14.5px; line-height:1.6;}

/* ---------- ADVISOR GRID (team page) ---------- */
.advisor-grid{
  max-width:1200px; margin:44px auto 0; display:grid; grid-template-columns:repeat(2,1fr); gap:28px;
}
.advisor-grid.cols-3{grid-template-columns:repeat(3,1fr);}
@media (max-width:860px){.advisor-grid, .advisor-grid.cols-3{grid-template-columns:1fr;}}

/* advisor cards: portrait emerges from the card, one proof stat per advisor. Click opens the full bio. */
.scout-card-v{
  position:relative; display:grid; grid-template-columns:46% 1fr; cursor:pointer; isolation:isolate; transform:translateZ(0);
  background:linear-gradient(160deg, #1B1F29, var(--ink) 70%); border:1px solid rgba(255,255,255,.09); border-radius:22px; overflow:hidden; text-align:left; color:#fff;
  box-shadow:0 22px 48px rgba(11,18,32,.2); transition:transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease, border-color .4s ease;
}
.scout-card-v:hover, .scout-card-v:focus-visible{transform:translate3d(0,-6px,0); border-color:rgba(201,162,75,.5); box-shadow:0 30px 60px rgba(11,18,32,.3); outline:none;}
.scout-card-v .scv-photo{
  position:relative; overflow:hidden; isolation:isolate; min-height:100%;
  background:radial-gradient(75% 62% at 50% 34%, rgba(201,162,75,.2), transparent 72%);
}
.scout-card-v .scv-photo img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 4%; display:block;
  -webkit-mask-image:linear-gradient(90deg,#000 72%,transparent 100%); mask-image:linear-gradient(90deg,#000 72%,transparent 100%);
  transition:transform .7s cubic-bezier(.22,1,.36,1);
}
.scout-card-v:hover .scv-photo img{transform:scale(1.045);}
.scout-card-v .scv-info{position:relative; z-index:2; padding:30px 28px 28px 6px; align-self:center; display:flex; flex-direction:column; align-items:flex-start; gap:16px;}
.scout-card-v h3{font-family:var(--font-display); font-weight:400; font-size:clamp(34px,3.4vw,42px); letter-spacing:.5px; line-height:1; -webkit-font-smoothing:antialiased;}
.scout-card-v .scv-tag{display:block; margin:-6px 0 0; font-family:var(--font-mono); font-size:12px; font-weight:600; letter-spacing:2.2px; line-height:1.55; color:var(--red);}
.scv-proof{align-self:stretch; padding:16px 0; border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12);}
.scv-proof p{font-family:var(--font-body); font-weight:400; font-size:16px; line-height:1.45; letter-spacing:.2px; color:#fff;}
.scv-proof em{font-style:normal; font-weight:500; color:var(--gold);}
.scv-more{
  display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border:1px solid rgba(255,255,255,.3); border-radius:999px;
  font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#fff;
  transition:background .25s ease, color .25s ease, border-color .25s ease, gap .25s ease;
}
.scv-more i{font-style:normal; color:var(--red); transition:transform .25s ease, color .25s ease;}
.scout-card-v:hover .scv-more, .scout-card-v:focus-visible .scv-more{background:var(--gold); border-color:var(--gold); color:var(--ink); gap:12px;}
.scout-card-v:hover .scv-more i, .scout-card-v:focus-visible .scv-more i{color:var(--ink); transform:translateX(3px);}
.scv-bio{display:none;}
/* 3-up grids stay stacked, with a shorter photo that fades down into the card */
.advisor-grid.cols-3 .scout-card-v{grid-template-columns:1fr;}
.advisor-grid.cols-3 .scv-photo{min-height:0; aspect-ratio:1.15/1;}
.advisor-grid.cols-3 .scv-photo img{-webkit-mask-image:linear-gradient(180deg,#000 74%,transparent 100%); mask-image:linear-gradient(180deg,#000 74%,transparent 100%);}
.advisor-grid.cols-3 .scv-info{align-self:stretch; padding:4px 26px 28px;}
@media (max-width:640px){
  .scout-card-v{grid-template-columns:1fr;}
  .scout-card-v .scv-photo{min-height:0; aspect-ratio:1.15/1;}
  .scout-card-v .scv-photo img{-webkit-mask-image:linear-gradient(180deg,#000 74%,transparent 100%); mask-image:linear-gradient(180deg,#000 74%,transparent 100%);}
  .scout-card-v .scv-info{padding:4px 24px 26px;}
}

/* full-bio modal */
.bio-modal{position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(8,12,20,.8); backdrop-filter:blur(6px); opacity:0; visibility:hidden; transition:opacity .3s ease, visibility 0s linear .3s;}
.bio-modal.open{opacity:1; visibility:visible; transition:opacity .3s ease;}
.bio-panel{
  position:relative; width:min(940px,100%); max-height:calc(100vh - 48px); overflow:auto; display:grid; grid-template-columns:38% 1fr; isolation:isolate;
  background:linear-gradient(160deg, #1A1E27, var(--ink) 65%); border:1px solid rgba(201,162,75,.35); border-radius:22px; color:#fff;
  box-shadow:0 40px 90px rgba(0,0,0,.55); transform:translateY(24px) scale(.96); opacity:0; transition:transform .45s cubic-bezier(.22,1,.36,1), opacity .35s ease;
}
.bio-modal.open .bio-panel{transform:none; opacity:1;}
.bio-photo{position:relative; overflow:hidden; isolation:isolate; background:radial-gradient(75% 62% at 50% 34%, rgba(201,162,75,.22), transparent 72%); min-height:340px; border-radius:21px 0 0 21px;}
.bio-photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 4%; -webkit-mask-image:linear-gradient(90deg,#000 76%,transparent 100%); mask-image:linear-gradient(90deg,#000 76%,transparent 100%);}
.bio-body{padding:44px 44px 40px;}
.bio-role{font-family:var(--font-mono); font-size:12px; font-weight:600; letter-spacing:2.2px; color:var(--red); margin-bottom:10px;}
.bio-body h3{font-family:var(--font-display); font-weight:400; font-size:clamp(34px,4.4vw,48px); line-height:1.02; letter-spacing:.5px; margin-bottom:22px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.12);}
.bio-text p{font-size:15.5px; line-height:1.7; color:#D5D9E2; margin-bottom:16px;}
.bio-creds{list-style:none; display:flex; flex-direction:column; gap:10px; margin:6px 0 22px;}
.bio-creds li{font-size:14px; color:#fff; line-height:1.4; padding-left:24px; position:relative;}
.bio-creds li::before{content:''; position:absolute; left:0; top:.05em; width:16px; height:16px; border-radius:50%; background:rgba(201,162,75,.16);}
.bio-creds li::after{content:''; position:absolute; left:5.5px; top:.3em; width:4px; height:8px; border:solid var(--gold); border-width:0 1.8px 1.8px 0; transform:rotate(45deg);}
.bio-close{position:absolute; top:14px; right:14px; z-index:4; width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.25); background:rgba(11,18,32,.7); color:#fff; font-size:22px; line-height:1; cursor:pointer; transition:background .2s, border-color .2s;}
.bio-close:hover{background:var(--red); border-color:var(--red);}
body.modal-open{overflow:hidden;}
@media (max-width:760px){
  .bio-panel{grid-template-columns:1fr;}
  .bio-photo{min-height:0; height:280px; border-radius:21px 21px 0 0;}
  .bio-photo img{-webkit-mask-image:linear-gradient(180deg,#000 76%,transparent 100%); mask-image:linear-gradient(180deg,#000 76%,transparent 100%);}
  .bio-body{padding:28px 24px 30px;}
}
@media (prefers-reduced-motion: reduce){ .bio-panel,.bio-modal,.scout-card-v{transition:none;} }

/* ---------- TESTIMONIALS ---------- */
.testimonials{background:var(--chalk); padding:100px 24px; text-align:center;}
.testi-grid{max-width:940px; margin:40px auto 0; display:grid; grid-template-columns:repeat(2,1fr); gap:22px; align-items:stretch; text-align:left;}
.testi-grid > .testi-card:last-child:nth-child(odd){grid-column:1 / -1; justify-self:center; width:calc(50% - 11px);}
@media (max-width:800px){.testi-grid{grid-template-columns:1fr; max-width:560px;} .testi-grid > .testi-card:last-child:nth-child(odd){width:auto;}}
.testi-card{
  display:flex; flex-direction:column; background:#fff; border-radius:14px; padding:26px 28px 28px; box-shadow:0 16px 40px rgba(11,18,32,0.08); position:relative;
}
.testi-card .quote-mark{
  font-family:var(--font-display); font-weight:400; color:var(--red); font-size:44px; line-height:.8; display:block; margin-bottom:12px;
}
.testi-card p{font-size:14.5px; line-height:1.65; color:#33394A; margin-bottom:18px;}
.testi-card .testi-name{margin-top:auto; font-family:var(--font-head); font-weight:700; font-size:16px; letter-spacing:0.3px;}
.testi-card .testi-detail{font-family:var(--font-mono); color:var(--red); font-size:11.5px; letter-spacing:0.5px; margin-top:3px;}

/* ---------- COMMITMENT LIST (baseball page) ---------- */
.commit-grid{
  max-width:920px; margin:44px auto 0; display:grid; grid-template-columns:repeat(2,1fr);
  column-gap:60px;
}
@media (max-width:640px){.commit-grid{grid-template-columns:1fr;}}
.commit-row{
  padding:13px 0; display:flex; justify-content:space-between; align-items:baseline; gap:14px;
  font-size:14.5px; border-bottom:1px solid rgba(255,255,255,0.09);
}
.commit-row .name{font-family:var(--font-head); font-weight:600;}
.commit-row .school{color:var(--gold); font-family:var(--font-mono); font-size:11px; text-align:right; white-space:nowrap;}

/* ---------- FAQ ---------- */
.faq{background:var(--chalk); padding:100px 32px;}
.faq-list{max-width:780px; margin:44px auto 0;}
.faq-item{border-bottom:1px solid rgba(11,18,32,0.12); padding:24px 0;}
.faq-item summary{
  cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center;
  font-family:var(--font-head); font-weight:700; font-size:18px;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:'+'; font-size:26px; color:var(--red); font-family:var(--font-body); transition:transform .3s ease;}
.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-item p{color:#4A5064; font-size:15px; line-height:1.65; margin-top:16px; max-width:640px;}

/* ---------- CONTACT SPLIT ---------- */
.contact-split{max-width:1000px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:26px;}
@media (max-width:700px){.contact-split{grid-template-columns:1fr;}}
.contact-card{
  background:var(--ink); color:#fff; border-radius:14px; padding:38px; text-align:left;
}
.contact-card .path-tag{font-family:var(--font-mono); font-size:11px; letter-spacing:2px; color:var(--gold); margin-bottom:10px; display:block;}
.contact-card h3{font-family:var(--font-display); font-weight:400; font-size:30px; margin-bottom:8px; -webkit-font-smoothing:antialiased;}
.contact-card a.email{color:var(--gray); font-size:14px; display:block; margin-bottom:20px; text-decoration:none;}

/* ---------- FOOTER ---------- */
.site-footer{background:var(--ink); color:#B9BFCC; padding:60px 32px 30px;}
.footer-inner{
  max-width:1280px; margin:0 auto; display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:50px;
  padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,0.08);
}
@media (max-width:760px){.footer-inner{grid-template-columns:1fr; gap:34px;}}
.footer-inner img{height:32px; margin-bottom:16px;}
.footer-inner p{font-size:14px; line-height:1.6; max-width:320px;}
.footer-col h4{font-family:var(--font-head); color:#fff; font-size:14px; letter-spacing:1px; text-transform:uppercase; margin-bottom:16px;}
.footer-col a{display:block; color:#B9BFCC; text-decoration:none; font-size:14px; margin-bottom:10px;}
.footer-col a:hover{color:var(--gold);}
.footer-bottom{
  max-width:1280px; margin:24px auto 0; display:flex; justify-content:space-between;
  font-family:var(--font-mono); font-size:11px; color:var(--gray); letter-spacing:0.5px; flex-wrap:wrap; gap:10px;
}

@media (max-width:860px){
  .system-inner{grid-template-columns:1fr; gap:50px;}
  .nav-links{gap:16px;}
  .nav-links a:not(.nav-cta){display:none;}
  .nav-toggle{display:flex;}
  .card-scout{flex-direction:column;}
  .scout-photo{width:100%;}
  .scout-photo img{min-height:260px;}
  .path-grid{grid-template-columns:1fr;}
  .pillar-grid{grid-template-columns:1fr;}
}


/* ---------- COMMITMENT BOARD (baseball page) ---------- */
.commit-board{background:var(--ink); color:#fff; padding:56px 32px 110px; border-top:1px solid rgba(255,255,255,.1);}
.board-title{margin-bottom:0; font-size:clamp(34px,5vw,54px);}
.board-head{max-width:1200px; margin:0 auto 44px; text-align:center;}
.board-stats{display:flex; align-items:center; justify-content:center; gap:34px; margin:6px 0 34px; flex-wrap:wrap;}

/* rolling slideshow of commitment cards */
.card-marquee{
  overflow:hidden; padding:6px 0; margin:0 -32px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.cm-track{display:flex; width:max-content; margin:0 0 14px var(--off,0px); animation:cmove 200s linear infinite;}
.cm-track.rev{animation-direction:reverse; animation-duration:230s;}
.cm-track .b-card{flex:0 0 300px; margin-right:14px; transform:none; will-change:auto;}
.cm-track .b-card::after{display:none;}
.card-marquee:hover .cm-track{animation-play-state:paused;}
@keyframes cmove{from{transform:translateX(0);} to{transform:translateX(-50%);}}
.board-more{display:flex; justify-content:center; margin-top:26px;}
.board-toggle{
  display:inline-flex; align-items:center; gap:10px; padding:12px 22px; border:1px solid rgba(255,255,255,.3); border-radius:999px; background:transparent; color:#fff; cursor:pointer;
  font-family:var(--font-mono); font-size:11.5px; font-weight:600; letter-spacing:2px; text-transform:uppercase; transition:background .25s, color .25s, border-color .25s;
}
.board-toggle i{font-style:normal; color:var(--red); transition:color .25s;}
.board-toggle:hover{background:var(--gold); border-color:var(--gold); color:var(--ink);}
.board-toggle:hover i{color:var(--ink);}
.board-toggle[aria-expanded="true"] i{display:inline-block; transform:rotate(180deg);}
.board-full{margin-top:36px;}
.board-full[hidden]{display:none;}
@media (max-width:640px){ .card-marquee{margin:0 -20px;} .cm-track .b-card{flex-basis:262px;} }
@media (prefers-reduced-motion: reduce){ .cm-track{animation:none;} .card-marquee{overflow-x:auto;} }

.board-grid{
  max-width:1200px; margin:0 auto; display:grid; gap:16px;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
}
.b-card{
  position:relative; display:flex; align-items:center; gap:16px; padding:16px; overflow:hidden;
  background:rgba(255,255,255,0.045); border:1px solid rgba(255,255,255,0.09); border-radius:14px;
  opacity:0; translate:0 26px;
  transition:opacity .7s cubic-bezier(.22,1,.36,1), translate .7s cubic-bezier(.22,1,.36,1),
             transform .25s ease-out, border-color .3s, background .3s;
  transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  will-change:transform;
}
.b-card[hidden]{display:none;}
.b-card.in{opacity:1; translate:0 0;}
.b-card::before{ /* cursor spotlight */
  content:''; position:absolute; inset:0; pointer-events:none; opacity:0; transition:opacity .3s;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), rgba(237,31,39,0.28), transparent 70%);
}
.b-card::after{ /* slow sheen sweep */
  content:''; position:absolute; top:0; bottom:0; left:-60%; width:40%; pointer-events:none;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,0.07), transparent);
  transform:skewX(-18deg); animation:bsheen 7s ease-in-out infinite; animation-delay:calc(var(--i,0) * 0.35s);
}
@keyframes bsheen{0%,70%{left:-60%;} 100%{left:130%;}}
.b-card:hover{border-color:rgba(237,31,39,0.6); background:rgba(255,255,255,0.07);}
.b-card:hover::before{opacity:1;}
.b-logo{
  position:relative; z-index:1; flex:0 0 68px; height:68px; border-radius:14px; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  background:#f4f4f1; border:1px solid rgba(201,162,75,0.5);
  transition:transform .35s cubic-bezier(.22,1,.36,1);
}
.b-logo img{width:100%; height:100%; object-fit:contain; padding:4px; transition:transform .3s;}
.b-card:hover .b-logo{transform:rotate(-5deg) scale(1.1);}
.b-mono{font-family:var(--font-display); font-weight:400; font-size:24px; letter-spacing:1px; color:var(--ink); -webkit-font-smoothing:antialiased;}
.b-text{position:relative; z-index:1; min-width:0;}
.b-name{font-family:var(--font-head); font-weight:700; font-size:18px; letter-spacing:.2px; line-height:1.15;}
.b-school{font-family:var(--font-mono); font-size:11px; letter-spacing:1px; color:var(--gold); text-transform:uppercase; margin-top:5px; line-height:1.35;}
@media (prefers-reduced-motion: reduce){ .b-card::after{animation:none;} .b-card{transition:opacity .3s;} }
/* two-school cards: two overlapping badges in the same 68px slot */
.b-logo.b-multi{background:none; border:0; overflow:visible; display:block;}
.b-card:hover .b-multi{transform:rotate(-4deg) scale(1.08);}
.b-chipb{
  position:absolute; width:46px; height:46px; border-radius:12px; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  background:#f4f4f1; border:1px solid rgba(201,162,75,0.5);
}
.b-chipb:first-child{top:0; left:0; z-index:1;}
.b-chipb:last-child{bottom:0; right:0; z-index:2; box-shadow:0 6px 14px rgba(0,0,0,0.45);}
.b-chipb .b-mono{font-size:12px; letter-spacing:.5px;}
.b-chipb img{width:100%; height:100%; object-fit:contain; padding:3px;}
/* pager under the board */
.board-pager{display:flex; align-items:center; justify-content:center; gap:18px; margin-top:34px;}
.bp-btn{
  width:48px; height:48px; border-radius:50%; border:1px solid rgba(255,255,255,0.28); background:transparent;
  color:#fff; font-size:20px; cursor:pointer; transition:background .25s, border-color .25s, opacity .25s;
}
.bp-btn:hover:not(:disabled){background:var(--red); border-color:var(--red);}
.bp-btn:disabled{opacity:.3; cursor:default;}
.bp-dots{display:flex; gap:8px; align-items:center;}
.bp-dot{width:8px; height:8px; border-radius:50%; border:0; padding:0; background:rgba(255,255,255,0.25); cursor:pointer; transition:background .25s, width .25s;}
.bp-dot.active{background:var(--gold); width:26px; border-radius:6px;}
.bp-count{font-family:var(--font-mono); font-size:13px; letter-spacing:2px; color:#C4C9D4; min-width:70px; text-align:center;}
.b-mono.sm{font-size:17px; letter-spacing:.5px;}

/* ---------- NEXUS = NAA brand lockup (baseball hero) ---------- */
.brand-lockup{display:flex; align-items:center; justify-content:center; gap:40px; margin-bottom:0;}
.brand-lockup img{display:block; opacity:0;}
.bl-nexus{height:34px; animation:blFromLeft .9s cubic-bezier(.22,1,.36,1) .15s forwards;}
.bl-naa{height:88px; animation:blFromLeft .9s cubic-bezier(.22,1,.36,1) .15s forwards;}
.bl-link{width:1px; height:64px; background:rgba(255,255,255,.35); opacity:0; animation:blFade .6s ease .75s forwards;}
.bl-tag{text-align:left; opacity:0; animation:blFromRight .9s cubic-bezier(.22,1,.36,1) .3s forwards;}
.bl-tag b{display:block; font-family:var(--font-head); font-weight:800; font-size:40px; line-height:1; letter-spacing:.5px; text-transform:uppercase; color:#fff;}
.bl-tag span{display:block; margin-top:8px; font-family:var(--font-head); font-weight:600; font-size:21px; line-height:1.1; letter-spacing:2.4px; text-transform:uppercase; color:var(--gold);}
.bl-caption{
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:2.5px; color:var(--gold);
  margin-bottom:26px; opacity:0; animation:blFade .8s ease 1s forwards;
}
@keyframes blFromLeft{from{opacity:0; transform:translateX(-36px);} to{opacity:1; transform:none;}}
@keyframes blFromRight{from{opacity:0; transform:translateX(36px);} to{opacity:1; transform:none;}}
@keyframes blFade{from{opacity:0;} to{opacity:1;}}
@media (max-width:640px){
  .brand-lockup{flex-direction:column; gap:18px; margin-bottom:0;}
  .bl-naa{height:62px;}
  .bl-link{width:36px; height:1px;}
  .bl-tag{text-align:center; animation-name:blFade;}
  .bl-tag b{font-size:28px;}
  .bl-tag span{font-size:15px; letter-spacing:1.8px; margin-top:6px;}
  .sub-hero h1{font-size:clamp(34px,10.5vw,48px);}
  .commit-board{padding:44px 20px 90px;}
  .board-stats{flex-wrap:nowrap; gap:0; justify-content:space-between; max-width:340px; margin-left:auto; margin-right:auto;}
  .board-stats .stat-sep{display:none;}
  .board-stats .stat{flex:1;}
  .board-stats .stat-label{font-size:10.5px; letter-spacing:.6px;}
}
@media (prefers-reduced-motion: reduce){ .brand-lockup img,.bl-link,.bl-caption{animation:none; opacity:1;} }

/* narrow screens: tighter hero so the commitment wall starts sooner */
@media (max-width:520px){
  .hero{padding:118px 0 56px;}
  .hero-sub{font-size:16px; margin-bottom:26px;}
  .scroll-cue{display:none;}
}

.sr-only{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}

.sub-hero h1{overflow-wrap:anywhere;}

/* ---------- BASEBALL HERO + INTRO ---------- */
.bb-hero{padding-top:190px; padding-bottom:130px;}
.bb-statband{
  position:relative; z-index:3; max-width:1040px; margin:-70px auto -70px; padding:26px 40px;
  display:flex; justify-content:space-between; align-items:center;
  background:linear-gradient(160deg, #1B1F29, var(--ink)); border:1px solid rgba(201,162,75,.35); border-radius:20px;
  box-shadow:0 24px 52px rgba(11,18,32,.28);
}
.bb-statband .stat{flex:1; text-align:center; padding:0 12px; position:relative;}
.bb-statband .stat + .stat::before{content:""; position:absolute; left:0; top:12%; bottom:12%; width:1px; background:rgba(255,255,255,.14);}
.bb-statband .stat-num{font-size:clamp(28px,3.4vw,42px);}
.bb-statband .stat-label{font-size:11.5px; letter-spacing:1.4px;}
.bb-statband .stat[data-money]{flex:1.4;}
.bb-statband .stat[data-money] .stat-num{font-size:clamp(24px,3vw,38px);}
.bb-intro{background:var(--chalk); padding:150px 32px 96px; text-align:center;}
.bb-intro-inner{max-width:1040px; margin:0 auto;}
.bb-for{font-family:var(--font-mono); font-size:12px; letter-spacing:3px; color:var(--red); margin-bottom:18px;}
.bb-for i{font-style:normal; color:var(--gold); margin:0 6px;}
.bb-title{font-family:var(--font-head); font-weight:800; text-transform:uppercase; font-size:clamp(32px,5.2vw,60px); line-height:1.04; letter-spacing:-.3px; color:var(--ink); max-width:880px; margin:0 auto 20px; text-wrap:balance; overflow-wrap:anywhere;}
.bb-sub{max-width:660px; margin:0 auto 34px; font-size:17px; line-height:1.65; color:#4A5163;}
.bb-cta{display:flex; flex-wrap:wrap; justify-content:center; gap:14px;}
.btn-ghost-dark{background:transparent; color:var(--ink); border:1.5px solid rgba(11,18,32,.55);}
.btn-ghost-dark .btn-fill{background:var(--ink);}
.btn-ghost-dark:hover .btn-fill{transform:translateX(0) skewX(-12deg);}
.btn-ghost-dark:hover .btn-label{color:#fff;}
@media (max-width:640px){
  .bb-hero{padding-top:124px; padding-bottom:110px;}
  .bb-statband{margin:-56px 16px -56px; padding:22px 12px; display:grid; grid-template-columns:1fr 1fr; gap:22px 0;}
  .bb-statband .stat + .stat::before{display:none;}
  .bb-statband .stat-num{font-size:30px;}
  .bb-statband .stat[data-money] .stat-num{font-size:23px; letter-spacing:0;}
  .bb-intro{padding:120px 20px 72px;}
  .bb-cta .btn{width:100%; text-align:center;}
}

/* =====================================================================
   UNIFIED PASS (baseball page): three surfaces: ink, chalk, white.
   Red = actions / progress. Gold = labels & highlights. Anton = every big title.
   ===================================================================== */
:root{ --card-dark:linear-gradient(160deg,#1B1F29,#0F1626); --card-line:rgba(255,255,255,.1); --r:16px; }

/* one dark-card look: stat band, commitment cards, advisor cards */
.bb-statband{background:var(--card-dark); border:1px solid var(--card-line); border-radius:var(--r);}
.b-card{background:var(--card-dark); border:1px solid var(--card-line); border-radius:var(--r);}
.b-card:hover{border-color:rgba(201,162,75,.55); background:var(--card-dark);}
.scout-card-v{background:var(--card-dark); border:1px solid var(--card-line); border-radius:var(--r);}
.scout-card-v .scv-photo{border-radius:calc(var(--r) - 1px) 0 0 calc(var(--r) - 1px);}
.advisor-grid.cols-3 .scv-photo, .scout-card-v .scv-photo.stacked{border-radius:calc(var(--r) - 1px) calc(var(--r) - 1px) 0 0;}
@media (max-width:640px){ .scout-card-v .scv-photo{border-radius:calc(var(--r) - 1px) calc(var(--r) - 1px) 0 0;} }
.testi-card{border-radius:var(--r);}
.bb-statband{box-shadow:0 22px 48px rgba(11,18,32,.3);}

/* every big title in Anton */
.bb-title{font-family:var(--font-display); font-weight:400; letter-spacing:1px; font-size:clamp(40px,6vw,76px); line-height:1.02; -webkit-font-smoothing:antialiased;}
.bl-tag b{font-family:var(--font-display); font-weight:400; letter-spacing:1.5px; font-size:44px; line-height:1;}
.cta-band h2{font-family:var(--font-display); font-weight:400; letter-spacing:1.5px; font-size:clamp(34px,5.6vw,66px); line-height:1.08; -webkit-font-smoothing:antialiased;}
@media (max-width:640px){ .bl-tag b{font-size:30px;} }

/* advisor role titles: gold (red stays for actions) */
.scout-card-v .scv-tag, .bio-role{color:var(--gold);}
.testi-card .quote-mark{color:var(--gold);}
.testi-card .testi-detail{color:#6B7388;}

/* Nexus System on chalk */
.system-light{background:var(--chalk); color:var(--ink);}
.system-light .section-kicker, .system-light .section-kicker.light{color:var(--red);}
.system-light .section-title, .system-light .section-title.light{color:var(--ink);}
.system-light .system-copy{color:#4A5163;}
.system-light .rail-line{background:rgba(11,18,32,.14);}
.system-light .rail-dot{background:#fff; border-color:rgba(11,18,32,.22); color:var(--ink);}
.system-light .rail-step.active .rail-dot{background:var(--red); border-color:var(--red); color:#fff;}
.system-light .rail-step h3{color:var(--ink);}
.system-light .rail-step p{color:#4A5163;}

/* advisors on ink */
.advisor-dark{background:var(--ink);}
.advisor-dark .section-kicker{color:var(--gold);}
.advisor-dark .section-title{color:#fff;}
.advisor-dark .scout-card-v{box-shadow:0 22px 48px rgba(0,0,0,.35);}

/* =====================================================================
   SECTION SEAMS: every section after the intro starts on the same shallow slash,
   with a solid red edge and a dashed gold "stitch" line beside it (baseball seam).
   ===================================================================== */
.seam{--cut:44px; position:relative; margin-top:calc(var(--cut) * -1); clip-path:polygon(0 var(--cut),100% 0,100% 100%,0 100%);}
.commit-board.seam{padding-top:calc(var(--cut) + 56px);}
.advisor.seam{padding-top:calc(var(--cut) + 100px);}
.system-slash.seam, .system.seam{padding-top:calc(var(--cut) + 76px);}
.testimonials.seam{padding-top:calc(var(--cut) + 100px);}
.cta-band.seam{padding-top:calc(var(--cut) + 84px);}
.seam-line{position:absolute; left:0; top:0; width:100%; height:var(--cut); overflow:visible; pointer-events:none; z-index:4; shape-rendering:geometricPrecision;}
.seam-line line{fill:none;}
.seam-line .sl-solid{stroke:var(--red); stroke-width:3px; transform:translateY(2px);}
.seam-line .sl-stitch{stroke:var(--gold); stroke-width:2px; stroke-dasharray:7 9; stroke-linecap:round; transform:translateY(13px);}
@media (max-width:640px){ .seam{--cut:24px;} .seam-line .sl-stitch{transform:translateY(10px);} }

@media (max-width:640px){ .bb-for{font-size:10.5px; letter-spacing:2px;} .bb-for i{margin:0 3px;} }

@media (max-width:640px){
  .cta-band h2{font-size:clamp(30px,8.6vw,40px); text-wrap:balance;}
  .cta-band h2 br{display:none;}
}

/* =====================================================================
   STUDENT-ATHLETE ADVISING PAGE
   ===================================================================== */
.sa-hero{
  padding:190px 32px 130px;
  background:
    radial-gradient(900px 420px at 82% 0%, rgba(201,162,75,.20), transparent 65%),
    radial-gradient(720px 420px at 4% 100%, rgba(237,31,39,.12), transparent 60%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.04) 0 2px, transparent 2px 52px),
    var(--ink);
}
.sa-hero .brand-lockup{margin-bottom:0;}
.sa-hero .bl-nexus{height:70px; animation:blFromLeft .9s cubic-bezier(.22,1,.36,1) .15s forwards;}

.pg-band{
  position:relative; z-index:3; max-width:1040px; margin:-70px auto -70px; padding:26px 20px;
  display:flex; justify-content:space-between; align-items:stretch;
  background:var(--card-dark); border:1px solid var(--card-line); border-radius:var(--r); box-shadow:0 22px 48px rgba(11,18,32,.3);
}
.pg-item{flex:1; display:flex; flex-direction:column; align-items:center; text-align:center; padding:4px 14px; position:relative;}
.pg-item + .pg-item::before{content:""; position:absolute; left:0; top:8%; bottom:8%; width:1px; background:rgba(255,255,255,.14);}
.pg-no{font-family:var(--font-mono); font-weight:600; font-size:12px; letter-spacing:3px; color:var(--gold);}
.pg-name{font-family:var(--font-display); font-size:clamp(18px,1.85vw,25px); letter-spacing:1px; line-height:1.1; color:#fff; margin:8px 0 6px; white-space:nowrap; -webkit-font-smoothing:antialiased;}
.pg-sub{font-family:var(--font-head); font-weight:600; font-size:11.5px; letter-spacing:1.4px; text-transform:uppercase; color:#C4C9D4; line-height:1.35;}

.sv{background:var(--ink); color:#fff; text-align:center; padding:96px 32px 110px;}
.sv.seam{padding-top:calc(var(--cut) + 96px);}
.sv-head{max-width:760px; margin:0 auto 52px;}
.sv-head .section-title{margin-bottom:18px;}
.sv-lead{color:#B9BFCC; font-size:17px; line-height:1.65;}
.sv-grid{max-width:1120px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; text-align:left;}
.sv-card{background:var(--card-dark); border:1px solid var(--card-line); border-radius:var(--r); padding:30px 28px 32px; transition:transform .35s cubic-bezier(.22,1,.36,1), border-color .35s ease;}
.sv-card:hover{transform:translateY(-5px); border-color:rgba(201,162,75,.5);}
.sv-no{display:block; font-family:var(--font-display); font-size:32px; line-height:1; color:var(--gold); margin-bottom:18px;}
.sv-card h3{font-family:var(--font-head); font-weight:700; font-size:22px; letter-spacing:.5px; text-transform:uppercase; margin-bottom:10px;}
.sv-card p{color:#B9BFCC; font-size:15.5px; line-height:1.6;}

.faq.seam{padding-top:calc(var(--cut) + 100px);}

/* placeholder portrait (monogram) until a headshot is supplied */
.scv-photo.mono{display:flex; align-items:center; justify-content:center;}
.scv-photo.mono::before{content:attr(data-initials); font-family:var(--font-display); font-size:92px; letter-spacing:6px; line-height:1; color:transparent; -webkit-text-stroke:2px rgba(201,162,75,.75);}
.bio-photo.mono{display:flex; align-items:center; justify-content:center;}
.bio-photo.mono::before{content:attr(data-initials); font-family:var(--font-display); font-size:120px; letter-spacing:8px; color:transparent; -webkit-text-stroke:2px rgba(201,162,75,.75);}
.bio-photo.mono img{display:none;}

@media (max-width:980px){ .sv-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:860px){
  .pg-band{display:grid; grid-template-columns:1fr 1fr; gap:22px 0; margin:-56px 16px -56px; padding:22px 12px;}
  .pg-item + .pg-item::before{display:none;}
}
@media (max-width:640px){
  .sa-hero{padding:124px 20px 110px;}
  .sa-hero .bl-nexus{height:50px;}
  .sv{padding:76px 20px 84px;}
  .sv.seam{padding-top:calc(var(--cut) + 76px);}
  .sv-grid{grid-template-columns:1fr;}
  .pg-name{font-size:21px; white-space:normal;}
}

/* Student-Athlete Advising: title-first hero, light services, FAQ following the advisors */
.sa-hero{padding:200px 32px 150px; text-align:center;}
.sa-hero .sa-for{font-family:var(--font-mono); font-size:12px; letter-spacing:3px; color:var(--gold); margin:0 auto 22px; max-width:none;}
.sa-hero .sa-for i{font-style:normal; color:var(--red); margin:0 6px;}
.sa-hero .sa-title{font-family:var(--font-display); font-weight:400; font-size:clamp(46px,8vw,104px); line-height:1; letter-spacing:1.5px; color:#fff; text-transform:uppercase; margin:0 auto 26px; max-width:1000px; text-wrap:balance; overflow-wrap:anywhere; -webkit-font-smoothing:antialiased;}
.sa-hero .sa-sub{max-width:660px; margin:0 auto 40px; font-size:18px; line-height:1.65; color:#C4C9D4;}
.sa-hero .bb-cta .btn-ghost{margin-left:0;}
.sv-light{background:var(--chalk); color:var(--ink);}
.sv-light .sv-lead{color:#4A5163;}
.sv-light .sv-card{color:#fff; box-shadow:0 18px 40px rgba(11,18,32,.14);}
.faq-follow{padding-top:0; position:relative;}
.faq-follow::before{content:""; display:block; width:min(1040px,calc(100% - 64px)); height:1px; margin:0 auto 90px; background:rgba(11,18,32,.14);}
@media (max-width:640px){
  .sa-hero{padding:130px 20px 110px;}
  .sa-hero .sa-for{font-size:10.5px; letter-spacing:2px;}
  .sa-hero .sa-for i{margin:0 3px;}
  .sa-hero .sa-sub{font-size:16.5px;}
  .faq-follow::before{margin-bottom:64px;}
}

/* =====================================================================
   EXCLUSIVE PLAYER ADVISING PACKAGE (baseball offer card)
   ===================================================================== */
.testimonials.pkg-before{padding-bottom:36px;}
.pkg{background:var(--chalk); padding:20px 32px 110px;}
.pkg-card{
  max-width:1120px; margin:0 auto; display:grid; grid-template-columns:1.05fr 1fr; overflow:hidden; isolation:isolate;
  background:var(--card-dark); border:1px solid var(--card-line); border-radius:var(--r); box-shadow:0 26px 56px rgba(11,18,32,.22);
}
.pkg-text{padding:56px 52px 56px 56px; color:#fff;}
.pkg-title{font-family:var(--font-display); font-weight:400; font-size:clamp(34px,4.2vw,56px); line-height:1.04; letter-spacing:1.2px; text-transform:uppercase; margin:0 0 18px; -webkit-font-smoothing:antialiased;}
.pkg-lead{color:#C4C9D4; font-size:17px; line-height:1.6; margin-bottom:26px; max-width:520px;}
.pkg-list{list-style:none; display:flex; flex-direction:column; gap:16px; margin-bottom:34px;}
.pkg-list li{position:relative; padding-left:34px; font-size:16px; line-height:1.5; color:#fff;}
.pkg-list li::before{content:''; position:absolute; left:0; top:.1em; width:21px; height:21px; border-radius:50%; background:rgba(201,162,75,.18);}
.pkg-list li::after{content:''; position:absolute; left:7.5px; top:.34em; width:5px; height:10px; border:solid var(--gold); border-width:0 2px 2px 0; transform:rotate(45deg);}
.pkg-list strong{color:var(--gold); font-weight:500;}
.pkg-note{font-family:var(--font-mono); font-size:11.5px; letter-spacing:2px; text-transform:uppercase; color:#8A93A6; margin-bottom:12px;}
.pkg-photo{position:relative; min-height:100%;}
.pkg-photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; display:block;}
.pkg-photo::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, #111827 0%, rgba(17,24,39,.55) 22%, rgba(17,24,39,0) 55%);}
@media (max-width:900px){
  .pkg-card{grid-template-columns:1fr;}
  .pkg-photo{order:-1; min-height:0; height:260px;}
  .pkg-photo::after{background:linear-gradient(180deg, rgba(17,24,39,0) 40%, #111827 100%);}
  .pkg-text{padding:34px 26px 38px;}
}
@media (max-width:640px){
  .pkg{padding:14px 20px 76px;}
  .pkg-card .btn{display:block; width:100%; text-align:center;}
}

/* commitment board on phones: two compact cards across, ten per page */
@media (max-width:640px){
  .board-grid{grid-template-columns:1fr 1fr; gap:10px;}
  .b-card{flex-direction:column; align-items:flex-start; gap:10px; padding:14px 12px 14px;}
  .b-logo{flex:0 0 54px; width:54px; height:54px; border-radius:12px;}
  .b-logo.b-multi{width:54px; height:54px;}
  .b-chipb{width:36px; height:36px; border-radius:10px;}
  .b-card .b-mono{font-size:18px;}
  .b-name{font-size:16px; line-height:1.15;}
  .b-school{font-size:9.5px; letter-spacing:.6px; margin-top:4px; line-height:1.35;}
  .b-text{width:100%;}
  .board-pager{margin-top:26px;}
}

/* phone nav: logo | Get Started | menu, on one line */
@media (max-width:860px){
  .nav-inner{padding:0 18px; gap:10px;}
  .nav-links{margin-left:auto; gap:10px;}
  .nav-cta{white-space:nowrap; font-size:13px; letter-spacing:.4px; padding:9px 15px; line-height:1;}
  .nav-cta span{white-space:nowrap;}
}
@media (max-width:420px){
  .nav-logo{height:28px;}
  .nav-inner{padding:0 14px;}
  .nav-cta{font-size:12.5px; padding:9px 13px;}
}

@media (max-width:640px){ .commitments .section-kicker{font-size:10.5px; letter-spacing:2px; padding:0 14px;} }

/* package now sits right after the Nexus System; testimonials follow it on the same light surface */
.pkg.seam{padding-top:calc(var(--cut) + 84px); padding-bottom:70px;}
.testimonials.testi-follow{padding-top:0; position:relative;}
.testimonials.testi-follow::before{content:""; display:block; width:min(1040px,calc(100% - 64px)); height:1px; margin:0 auto 84px; background:rgba(11,18,32,.14);}
@media (max-width:640px){ .pkg.seam{padding-top:calc(var(--cut) + 56px); padding-bottom:50px;} .testimonials.testi-follow::before{margin-bottom:60px;} }

/* College Recruiting Program: hero (midway between the first tall version and the compact one) */
.sa-hero{padding:206px 32px 156px;}
.sa-hero .sub-hero-content{max-width:1240px;}
.sa-hero .sa-title{font-size:clamp(40px,6.8vw,92px); max-width:1240px; margin-bottom:22px;}
.sa-hero .sa-sub{font-size:17.5px; margin-bottom:34px;}
@media (max-width:640px){ .sa-hero{padding:124px 20px 96px;} .sa-hero .sa-title{font-size:clamp(38px,11vw,50px);} .sa-hero .sa-sub{font-size:16px; margin-bottom:28px;} }

/* bio pop-up (desktop): the portrait stays pinned at the window height while the longer bio scrolls beside it */
@media (min-width:761px){
  .bio-photo{align-self:start; position:sticky; top:0; height:calc(100vh - 48px); max-height:860px; min-height:340px;}
}

/* bio pop-up (desktop): the window is exactly as tall as the portrait; only the text column scrolls */
@media (min-width:761px){
  .bio-panel{--bio-h:min(calc(100vh - 48px), 760px); height:var(--bio-h); max-height:var(--bio-h); overflow:hidden; align-items:stretch;}
  .bio-photo{position:relative; top:auto; align-self:stretch; height:100%; max-height:none; min-height:0;}
  .bio-body{height:100%; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgba(201,162,75,.55) transparent; padding-right:34px;}
  .bio-body::-webkit-scrollbar{width:8px;}
  .bio-body::-webkit-scrollbar-track{background:transparent;}
  .bio-body::-webkit-scrollbar-thumb{background:rgba(201,162,75,.5); border-radius:8px;}
}

@media (min-width:761px){
  .bio-body{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26px,#000 calc(100% - 30px),transparent 100%); mask-image:linear-gradient(180deg,transparent 0,#000 26px,#000 calc(100% - 30px),transparent 100%); padding-top:44px; padding-bottom:48px;}
  .bio-close{right:18px;}
}

/* bio pop-up (desktop): soft fade where the text scrolls under the top and bottom edges */
@media (min-width:761px){
  .bio-body{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26px,#000 calc(100% - 30px),transparent 100%); mask-image:linear-gradient(180deg,transparent 0,#000 26px,#000 calc(100% - 30px),transparent 100%); padding-top:44px; padding-bottom:48px;}
  .bio-close{right:18px;}
}

@media (min-width:761px){ .bio-body{padding-right:64px;} }

/* advisor names in all caps (cards + pop-up) */
.scout-card-v h3{text-transform:uppercase; letter-spacing:1.5px; font-size:clamp(30px,3vw,38px); line-height:1.05;}
.bio-body h3{text-transform:uppercase; letter-spacing:1.5px;}
@media (max-width:640px){ .scout-card-v h3{font-size:34px;} }

/* testimonials: the player's commitment logo sits beside their name */
.testi-who{display:flex; align-items:center; gap:14px; margin-top:auto; padding-top:2px;}
.testi-logo{flex:0 0 58px; width:58px; height:58px; display:flex; align-items:center; justify-content:center; background:#F4F4F1; border:1px solid rgba(201,162,75,.5); border-radius:14px; overflow:hidden;}
.testi-logo img{width:100%; height:100%; object-fit:contain; padding:5px; display:block;}
.testi-card .testi-who .testi-name{margin-top:0;}
.testi-id{min-width:0;}
@media (max-width:640px){ .testi-logo{flex-basis:52px; width:52px; height:52px;} }

/* intro label ("High school · JC · Transfer portal"): bolder, bigger, brand headline font, round bullets */
.bb-for{font-family:var(--font-head); font-weight:800; font-size:21px; letter-spacing:4px; text-transform:uppercase; color:var(--red); margin-bottom:20px; line-height:1.2;}
.bb-for i{display:inline-block; width:9px; height:9px; margin:0 16px; border-radius:50%; background:var(--gold); font-size:0; vertical-align:middle; position:relative; top:-2px;}
@media (max-width:640px){ .bb-for{font-size:15px; letter-spacing:2.2px;} .bb-for i{width:7px; height:7px; margin:0 8px;} }

/* =====================================================================
   FINAL PASS: straight section seams (red line + gold stitching) and one title font
   ===================================================================== */
.seam{--cut:0px!important; margin-top:0!important; clip-path:none!important;}
.seam-line{height:3px!important; top:0!important; left:0; width:100%; overflow:hidden!important; pointer-events:none;
  background:linear-gradient(var(--red),var(--red)) 0 0/100% 3px no-repeat;}
.seam-line line{display:none!important;}
.commitments.seam{padding-top:52px;}
.impact.seam{padding-top:44px;}
.path-split.seam{padding-top:100px;}

/* titles: Barlow Semi Condensed 800 (the home-hero font) */
.section-title,.board-title,.scout-card-v h3,.bio-body h3,.contact-card h3,.bb-title,.bl-tag b,.cta-band h2,.sa-hero .sa-title,.pkg-title{
  font-family:var(--font-head)!important; font-weight:800!important; text-transform:uppercase; letter-spacing:-.4px!important; line-height:1.02!important;}
.section-title{font-size:clamp(28px,4.2vw,54px)!important;}
.bb-title{font-size:clamp(36px,5.4vw,72px)!important;}
.sa-hero .sa-title{font-size:clamp(38px,6vw,84px)!important;}
.bl-tag b{font-size:38px!important;}
.cta-band h2{font-size:clamp(30px,4.8vw,60px)!important;}
.pkg-title{font-size:clamp(32px,3.8vw,50px)!important;}
.scout-card-v h3{font-size:clamp(26px,2.6vw,34px)!important;}
@media (max-width:640px){ .bl-tag b{font-size:26px!important;} .scout-card-v h3{font-size:30px!important;} }

/* contact cards: same dark card as the advisor and package cards */
.contact-split{max-width:1040px; gap:22px;}
.contact-card{
  position:relative; display:flex; flex-direction:column; align-items:flex-start; padding:34px 34px 32px; color:#fff;
  background:linear-gradient(160deg,#1B1F29,var(--ink) 70%); border:1px solid rgba(255,255,255,.09); border-radius:var(--r);
  box-shadow:0 22px 48px rgba(11,18,32,.2); transition:transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease, border-color .4s ease;
}
.contact-card:hover{transform:translateY(-6px); border-color:rgba(201,162,75,.5); box-shadow:0 30px 60px rgba(11,18,32,.3);}
.contact-card .path-tag{font-size:10.5px; letter-spacing:2px; margin-bottom:12px;}
.contact-card h3{font-size:clamp(26px,2.6vw,34px)!important; margin-bottom:0;}
.contact-card .cc-line{align-self:stretch; margin:16px 0 18px; padding:14px 0; border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12);}
.contact-card .cc-line p{font-size:16px; line-height:1.45; color:#fff;}
.contact-card a.email{color:#C4C9D4; font-size:15px; margin-bottom:22px; transition:color .25s ease;}
.contact-card a.email:hover{color:var(--gold);}
@media (max-width:700px){ .contact-card{padding:28px 24px 26px;} }

/* contact cards: photo banner across the top */
.contact-card{overflow:hidden; padding-top:0;}
.cc-photo{position:relative; align-self:stretch; margin:0 -34px 26px; height:210px; overflow:hidden;}
.cc-photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 28%; display:block; transition:transform .7s cubic-bezier(.22,1,.36,1);}
.contact-card:hover .cc-photo img{transform:scale(1.04);}
.cc-photo::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(11,18,32,0) 45%, #0F1626 100%);}
.cc-photo.multi{display:flex; align-items:center; justify-content:center; background:radial-gradient(70% 90% at 50% 30%, rgba(201,162,75,.22), transparent 72%);}
.cc-photo.multi::after{background:linear-gradient(180deg, transparent 55%, #0F1626 100%);}
.cc-icons{width:min(84%,360px); color:var(--gold); opacity:.9; position:relative; z-index:1;}
@media (max-width:700px){ .cc-photo{margin:0 -24px 22px; height:180px;} }

/* program cards: numbered badge */
.sv-no{display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin-bottom:18px; border-radius:12px;
  background:rgba(201,162,75,.14); border:1px solid rgba(201,162,75,.55); font-family:var(--font-head)!important; font-weight:800!important; font-size:22px!important; line-height:1; color:var(--gold);}

/* testimonials: compact cards (4-line quotes) that expand on hover or tap */
.testi-grid{align-items:start; gap:18px;}
.testi-card{display:block; background:none; box-shadow:none; padding:0; border-radius:var(--r); position:relative; height:100%;}
.testi-card .tc-in{
  display:flex; flex-direction:column; min-height:100%; padding:20px 24px 20px; background:#fff; border-radius:var(--r);
  box-shadow:0 14px 34px rgba(11,18,32,.08); transition:box-shadow .3s ease;
}
.testi-card .quote-mark{font-size:34px; line-height:.7; margin-bottom:8px;}
.testi-card p.tc-quote{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; margin-bottom:12px; font-size:14.5px; line-height:1.6;}
.testi-card.open p.tc-quote{display:block; -webkit-line-clamp:unset; overflow:visible;}
.tc-more{
  align-self:flex-start; display:inline-flex; align-items:center; gap:6px; margin:0 0 14px; padding:0; border:0; background:none; cursor:pointer;
  font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase; color:var(--red);
}
.tc-more i{font-style:normal; font-size:15px; line-height:1; transition:transform .3s ease;}
.testi-card.open .tc-more i{transform:rotate(45deg);}
.testi-card .testi-who{margin-top:auto; padding-top:0;}
/* mouse devices: the card floats open over the ones below it, without moving the page */
@media (hover:hover) and (pointer:fine){
  .testi-card.lift .tc-in{position:absolute; top:0; left:0; right:0; z-index:20; min-height:0; box-shadow:0 26px 54px rgba(11,18,32,.22);}
}
@media (max-width:640px){ .testi-card .tc-in{padding:18px 20px 18px;} }

/* client success: photo collage across the top of the section, fading into the heading */
.impact.seam{padding-top:150px;}
.impact-collage{
  position:absolute; left:0; right:0; top:3px; height:270px; pointer-events:none; z-index:0;
  background:url('assets/client-success-collage.webp?v=3') center top/auto 100% no-repeat; opacity:.82;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 52%,transparent 100%), linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);
  -webkit-mask-composite:source-in; mask-image:linear-gradient(180deg,#000 0%,#000 52%,transparent 100%), linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%); mask-composite:intersect;
}
.impact-inner{position:relative; z-index:1;}
@media (max-width:640px){ .impact-collage{height:230px; opacity:.8;} .impact.seam{padding-top:130px;} }
.impact-title .section-kicker{text-shadow:0 1px 10px rgba(11,18,32,.95), 0 0 2px rgba(11,18,32,.9);}
.impact-title .section-title{text-shadow:0 2px 18px rgba(11,18,32,.75);}

/* testimonials: first two always shown, the rest open from a button */
.testi-card.testi-extra[hidden]{display:none;}
.testi-card.testi-extra.reveal{animation:testiIn .5s cubic-bezier(.22,1,.36,1) both;}
@keyframes testiIn{from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:none;}}
.testi-all{display:flex; justify-content:center; margin-top:26px;}
.testi-toggle{
  display:inline-flex; align-items:center; gap:10px; padding:12px 22px; border:1.5px solid rgba(11,18,32,.45); border-radius:999px; background:transparent; color:var(--ink); cursor:pointer;
  font-family:var(--font-mono); font-size:11.5px; font-weight:600; letter-spacing:2px; text-transform:uppercase; transition:background .25s, color .25s, border-color .25s;
}
.testi-toggle i{font-style:normal; font-size:15px; color:var(--red); transition:transform .3s ease, color .25s;}
.testi-toggle:hover{background:var(--ink); color:#fff; border-color:var(--ink);}
.testi-toggle:hover i{color:#fff;}
.testi-toggle[aria-expanded="true"] i{transform:rotate(180deg);}
/* two commitment logos beside one name (same overlapping chips as the commitment board) */
.testi-logo.multi{position:relative; background:none; border:0; overflow:visible;}
.testi-logo.multi .tl-chip{position:absolute; width:40px; height:40px; display:flex; align-items:center; justify-content:center; background:#F4F4F1; border:1px solid rgba(201,162,75,.5); border-radius:11px; overflow:hidden;}
.testi-logo.multi .tl-chip:first-child{top:0; left:0; z-index:1;}
.testi-logo.multi .tl-chip:last-child{bottom:0; right:0; z-index:2; box-shadow:0 5px 12px rgba(11,18,32,.28);}
.testi-logo.multi .tl-chip img{width:100%; height:100%; object-fit:contain; padding:3px;}
@media (max-width:640px){ .testi-logo.multi{flex-basis:52px;} .testi-logo.multi .tl-chip{width:36px; height:36px;} }

/* testimonial cards with a player photo down the left side */
.testi-card .tc-in:has(> .tc-photo){display:grid; grid-template-columns:112px 1fr; padding:0; overflow:hidden;}
.tc-photo{position:relative; background:var(--ink); overflow:hidden;}
.tc-photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center top; display:block;}
.tc-photo::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(11,18,32,0) 60%,rgba(255,255,255,.0) 100%);}
.tc-body{display:flex; flex-direction:column; padding:20px 24px 20px 22px; min-width:0;}
.testi-logo .tl-mono{font-family:var(--font-display); font-size:15px; letter-spacing:.5px; color:var(--ink);}
@media (max-width:640px){ .testi-card .tc-in:has(> .tc-photo){grid-template-columns:88px 1fr;} .tc-body{padding:18px 18px 18px 18px;} }

/* Student-Athlete Advising hero: the photo sits along the bottom of the section at full width (nobody is cropped at the sides);
   the dark sky above it carries the headline, and the section is cropped vertically to fit */
.sa-hero{
  position:relative; padding:150px 32px 0; min-height:clamp(560px, 56vw, 820px); display:flex; align-items:flex-start; justify-content:center;
  background:url('assets/hero-student-athletes.webp') center bottom/100% auto no-repeat, #03050F;
}
.sa-hero::before{content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:linear-gradient(180deg, #03050F 0%, rgba(3,5,15,.55) 34%, rgba(3,5,15,0) 56%);}
.sa-hero .sub-hero-content{position:relative; z-index:1; padding-bottom:0;}
.sa-hero .sa-title{margin-bottom:18px;}
.sa-hero .sa-sub{margin-bottom:28px; text-shadow:0 2px 14px rgba(3,5,15,.9);}
@media (max-width:900px){
  .sa-hero{background-size:auto 56%; background-position:50% 100%; min-height:720px; padding-top:120px;}
}
@media (max-width:640px){
  .sa-hero{background-size:auto 46%; min-height:820px; padding:112px 20px 0;}
}

/* home hero buttons on phones: stacked, same width, centred text, no stray left margin */
@media (max-width:640px){
  .hero-ctas.reveal-mask{display:block; width:100%; overflow:visible;}
  .hero-ctas.reveal-mask > span{display:flex; flex-direction:column; gap:12px; width:100%; max-width:420px;}
  .hero-ctas .btn{display:block; width:100%; text-align:center; margin:0; padding:17px 20px;}
  .hero-ctas .btn-ghost{margin-left:0;}
}

/* client success: heading sits below the faces in the collage so it never overlaps them */
.impact.seam{padding-top:196px;}
@media (max-width:640px){ .impact-collage{height:236px;} .impact.seam{padding-top:214px;} }

/* 113 / 78 header on phones: same arrangement as desktop (113, divider, 78 side by side, left-aligned), not pushed apart */
@media (max-width:640px){
  .impact-head{justify-content:flex-start; align-items:flex-start; gap:18px; flex-wrap:nowrap;}
  .impact-head > .stat{flex:0 0 auto; text-align:left;}
  .impact-head > .stat:first-child{max-width:132px;}
  .impact-head .stat-label{font-size:10.5px; letter-spacing:1.2px;}
  .impact-d1{padding-left:18px;}
}

.impact-d1 .stat-label{white-space:normal;}

/* advisor photos on phones: crop higher so the head sits near the top of the frame (less empty space above it) */
@media (max-width:640px){
  .scout-card-v .scv-photo img{object-position:center var(--mpos,12%);}
}


/* =====================================================================
   BASEBALL PAGE: hero collage, logo strip, By the Numbers panel, three paths
   ===================================================================== */
.bbx-hero{position:relative; background:#03050F; padding:122px 0 0; overflow:hidden; text-align:center;}
.bbx-hero-inner{position:relative; z-index:2; max-width:1240px; margin:0 auto; padding:0 32px;}
.bbx-hero .brand-lockup{margin-bottom:30px;}
.bbx-hero .bl-naa{height:60px;} .bbx-hero .bl-tag b{font-size:30px!important;} .bbx-hero .bl-tag span{font-size:15px;}
/* kept for screen readers and search engines, not shown */
.bbx-h1{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;}
.bbx-sub{max-width:640px; margin:0 auto 28px; color:#C4C9D4; font-size:17px; line-height:1.6;}
.bbx-hero .bb-cta .btn-ghost{margin-left:0;}
.bbx-stage{position:relative; margin-top:36px;}
.bbx-stage-in{position:relative; width:min(100%,1700px); margin:0 auto; aspect-ratio:4578/990; background:url('assets/bb-hero-collage.webp?v=3') center bottom/100% 100% no-repeat;}
.bbx-stage-in::before{content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(3,5,15,0) 52%,rgba(3,5,15,.88) 100%); pointer-events:none;}
.bbx-pl{position:absolute; bottom:5%; display:flex; flex-direction:column; align-items:flex-start; color:#fff; text-align:left;}
.bbx-chips{display:flex; margin-bottom:9px;}
.bbx-chip{width:46px; height:46px; border-radius:11px; background:#F4F4F1; border:1px solid rgba(201,162,75,.65); display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:0 6px 14px rgba(0,0,0,.4);}
.bbx-chip img{width:100%; height:100%; object-fit:contain; padding:4px;}
.bbx-chips.c2 .bbx-chip + .bbx-chip{margin-left:-12px;}
.bbx-pl b{font-family:var(--font-head); font-weight:800; font-size:20px; letter-spacing:.6px; text-transform:uppercase; line-height:1.05; text-shadow:0 2px 12px rgba(0,0,0,.8);}
.bbx-pl em{font-style:normal; font-family:var(--font-mono); font-size:10.5px; letter-spacing:1.4px; color:var(--gold); margin-top:4px; line-height:1.35;}

.bbx-strip{background:var(--ink); padding:20px 0 22px; border-top:3px solid var(--red); text-align:center; overflow:hidden;}
.bbx-strip-label{font-family:var(--font-mono); font-size:10.5px; letter-spacing:3px; color:var(--gray); margin-bottom:14px;}
.bbx-slim{margin:0; padding:0;} .bbx-slim .marquee-track{margin:0; animation-duration:90s;}
.bbx-slim .marquee-track img{height:64px; width:64px; object-fit:contain; padding:8px; border-radius:12px; margin:0 8px; flex:0 0 auto;}

.bbx-nums{background:var(--chalk); padding:84px 32px 96px; text-align:center;}
.bbx-nums-inner{max-width:1120px; margin:0 auto;}
.bbx-panel{display:grid; grid-template-columns:5fr 7fr; margin-top:38px; text-align:left; background:var(--card-dark); border:1px solid var(--card-line); border-radius:20px; box-shadow:0 26px 56px rgba(11,18,32,.22); overflow:hidden; color:#fff;}
.bbx-stats{display:flex; flex-direction:column; justify-content:center; padding:8px 40px;}
.bbx-stat{padding:30px 0; border-top:1px solid rgba(255,255,255,.1);} .bbx-stat:first-child{border-top:0;}
.bbx-k{font-family:var(--font-mono); font-size:11px; letter-spacing:3px; text-transform:uppercase; color:var(--gold); margin-bottom:12px;}
.bbx-big{font-family:var(--font-mono); font-weight:600; font-size:clamp(44px,4.4vw,60px); line-height:1; letter-spacing:-1px; color:#fff; white-space:nowrap;}
.bbx-cap{font-family:var(--font-head); font-weight:600; font-size:13px; letter-spacing:1.8px; text-transform:uppercase; color:#C4C9D4;}
.bbx-stat .bbx-cap{margin-top:10px; max-width:340px; line-height:1.5;}
.bbx-bar{display:flex; height:16px; border-radius:99px; overflow:hidden; margin:24px 0 14px; background:rgba(255,255,255,.1);}
.bbx-bar b{background:var(--gold);} .bbx-bar u{background:#E6E9F0; text-decoration:none;}
.bbx-legend{display:flex; flex-wrap:wrap; gap:8px 22px; font-family:var(--font-mono); font-size:12px; letter-spacing:1px; color:#C4C9D4;}
.bbx-legend i{display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:8px;} .bbx-legend i.g{background:var(--gold);} .bbx-legend i.w{background:#E6E9F0;} .bbx-legend strong{color:#fff; margin-right:6px; font-weight:600;}
.bbx-mapwrap{display:flex; align-items:center; padding:28px 36px; background:radial-gradient(ellipse 70% 62% at 50% 52%, rgba(201,162,75,.20), rgba(201,162,75,0) 70%), radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.3px) 0 0/22px 22px, #0A101D; border-left:1px solid rgba(255,255,255,.08);}
.bbx-usmap{display:block; width:100%; height:auto;}
.bbx-usmap path{stroke-linejoin:round;}
.bbx-usmap .dim path{fill:rgba(255,255,255,.07); stroke:rgba(255,255,255,.16); stroke-width:1.2;}
.bbx-usmap .lit path{fill:#D2AC55; stroke:#F3DFA4; stroke-width:1.6; filter:drop-shadow(0 0 10px rgba(201,162,75,.55)) drop-shadow(0 0 2px rgba(243,223,164,.6));}
.bbx-usmap .pc{fill:#0B1220; opacity:.85;}
.bbx-usmap .pd{fill:none; stroke:#fff; stroke-width:2; opacity:0; transform-box:fill-box; transform-origin:center; animation:bbxping 3s ease-out infinite;}
@keyframes bbxping{0%{opacity:.95; transform:scale(.5);} 70%{opacity:0; transform:scale(3.4);} 100%{opacity:0; transform:scale(3.4);}}
@media (prefers-reduced-motion: reduce){ .bbx-usmap .pd{animation:none;} }

.bbx-paths{background:var(--chalk); padding:90px 32px 84px; text-align:center;}
.bbx-paths-inner{max-width:1120px; margin:0 auto;}
.bbx-paths-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:40px; text-align:left;}
.bbx-path{background:#fff; border-radius:var(--r); padding:28px 28px 26px; box-shadow:0 14px 34px rgba(11,18,32,.08); border-top:3px solid var(--gold); display:flex; flex-direction:column;}
.bbx-tag{font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:2.2px; color:var(--red); margin-bottom:12px;}
.bbx-path h3{font-family:var(--font-head); font-weight:800; font-size:26px; text-transform:uppercase; line-height:1.05; color:var(--ink); margin-bottom:10px;}
.bbx-path p{font-size:15px; line-height:1.55; color:#4A5163; margin-bottom:22px;}
.bbx-ex{margin-top:auto; display:flex; align-items:center; gap:12px; padding-top:18px; border-top:1px solid rgba(11,18,32,.1);}
.bbx-logo{flex:0 0 44px; width:44px; height:44px; border-radius:10px; background:#F4F4F1; border:1px solid rgba(201,162,75,.6); display:flex; align-items:center; justify-content:center; overflow:hidden;}
.bbx-logo img{width:100%; height:100%; object-fit:contain; padding:4px;}
.bbx-ex b{display:block; font-family:var(--font-head); font-weight:700; font-size:14px; letter-spacing:.8px; color:var(--ink); line-height:1.1;}
.bbx-ex em{display:block; font-style:normal; font-family:var(--font-mono); font-size:10px; letter-spacing:1.4px; color:#9A7A2E; margin-top:3px;}
/* advisors follow the paths on the same chalk background: hairline divider instead of a seam */
.advisor.adv-follow{padding-top:0; position:relative;}
.advisor.adv-follow::before{content:""; display:block; width:min(1040px,calc(100% - 64px)); height:1px; margin:0 auto 84px; background:rgba(11,18,32,.14);}

@media (max-width:860px){
  .bbx-panel{grid-template-columns:1fr;}
  .bbx-mapwrap{border-left:0; border-top:1px solid rgba(255,255,255,.08); padding:22px 14px;}
  .bbx-stats{padding:4px 26px;}
  .bbx-paths-grid{grid-template-columns:1fr;}
}
@media (max-width:900px){
  .bbx-stage{overflow-x:auto; overflow-y:hidden; margin-top:26px; scrollbar-width:none; -webkit-overflow-scrolling:touch;}
  .bbx-stage::-webkit-scrollbar{display:none;}
  .bbx-stage-in{width:900px; max-width:none; margin:0;}
  .bbx-pl b{font-size:15px; white-space:nowrap;}
  .bbx-pl em{font-size:9px; letter-spacing:1px; white-space:nowrap;}
  .bbx-chip{width:38px; height:38px; border-radius:9px;}
}
@media (max-width:640px){
  .bbx-hero{padding-top:104px;}
  .bbx-hero-inner{padding:0 20px;}
  .bbx-sub{font-size:16px; margin-bottom:22px;}
  .bbx-strip-label{font-size:9.5px; letter-spacing:2.4px; padding:0 16px;}
  .bbx-nums{padding:64px 16px 70px;}
  .bbx-stat{padding:26px 0;}
  .bbx-big{font-size:46px;}
  .bbx-paths{padding:64px 20px 56px;}
  .advisor.adv-follow::before{margin-bottom:60px;}
}

/* Three Paths: grouped commits (stack of school logos, full list on hover or tap) */
.bbx-path{position:relative;}
.bbx-paths{position:relative; z-index:4;}
.bbx-path:hover,.bbx-path:focus-within,.bbx-path:has(.bbx-group.open){z-index:5;}
.bbx-group{margin-top:auto; position:relative; border-top:1px solid rgba(11,18,32,.1); padding-top:16px;}
.bbx-gbtn{width:100%; display:flex; align-items:center; gap:14px; background:none; border:0; padding:0; cursor:pointer; text-align:left; font:inherit; color:inherit;}
.bbx-stack{display:flex; align-items:center; flex:0 0 auto;}
.bbx-chip2{width:40px; height:40px; border-radius:50%; background:#F4F4F1; border:2px solid #fff; box-shadow:0 0 0 1px rgba(201,162,75,.55); display:flex; align-items:center; justify-content:center; overflow:hidden; margin-left:-12px;}
.bbx-stack .bbx-chip2:first-child{margin-left:0;}
.bbx-chip2 img{width:100%; height:100%; object-fit:contain; padding:5px;}
.bbx-more{margin-left:-12px; width:40px; height:40px; border-radius:50%; background:var(--ink); color:#fff; font-family:var(--font-mono); font-size:11px; font-weight:600; display:flex; align-items:center; justify-content:center; border:2px solid #fff; box-shadow:0 0 0 1px rgba(201,162,75,.55);}
.bbx-gtxt{flex:1; min-width:0;}
.bbx-gtxt b{display:block; font-family:var(--font-head); font-weight:700; font-size:15px; letter-spacing:.8px; text-transform:uppercase; color:var(--ink); line-height:1.1;}
.bbx-gtxt em{display:block; font-style:normal; font-family:var(--font-mono); font-size:10px; letter-spacing:1.4px; text-transform:uppercase; color:#9A7A2E; margin-top:3px;}
.bbx-chev{flex:0 0 auto; width:9px; height:9px; border-right:2px solid var(--ink); border-bottom:2px solid var(--ink); transform:rotate(45deg) translateY(-2px); transition:transform .25s ease; margin-right:6px;}
.bbx-group.open .bbx-chev{transform:rotate(225deg) translateY(-2px);}

/* map hover: school logos for the hovered state */
.bbx-mapwrap{position:relative;}
.bbx-usmap .dots{pointer-events:none;}
.bbx-usmap .lit path{cursor:pointer; transition:fill .2s ease;}
.bbx-usmap .lit path.on{fill:#F0CB6B;}
.bbx-tip{position:absolute; z-index:6; max-width:292px; background:rgba(15,22,38,.96); border:1px solid rgba(201,162,75,.55); border-radius:14px; padding:14px 14px 12px; box-shadow:0 22px 48px rgba(0,0,0,.5); opacity:0; visibility:hidden; transform:translateY(6px); transition:opacity .15s ease, transform .15s ease, visibility .15s; pointer-events:none;}
.bbx-tip.show{opacity:1; visibility:visible; transform:none;}
.bbx-tip-h{font-family:var(--font-head); font-weight:800; font-size:20px; letter-spacing:.6px; text-transform:uppercase; color:#fff; line-height:1;}
.bbx-tip-s{font-family:var(--font-mono); font-size:10px; letter-spacing:1.6px; text-transform:uppercase; color:var(--gold); margin:5px 0 10px;}
.bbx-tip-g{display:flex; flex-wrap:wrap; gap:6px;}
.bbx-tip-c{width:40px; height:40px; border-radius:10px; background:#F4F4F1; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.bbx-tip-c img{width:100%; height:100%; object-fit:contain; padding:5px;}


/* Three Paths list popover: compact header, custom gold scroll bar, bottom fade */
.bbx-pop{position:absolute; left:-12px; right:-12px; top:calc(100% + 8px); display:flex; flex-direction:column; background:linear-gradient(160deg,#1B1F29,#0F1626); color:#fff; border:1px solid rgba(201,162,75,.5); border-radius:14px; box-shadow:0 22px 48px rgba(11,18,32,.42); opacity:0; visibility:hidden; transform:translateY(-8px); transition:opacity .2s ease, transform .2s ease, visibility .2s; z-index:6; overflow:hidden;}
.bbx-group.open .bbx-pop{opacity:1; visibility:visible; transform:none;}
.bbx-path .bbx-pop .bbx-pop-h{flex:0 0 auto; margin:0; padding:10px 14px 9px; text-align:center; font-family:var(--font-head); font-weight:700; font-size:11.5px; letter-spacing:2.6px; text-transform:uppercase; color:#E9C770; border-bottom:1px solid rgba(201,162,75,.28); background:rgba(0,0,0,.18);}
.bbx-scroller{position:relative; max-height:196px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; -ms-overflow-style:none; padding:2px 22px 2px 14px; scroll-behavior:smooth;}
.bbx-scroller::-webkit-scrollbar{display:none;}
.bbx-pop.can-down{--fade:1;}
.bbx-pop::after{content:""; position:absolute; left:0; right:0; bottom:0; height:30px; pointer-events:none; background:linear-gradient(180deg,rgba(15,22,38,0),#0F1626 88%); opacity:0; transition:opacity .2s ease;}
.bbx-pop.can-down::after{opacity:1;}
.bbx-track{position:absolute; right:7px; width:5px; border-radius:99px; background:rgba(255,255,255,.09); opacity:0; transition:opacity .2s ease;}
.bbx-pop.scrollable .bbx-track{opacity:1;}
.bbx-thumb{position:absolute; left:0; right:0; top:0; border-radius:99px; background:linear-gradient(180deg,#F0CB6B,#B8923A); box-shadow:0 0 8px rgba(201,162,75,.55); cursor:grab; touch-action:none; transition:width .15s ease;}
.bbx-track:hover,.bbx-track.drag{width:8px;} .bbx-track:hover .bbx-thumb,.bbx-track.drag .bbx-thumb{background:#F6D98A;}
.bbx-row{display:flex; align-items:center; gap:11px; padding:6px 4px; border-top:1px solid rgba(255,255,255,.07); border-radius:6px; transition:background .15s ease;} .bbx-row:first-child{border-top:0;} .bbx-row:hover{background:rgba(255,255,255,.05);}
.bbx-rchips{display:flex; flex:0 0 auto;} .bbx-rchips .bbx-chip2{width:28px; height:28px; border-color:#161C2A; box-shadow:none; margin-left:-9px;} .bbx-rchips .bbx-chip2:first-child{margin-left:0;} .bbx-rchips .bbx-chip2 img{padding:4px;}
.bbx-rt b{display:block; font-family:var(--font-head); font-weight:700; font-size:13.5px; letter-spacing:.5px; line-height:1.1;}
.bbx-rt em{display:block; font-style:normal; font-family:var(--font-mono); font-size:9px; letter-spacing:1.2px; text-transform:uppercase; color:var(--gold); margin-top:2px;}
@media (max-width:860px){
  .bbx-pop{position:static; max-height:0; margin-top:0; border-width:0; transform:none; transition:max-height .3s ease, margin .3s ease, border-width .3s ease;}
  .bbx-group.open .bbx-pop{max-height:260px; margin-top:14px; border-width:1px;}
  .bbx-scroller{max-height:208px;}
}

/* Three Paths: call to action under the cards */
.bbx-paths-cta{margin-top:46px; text-align:center;}
.bbx-paths-cta p{margin-top:12px; font-family:var(--font-mono); font-size:11px; letter-spacing:2.4px; text-transform:uppercase; color:#6B7285;}
@media (max-width:640px){ .bbx-paths-cta{margin-top:34px;} .bbx-paths-cta .btn{width:100%; text-align:center;} }

/* Three Paths: the path name is the title; the old headline becomes a red tagline under it */
.bbx-path .bbx-ptitle{font-family:var(--font-head); font-weight:800; font-size:clamp(24px,2.6vw,36px); white-space:nowrap; line-height:.95; letter-spacing:-.2px; text-transform:uppercase; color:var(--ink); margin:2px 0 0; padding-bottom:14px; position:relative;}
.bbx-path .bbx-ptitle::after{content:""; position:absolute; left:0; bottom:0; width:44px; height:3px; background:var(--red);}
.bbx-path .bbx-ptag{font-family:var(--font-head); font-weight:700; font-size:16px; letter-spacing:1.6px; text-transform:uppercase; color:var(--red); line-height:1.25; margin:14px 0 10px;}
.bbx-path .bbx-ptag + p{margin-top:0;}
@media (max-width:860px){ .bbx-path .bbx-ptitle{font-size:34px;} }

/* Baseball page: shorter Nexus System section */
.system.system-tight.seam{padding-top:52px; padding-bottom:60px;}
.system-tight .system-copy{line-height:1.6;}
.system-tight .rail-step{padding-bottom:30px;} .system-tight .rail-step:last-child{padding-bottom:0;}
.system-tight .rail-step h3{font-size:24px; margin-bottom:6px;}
.system-tight .system-left .section-title{margin-bottom:14px;}
@media (max-width:860px){ .system-tight .system-inner{gap:34px;} }
@media (max-width:640px){ .system.system-tight.seam{padding-top:44px; padding-bottom:48px;} .system-tight .rail-step{padding-bottom:26px;} }

/* By the Numbers: tighter */
.bbx-nums{padding:58px 32px 66px;}
.bbx-panel{margin-top:28px;}
.bbx-stats{padding:2px 36px;}
.bbx-stat{padding:19px 0;}
.bbx-k{margin-bottom:8px;}
.bbx-big{font-size:clamp(38px,3.7vw,50px);}
.bbx-stat .bbx-cap{margin-top:7px;}
.bbx-bar{margin:16px 0 10px; height:14px;}
.bbx-mapwrap{padding:18px 30px;}
@media (max-width:860px){ .bbx-nums{padding:50px 16px 56px;} .bbx-stats{padding:2px 24px;} .bbx-stat{padding:20px 0;} .bbx-mapwrap{padding:16px 12px;} }
@media (max-width:640px){ .bbx-nums{padding:46px 16px 54px;} .bbx-big{font-size:42px;} }

/* 78 Division I: the headline of the commitments stat */
.bbx-split{display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-top:2px;}
.bbx-d1{display:flex; align-items:baseline; gap:10px;}
.bbx-d1 b{font-family:var(--font-mono); font-weight:600; font-size:clamp(40px,4vw,54px); line-height:.9; letter-spacing:-1px; color:var(--gold); text-shadow:0 0 22px rgba(201,162,75,.55);}
.bbx-d1 > span{font-family:var(--font-head); font-weight:800; font-size:clamp(17px,1.5vw,21px); letter-spacing:1.6px; text-transform:uppercase; color:#fff; line-height:1;}
.bbx-d23{text-align:right; line-height:1;}
.bbx-d23 b{display:block; font-family:var(--font-mono); font-weight:600; font-size:20px; color:#E6E9F0;}
.bbx-d23 span{display:block; margin-top:4px; font-family:var(--font-mono); font-size:10px; letter-spacing:1.2px; text-transform:uppercase; color:#C4C9D4;}
.bbx-bar b{box-shadow:0 0 14px rgba(201,162,75,.6);}
@media (max-width:640px){ .bbx-split{flex-wrap:wrap; gap:10px 18px;} .bbx-d23{text-align:left;} }

/* 78 and 35 share one size; only the 78 glows */
.bbx-split{justify-content:flex-start; align-items:baseline; gap:12px 26px; flex-wrap:wrap;}
.bbx-d1 b,.bbx-d23 b{display:inline; font-family:var(--font-mono); font-weight:600; font-size:clamp(28px,2.7vw,36px); line-height:.9; letter-spacing:-.5px; color:var(--gold); text-shadow:0 0 18px rgba(201,162,75,.5);}
.bbx-d23{text-align:left; display:flex; align-items:baseline; gap:10px;}
.bbx-d23 b{color:#fff; text-shadow:none;}
.bbx-d1 > span,.bbx-d23 > span{font-family:var(--font-head); font-weight:800; font-size:clamp(14px,1.25vw,17px); letter-spacing:1.4px; text-transform:uppercase; color:#fff; line-height:1; margin:0;}

/* 78 / 35: smaller, light captions */
.bbx-d1 b,.bbx-d23 b{font-size:clamp(20px,1.9vw,26px);}
.bbx-d1 > span,.bbx-d23 > span{font-family:var(--font-body,'Rubik',sans-serif); font-weight:400; font-size:12.5px; letter-spacing:1.2px; color:#D5D9E2;}
.bbx-split{gap:10px 22px;}

/* Student-Athlete Advising hero: new group photo, centred along the bottom with soft edges so it melts into the dark sky */
.sa-hero{background:#03050F;}
.sa-hero::before{z-index:1; background:linear-gradient(180deg,#03050F 0%,rgba(3,5,15,.5) 30%,rgba(3,5,15,0) 50%);}
.sa-hero::after{content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:100%; aspect-ratio:1168/784; z-index:0; pointer-events:none;
  background:url('assets/hero-student-athletes-2.webp?v=1') center bottom/100% 100% no-repeat;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%); mask-image:linear-gradient(180deg,transparent 0,#000 30%);}
@media (max-width:900px){ .sa-hero{background-size:auto;} .sa-hero::after{width:max(100%,760px);} }
@media (max-width:640px){ .sa-hero::after{width:600px;} }
@media (min-width:901px){ .sa-hero{min-height:min(67vw,1040px); padding-top:124px; overflow:hidden;} }

/* 22 state chips: two even rows of 11 */
.state-chips{grid-template-columns:repeat(11,1fr); gap:5px;}
.state-chips b{font-size:10.5px; letter-spacing:.6px;}

/* SA hero: shorter on desktop. The photo still spans the full width; it sits a little lower so the feet stay in view,
   and the buttons just touch the top of the group */
@media (min-width:901px){
  .sa-hero{min-height:min(56vw,900px); padding-top:108px;}
  .sa-hero::after{bottom:-5.5vw;}
  .sa-hero .sa-title{font-size:clamp(38px,5vw,72px)!important; margin-bottom:12px;}
  .sa-hero .sa-sub{margin-bottom:22px;}
}

/* How we guide student-athletes: numbers as plain type with a rule, outlined numerals behind each card */
.sv-card{position:relative; overflow:hidden; padding:28px 28px 34px; background:radial-gradient(120% 90% at 0% 0%, rgba(201,162,75,.10), rgba(201,162,75,0) 55%), linear-gradient(160deg,#1B1F29,#0F1626);}
.sv-card::before{content:""; position:absolute; left:0; top:0; width:3px; height:0; background:var(--gold); transition:height .45s cubic-bezier(.22,1,.36,1);}
.sv-card:hover::before{height:100%;}
.sv-card::after{content:attr(data-n); position:absolute; right:-4px; bottom:-30px; font-family:var(--font-head); font-weight:800; font-size:150px; line-height:1; letter-spacing:-4px; color:transparent; -webkit-text-stroke:1.5px rgba(201,162,75,.2); pointer-events:none; transition:-webkit-text-stroke-color .35s ease, transform .5s cubic-bezier(.22,1,.36,1);}
.sv-card:hover::after{-webkit-text-stroke-color:rgba(201,162,75,.45); transform:translateY(-6px);}
.sv-card .sv-no{display:flex; align-items:center; gap:14px; width:auto; height:auto; margin:0 0 20px; padding:0; border:0; border-radius:0; background:none;
  font-family:var(--font-mono)!important; font-weight:600!important; font-size:15px!important; letter-spacing:3px; color:var(--gold);}
.sv-card .sv-no::after{content:""; flex:1; height:1px; background:linear-gradient(90deg,rgba(201,162,75,.55),rgba(201,162,75,0));}
.sv-card h3{font-size:24px; position:relative; z-index:1;}
.sv-card p{position:relative; z-index:1; max-width:92%;}

/* pillars, take two: big gold numerals on a hairline instead of a watermark */
.sv-card::after{display:none;}
.sv-card .sv-no{gap:16px; margin:0 0 16px; font-family:var(--font-head)!important; font-weight:800!important; font-size:46px!important; letter-spacing:-1px; line-height:.85; color:var(--gold); text-shadow:0 0 24px rgba(201,162,75,.35);}
.sv-card .sv-no::after{height:2px; margin-top:6px; background:linear-gradient(90deg,rgba(201,162,75,.7),rgba(201,162,75,0));}
.sv-card:hover .sv-no{text-shadow:0 0 30px rgba(201,162,75,.6);}
.sv-card p{max-width:none;}

/* pillar numerals: smaller */
.sv-card .sv-no{font-size:30px!important; margin-bottom:14px; gap:14px;}
.sv-card .sv-no::after{margin-top:4px;}

/* SA hero, wide group photo: sits along the bottom at full width; people are small so the headline has the dark sky */
.sa-hero::after{aspect-ratio:2000/857; background-image:url('assets/hero-student-athletes-3.webp?v=1');}
@media (min-width:901px){ .sa-hero{min-height:min(50vw,820px);} .sa-hero::after{bottom:0;} }
@media (max-width:900px){ .sa-hero::after{width:max(100%,900px);} .sa-hero{min-height:700px;} }
@media (max-width:640px){ .sa-hero::after{width:760px;} .sa-hero{min-height:700px;} }

/* SA hero: crop the bottom of the photo just under the yard line below their feet (about 18% of the image height) */
@media (min-width:901px){ .sa-hero{min-height:min(42.15vw,700px);} .sa-hero::after{bottom:-7.85vw;} }
@media (max-width:900px){ .sa-hero{min-height:640px;} .sa-hero::after{--sw:max(100vw,900px); bottom:calc(var(--sw) * -0.0785);} }
@media (max-width:640px){ .sa-hero{min-height:640px;} .sa-hero::after{--sw:760px; bottom:calc(var(--sw) * -0.0785);} }

/* pillar numerals: no glow; all six cards share one height */
.sv-card .sv-no,.sv-card:hover .sv-no{text-shadow:none;}
.sv-grid{grid-auto-rows:1fr;}

/* Student-Athlete Advising: call to action under How It Works */
.system-cta{max-width:1100px; margin:54px auto 0; text-align:center;}
@media (max-width:640px){ .system-cta{margin-top:40px;} .system-cta .btn{width:100%; text-align:center;} }
.system-cta p{max-width:520px; margin:16px auto 0; color:#B9BFCC; font-size:15px; line-height:1.6;}
.faq-item p a{color:var(--red); font-weight:500; text-decoration:underline; text-underline-offset:3px;}

/* Student-Athlete Advising: proof band that overlaps the bottom of the hero */
.sa-proof{position:relative; z-index:6; display:grid; grid-template-columns:repeat(4,1fr); max-width:1040px; margin:-146px auto 52px; background:var(--card-dark); border:1px solid var(--card-line); border-radius:var(--r); box-shadow:0 24px 52px rgba(11,18,32,.35); text-align:center;}
.sa-pf{padding:26px 16px 24px; position:relative;}
.sa-pf + .sa-pf::before{content:""; position:absolute; left:0; top:20%; bottom:20%; width:1px; background:rgba(255,255,255,.14);}
.sa-pf b{display:block; font-family:var(--font-head); font-weight:800; font-size:clamp(22px,2.3vw,32px); letter-spacing:.5px; text-transform:uppercase; color:var(--gold); line-height:1;}
.sa-pf span{display:block; margin:9px auto 0; max-width:190px; font-size:13.5px; line-height:1.4; color:#C4C9D4;}
@media (max-width:860px){ .sa-proof{grid-template-columns:repeat(2,1fr); margin-top:-120px;} .sa-pf:nth-child(3)::before{display:none;} .sa-pf:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1);} }
@media (max-width:640px){ .sa-proof{margin:-90px 0 40px;} .sa-pf{padding:20px 10px 18px;} .sa-pf b{font-size:21px;} .sa-pf span{font-size:12.5px;} }

/* preview: coaching-school strip directly under the hero; the proof band sits below it instead of overlapping the hero */
.sa-top-strip{border-top:3px solid var(--red); padding:22px 0 24px;}
.sa-top-strip .bbx-strip-label{margin-bottom:16px;}
.sa-top-strip + .sv .sa-proof{margin-top:0;}
.sa-top-strip + .sv.seam{padding-top:56px;}

/* facts band on the light background: big black numerals, no dark box, so it does not repeat the dark strip above it */
.sa-top-strip + .sv .sa-proof{background:none; border:0; box-shadow:none; border-radius:0; max-width:1120px; margin:0 auto 64px;}
.sa-top-strip + .sv .sa-pf{padding:6px 18px 4px;}
.sa-top-strip + .sv .sa-pf + .sa-pf::before{background:rgba(11,18,32,.16); top:6%; bottom:6%;}
.sa-top-strip + .sv .sa-pf b{color:var(--ink); font-size:clamp(28px,3.4vw,48px); position:relative; padding-top:16px;}
.sa-top-strip + .sv .sa-pf b::before{content:""; position:absolute; left:50%; top:0; width:30px; height:3px; margin-left:-15px; background:var(--red);}
.sa-top-strip + .sv .sa-pf span{color:#4A5163; margin-top:12px; font-size:14.5px; max-width:200px;}
@media (max-width:860px){ .sa-top-strip + .sv .sa-pf:nth-child(n+3){border-top:1px solid rgba(11,18,32,.12); padding-top:20px;} }
.sa-top-strip + .sv .sa-pf b{font-size:clamp(22px,2.6vw,38px); white-space:nowrap;}
.sa-coach-strip .bbx-strip-label{color:#fff; font-weight:600; font-size:13px; letter-spacing:3.2px; margin-bottom:18px;}
@media (max-width:640px){ .sa-coach-strip .bbx-strip-label{font-size:11px; letter-spacing:2.2px;} }

/* leadership team: note that there are more advisors behind them */
.adv-note{max-width:780px; margin:34px auto 0; text-align:center; font-size:16.5px; line-height:1.6; color:#4A5163; position:relative; padding-top:22px;}
.adv-note::before{content:""; position:absolute; left:50%; top:0; width:34px; height:3px; margin-left:-17px; background:var(--red);}
.adv-note strong{color:var(--ink); font-weight:500;}

/* current page in the menu */
.nav-links a[aria-current="page"]:not(.nav-cta)::after{width:100%; background:var(--red);}
.mobile-panel a{position:relative;}
.mobile-panel a[aria-current="page"]{color:var(--gold);}
.mobile-panel a[aria-current="page"]::before{content:""; position:absolute; left:-18px; top:50%; width:8px; height:8px; margin-top:-4px; border-radius:50%; background:var(--red);}

/* logo strips: leave room above and below so a hovered logo (lifted and enlarged) is not clipped */
.bbx-slim{padding:14px 0;}
.bbx-strip{padding-top:12px; padding-bottom:10px;}
.sa-top-strip{padding:12px 0 10px;}
.bbx-strip .bbx-strip-label{margin-bottom:6px;}
.sa-coach-strip .bbx-strip-label{margin-bottom:6px;}

/* facts live inside the dark logo section now: one block under the hero */
.sa-coach-strip{padding-bottom:6px;}
.sa-proof.sa-proof-dark{background:none; border:0; box-shadow:none; border-radius:0; margin:10px auto 0; max-width:1120px; padding:6px 24px 32px; border-top:1px solid rgba(255,255,255,.1); padding-top:26px;}
.sa-proof-dark .sa-pf{padding:4px 18px;}
.sa-proof-dark .sa-pf + .sa-pf::before{background:rgba(255,255,255,.14); top:8%; bottom:8%;}
.sa-proof-dark .sa-pf b{color:#fff; font-size:clamp(22px,2.6vw,38px); white-space:nowrap; position:relative; padding-top:14px;}
.sa-proof-dark .sa-pf b::before{content:""; position:absolute; left:50%; top:0; width:30px; height:3px; margin-left:-15px; background:var(--red);}
.sa-proof-dark .sa-pf span{color:#C4C9D4; margin-top:10px; font-size:14px; max-width:200px;}
.sa-top-strip + .sv.seam{padding-top:84px;}
@media (max-width:860px){ .sa-proof-dark .sa-pf:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1); padding-top:18px; margin-top:6px;} .sa-proof.sa-proof-dark{margin:6px 16px 0;} }
@media (max-width:640px){ .sa-proof-dark .sa-pf b{font-size:21px;} .sa-proof-dark .sa-pf span{font-size:12.5px;} .sa-top-strip + .sv.seam{padding-top:64px;} }

/* Student-Athlete Advising: colours alternate hero dark, logos light, guide dark, how it works light, leadership dark, FAQ light, CTA dark */
.sa-strip-light{background:var(--chalk); border-top:3px solid var(--red);}
.sa-strip-light .bbx-strip-label{color:var(--ink);}
.sa-strip-light .marquee-track img{box-shadow:0 6px 16px rgba(11,18,32,.14); border:1px solid rgba(11,18,32,.08);}
.sa-strip-light .sa-proof.sa-proof-dark{border-top:1px solid rgba(11,18,32,.14);}
.sa-strip-light .sa-proof-dark .sa-pf + .sa-pf::before{background:rgba(11,18,32,.16);}
.sa-strip-light .sa-proof-dark .sa-pf b{color:var(--ink);}
.sa-strip-light .sa-proof-dark .sa-pf span{color:#4A5163;}
@media (max-width:860px){ .sa-strip-light .sa-proof-dark .sa-pf:nth-child(n+3){border-top:1px solid rgba(11,18,32,.12);} }
.sv .sv-lead{color:#B9BFCC;}
.sv .sv-card{box-shadow:0 18px 40px rgba(0,0,0,.35);}
.system-light .system-cta p{color:#4A5163;}
.advisor-dark .adv-note{color:#B9BFCC;} .advisor-dark .adv-note strong{color:#fff;}
.advisor-dark .scout-card-v{box-shadow:0 22px 48px rgba(0,0,0,.4);}

/* strip label as a small header */
.sa-coach-strip .bbx-strip-label{font-family:var(--font-head); font-weight:800; font-size:clamp(20px,2vw,27px); letter-spacing:1.2px; line-height:1.05; color:var(--ink); margin:6px 0 20px; position:relative; padding-bottom:14px;}
.sa-coach-strip .bbx-strip-label::after{content:""; position:absolute; left:50%; bottom:0; width:38px; height:3px; margin-left:-19px; background:var(--red);}
@media (max-width:640px){ .sa-coach-strip .bbx-strip-label{font-size:20px; letter-spacing:.8px; margin-bottom:16px;} }

/* How we guide student-athletes: light cards in the style of the Three Paths cards */
#services .sv-card{background:#fff; color:var(--ink); border:0; border-top:3px solid var(--gold); border-radius:var(--r); box-shadow:0 20px 44px rgba(0,0,0,.35); padding:26px 28px 22px;}
#services .sv-card::before{display:none;}
#services .sv-card:hover{transform:translateY(-5px); box-shadow:0 26px 52px rgba(0,0,0,.45);}
#services .sv-card .sv-no{color:var(--red); text-shadow:none;}
#services .sv-card .sv-no::after{background:linear-gradient(90deg,rgba(237,31,39,.55),rgba(237,31,39,0));}
#services .sv-card h3{color:var(--ink);}
#services .sv-card p{color:#4A5163;}

/* contact: Student-Athlete Advising card uses the hero group photo */
.cc-photo.cc-group img{object-position:center 62%; transform-origin:center 62%;}
.cc-photo.cc-group img{object-position:center center; transform:scale(1.65); transform-origin:50% 58%;}
.contact-card:hover .cc-photo.cc-group img{transform:scale(1.7);}
.cc-photo.cc-bat img{object-position:42% 12%;}

/* contact hero: stadium lights from the night-field photo (no people), fading into the dark background */
.sub-hero-bg.contact-lights{background:url('assets/contact-hero.webp?v=1') center bottom/100% auto no-repeat, #03050F; opacity:1;}
.sub-hero-bg.contact-lights::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,#03050F 0%,rgba(3,5,15,.35) 30%,rgba(3,5,15,.05) 70%,rgba(3,5,15,.6) 100%);}

/* contact hero: fade the top edge of the lights photo into the background so there is no visible seam */
.sub-hero-bg.contact-lights{background:#03050F;}
.sub-hero-bg.contact-lights::before{content:""; position:absolute; left:0; right:0; bottom:0; aspect-ratio:2000/218; background:url('assets/contact-hero.webp?v=1') center bottom/100% 100% no-repeat;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 38%,#000 78%); mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 38%,#000 78%);}
.sub-hero-bg.contact-lights::after{background:linear-gradient(180deg,rgba(3,5,15,0) 55%,rgba(3,5,15,.55) 100%);}
.footer-col a strong{font-weight:700; color:#fff; -webkit-font-smoothing:antialiased;}
.impact-money .stat-label{text-wrap:balance;}

/* home page Client Success: the same panel as Baseball's By the Numbers */
.impact-panel .bbx-panel{margin-top:0; border-color:rgba(255,255,255,.12); box-shadow:0 30px 70px rgba(0,0,0,.5);}
#stats .impact-inner{max-width:1120px;}
/* preview: no logo strip on Baseball, so the numbers section takes the red edge */
.bbx-hero + .bbx-nums{border-top:3px solid var(--red);}

/* phones: the state popup opens under the tapped state, on the page itself, with a close button */
.bbx-tip-x{display:none;}
@media (max-width:860px){
  .bbx-tip{position:absolute; max-width:none; pointer-events:auto; z-index:60; padding:16px 16px 14px; border-radius:16px; transform:translateY(8px);}
  .bbx-tip.show{transform:none;}
  .bbx-tip-x{display:flex; align-items:center; justify-content:center; position:absolute; top:8px; right:10px; width:34px; height:34px; border:0; border-radius:50%; background:rgba(255,255,255,.1); color:#fff; font-size:22px; line-height:1; cursor:pointer;}
  .bbx-tip-h{padding-right:40px;}
  .bbx-tip-c{width:44px; height:44px;}
}