.sc-section{--cl-classroom-progress:1;--cl-classroom-architecture:1;--cl-classroom-desk:1;--cl-classroom-device:1;--cl-classroom-light:1;--cl-classroom-top:128px;position:relative;background:var(--cl-summer-paper,#fffdf7);color:#203b46;scroll-margin-top:var(--cl-classroom-top)}.sc-stage{position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(300px,1fr) auto;width:100%;min-height:820px;background:#fffdf7}.sc-heading{position:relative;z-index:1;text-align:center;width:min(820px,calc(100% - 36px));margin:30px auto 15px}.summer-landing .sc-heading h2{max-width:21ch;margin-inline:auto;font-size:clamp(28px,7.8vw,44px);line-height:1.08;letter-spacing:-1.1px;font-weight:650;text-wrap:balance}.summer-landing .sc-heading p{max-width:61ch;margin:12px auto 0;font-size:13px;line-height:1.65;color:#5e7070}.sc-theatre{position:relative;grid-row:2;width:100%;min-height:300px;overflow:clip;background:#fffdf7}.sc-theatre:after,.sc-theatre:before{position:absolute;z-index:1;content:"";left:0;right:0;pointer-events:none}.sc-theatre:before{top:0;height:44px;background:linear-gradient(#fffdf7,#fffdf700)}.sc-theatre:after{bottom:0;height:15px;background:linear-gradient(#fffdf700,#fffdf7)}.sc-room{position:absolute;display:block;width:max(100%,900px);height:100%;left:50%;top:0;transform:translateX(-50%);overflow:visible}.sc-room text{font-family:var(--font-inter),Inter,system-ui,sans-serif}.sc-room-laptop{transform-origin:800px 560px}.sc-room-window-left{transform-origin:350px 380px}.sc-room-window-right{transform-origin:1300px 350px}.sc-room-desk{transform-origin:800px 570px}.sc-room-light{transform-origin:350px 90px}.sc-room-front-light,.sc-room-light{pointer-events:none}.sc-scroll-cue{display:none}.sc-content{position:relative;z-index:1;grid-row:3;padding:22px 18px 18px;background:#fffdf7}.sc-story{display:grid;gap:18px;width:min(1100px,100%);margin-inline:auto}.sc-beat{display:flex;gap:12px;min-width:0}.sc-beat-mark{display:grid;flex-shrink:0;place-items:center;width:30px;height:30px;color:#476b60;background:#edf0e6;border-radius:50%}.sc-beat-mark svg{width:15px;height:15px}.summer-landing .sc-beat h3{font-size:14px;font-weight:650;line-height:1.4;letter-spacing:-.2px}.summer-landing .sc-beat p{margin-top:5px;color:#5e7070;font-size:12px;line-height:1.6}.sc-bottom{position:relative;width:min(1240px,100%);margin:20px auto 0;text-align:center}.sc-actions{display:flex;flex-wrap:wrap;gap:7px 20px}.sc-actions,.sc-lesson-link{align-items:center;justify-content:center}.sc-lesson-link{display:inline-flex;gap:8px;min-height:44px;font-size:12px;font-weight:650;text-decoration:underline}.sc-lesson-link svg{width:15px;height:15px}.summer-landing .sc-access{max-width:65ch;margin:10px auto 0;font-size:10px;line-height:1.6;color:#667363;font-variant-numeric:tabular-nums}.sc-motion-toggle{display:block;margin:3px auto 0;min-height:44px;border:0;padding:6px 10px;color:#667363;background:none;font:inherit;font-size:10px;cursor:pointer;text-decoration:underline;transition:opacity .16s ease}.sc-motion-toggle:hover{opacity:.7}.sc-motion-toggle:active{transform:scale(.96)}.sl-classroom-team{padding-block:30px;border-top:0}.sl-classroom-team .sl-team{margin-top:0;padding-top:0;border-top:0}.sc-section[data-motion=full]{min-height:190svh}.sc-section[data-motion=full] .sc-stage{position:sticky;top:var(--cl-classroom-top);height:calc(100svh - var(--cl-classroom-top));min-height:0;grid-template-rows:auto minmax(0,1fr) auto}.sc-section[data-motion=full] .sc-heading{margin-top:14px;margin-bottom:10px}.sc-section[data-motion=full] .sc-heading h2{font-size:clamp(27px,7.4vw,44px)}.sc-section[data-motion=full] .sc-heading p{margin-top:10px;font-size:12px}.sc-section[data-motion=full] .sc-theatre{min-height:0}.sc-section[data-motion=full] .sc-room-window-left{opacity:calc(.35 + var(--cl-classroom-architecture) * .65);transform:translateX(calc((1 - var(--cl-classroom-architecture)) * -54px))}.sc-section[data-motion=full] .sc-room-window-right{opacity:calc(.3 + var(--cl-classroom-architecture) * .7);transform:translateX(calc((1 - var(--cl-classroom-architecture)) * 46px))}.sc-section[data-motion=full] .sc-room-desk{opacity:calc(.55 + var(--cl-classroom-desk) * .45);transform:translateY(calc((1 - var(--cl-classroom-desk)) * 40px))}.sc-section[data-motion=full] .sc-room-laptop{transform:translateY(calc((1 - var(--cl-classroom-device)) * 32px)) scale(calc(.94 + var(--cl-classroom-device) * .06))}.sc-section[data-motion=full] .sc-room-lesson{opacity:calc(.35 + var(--cl-classroom-device) * .65)}.sc-section[data-motion=full] .sc-room-light{opacity:calc(.2 + var(--cl-classroom-light) * .8);transform:translateX(calc((1 - var(--cl-classroom-light)) * -24px))}.sc-section[data-motion=full] .sc-room-front-light{opacity:calc(.1 + var(--cl-classroom-light) * .1)}.sc-section[data-motion=full] .sc-content{padding-top:16px;padding-bottom:6px}.sc-section[data-motion=full] .sc-story{grid-template-columns:1fr;min-height:76px}.sc-section[data-motion=full] .sc-beat{grid-area:1/1;transition:opacity .18s ease}.sc-section[data-motion=full] .sc-beat[data-active=false]{visibility:hidden;opacity:0}.sc-section[data-motion=full] .sc-beat[data-active=true]{visibility:visible;opacity:1}.sc-section[data-motion=full] .sc-beat[data-active=true] .sc-beat-mark{background:#f5d790}.sc-section[data-motion=full] .sc-bottom{margin-top:10px}.sc-section[data-motion=full] .sc-actions .sl-button{min-height:46px;padding:10px 15px;font-size:12px}.sc-section[data-motion=full] .sc-actions{gap:4px 15px}.sc-section[data-motion=full][data-phase=arriving] .sc-scroll-cue{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:7px;left:50%;top:14px;transform:translateX(-50%);white-space:nowrap;font-size:10px;color:#426455;pointer-events:none}.sc-scroll-cue svg{width:12px;height:12px}@media (min-width:640px){.sc-stage{min-height:max(780px,calc(100svh - var(--cl-classroom-top)))}.sc-heading{margin-top:38px}.sc-theatre{min-height:340px}.sc-content{padding:24px 32px 20px}.sc-section[data-motion=full] .sc-story,.sc-story{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.sc-section[data-motion=full] .sc-beat{grid-area:auto;opacity:1;visibility:visible}.sc-section[data-motion=full] .sc-beat[data-active=false]{visibility:visible;opacity:1}.sc-section[data-motion=full] .sc-heading{margin-top:22px;margin-bottom:14px}}@media (min-width:1050px){.sc-section{--cl-classroom-top:82px}.sc-section[data-motion=full]{min-height:215svh}.sc-section[data-motion=full] .sc-heading{margin-top:29px}.summer-landing .sc-heading h2{max-width:none}.sc-section[data-motion=full] .sc-heading p{font-size:13px}.sc-content{padding-inline:48px}.sc-section[data-motion=full] .sc-content{padding-top:23px;padding-bottom:18px}.sc-section[data-motion=full] .sc-actions .sl-button{min-height:48px;font-size:13px}.sc-section[data-motion=full] .sc-motion-toggle{position:absolute;bottom:0;right:0;margin:0}}@media (prefers-reduced-motion:reduce){.sc-section[data-motion=full]{min-height:0}.sc-section[data-motion=full] .sc-stage{position:relative;top:auto;height:auto;min-height:820px;grid-template-rows:auto minmax(300px,1fr) auto}.sc-section[data-motion=full] .sc-story{display:grid;gap:18px}.sc-section[data-motion=full] .sc-beat{grid-area:auto;visibility:visible!important;opacity:1!important}.sc-section .sc-scroll-cue{display:none!important}.sc-section .sc-motion-toggle,.sc-section .sc-room-desk,.sc-section .sc-room-laptop,.sc-section .sc-room-lesson,.sc-section .sc-room-light,.sc-section .sc-room-window-left,.sc-section .sc-room-window-right{transform:none!important;opacity:1!important}}