/* Second section only; the cinematic hero is unchanged. */
#project.vision-section{padding:100px 5% 26px;background:var(--ivory);color:var(--ink)}
.vision-layout{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,1.85fr) minmax(230px,1fr);gap:clamp(24px,3vw,56px);align-items:center;direction:ltr;max-width:1680px;margin:0 auto}
#vision-title{font-size:clamp(36px,3.6vw,64px);line-height:1.1;letter-spacing:-1px;margin:0;font-weight:400}
.vision-image{margin:0;min-width:0}
.vision-image img{display:block;width:100%;height:auto;aspect-ratio:1672 / 941;object-fit:contain}
.vision-description{font-size:clamp(17px,1.25vw,22px);line-height:1.75;letter-spacing:.1px;margin:0;color:#373e38}
.vision-section .closing{margin-top:90px}
@media(max-width:900px){#project.vision-section{padding:64px 6% 24px}.vision-layout{grid-template-columns:1fr;gap:28px;max-width:680px}#vision-title{font-size:46px}.vision-description{font-size:20px;line-height:1.7}.vision-section .closing{margin-top:50px}}
@media(max-width:420px){#vision-title{font-size:40px}.vision-description{font-size:19px}}
.vision-copy-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(min-width:901px){
#project .vision-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:clamp(36px,5vw,88px);row-gap:24px}
#project .vision-image{grid-column:1;grid-row:1 / 3;align-self:center}
#project #vision-title{grid-column:2;grid-row:1;align-self:end}
#project .vision-description{grid-column:2;grid-row:2;align-self:start;max-width:52ch}
}