.edu-journeys{background:var(--iv-midnight);padding:clamp(48px,6vw,84px) var(--gutter)}
.edu-journeys-head{max-width:var(--wrap);margin:0 auto 28px;display:flex;align-items:end;justify-content:space-between;gap:28px}
.edu-journeys-head h2{max-width:15ch}.edu-journeys-head p{max-width:48ch;color:var(--on-dark-soft)}
.edu-story-frame{position:relative;isolation:isolate;max-width:var(--wrap);height:clamp(540px,48vw,690px);margin:0 auto;overflow:hidden;border:1px solid var(--rule-dark);border-radius:8px;background:#081c35;color:#fff}
.edu-story{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .45s var(--e)}
.edu-story.is-active{z-index:1;opacity:1}.edu-story[hidden]{display:block!important;visibility:hidden;pointer-events:none}.edu-story.is-active[hidden]{visibility:visible;pointer-events:auto}
.edu-story picture,.edu-story picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.edu-story-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,7,25,.94) 0%,rgba(0,7,25,.72) 44%,rgba(0,7,25,.13) 80%),linear-gradient(0deg,rgba(0,7,25,.48),transparent 58%)}
.edu-story-copy{position:relative;z-index:2;display:flex;height:100%;flex-direction:column;justify-content:center;align-items:flex-start;max-width:700px;padding:clamp(128px,13vw,174px) clamp(28px,5vw,66px) clamp(74px,7vw,96px)}
.edu-story-copy h3{font-size:clamp(2.05rem,4vw,4rem)!important;line-height:1!important;margin:10px 0 18px;max-width:13ch;text-wrap:balance}
.edu-story-copy>p{max-width:50ch;color:var(--on-dark-soft);font-size:clamp(.92rem,1.1vw,1.05rem);line-height:1.67;margin-bottom:26px}
.edu-story-progress{position:absolute;z-index:5;top:16px;left:18px;right:18px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.edu-story-progress i{display:block;height:3px;background:rgba(255,255,255,.3);overflow:hidden;border-radius:2px}.edu-story-progress span{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.edu-story-progress i.is-done span{transform:scaleX(1)}.edu-story-progress i.is-active span{animation:edu-progress 7s linear forwards}.edu-story-frame.is-paused .edu-story-progress i.is-active span{animation-play-state:paused}@keyframes edu-progress{to{transform:scaleX(1)}}
.edu-story-selectors{position:absolute;z-index:5;top:34px;left:clamp(18px,4vw,52px);right:clamp(18px,4vw,52px);display:flex;gap:clamp(10px,1.4vw,18px);align-items:flex-start;overflow-x:auto;padding:8px 2px 10px;scrollbar-width:none}.edu-story-selectors::-webkit-scrollbar{display:none}.edu-story-selectors button{flex:0 0 auto;display:grid;justify-items:center;gap:7px;color:rgba(255,255,255,.7);font-size:.68rem;font-weight:700;letter-spacing:.06em}.edu-story-selectors button[aria-current="true"]{color:#fff}.edu-story-thumb{width:46px;height:46px;border-radius:50%;padding:2px;border:1px solid rgba(255,255,255,.35)}.edu-story-selectors button[aria-current="true"] .edu-story-thumb{border-color:#fff}.edu-story-thumb img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.edu-story-controls{position:absolute;z-index:6;left:clamp(28px,5vw,66px);bottom:24px;display:flex;gap:9px;align-items:center}.edu-story-controls button{min-height:38px;padding:8px 13px;border:1px solid rgba(255,255,255,.32);border-radius:3px;color:#fff;font-size:.72rem;font-weight:700;background:rgba(0,7,25,.34);backdrop-filter:blur(8px)}.edu-story-controls button:hover{border-color:#fff;background:rgba(0,7,25,.62)}
@media(max-width:760px){.edu-journeys{padding-inline:0}.edu-journeys-head{padding-inline:var(--gutter);display:block}.edu-journeys-head p{margin-top:14px}.edu-story-frame{height:660px;border-radius:0;border-left:0;border-right:0}.edu-story-copy{justify-content:flex-end;padding:148px var(--gutter) 92px}.edu-story-copy h3{font-size:clamp(2rem,10vw,3rem)!important}.edu-story-shade{background:linear-gradient(0deg,rgba(0,7,25,.96) 4%,rgba(0,7,25,.58) 58%,rgba(0,7,25,.22) 100%)}.edu-story-selectors{left:var(--gutter);right:0}.edu-story-controls{left:var(--gutter);bottom:22px}}
@media(prefers-reduced-motion:reduce){.edu-story{transition:none}.edu-story-progress i.is-active span{animation:none;transform:scaleX(1)}}