/* Home chapter order: introduction, process, projects, vision, people, contact. */
#facts,#process,#projects,#vision,#team,#contact{scroll-margin-top:80px}
#projects{position:relative;z-index:1}
#projects>.ctr>p:first-child{margin-bottom:24rem}
#vision{isolation:isolate}
[data-people-ring]{isolation:isolate}
/* Keep the exposed edge of the 6:23 ring above the following dark chapter.
   Geometry and card size stay unchanged; only the active chapter stack moves. */
#team.is-ring-live{position:relative;z-index:2}
#team.is-ring-live ~ #contact .enr,
#team.is-ring-live ~ #contact .ima{position:relative;z-index:4}
#team.is-ring-live ~ #contact .enr{transform:translateY(clamp(80px,10vh,140px))}
@media(max-width:767.98px){#facts,#process,#projects,#team,#contact{scroll-margin-top:60px}}

/* Give the ray chapter its own exit before the photo ribbon enters. */
#team{padding-top:clamp(140px,22vh,260px)}
@media(max-width:767.98px){#team{padding-top:80px}}

#team .enr{position:relative;z-index:2}
#team .enr .kca{font-size:clamp(32px,5.6vw,88px);line-height:1.25;max-width:1100px}

/* A dedicated lane separates the ribbon from the introduction. */
#team .people-ribbon-track{height:80vh;min-height:440px;margin-top:64px;pointer-events:none}
#team:not(.ring-static) .uwg{margin-top:180px}
#team.ring-static .people-ribbon-track{display:none}
@media(max-width:767.98px){#team .people-ribbon-track{display:none}}

@media(min-width:768px){#team:not(.ring-static) .uwg .kca{font-size:clamp(28px,4vw,64px);max-width:min(50vw,620px)}}