.levels-page{color:var(--navy);background:var(--white);overflow:clip}.levels-intro{background:radial-gradient(circle at 8% 15%, #60b4671f, transparent 28%), radial-gradient(circle at 92% 8%, #d337411a, transparent 24%), var(--white);padding:clamp(4.5rem,8vw,7.5rem) 0 clamp(2.75rem,5vw,4.5rem);position:relative}.levels-intro-copy{text-align:center;width:min(100%,900px);margin-inline:auto}.levels-intro .eyebrow{color:var(--green)}.levels-intro h1{color:var(--navy);text-wrap:balance;margin-bottom:1.25rem;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(2.7rem,6vw,5.7rem);line-height:1.03}.levels-intro-copy>p:not(.eyebrow){max-width:760px;color:var(--muted);margin-inline:auto;font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.7}.levels-selector{background:var(--white);padding-bottom:clamp(4.5rem,8vw,7.5rem)}.levels-panels{background:var(--white);border-radius:clamp(18px,2vw,28px);gap:5px;height:clamp(500px,55vw,680px);display:flex;overflow:hidden;box-shadow:0 28px 70px #201c512e}.level-panel{--panel-color:var(--navy);isolation:isolate;min-width:0;color:var(--white);background:var(--panel-color);flex:1 1 0;text-decoration:none;transition:flex .65s cubic-bezier(.2,.75,.2,1),filter .36s;position:relative;overflow:hidden}.level-panel-green{--panel-color:var(--green)}.level-panel-red{--panel-color:var(--red)}.level-panel-blue{--panel-color:var(--navy)}.level-panel img{z-index:-2;object-fit:cover;width:100%;height:100%;transition:transform .75s cubic-bezier(.2,.75,.2,1),filter .45s;position:absolute;inset:0}.level-panel:before{content:"";z-index:-1;background:linear-gradient(180deg, transparent 20%, #201c511a 45%, #201c51d1 100%), linear-gradient(135deg, color-mix(in srgb, var(--panel-color) 80%, transparent), transparent 70%);transition:background .42s,opacity .42s;position:absolute;inset:0}.level-panel:after{content:"";background:var(--panel-color);transform-origin:0;width:54px;height:6px;transition:width .48s,background .32s;position:absolute;top:2rem;left:2rem;box-shadow:0 0 0 1px #ffffff29}.level-panel-content{text-shadow:0 2px 16px #00000047;padding:clamp(1.6rem,3vw,2.7rem);position:absolute;bottom:0;left:0;right:0}.level-panel-label{letter-spacing:.14em;text-transform:uppercase;margin-bottom:.25rem;font:700 .83rem/1 Titillium Web,sans-serif;display:block}.level-panel h2{color:var(--white);margin:0;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(2rem,4vw,4.15rem);line-height:1.02}.level-panel-detail{opacity:0;gap:.65rem;max-width:600px;margin-top:1rem;transition:opacity .32s 80ms,transform .42s 80ms;display:grid;transform:translateY(18px)}.level-panel-detail p{max-width:560px;margin:0;font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.5}.level-panel-detail span{letter-spacing:.025em;font-weight:700}.level-panel:focus-visible{z-index:3;outline:4px solid var(--white);outline-offset:-8px;flex-grow:2.45}.level-panel:focus-visible img{filter:saturate(.82);transform:scale(1.045)}.level-panel:focus-visible:before{background:linear-gradient(135deg, color-mix(in srgb, var(--panel-color) 88%, transparent), #201c51c7)}.level-panel:focus-visible:after{background:var(--white);width:120px}.level-panel:focus-visible .level-panel-detail{opacity:1;transform:none}.levels-panels:has(.level-panel:focus-visible) .level-panel:not(:focus-visible){filter:saturate(.65);flex-grow:.72}.levels-manifesto{color:var(--white);background:var(--navy);padding:clamp(4.5rem,9vw,8rem) 0;position:relative;overflow:hidden}.levels-manifesto:before,.levels-manifesto:after{content:"";aspect-ratio:1;border:1px solid #ffffff1f;border-radius:50%;width:clamp(160px,24vw,360px);position:absolute}.levels-manifesto:before{top:-45%;left:-6%}.levels-manifesto:after{bottom:-55%;right:-5%}.levels-manifesto-inner{z-index:1;text-align:center;position:relative}.levels-manifesto h2{color:var(--white);margin-bottom:1rem;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(2.3rem,5.5vw,5.2rem);line-height:1.08}.levels-manifesto h2 span{display:inline-block}.levels-manifesto h2 span:first-child{color:var(--light-green)}.levels-manifesto h2 span:nth-child(2){color:var(--white)}.levels-manifesto h2 span:nth-child(3){color:var(--pink)}.levels-manifesto h2 span:nth-child(4){color:var(--white)}.levels-manifesto p{color:#ffffffd6;max-width:760px;margin-inline:auto;font-size:clamp(1.05rem,1.7vw,1.3rem)}.level-detail{--level-accent:var(--green);padding:clamp(5rem,9vw,8.5rem) 0;scroll-margin-top:7rem;position:relative}.level-detail:nth-of-type(2n){background:#201c510a}.level-detail-red{--level-accent:var(--red)}.level-detail-blue{--level-accent:var(--navy)}.level-detail-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);display:grid}.level-detail.is-reversed .level-detail-media{order:2}.level-detail-media{position:relative}.level-detail-media:before{content:"";z-index:0;background:var(--level-accent);opacity:.18;border-radius:22px;position:absolute;inset:24px -24px -24px 24px}.level-detail-media img{z-index:1;aspect-ratio:3/2;object-fit:cover;border-radius:22px;width:100%;display:block;position:relative;box-shadow:0 24px 58px #201c512e}.level-detail-copy{position:relative}.level-detail-copy .eyebrow{color:var(--level-accent)}.level-detail-copy h2{color:var(--navy);margin-bottom:1.35rem;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(2.2rem,4.2vw,4.25rem);line-height:1.08}.level-detail-copy h3{color:var(--navy);margin:2rem 0 .7rem;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(1.35rem,2vw,1.8rem)}.level-detail-copy p,.level-detail-copy li{color:var(--muted);font-size:1.04rem;line-height:1.7}.level-detail-copy ul{gap:.5rem;padding-left:1.2rem;display:grid}.level-detail-copy li::marker{color:var(--level-accent)}.level-highlight{color:var(--navy);background:color-mix(in srgb, var(--level-accent) 12%, var(--white));border-left:5px solid var(--level-accent);border-radius:0 14px 14px 0;margin-top:2rem;padding:1.35rem 1.45rem;font-weight:700}.preschool-tools{grid-template-columns:repeat(3,1fr);gap:.85rem;margin-top:1.6rem;display:grid}.preschool-tool{background:var(--white);border:1px solid #201c511f;border-top:4px solid var(--green);border-radius:14px;min-height:150px;padding:1.15rem;transition:color .26s,background .26s,border-color .26s,transform .26s;box-shadow:0 10px 26px #201c5114}.preschool-tool:focus-visible{color:var(--white);background:var(--green);border-color:var(--green);outline:3px solid var(--navy);outline-offset:4px;transform:translateY(-5px)}.preschool-tool:focus-visible h3,.preschool-tool:focus-visible p{color:var(--white)}.preschool-tool h3{margin:0 0 .55rem;font-family:Titillium Web,sans-serif;font-size:1.05rem}.preschool-tool p{margin:0;font-size:.94rem;line-height:1.5}.primary-phases{gap:1rem;margin-top:1.8rem;display:grid}.primary-phase{background:var(--white);border:1px solid #d3374138;border-radius:14px;padding:1.35rem}.primary-phase strong{color:var(--red);margin-bottom:.45rem;font-size:1.08rem;display:inline-block}.level-cefr{min-width:64px;min-height:44px;color:var(--white);background:var(--level-accent);border-radius:999px;justify-content:center;align-items:center;margin-right:.65rem;font-weight:800;display:inline-flex}.levels-reveal.is-reveal-pending{opacity:0;transform:translateY(34px)}.levels-reveal.reveal-from-left.is-reveal-pending{transform:translate(-44px)}.levels-reveal.reveal-from-right.is-reveal-pending{transform:translate(44px)}.levels-reveal.is-visible{animation:levels-reveal-in .72s cubic-bezier(.2, .75, .2, 1) var(--levels-reveal-delay,0s) both}@media (hover:hover) and (pointer:fine){.level-panel:hover{z-index:2;flex-grow:2.45}.level-panel:hover img{filter:saturate(.82);transform:scale(1.045)}.level-panel:hover:before{background:linear-gradient(135deg, color-mix(in srgb, var(--panel-color) 88%, transparent), #201c51c7)}.level-panel:hover:after{background:var(--white);width:120px}.level-panel:hover .level-panel-detail{opacity:1;transform:none}.levels-panels:has(.level-panel:hover) .level-panel:not(:hover){filter:saturate(.65);flex-grow:.72}.preschool-tool:hover{color:var(--white);background:var(--green);border-color:var(--green);transform:translateY(-5px)}.preschool-tool:hover h3,.preschool-tool:hover p{color:var(--white)}}@media (width<=900px){.levels-panels{height:auto;box-shadow:none;background:0 0;border-radius:0;gap:1rem;display:grid;overflow:visible}.level-panel,.level-panel:focus-visible{border-radius:20px;flex:none;min-height:420px}.level-panel-detail{opacity:1;transform:none}.level-panel:before{background:linear-gradient(180deg, transparent 5%, color-mix(in srgb, var(--panel-color) 35%, transparent) 48%, #201c51e6 100%)}.level-detail-layout{grid-template-columns:1fr}.level-detail.is-reversed .level-detail-media{order:0}}@media (width<=640px){.levels-intro{padding-top:3.75rem}.levels-intro h1{font-size:clamp(2.5rem,13vw,3.8rem)}.level-panel,.level-panel:focus-visible{min-height:390px}.level-panel:after{top:1.5rem;left:1.5rem}.level-panel-content{padding:1.5rem}.level-panel h2{font-size:clamp(2.2rem,12vw,3.5rem)}.levels-manifesto h2 span{display:block}.level-detail-media:before{inset:14px -10px -14px 10px}.preschool-tools{grid-template-columns:1fr}.level-detail-copy p,.level-detail-copy li{font-size:1rem}}@media (hover:none){.level-panel:active{transform:scale(.992)}}@keyframes levels-reveal-in{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.level-panel,.level-panel img,.level-panel:before,.level-panel:after,.level-panel-detail,.preschool-tool{transition:none}.levels-reveal.is-visible{animation:none}.levels-reveal.is-reveal-pending{opacity:1;transform:none}}