/* Section structure */
section{padding:clamp(5rem,8vw,7.5rem) 0;border-top:0}
.statement{padding:clamp(5.5rem,10vw,9rem) 0}
.apply{padding:clamp(5.5rem,10vw,9rem) 0;border-top:0}
.sec-head{grid-column:1/-1;font-stretch:125%;font-weight:300;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.3;padding-bottom:1.25rem;margin-bottom:clamp(2.5rem,5vw,4rem);border-bottom:1px solid rgba(245,245,243,.28);color:var(--white)}
.course .sec-head{color:#000;border-color:rgba(0,0,0,.22);margin-bottom:0}
#for .caps-intro{grid-column:1/span 7;margin:0 0 clamp(3rem,5vw,4.5rem)}
#for .moments{grid-column:1/-1}
#for .moments li{gap:clamp(1.5rem,3vw,3.5rem)}
#for .moments p{max-width:40ch}
#work .caps-intro{grid-column:1/span 7;margin:0 0 clamp(3rem,5vw,4.5rem)}
.discretion{margin-top:clamp(3rem,5vw,4rem)}
.about figure{grid-column:1/span 5}
.about-body{grid-column:7/span 6;align-self:start}
.about-body h2{margin-top:0}
.course-word{margin:clamp(2rem,4vw,3rem) 0 clamp(2.5rem,5vw,4rem)}
.home-note{padding:clamp(5.5rem,10vw,9rem) 0}
@media(max-width:900px){
  #for .caps-intro{grid-column:1/-1;margin-bottom:2.5rem}
  #for .moments,#work .caps-intro,.about figure,.about-body{grid-column:1/-1}
  .about-body{margin-top:2.5rem}
}
/* Option B: graded shades of black */
.look-b #for{background:#000}
.look-b .home-note{background:#1E1E1E}
.look-b #work{background:#0E0E0E}
.look-b .statement{background:#1E1E1E}
.look-b .about{background:#0E0E0E}
.look-b .apply{background:#1E1E1E}
.look-b .home-note .home-body p:not(.lead),.look-b .statement blockquote{color:var(--white)}
.look-b .phases{background:#2A2A2A;border-color:#2A2A2A}
.look-b #work .phases article{background:#0E0E0E}


/* Subheading scale: clearly below section titles */
.caps-intro,#for .caps-intro,#work .caps-intro{font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.6}
.moments h3{font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.4;font-weight:350}
.moments li{padding:1.8rem 0}
.moments p b{font-size:14px}
.phases h4{font-size:12.5px}
.course-body h3{font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.35}
.about-body h2{font-size:clamp(1.05rem,1.3vw,1.2rem);font-weight:300;line-height:1.3;letter-spacing:.06em;margin:0 0 1.75rem}

/* Course section */
.course-body{justify-content:flex-start;gap:2.75rem}
.course-body p{margin-top:1.1rem}
.course-body p.course-lead{font-family:var(--accent);font-style:italic;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.2;color:#000;margin-top:1.25rem}
.course-sub{font-size:11px;letter-spacing:.3em;color:#6B6B6B;margin-bottom:1rem}
.course-quote{font-family:var(--accent);font-style:italic;font-size:clamp(1.1rem,1.4vw,1.3rem);line-height:1.45;color:#1C1C1C;border-left:1px solid #000;padding-left:1.5rem;max-width:46ch}
.course-quote cite{display:block;font-family:var(--display);font-style:normal;font-size:11px;letter-spacing:.28em;color:#6B6B6B;margin-top:1rem}

/* Hero: lift text off the bottom edge */
.hero .wrap{padding-bottom:clamp(4.5rem,17vh,12rem)}
@media(max-width:900px){.hero .wrap{padding-bottom:clamp(3.5rem,11vh,6rem)}}

/* Intro text: smaller, balanced lines, no hanging words */
.caps-intro,#for .caps-intro,#work .caps-intro{font-size:15.5px;line-height:1.7;color:var(--silver);text-wrap:balance;max-width:62ch}
#for .caps-intro{grid-column:1/span 8;max-width:none}
p,h3,h4,blockquote,cite,li{text-wrap:pretty}
.br-d{display:inline}
@media(max-width:900px){.br-d{display:none}}

/* What they see / What you carry: big but contained */
.persona .words{font-size:clamp(1.6rem,2.5vw,2.6rem);line-height:1.05;letter-spacing:-.01em}
.persona .split{min-height:78svh}

/* Accent serif: Newsreader italic, sturdier strokes for dark backgrounds */
.statement blockquote,.home-note .lead,.apply .alone,.course-body p.course-lead{font-weight:400;letter-spacing:-.005em}
.statement blockquote{font-size:clamp(1.9rem,4.4vw,4.2rem);line-height:1.12}
.home-note .lead{font-size:clamp(1.9rem,3.6vw,3.2rem);line-height:1.12}

/* Course title on one line */
.course-body h3{max-width:none;white-space:nowrap}
@media(max-width:480px){.course-body h3{font-size:clamp(.9rem,4.1vw,1.05rem)}}

/* Batch 3 */
.hero{justify-content:center}
.hero .wrap{padding-top:clamp(2rem,6vh,4rem);padding-bottom:clamp(2rem,6vh,4rem)}
@media(max-width:900px){.hero{justify-content:flex-end}.hero .wrap{padding-bottom:clamp(3.5rem,12vh,7rem)}}
.sec-head{margin-bottom:clamp(1.5rem,2.5vw,2.25rem)}
#for .caps-intro,#work .caps-intro{margin-bottom:clamp(2.5rem,4vw,3.5rem)}
.persona .words{font-size:clamp(2rem,3.6vw,3.7rem);line-height:1.04}
.phases article{min-height:320px;padding:2rem 1.8rem 2.4rem}
.phases .ph{font-size:clamp(4.5rem,7vw,7rem)!important;font-weight:200;line-height:.8;color:#BDBDBD;letter-spacing:-.04em}
.phases article:hover .ph{color:var(--white)}
.phases .ph{transition:color .4s}
.about-close{font-family:var(--accent);font-style:italic;font-size:clamp(1.25rem,1.7vw,1.5rem);line-height:1.35;color:var(--white)!important;margin-top:2rem}
.phases article{min-height:0;justify-content:flex-start;gap:clamp(2rem,3.5vw,3rem)}

/* Batch 4 */
.home-note .home-body{grid-column:1/-1;text-align:center;max-width:860px;margin:0 auto}
.home-note .home-body p{margin-left:auto;margin-right:auto;max-width:58ch}
.home-note .home-body .lead{max-width:none}
.home-note cite{display:block;text-align:center}
#work .caps-intro{grid-column:1/-1;max-width:none;text-wrap:balance}
.ph-em{display:block;margin-top:.8rem;font-family:var(--accent);font-style:italic;font-size:15px;color:var(--silver)}

/* Audit: mobile hero legibility over photo */
@media(max-width:900px){.hero .media::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.75) 38%,rgba(0,0,0,0) 70%)}}

/* FAQ */
.look-b .faq{background:#141414}
.faq-list{grid-column:1/-1;border-top:1px solid #2A2A2A}
.faq-item{border-bottom:1px solid #2A2A2A}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 0;font-stretch:112%;font-weight:350;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.4;color:var(--white)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary i{flex:none;width:14px;height:14px;position:relative}
.faq-item summary i::before,.faq-item summary i::after{content:"";position:absolute;left:0;top:6.5px;width:14px;height:1px;background:var(--silver);transition:transform .3s}
.faq-item summary i::after{transform:rotate(90deg)}
.faq-item[open] summary i::after{transform:rotate(0)}
.faq-item summary:hover span{color:var(--silver)}
.faq-item summary:focus-visible{outline:1px solid var(--silver);outline-offset:4px}
.faq-item p{color:var(--silver);font-size:15px;line-height:1.7;max-width:68ch;padding:0 0 1.75rem}
.faq-list{border-top:0}.faq .sec-head{margin-bottom:.5rem}

/* Section CTAs */
.sec-cta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1.5rem 3rem;flex-wrap:wrap;margin-top:clamp(2.5rem,4vw,3.5rem);padding-top:clamp(2rem,3vw,2.5rem);border-top:1px solid #2A2A2A}
.sec-cta p{font-family:var(--accent);font-style:italic;font-size:clamp(1.15rem,1.5vw,1.35rem);color:var(--white);max-width:40ch;margin:0}
.quote-cta{display:inline-flex;gap:.75rem;align-items:center;margin-top:2rem;font-stretch:125%;text-transform:uppercase;letter-spacing:.28em;font-size:11px;font-weight:500;color:var(--white);border-bottom:1px solid rgba(245,245,243,.45);padding-bottom:.4rem;transition:border-color .3s,gap .3s}
.quote-cta:hover{border-color:var(--white);gap:1.1rem}
.persona .man .quote-cta{align-self:flex-start;margin-top:-2rem}
.home-note .home-body .quote-cta{margin-top:2.25rem}
.about-btn{margin-top:2rem;align-self:flex-start}
@media(max-width:600px){.sec-cta{flex-direction:column;align-items:flex-start}.sec-cta .btn{white-space:normal}}

/* CTA spacing: single rule, sits closer to content, more air before next section */
.sec-cta{border-top:0;padding-top:0;margin-top:clamp(2rem,3vw,2.75rem)}
#for,#work,.faq{padding-bottom:clamp(6.5rem,11vw,10rem)}
#work .sec-cta{margin-top:clamp(1.75rem,2.5vw,2.25rem)}

/* Quote credits: small, quiet, distinct from CTAs */
.home-note cite,.statement cite,.course-quote cite{font-family:var(--accent);font-style:italic;text-transform:none;letter-spacing:0;font-size:12.5px;line-height:1.5;color:#8A8A8A;font-weight:400}
.course-quote cite{color:#6B6B6B}
.home-note cite .t{font-style:normal}
.home-note .quote-cta,.statement .quote-cta{margin-top:2.75rem}