/* Homepage learning funnel: one clear lesson portal, character-led and compact. */
.worlds::before{display:none}
.world--learn{background:linear-gradient(122deg,#0d3159 0%,#145da0 58%,#0e76b8 100%)}
.world--learn::before{content:"";position:absolute;width:34rem;aspect-ratio:1;inset:auto -8rem -13rem auto;border:1px solid rgba(205,239,255,.16);border-radius:50%;box-shadow:0 0 0 5rem rgba(46,212,255,.035),0 0 0 10rem rgba(205,239,255,.025);pointer-events:none}
.world--learn .world__copy h3{max-width:8ch;font-weight:900;letter-spacing:-.055em}
.world--learn .world__copy>p:not(.kicker){max-width:34rem;color:rgba(244,250,255,.82)}
.world__art--learn-v2{height:34rem;align-self:center;isolation:isolate}
.world__art--learn-v2::before{content:"";position:absolute;z-index:0;width:26rem;height:26rem;inset:50% 50% auto auto;border:1px solid rgba(205,239,255,.2);border-radius:50%;background:radial-gradient(circle,rgba(46,212,255,.16),rgba(46,212,255,.025) 62%,transparent 63%);transform:translate(50%,-50%)}
.world--learn .world__art--learn-v2>img{z-index:3;width:auto;height:27rem;max-width:none;inset:auto 7% -.2rem auto;filter:drop-shadow(0 1.6rem 1.8rem rgba(6,17,31,.28));transform:none;transition:transform 220ms var(--ease),filter 220ms ease}
.world.is-active .world__art--learn-v2>img{animation:learnGuideIn .42s var(--ease) both}
.learn-portal{position:absolute;z-index:2;width:20rem;inset:3.2rem auto auto 0;padding:1.15rem;border:1px solid rgba(205,239,255,.88);border-radius:1.4rem .55rem 1.4rem 1.4rem;color:var(--night);background:linear-gradient(150deg,#fff,#eaf8ff);box-shadow:0 .48rem 0 rgba(6,17,31,.2),0 1.5rem 3rem rgba(6,17,31,.2),inset 0 0 0 3px rgba(255,255,255,.72);transform:rotate(-1.2deg);transition:transform 220ms var(--ease),box-shadow 220ms ease}
.learn-portal__eyebrow{display:inline-flex;align-items:center;gap:.35rem;color:var(--blue);font-size:.64rem;font-weight:900}
.learn-portal__eyebrow::before{content:"";width:.55rem;height:.55rem;border:2px solid var(--white);border-radius:50%;background:var(--cyan);box-shadow:0 0 0 1px var(--blue)}
.learn-portal>b{display:block;max-width:13ch;margin:.7rem 0 .9rem;font:900 1.55rem/1.08 Rubik,Heebo,sans-serif;letter-spacing:-.035em}
.learn-portal ol{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin:0;padding:0;list-style:none}
.learn-portal ol::before{content:"";position:absolute;height:2px;inset:1.12rem 16% auto;background:rgba(20,93,160,.18)}
.learn-portal li{position:relative;z-index:1;display:grid;justify-items:center;gap:.35rem;color:#587286;font-size:.58rem;font-weight:900}
.learn-portal li i{width:2.2rem;height:2.2rem;display:grid;place-items:center;border:2px solid var(--white);border-radius:50%;color:var(--night);background:var(--ice);box-shadow:0 3px 0 rgba(13,49,89,.22);font-style:normal}
.learn-portal li:first-child i{background:var(--cyan)}
.learn-portal em{min-height:2.8rem;display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding:.65rem .75rem;border-radius:.8rem;color:var(--ice);background:var(--cobalt);font-size:.67rem;font-style:normal;font-weight:900}
.learn-portal em::after{content:"←";width:1.65rem;height:1.65rem;display:grid;place-items:center;border-radius:.5rem;color:var(--night);background:var(--cyan)}
@keyframes learnGuideIn{from{opacity:.72;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.world--learn:hover .learn-portal{transform:translateY(-.3rem) rotate(0);box-shadow:0 .58rem 0 rgba(6,17,31,.22),0 1.8rem 3.2rem rgba(6,17,31,.24),inset 0 0 0 3px rgba(255,255,255,.74)}.world--learn:hover .world__art--learn-v2>img{transform:translateY(-.2rem)}}
@media(max-width:960px){.world--learn{min-height:45rem;padding-top:3rem}.world--learn .world__copy h3{max-width:none}.world__art--learn-v2{width:min(100%,32rem);height:23rem;margin-top:1.2rem}.world__art--learn-v2::before{width:19rem}.world--learn .world__art--learn-v2>img{height:19rem;right:4%;bottom:0}.learn-portal{width:17rem;top:2rem;left:1rem;padding:.9rem}.learn-portal>b{font-size:1.25rem}.learn-portal em{font-size:.6rem}}
@media(max-width:600px){.world--learn{min-height:43rem;padding-top:2.6rem}.world--learn .world__copy>p:not(.kicker){font-size:.9rem;line-height:1.65}.world__art--learn-v2{height:21rem;margin-top:1.35rem}.world__art--learn-v2::before{width:16rem}.world--learn .world__art--learn-v2>img{height:16.8rem;right:0}.learn-portal{width:min(15rem,68vw);top:1.2rem;left:0;padding:.75rem}.learn-portal>b{margin:.5rem 0 .7rem;font-size:1.08rem}.learn-portal ol{gap:.2rem}.learn-portal li{font-size:.52rem}.learn-portal li i{width:1.85rem;height:1.85rem}.learn-portal ol::before{top:.94rem}.learn-portal em{min-height:2.35rem;margin-top:.75rem;padding:.5rem .6rem}.learn-portal em::after{width:1.4rem;height:1.4rem}}
@media(max-width:390px){.world--learn .world__art--learn-v2>img{height:15rem;right:-.3rem}.learn-portal{width:13.8rem}.learn-portal__eyebrow{font-size:.56rem}.learn-portal>b{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.learn-portal,.world--learn .world__art--learn-v2>img{transition:none!important;transform:none!important}}