/* Home page only. Navy, white, gold via the variables in style.css. */
.hero.dark{padding-top:clamp(48px,7vw,104px);padding-bottom:clamp(56px,8vw,120px)}
.hero.dark .wrap{align-items:center}
.hero.dark .display{font-size:clamp(2.1rem,4.7vw,4.6rem);line-height:1.04}
.hero.dark .ln{white-space:nowrap}
@media(max-width:520px){.hero.dark .ln{white-space:normal}}
.hero.dark .lead{max-width:32em}
.hero .portrait{border:1px solid var(--dark-line)}
.hero .portrait figcaption{padding:0 24px;line-height:1.5}

.svc-cards .card{gap:16px}
.svc-cards .card .no{font-family:var(--f-display);font-size:2.6rem;line-height:1;color:var(--gold)}
.svc-cards .card .btn{align-self:flex-start;margin-top:auto;padding:12px 22px;font-size:14px}
.svc-cards .card p{flex:1}

.who{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 clamp(24px,4vw,64px)}
.who li{padding:22px 0 22px 34px;border-top:1px solid var(--dark-line);position:relative;font-family:var(--f-display);font-size:clamp(1.4rem,2.1vw,1.9rem);line-height:1.2}
.who li::before{content:"";position:absolute;left:0;top:34px;width:12px;height:12px;border-radius:50%;background:var(--gold)}

.cover{aspect-ratio:3/4.3;max-width:340px;width:100%;margin:0 auto;background:linear-gradient(160deg,var(--navy-2),var(--navy));border:1px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:28px;color:var(--white);box-shadow:0 24px 60px -24px rgba(11,31,58,.5)}
.cover span{font-family:var(--f-display);font-size:clamp(2.4rem,5vw,3.4rem);line-height:1;color:var(--gold)}
.cover small{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--on-dark-soft)}
.cover em{margin-top:20px;font-size:12px;font-style:normal;color:var(--on-dark-soft);border-top:1px solid var(--dark-line);padding-top:14px}

#stories .story{min-height:0;flex:initial}
#stories .story q{font-size:clamp(1.2rem,1.8vw,1.5rem);color:var(--text)}
#stories .story:hover{transform:none;border-color:var(--line)}
.who-by{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;font-size:14px;color:var(--text)}
#newsletter .nl-form{max-width:none}
.cta .lead{max-width:32em}

#approach .steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
@media(max-width:1100px){#approach .steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}}

.stack{display:flex;flex-direction:column;gap:20px}
.stack.g24{gap:24px}
.stack.g28{gap:28px}

/* Crop the portraits in on Coach Glory (the source photos show a lot of wall) */
.hero .portrait img{transform:scale(1.42);transform-origin:56% 84%}
#meet .portrait img{transform:scale(1.3);transform-origin:50% 62%}