/* S6 Journey: sidebar shell, sticky image story for the student journey */
.s6{--br:10px;--cr:16px;--ir:12px;--lr:8px}
.s6 h1,.s6 h2,.s6 h3{font-weight:700;letter-spacing:-.025em}
.s6 main>section{width:min(1040px,100% - 48px);margin-inline:auto}
.s6 main>.ctab{width:auto}
.s6-hero{padding:clamp(40px,6vw,84px) 0 clamp(32px,4vw,56px)}
.s6-hero h1{font-size:clamp(40px,5.8vw,78px);line-height:1;max-width:14ch}
.s6-act{display:flex;gap:14px 22px;flex-wrap:wrap;align-items:center;margin:26px 0 40px}
.s6-im{border-radius:var(--cr);overflow:hidden;aspect-ratio:16/8}
.s6-im img{width:100%;height:100%;object-fit:cover}
.s6-story{padding:clamp(48px,7vw,96px) 0;border-top:1px solid var(--line)}
.s6-st{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px)}
.s6-step{min-height:58vh;display:flex;flex-direction:column;justify-content:center;opacity:.35;transition:opacity .4s}
.s6-step.on{opacity:1}
.s6-step span{font:500 13px/1 var(--mf);color:var(--acct)}
.s6-step h3{font-size:clamp(28px,3.4vw,44px);margin:14px 0 10px}
.s6-step p{color:var(--mute);font-size:18px;margin:0;max-width:30em}
.s6-stick{position:sticky;top:12vh;height:76vh}
.s6-frame{position:relative;height:100%;border-radius:var(--cr);overflow:hidden;background:var(--surf)}
.s6-si{position:absolute;inset:0;opacity:0;transition:opacity .6s}
.s6-si.on{opacity:1}
.s6-si img{width:100%;height:100%;object-fit:cover}
html:not(.gs) .s6-step{opacity:1;min-height:0;padding:20px 0}
html:not(.gs) .s6-st{grid-template-columns:minmax(0,1fr)}
html:not(.gs) .s6-stick{display:none}
.s6-sec{padding:clamp(48px,7vw,96px) 0;border-top:1px solid var(--line)}
.s6-sec>p{margin-top:24px}
.s6 .nl .wrap,.s6 .foot .wrap,.s6 .ctab .wrap{width:min(1040px,100% - 48px)}
@media (max-width:900px){.s6-st{grid-template-columns:minmax(0,1fr)}.s6-stick{display:none}.s6-step{opacity:1;min-height:0;padding:16px 0}.s6 main>section{width:calc(100% - 40px)}}