.sc{aspect-ratio:1;width:min(100%,520px);margin:0 auto;position:relative}.sc>*{position:absolute}.sc-buddy{width:52%;bottom:9%;left:50%;transform:translate(-50%)}.sc .buddy{width:100%;height:auto}.sc-in{--a:clamp(0, calc((var(--l,0) - var(--at,0)) * 6), 1);opacity:var(--a);transform:translateY(calc((1 - var(--a)) * 20px))}.sw-chapter .b-pupil{transform:translateX(calc((var(--l,.5) - .5) * 3px))}.sc-moon{aspect-ratio:1;width:14%;transform:translateY(calc(var(--l,0) * -30%));background:#fff1d6;border-radius:50%;top:8%;right:12%;box-shadow:0 0 60px #fff1d680}.sc-desk__top{background:#24396b;border-radius:12px;height:5%;bottom:7%;left:6%;right:6%}.sc-desk__leg{background:#182a57;width:4%;height:7%;bottom:0}.sc-desk__leg--l{left:12%}.sc-desk__leg--r{right:12%}.sc-lamp{background:linear-gradient(#f2b84b 0 22%,#0000 22%),linear-gradient(90deg,#0000 44%,#5e6e86 44% 56%,#0000 56%);border-radius:8px 8px 0 0;width:10%;height:30%;bottom:12%;left:8%}.sc-lamp:after{content:"";width:280%;height:120%;opacity:calc(.5 + var(--l,0) * .5);background:radial-gradient(closest-side,#f2b84b59,#0000);position:absolute;top:20%;left:-90%}.sc-paper{background:#fff;border-radius:4px;width:16%;height:11%;bottom:12%}.sc-paper--a{transform:rotate(calc(-14deg + var(--l,0) * 10deg));left:20%}.sc-paper--b{transform:rotate(calc(18deg - var(--l,0) * 14deg)) translateY(calc(var(--l,0) * -12%));right:10%}.sc-paper--c{transform:rotate(calc(6deg - var(--l,0) * 6deg));background:#e2f4f1;bottom:14%;right:20%}.sc-bubble{color:#0b1a3a;white-space:nowrap;background:#fff;border-radius:1.2em;margin:0;padding:.5em 1em;font-size:clamp(.8rem,2.2vw,1.05rem);font-weight:700}.sc-bubble--1{--at:.1;top:24%;left:0%}.sc-bubble--2{--at:.35;top:13%;right:0%}.sc-bubble--3{--at:.6;top:1%;left:12%}.sc-moon--big{width:18%;top:-6%;right:4%}.sc-cal{grid-template-columns:repeat(5,1fr);gap:2%;height:26%;margin:0;padding:0;list-style:none;display:grid;top:12%;left:6%;right:6%}.sc-cal li{text-align:center;color:#ffffffb3;background:#ffffff14;border-radius:10px;padding:6% 0 0;font-size:clamp(.6rem,1.6vw,.8rem)}.sc-chip{text-align:center;color:#0b1a3a;border-radius:8px;width:15.2%;padding:.25em 0;font-size:clamp(.55rem,1.5vw,.75rem);font-weight:600}.sc-chip--a{transform:translate(calc(var(--l,0) * 234%), calc(var(--l,0) * 20%)) rotate(calc((1 - var(--l,0)) * -8deg));background:#e2f4f1;top:21%;left:7.4%}.sc-chip--b{transform:translate(calc(var(--l,0) * -117%), calc(var(--l,0) * -150%)) rotate(calc((1 - var(--l,0)) * 10deg));background:#fff1d6;top:29%;left:25.2%}.sc-chip--c{transform:translate(calc(var(--l,0) * 117%), calc(var(--l,0) * 60%)) rotate(calc((1 - var(--l,0)) * 6deg));background:#fde8ef;top:19%;left:60.8%}.sc-chip--d{transform:translate(calc(var(--l,0) * -117%), calc(var(--l,0) * -120%)) rotate(calc((1 - var(--l,0)) * -12deg));background:#e2f4f1;top:31%;left:78.6%}.sc-week{grid-template-columns:repeat(6,1fr);gap:3%;height:40%;margin:0;padding:0;list-style:none;display:grid;top:8%;left:6%;right:6%}.sc-week li{text-align:center;color:#ffffffbf;grid-template-rows:1fr auto;gap:6%;font-size:clamp(.6rem,1.6vw,.8rem);display:grid}.sc-week i{transform-origin:bottom;background:#2fafa3;border-radius:8px;display:block}.sc-week__train i{transform:scaleY(calc(1 - var(--l,0) * .45));background:#f2b84b}.sc-week__match i{transform:scaleY(calc(1 - var(--l,0) * .92));background:#eb4573}.sc-ball{aspect-ratio:1;background:#fff;border-radius:50%;width:10%;bottom:9%;right:10%;box-shadow:inset -6px -6px #0b1a3a26}@media (prefers-reduced-motion:no-preference){.sc-ball{animation:1.1s cubic-bezier(.5,0,.5,1) infinite alternate sc-bounce}}@keyframes sc-bounce{0%{transform:translateY(0)}to{transform:translateY(-140%)}}.sc-clock{aspect-ratio:1;border:5px solid #fff;border-radius:50%;width:22%;top:6%;left:50%;transform:translate(-50%)}.sc-clock i{transform-origin:bottom;width:5px;height:40%;transform:rotate(calc(var(--l,0) * 360deg));background:#eb4573;border-radius:3px;margin-left:-2.5px;position:absolute;bottom:50%;left:50%}.sc-prof{text-align:center;--a:clamp(0, calc(1 - max(var(--l,0) - var(--c), var(--c) - var(--l,0)) * 5), 1);width:30%;opacity:calc(.45 + var(--a) * .55);transform:scale(calc(.82 + var(--a) * .22));font-size:clamp(.65rem,1.7vw,.85rem);font-weight:600;bottom:10%}.sc-prof--1{--c:.18;left:2%}.sc-prof--2{--c:.5;left:35%}.sc-prof--3{--c:.82;right:2%}.sc-sign{--at:.3;color:#0f2147;text-align:center;background:#fff;border-radius:14px;width:44%;margin-left:-22%;padding:.5em 0;font-size:clamp(.8rem,2.2vw,1.05rem);font-weight:800;top:8%;left:50%}.sc-friend{--a:clamp(0, calc((var(--l,0) - .15) * 3), 1);width:30%;opacity:var(--a);bottom:9%}.sc-friend--teo{transform:translateX(calc((1 - var(--a)) * -60%));left:0}.sc-friend--nina{transform:translateX(calc((1 - var(--a)) * 60%));right:0}
.sw-root{--p:0;--v:1;--l:1;margin-top:calc(var(--header-h) * -1);color:#fff;background:#070f26;position:relative}.sw-viewport{position:relative;overflow:hidden}.sw-sky,.sw-sky i{position:absolute;inset:0}.sw-sky{background:linear-gradient(#070f26 0%,#0f2147 100%)}.sw-sky__dawn{opacity:clamp(0, calc((var(--p) - .3) * 4), 1);background:linear-gradient(#14204d 0%,#4a2f63 100%)}.sw-sky__day{opacity:clamp(0, calc((var(--p) - .62) * 4), 1);background:linear-gradient(#0f2f55 0%,#17645f 100%)}.sw-sky__glow{background:radial-gradient(60% 50% at 70% 45%,#eb457338,#0000 70%)}.sw-particles{transform:translateY(calc(var(--p) * -8%));position:absolute;inset:-10% 0}.sw-pt{background:#ffffff80;border-radius:50%;position:absolute}.sw-pt--ring{background:0 0;border:1.5px solid #2fafa3b3}.sw-chapters{margin:0;padding:0;list-style:none;position:relative}.sw-chapter{align-items:center;gap:2rem;max-width:72rem;margin:0 auto;padding:4rem 1.25rem;display:grid}.sw-copy__num{letter-spacing:.2em;color:#fff9;font-variant-numeric:tabular-nums;font-size:.8rem}.sw-copy__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#f2b84b;margin-top:.5rem;font-size:.75rem;font-weight:700}.sw-copy__title{letter-spacing:-.02em;text-wrap:balance;margin-top:.75rem;font-size:clamp(1.9rem,4.6vw,3.4rem);font-weight:800;line-height:1.1}.sw-copy__body{color:#ffffffd9;max-width:34rem;margin-top:1rem;font-size:clamp(1rem,1.5vw,1.15rem)}.sw-copy__tags{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.sw-copy__tags li{background:#ffffff1a;border-radius:999px;padding:.3rem .8rem;font-size:.8rem}.sw-copy .btn{margin-top:1.5rem}.sw-chapter:first-child{align-content:center;min-height:100svh;padding-top:5.5rem;padding-bottom:2rem}@media (min-width:900px){.sw-chapter{grid-template-columns:minmax(0,6fr) minmax(0,5fr);padding:5rem 2rem}.sw-copy{order:-1}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-height:520px){.sw-root{--v:0;--l:0;height:calc(var(--sw-count) * 100vh)}.sw-root .sw-viewport{height:100svh;position:sticky;top:0}.sw-root .sw-chapters{height:100%}.sw-root .sw-chapter{opacity:var(--v);padding-top:5.5rem;padding-bottom:2rem;position:absolute;inset:0}.sw-root .sw-chapter:first-child{--v:1}.sw-root .sw-chapter{pointer-events:none}.sw-root .sw-chapter[data-active=true],.sw-root:not(.is-live) .sw-chapter:first-child{pointer-events:auto}.sw-root .sw-scene{transform:scale(calc(.94 + var(--v) * .06)) translateY(calc((1 - var(--v)) * 18px))}.sw-root .sw-copy{transform:translateY(calc((1 - var(--v)) * 28px))}@media (max-width:899px){.sw-root .sw-chapter{align-content:center;gap:1rem}.sw-root .sc{width:min(70vw,34svh)}}}.sw-route{gap:.9rem;display:grid;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.sw-route__dot{cursor:pointer;background:#ffffff59;border:0;border-radius:50%;width:12px;height:12px;position:relative}.sw-route__dot:before{content:"";position:absolute;inset:-8px}.sw-route__dot[aria-current]{background:#eb4573;box-shadow:0 0 0 4px #eb45734d}.sw-route__label{white-space:nowrap;color:#fff;opacity:0;pointer-events:none;font-size:.75rem;transition:opacity .25s;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.sw-route__dot[aria-current] .sw-route__label,.sw-route__dot:hover .sw-route__label,.sw-route__dot:focus-visible .sw-route__label{opacity:1}.sw-hint{letter-spacing:.3em;text-transform:uppercase;color:#ffffffb3;opacity:clamp(0, calc(1 - var(--p) * 20), 1);font-size:.7rem;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}@media (max-width:899px){.sw-route{right:.6rem}.sw-route__label{display:none}}@media (prefers-reduced-motion:no-preference){.sw-pt{animation:9s ease-in-out infinite sw-drift}}@keyframes sw-drift{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.9;transform:translateY(-18px)}}