/* The first screen explains the capability and its practice environment. */
.hero-learning .scene-copy{max-width:1440px;width:100%;margin-inline:auto;box-sizing:border-box;padding-top:90px;padding-bottom:106px}
.hero-learning .scene-copy h1{font-size:clamp(40px,4.6vw,66px);line-height:1.06;letter-spacing:-.035em;max-width:850px;font-weight:500;margin:0;text-wrap:balance}
.hero-learning .learn-verb{display:block;font-size:25px;line-height:1.25;letter-spacing:-.01em;margin-bottom:12px;color:#fff}
.hero-learning .learn-skill{display:block;max-width:14ch}
.hero-learning .learn-setting{display:block;font-size:clamp(23px,2.4vw,34px);line-height:1.3;letter-spacing:-.02em;margin-top:18px;max-width:28ch;color:#e1ebf2}
.hero-learning .scene-name{font-size:13px;margin-bottom:22px;gap:14px}
.hero-learning .scene-copy>p{max-width:560px;font-size:15px;line-height:1.8;margin:24px 0}
.hero-learning .scene-disciplines{font-size:11px;margin-top:25px}
.hero-learning .hero-world-nav .world-index button{align-items:center;gap:12px;min-height:100px}
.hero-learning .hero-world-nav .world-index b{font-size:14px;line-height:1.35;font-weight:550}
.hero-learning .hero-world-nav .world-index small{font-size:11px}
html[lang=en] .hero-learning .scene-copy h1{font-size:clamp(40px,4.6vw,66px);line-height:1.06;max-width:850px}
html[lang=en] .hero-learning .scene-copy{padding-top:90px;padding-bottom:106px}
@media(min-width:761px){.hero-learning .carousel,html[lang=en] .hero-learning .carousel{height:720px;min-height:720px;max-height:none}.hero-learning .scene-copy{justify-content:center}}
@media(max-width:1000px){.hero-learning .hero-world-nav .world-index img{display:none}.hero-learning .hero-world-nav .world-index b{font-size:13px}.hero-learning .hero-world-nav .world-index button{padding:18px 16px}}
@media(max-width:760px){.hero-learning .carousel,html[lang=en] .hero-learning .carousel{height:680px;min-height:680px;max-height:none}.hero-learning .scene-copy,html[lang=en] .hero-learning .scene-copy{padding-top:76px;padding-bottom:104px;justify-content:center}.hero-learning .scene-copy h1,html[lang=en] .hero-learning .scene-copy h1{font-size:clamp(35px,8.3vw,48px);line-height:1.08;max-width:100%}.hero-learning .learn-verb{font-size:20px;margin-bottom:12px}.hero-learning .learn-setting{font-size:24px;margin-top:16px;max-width:25ch}.hero-learning .scene-copy>p{font-size:14px;line-height:1.7;margin:20px 0;max-width:38ch}.hero-learning .scene-name{font-size:12px;margin-bottom:19px}.hero-learning .scene-disciplines{display:none}.hero-learning .scene-actions,html[lang=en] .hero-learning .scene-actions{display:flex;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap}.hero-learning .scene-evidence{font-size:11px}.hero-learning .hero-world-nav .world-index button{min-height:86px;padding:15px 20px}.hero-learning .hero-world-nav .world-index b{font-size:13px}.hero-learning .hero-world-nav .world-index small{font-size:10px}.hero-learning .hero-world-top{top:22px}.hero-learning .hero-world-bottom{bottom:56px}.hero-learning .hero-controls{bottom:17px}}
@media(max-width:360px){.hero-learning .carousel,html[lang=en] .hero-learning .carousel{height:740px;min-height:740px}.hero-learning .learn-setting{font-size:22px}}

/* Keep the progress indicator and crossfade in step with the one-second interval. */
.hero-learning .world-index button[aria-pressed=true] .world-track{animation-duration:1s}
.hero-learning .slide{transition-duration:.35s}
@media(prefers-reduced-motion:reduce){.hero-learning .slide{transition:none}}