.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.carousel-hero{position:relative;isolation:isolate;min-height:680px;--slide-progress:0}.carousel-hero:after{z-index:1;pointer-events:none;background:linear-gradient(90deg,#03213de8 0%,#03213db0 42%,#03213d26 78%,#03213d10)}
.carousel-hero .carousel-photo{animation:none;opacity:0;transform:scale(1.045);transition:opacity 1.1s ease,transform 8s linear;z-index:0;pointer-events:none;will-change:opacity,transform}.carousel-hero .carousel-photo.is-active{opacity:1;transform:scale(1)}.carousel-hero.carousel-stopped .carousel-photo{transition:opacity 1.1s ease,transform 1s ease}
.carousel-hero .wrap{z-index:2;padding-top:50px;padding-bottom:155px}.carousel-hero h1{font-size:clamp(35px,4.1vw,59px);line-height:1.5;min-height:3em;letter-spacing:.015em}.carousel-hero .lead{min-height:3.8em;max-width:600px}.carousel-hero .eyebrow{font-size:14px;letter-spacing:.08em;min-height:1.85em}.carousel-hero .hero-invitation{margin-top:30px}.carousel-hero .actions .button{min-width:240px}
.carousel-controls{position:absolute;z-index:3;bottom:26px;left:50%;transform:translateX(-50%);width:90%;max-width:1160px;display:flex;align-items:center;gap:32px}.carousel-themes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;flex:1}.carousel-themes button{position:relative;min-height:63px;background:none;color:#dae5ed;border:0;border-bottom:1px solid #ffffff55;text-align:left;padding:10px 0 16px;cursor:pointer;overflow:hidden;transition:color .25s}.carousel-themes small{font-size:12px;display:block;color:#b1c1cf;letter-spacing:.12em}.carousel-themes span{display:block;font-size:15px;white-space:nowrap}.carousel-themes [aria-pressed=true]{color:var(--gold-light)}.carousel-themes [aria-pressed=true] small{color:var(--gold-light)}.carousel-themes i{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--gold-light);transform:scaleX(0);transform-origin:left}.carousel-themes [aria-pressed=true] i{transform:scaleX(var(--slide-progress))}.carousel-stopped .carousel-themes [aria-pressed=true] i{transform:scaleX(1)}.carousel-navigation{display:flex;align-items:center;gap:10px}.carousel-count{font-size:13px;color:#d3dfe8;letter-spacing:.06em;margin-right:6px}.carousel-navigation button{height:42px;min-width:42px;border:1px solid #ffffff65;background:#05244170;color:white;border-radius:50%;cursor:pointer;font-size:18px;transition:background .2s}.carousel-navigation button:hover{background:#ffffff25}.carousel-navigation .carousel-pause{border-radius:4px;min-width:94px;font-size:13px;padding:8px 12px}.carousel-navigation .carousel-pause:disabled{opacity:.65;cursor:default}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:99;background:linear-gradient(90deg,var(--teal),var(--gold));transform:scaleX(0);transform-origin:left;pointer-events:none}header{transition:box-shadow .3s}header.has-scrolled{box-shadow:0 5px 24px #06285212}
.button{position:relative;overflow:hidden}.button:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff30 48%,transparent 75%);transform:translateX(-130%);pointer-events:none}.button:hover:after,.button:focus-visible:after{animation:button-light .65s ease}@keyframes button-light{to{transform:translateX(130%)}}
.scenario-choices button:hover:not([aria-pressed=true]){background:#edf4f2;box-shadow:inset 3px 0 var(--gold)}.scenario-choices button b{transition:transform .25s}.scenario-choices button:hover b{transform:translate(4px,-4px)}.scenario-image img,.course-cover{transition:transform .8s cubic-bezier(.2,.65,.3,1)}.scenario-card:hover .scenario-image img{transform:scale(1.045)}.topic:hover .course-cover{transform:scale(1.025)}.journey-chapters article{position:relative;transition:opacity .4s}.journey-chapters article:before{content:'';position:absolute;left:-20px;top:30%;height:40%;width:2px;background:var(--gold);transform:scaleY(0);transition:transform .6s;transform-origin:top}.journey-chapters article.active:before{transform:scaleY(1)}.lesson-detail summary span{transition:transform .25s}.quiz-options button:hover{border-color:var(--teal);transform:translateX(3px)}.quiz-options button{transition:transform .2s,background .2s,border-color .2s}
@media(max-width:1050px){.carousel-controls{gap:20px}.carousel-count{display:none}.carousel-themes{gap:12px}.carousel-navigation{gap:8px}}
@media(max-width:720px){.carousel-hero{min-height:710px;height:auto}.carousel-hero .wrap{padding:45px 0 195px}.carousel-hero h1{font-size:clamp(23px,6.8vw,38px);letter-spacing:0;min-height:3.2em;line-height:1.6}.carousel-hero h1>span{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}.carousel-hero .eyebrow{font-size:12px;letter-spacing:.02em;max-width:100%;margin-bottom:22px}.carousel-hero .lead{font-size:16px;min-height:5.7em;margin-bottom:12px;max-width:330px}.carousel-hero .actions{align-items:flex-start;gap:14px;margin-top:20px}.carousel-hero .actions .button{min-width:0;padding:12px 14px;font-size:14px;gap:12px}.carousel-hero .hero-invitation{font-size:12px;margin-top:24px}.carousel-controls{bottom:20px;width:88%;display:flex;flex-direction:column;gap:16px;align-items:stretch}.carousel-themes{gap:10px;flex:none}.carousel-themes button{min-height:56px;padding:6px 0 12px}.carousel-themes span{font-size:13px}.carousel-themes small{font-size:12px}.carousel-navigation{justify-content:flex-end}.carousel-count{display:inline-block;margin-right:auto}.carousel-navigation button{min-height:40px;min-width:40px}.carousel-hero:after{background:linear-gradient(90deg,#03213de6,#03213d75),linear-gradient(0deg,#03213dbb,transparent 45%)}.carousel-hero .carousel-photo{object-position:var(--mobile-position,72% center)}.journey-chapters article:before{left:-10px}.reading-progress{height:3px}}
@media(prefers-reduced-motion:reduce){.carousel-hero .carousel-photo,.scenario-image img,.course-cover,.scenario-choices button b,.quiz-options button,.journey-chapters article:before,header{transition:none!important}.carousel-hero .carousel-photo{transform:none!important}.button:hover:after,.button:focus-visible:after{animation:none}.scenario-card:hover .scenario-image img,.topic:hover .course-cover,.quiz-options button:hover{transform:none}}