/* Homepage layout pass. Shared page styles remain in site.css. */

/* A single student leads the results, followed by a compact results ledger. */
.home-feature{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:clamp(22px,5vw,58px);align-items:center;margin:12px 0 38px}
.home-feature>img{display:block;width:100%;max-width:280px;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:var(--r-sm)}
.home-feature-copy{min-width:0}
.home-feature-tag{display:block;color:var(--copper-deep);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
.home-feature h3{font-family:var(--f-head);font-size:clamp(1.7rem,3.4vw,2.65rem);line-height:1.15;color:var(--navy);margin-bottom:12px}
.home-feature-outcome{font-family:var(--f-head);font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:700;line-height:1.35;color:var(--navy);max-width:28ch}
.home-feature-context,.home-feature-facts{color:var(--text-soft);font-size:.9rem;line-height:1.65}
.home-feature-context{margin-top:8px}
.home-feature blockquote{border-left:3px solid var(--copper-deep);padding-left:17px;margin:22px 0;color:var(--navy)}
.home-feature blockquote p{font-family:var(--f-head);font-size:1.1rem;font-style:italic;line-height:1.5}
.home-feature cite,.home-founder-quote cite{display:block;font:600 .78rem var(--f-body);font-style:normal;color:var(--text-soft);margin-top:8px}
.stu-grid.home-results-list{display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;overflow:visible;scroll-snap-type:none;padding:0;border-top:1px solid var(--border)}
.stu-grid.home-results-list .stu{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;align-items:start;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:15px 0;box-shadow:none;transform:none;min-width:0}
.stu-grid.home-results-list .stu img{grid-row:1/4;grid-column:1;width:54px;height:54px;border-radius:var(--r-sm);box-shadow:none;margin:0;object-fit:cover}
.stu-grid.home-results-list .st-tag{grid-column:2;font-size:.62rem;line-height:1.3;color:var(--copper-deep)}
.stu-grid.home-results-list .st-name{grid-column:2;font-size:.94rem;line-height:1.3}
.stu-grid.home-results-list .st-out{grid-column:2;font-size:.78rem;line-height:1.45}

/* Founders become two mirrored profiles with a testimonial between them. */
.founders.home-founders{display:block}
.home-founders .home-founder{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(24px,6vw,72px);align-items:center;background:transparent;border:0;border-radius:0;padding:0;max-width:940px}
.home-founders .home-founder>img{width:100%;max-width:320px;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:var(--r-sm);box-shadow:none}
.home-founders .home-founder-reverse{grid-template-columns:minmax(0,1fr) minmax(0,320px);margin-left:auto}
.home-founders .home-founder-reverse>img{grid-column:2;grid-row:1;aspect-ratio:1/1}
.home-founders .home-founder-reverse>.home-founder-copy{grid-column:1;grid-row:1}
.home-founders .home-founder h3{font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.2}
.home-founders .home-founder .fd-role{margin:8px 0 16px}
.home-founders .home-founder p:not(.fd-role):not(.fd-links){font-size:clamp(.94rem,1.5vw,1rem);line-height:1.75}
.home-founder-quote{max-width:700px;margin:46px auto;border-left:3px solid var(--copper-deep);padding:4px 0 4px clamp(20px,4vw,38px)}
.home-founder-quote p{font-family:var(--f-head);font-style:italic;font-weight:700;font-size:clamp(1.35rem,3.2vw,2rem);line-height:1.48;color:var(--navy)}
.home-founder-quote cite{margin-top:14px}
.home-founder-note{max-width:780px;margin:36px auto 0;color:var(--text-soft);line-height:1.7}
.home-founder-note b{color:var(--navy)}

/* Four points on an open timeline, with the real student path below. */
.steps.steps-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;counter-reset:step;margin-top:36px}
.steps.steps-row li{background:transparent;border:0;border-radius:0;padding:52px 0 0;position:relative;min-width:0}
.steps.steps-row li::after{content:'';position:absolute;top:26px;left:0;right:-24px;height:1px;background:var(--copper-deep)}
.steps.steps-row li:last-child::after{right:0}
.steps.steps-row li::before{content:counter(step);position:absolute;z-index:1;top:0;left:0;width:52px;height:52px;border-radius:0;background:var(--cream);color:var(--copper-deep);font-family:var(--f-head);font-size:2.1rem;font-weight:700;line-height:1;display:flex;justify-content:flex-start;align-items:center}
.steps.steps-row b{font-family:var(--f-head);font-size:1.08rem;line-height:1.35;margin-bottom:10px}
.steps.steps-row span{display:block;font-size:.86rem;line-height:1.65}
.home-path{display:grid;grid-template-columns:150px 1fr;gap:20px;max-width:950px;margin:38px auto 0;padding-top:22px;border-top:1px solid var(--border)}
.home-path h3{font-family:var(--f-head);font-size:1.18rem;color:var(--navy)}
.home-path ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;counter-reset:path}
.home-path li{counter-increment:path;font-size:.8rem;line-height:1.55;color:var(--text-soft)}
.home-path li::before{content:counter(path) '.';display:block;font-family:var(--f-head);font-size:1.1rem;font-weight:700;color:var(--copper-deep);margin-bottom:4px}

@media(max-width:900px){
  .stu-grid.home-results-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps.steps-row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}
  .steps.steps-row li:nth-child(2)::after{right:0}
  .home-path{grid-template-columns:1fr}
}
@media(max-width:700px){
  .home-feature{grid-template-columns:1fr;gap:22px;margin-bottom:30px}
  .home-feature>img{width:min(100%,280px)}
  .home-founders .home-founder,.home-founders .home-founder-reverse{grid-template-columns:1fr;gap:20px;margin:0}
  .home-founders .home-founder>img,.home-founders .home-founder-reverse>img{grid-column:1;grid-row:1;width:min(100%,340px);max-width:340px}
  .home-founders .home-founder-reverse>.home-founder-copy{grid-column:1;grid-row:2}
  .home-founder-quote{margin:36px 0}
  .home-path ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .stu-grid.home-results-list{grid-template-columns:1fr}
  .steps.steps-row{grid-template-columns:1fr;gap:0;margin-top:25px}
  .steps.steps-row li{padding:0 0 26px 68px;min-height:105px}
  .steps.steps-row li::before{top:0;left:0;width:50px;height:50px;background:var(--cream)}
  .steps.steps-row li::after,.steps.steps-row li:nth-child(2)::after{top:0;bottom:0;left:25px;right:auto;width:1px;height:auto}
  .steps.steps-row li:last-child::after{display:none}
  .home-path ol{grid-template-columns:1fr;gap:12px}
  .home-path li{display:grid;grid-template-columns:25px 1fr;gap:8px}
  .home-path li::before{margin:0}
}
/* Phone layout (revised after intern feedback): compact vertical list, small byline photo for the featured student */
@media(max-width:600px){
  .stu-grid.home-results-list{grid-template-columns:1fr;gap:0}
  .stu-grid.home-results-list .stu{grid-template-columns:42px minmax(0,1fr);column-gap:12px;padding:9px 0;align-items:center}
  .stu-grid.home-results-list .stu img{width:42px;height:42px;grid-row:1/3}
  .stu-grid.home-results-list .st-tag{display:none}
  .stu-grid.home-results-list .st-name{font-size:.9rem;margin:0}
  .stu-grid.home-results-list .st-out{font-size:.78rem;margin:0;line-height:1.4}
  .home-feature{display:block}
  .home-feature::after{content:"";display:table;clear:both}
  .home-feature>img{float:left;width:104px;max-width:104px;margin:4px 16px 10px 0}
  .home-feature h3{font-size:1.6rem;margin-bottom:6px}
  .home-feature-outcome{font-size:1.12rem}
  .home-feature blockquote{clear:both;margin:18px 0}
}
@media(max-width:700px){
  .home-founders .home-founder>img{aspect-ratio:4/3;object-position:center 30%}
}
/* Light-top variant (2026-10-02): one flat dark band only (reels), no glass, no glows */
[aria-labelledby="landed-h"]{background:var(--white);color:var(--text)}
[aria-labelledby="landed-h"] .section-title{color:var(--navy)}
[aria-labelledby="landed-h"] .section-sub{color:var(--text-soft)}
[aria-labelledby="landed-h"] .names-cap{color:var(--copper-deep)}
[aria-labelledby="landed-h"] .names-track li{color:var(--navy)}
[aria-labelledby="landed-h"] .names-track li::after{background:var(--copper)}
[aria-labelledby="landed-h"] .score-head{color:var(--navy)}
[aria-labelledby="landed-h"] .score{background:none;border:0;border-top:1px solid var(--border);border-radius:0;padding:16px 4px 14px}
[aria-labelledby="landed-h"] .score::before{display:none}
[aria-labelledby="landed-h"] .score .sc-exam{color:var(--copper-deep)}
[aria-labelledby="landed-h"] .score .sc-num{color:var(--navy)}
[aria-labelledby="landed-h"] .score .sc-num small{color:var(--muted)}
[aria-labelledby="landed-h"] .score .sc-who{color:var(--text-soft)}
[aria-labelledby="landed-h"] .score .sc-who b{color:var(--navy)}
[aria-labelledby="landed-h"] .names-note{color:var(--muted)}
[aria-labelledby="landed-h"] a{color:var(--copper-deep)}
.bento .bx-lead{background:var(--white);border-color:var(--border);border-top:3px solid var(--copper)}
.bento .bx-lead::after{display:none}
.bento .bx-lead h3{color:var(--navy)}
.bento .bx-lead p{color:var(--text-soft)}
.bento .bx-lead .bx-no,.bento .bx-lead .bx-more{color:var(--copper-deep)}
.bento .bx-lead li{background:var(--cream);border-color:var(--border);color:var(--navy)}
[aria-labelledby="reels-h"]{background:var(--navy-deep)}
.sticky-bar{background:var(--cream-warm);border-top:1px solid var(--border);box-shadow:0 -4px 14px rgba(34,30,26,.08)}
.sticky-bar a.sb-touch,.sticky-bar a.sb-alt{background:#fff;color:var(--navy);border:1.5px solid var(--navy)}
.sticky-bar a.sb-touch:hover,.sticky-bar a.sb-alt:hover{background:var(--cream)}
.sticky-bar a.sb-call{background:var(--navy);color:#fff;border:0}
.sticky-bar a.sb-call:hover{background:var(--navy-deep)}
.sticky-bar .sb-close{color:var(--navy)}
/* Fewer italics (2026-10-02): italics only for real quotes; headings one colour, upright */
.section-title em{font-style:normal;color:inherit}
[aria-labelledby="landed-h"] .names-track li{font-style:normal}
.bento .bx .bx-no{font-style:normal;font-family:var(--f-body);font-size:.74rem;font-weight:700;letter-spacing:.14em}
