/* =====================================================================
   SCHOLARS ELITE — EDITORIAL THEME (Nov 2026 preview)
   Same brand colors (navy #0A1025 · pink #FF1E7A · purple #7B2CFF) and the
   same content, restyled in a quiet, premium editorial layout:
   light sentence-case headlines, hairline rules, monochrome photography with a
   navy tint, generous whitespace, the gradient used as an accent only.
   Layered on top of site.css.
   ===================================================================== */
:root{
  --display:'Inter Tight','Inter',system-ui,sans-serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r:6px;--r-lg:8px;
  --line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);
  --panel:#0D1430;
}
body{font-size:16px;line-height:1.65;letter-spacing:-.005em}

/* ---------- type ---------- */
.display,.lx-h1,.lx-h2,.lx-h3{font-family:var(--display);font-weight:300;text-transform:none;letter-spacing:-.035em;line-height:1.02;color:var(--head)}
.h-xl{font-size:clamp(46px,7.2vw,104px)}
.h-lg{font-size:clamp(36px,5vw,68px)}
.h-md{font-size:clamp(30px,3.8vw,48px)}
.eyebrow,.lx-label{display:inline-flex;align-items:center;gap:10px;font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}
.eyebrow::before,.lx-label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pink)}
.lede,.lx-lead{font-size:clamp(16px,1.3vw,18.5px);line-height:1.7;color:var(--body);font-weight:400}
.kicker{font:500 11px/1.2 var(--sans);letter-spacing:.2em;color:var(--muted)}
.grad-text{font-weight:400}

/* ---------- buttons: quieter, squarer ---------- */
.btn{border-radius:6px;font:500 13px/1 var(--sans);letter-spacing:.02em;text-transform:none;min-height:46px;padding:14px 22px}
.btn--primary{background:var(--grad-btn);box-shadow:none}
.btn--primary:hover{transform:none;filter:brightness(1.08);box-shadow:none}
.btn--ghost{background:transparent;border-color:var(--line-2)}
.btn--ghost:hover{transform:none;border-color:var(--head)}
.btn--sm{min-height:38px;padding:10px 16px;font-size:12.5px}
.lx-more{display:inline-flex;gap:10px;align-items:center;margin-top:28px;font:500 13.5px/1 var(--sans);color:var(--head);padding-bottom:6px;border-bottom:1px solid var(--line-2);transition:border-color .2s}
.lx-more:hover{border-color:var(--pink)}
.lx-more span{color:var(--pink)}

/* ---------- header: thin, transparent ---------- */
.utility{background:transparent;border-bottom:1px solid var(--line)}
.hdr{background:rgba(10,16,37,.7);border-bottom:1px solid var(--line)}
.hdr .wrap{min-height:64px}
.mainnav a{font:400 13px/1 var(--sans);border-radius:4px}
.mainnav a[aria-current="page"]{background:transparent;color:var(--head);box-shadow:inset 0 -1px 0 var(--pink);border-radius:0}

/* ---------- cards, chips, media ---------- */
.card{background:var(--panel);border-radius:6px;border-color:var(--line);padding:30px 28px}
.card:hover{transform:none}
.card h3{font:400 21px/1.25 var(--display);letter-spacing:-.02em}
.card .num{font:500 12px/1 var(--sans);letter-spacing:.14em;color:var(--pink)}
.card--grad{background:linear-gradient(160deg,rgba(123,44,255,.12),rgba(255,30,122,.06)),var(--panel);border-color:rgba(255,255,255,.1)}
.chip{border-radius:4px;font:500 10.5px/1 var(--sans);letter-spacing:.12em}
.media{border-radius:6px}
.lx-mono,.media img,.page-hero--img .bg img,.lx-hero__media img,.lx-pair img,.lx-path img,.lx-tall img,.lx-band>img,.lx-portrait img,.ath img{filter:grayscale(1) contrast(1.06) brightness(.86)}
.media figcaption{border-radius:4px;font:500 10.5px/1 var(--sans)}
.team .age{font:300 clamp(52px,5vw,70px)/.9 var(--display);letter-spacing:-.04em}
.team .nm{font:500 11px/1.3 var(--sans);letter-spacing:.16em}

/* ---------- athlete cards: monochrome until hover ---------- */
.ath{border-radius:6px}
.ath img{transition:filter .5s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.ath:hover img{filter:none;transform:scale(1.03)}
.ath .n{font:400 clamp(20px,2vw,25px)/1 var(--display);text-transform:none;letter-spacing:-.02em}
.ath .m{font:500 10.5px/1.4 var(--sans);letter-spacing:.12em}
.ath .jn{font:300 30px/1 var(--display);-webkit-text-stroke:0;color:rgba(255,255,255,.7)}

/* ---------- page heroes (all inner pages) ---------- */
.page-hero{border-bottom:1px solid var(--line)}
.page-hero .display{max-width:16ch}
.page-hero--img::before{background:linear-gradient(0deg,var(--navy) 2%,rgba(10,16,37,.6) 50%,rgba(10,16,37,.3) 100%)}
.crumbs{font:400 12px/1 var(--sans);letter-spacing:.06em;color:var(--muted)}
.section--alt{background:var(--panel)}
.nb-band{background:var(--panel)}

/* =====================================================================
   HOMEPAGE (lx-*)
   ===================================================================== */
.lx-sec{padding:clamp(80px,11vw,150px) 0;border-top:1px solid var(--line)}
.lx-sec--alt{background:var(--panel)}
.lx-h1{font-size:clamp(44px,7vw,100px)}
.lx-h1--cta{font-size:clamp(40px,6vw,86px);margin-top:8px}
.lx-h2{font-size:clamp(34px,4.6vw,64px)}
.lx-h2--md{font-size:clamp(26px,3vw,40px);line-height:1.15;max-width:22ch}
.lx-h3{font-size:30px;margin:12px 0}

/* hero: full-bleed monochrome photo, headline bottom-left, copy bottom-right */
.lx-hero{position:relative;min-height:min(94vh,900px);display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;padding:140px 0 clamp(44px,7vh,80px)}
.lx-hero__media{position:absolute;inset:0;z-index:-2}
.lx-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 32%}
.lx-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,16,37,.96) 6%,rgba(10,16,37,.45) 48%,rgba(10,16,37,.55) 100%),linear-gradient(90deg,rgba(123,44,255,.18),rgba(255,30,122,.08))}
.lx-hero__in{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(28px,5vw,80px);align-items:end;width:100%}
.lx-hero__row{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.lx-hero__side{border-left:1px solid var(--line-2);padding-left:28px;display:grid;gap:22px}
.lx-hero__side p{font-size:15.5px;line-height:1.7}
.lx-partner{display:inline-flex;align-items:center;gap:12px;font:400 13px/1.3 var(--sans);color:var(--body)}
.lx-partner b{color:var(--head);font-weight:500}

/* intro: title left, copy + two images right */
.lx-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(36px,7vw,110px);align-items:start}
.lx-intro .lx-lead{max-width:52ch}
.lx-pair{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;margin-top:40px;align-items:end}
.lx-pair figure{margin:0;overflow:hidden;border-radius:6px;background:var(--ink)}
.lx-pair figure:first-child{aspect-ratio:3/4}
.lx-pair figure:last-child{aspect-ratio:4/3}
.lx-pair img{width:100%;height:100%;object-fit:cover}

/* head row */
.lx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(40px,5vw,64px)}
.lx-head__note{max-width:38ch;color:var(--muted);font-size:15px}
.lx-head__note .lx-more{display:flex;width:max-content;margin-top:14px}

/* path cards: image on top, numbered label, text */
.lx-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lx-path{display:flex;flex-direction:column;gap:10px;color:var(--body)}
.lx-path img{aspect-ratio:4/5;width:100%;object-fit:cover;border-radius:6px;margin-bottom:10px;transition:filter .5s}
.lx-path:hover img{filter:none}
.lx-path__k{font:500 10.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--pink)}
.lx-path b{font:400 22px/1.2 var(--display);letter-spacing:-.02em;color:var(--head)}
.lx-path__p{font-size:14.5px;line-height:1.6}

/* progress: title + tall image left, numbered list right */
.lx-progress{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(36px,7vw,110px);align-items:start}
.lx-tall{margin:36px 0 0;aspect-ratio:4/5;overflow:hidden;border-radius:6px;max-width:440px}
.lx-tall img{width:100%;height:100%;object-fit:cover}
.lx-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.lx-list li{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:28px 0;border-bottom:1px solid var(--line)}
.lx-list__n{font:300 15px/1.4 var(--display);color:var(--pink)}
.lx-list b{display:block;font:400 24px/1.2 var(--display);letter-spacing:-.02em;color:var(--head);margin-bottom:8px}
.lx-list p{font-size:15px}

/* full-bleed band */
.lx-band{position:relative;isolation:isolate;overflow:hidden;padding:clamp(100px,14vw,190px) 0}
.lx-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.lx-band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,16,37,.95) 20%,rgba(10,16,37,.72) 60%,rgba(10,16,37,.55))}
.lx-band__in{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(36px,6vw,90px);align-items:end}
.lx-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.lx-steps>div{background:rgba(10,16,37,.82);padding:26px 24px;display:grid;gap:8px}
.lx-steps span{font:500 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--pink)}
.lx-steps b{font:400 20px/1.2 var(--display);color:var(--head);letter-spacing:-.02em}
.lx-steps p{font-size:14.5px}

/* coach block */
.lx-coach{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(36px,7vw,110px);align-items:center}
.lx-mini{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.lx-mini li{padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}
.lx-mini b{display:block;color:var(--head);font-weight:500;margin-bottom:2px}
.lx-portrait{position:relative;margin:0;aspect-ratio:4/5;overflow:hidden;border-radius:6px}
.lx-portrait img{width:100%;height:100%;object-fit:cover}
.lx-portrait figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 22px 20px;background:linear-gradient(transparent,rgba(10,16,37,.92));display:grid;gap:4px}
.lx-portrait b{font:400 26px/1.1 var(--display);color:var(--head);letter-spacing:-.02em}
.lx-portrait span{font:500 10.5px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--body)}

/* nb + cta */
.lx-nb .nb-seal{width:min(260px,60vw);margin:0}
.lx-cta{padding:clamp(100px,13vw,180px) 0;border-top:1px solid var(--line);background:radial-gradient(60% 80% at 100% 0%,rgba(123,44,255,.16),transparent 60%),var(--navy)}
.lx-cta__row{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}
.lx-cta__row p{max-width:56ch}
.lx-cta__row .btn-row{margin:0}

/* footer */
.ftr{background:var(--ink)}
.ftr h4{font:500 10.5px/1 var(--sans);letter-spacing:.2em;color:var(--muted)}
.ftr .tag{font:300 clamp(26px,3vw,36px)/1.05 var(--display);text-transform:none;letter-spacing:-.03em}

/* ---------- responsive ---------- */
@media(max-width:980px){
  .lx-hero__in,.lx-intro,.lx-progress,.lx-band__in,.lx-coach{grid-template-columns:1fr}
  .lx-paths{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lx-cta__row{grid-template-columns:1fr}
  .lx-hero__side{border-left:0;padding-left:0;border-top:1px solid var(--line-2);padding-top:22px}
}
@media(max-width:560px){
  .lx-paths{grid-template-columns:1fr}
  .lx-steps{grid-template-columns:1fr}
  .lx-list li{grid-template-columns:44px 1fr}
  .lx-pair{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){.ath img,.lx-path img{transition:none}}
@media(max-width:560px){.lx-path img{aspect-ratio:16/10}}
