/* All essential content is visible before JavaScript and at every scroll position. */
.hero-scene{perspective:1100px;--look-x:0;--look-y:0}
.motion-ready .hero .scene-back{transform:translate3d(0,calc(var(--motion-p,0)*-24px),-35px) rotate(calc(var(--motion-p,0)*-3deg));transform-origin:50% 65%}
.motion-ready .hero .classroom-photo{transform:translate3d(calc(var(--look-x)*9px),calc(var(--motion-p,0)*-60px + var(--look-y)*7px),0) rotateY(calc(var(--look-x)*-5deg)) rotate(calc(var(--motion-p,0)*4deg)) scale(calc(1 + var(--motion-p,0)*.055));transform-origin:60% 60%}
.motion-ready .hero .lecture-photo{transform:translate3d(calc(var(--look-x)*-13px),calc(var(--motion-p,0)*42px + var(--look-y)*-9px),28px) rotate(calc(var(--motion-p,0)*-7deg));transform-origin:center}
.motion-ready .hero .scene-frame{transform:translateY(calc(var(--motion-p,0)*-16px))}
.motion-ready .course-hub .course-card{transform:translateY(calc((1 - min(1,var(--motion-p,0)*3))*var(--card-rise))) rotate(calc((1 - min(1,var(--motion-p,0)*3))*var(--card-angle)));transition:background .2s ease}
.course-hub .course-card:nth-child(1){--card-rise:25px;--card-angle:-3deg}.course-hub .course-card:nth-child(2){--card-rise:55px;--card-angle:2deg}.course-hub .course-card:nth-child(3){--card-rise:85px;--card-angle:-2deg}.course-hub .course-card:nth-child(4){--card-rise:115px;--card-angle:3deg}
.teacher-navigator{position:sticky;top:83px;z-index:12;background:#153c34;padding-top:12px;box-shadow:0 15px 20px #153c3420}
.teacher-navigator .filter-bar{margin-bottom:24px;padding-top:12px;border-top:0;padding-bottom:16px}
.reading-trail{display:none;position:relative;align-items:center;justify-content:space-between;gap:16px;padding:9px 0 16px;font-size:12px;color:#cbdacd}
.motion-ready .reading-trail{display:flex}.reading-trail strong{color:#f6f6f0;font-weight:550;margin-left:12px}.reading-trail a{display:flex;align-items:center;gap:10px;min-height:36px}
.trail-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#537369;overflow:hidden}.trail-track i{display:block;width:100%;height:100%;background:#d5f17a;transform:scaleX(var(--reading-p,0));transform-origin:left}
.teacher{outline:2px solid transparent;outline-offset:4px;transition:outline-color .2s ease}.motion-ready .teacher.reading-active{outline-color:#b5d773}
.motion-ready .photo-spread figure:first-child{transform:translateY(calc((.5 - var(--motion-p,0))*65px)) rotate(calc((.5 - var(--motion-p,0))*-3deg))}
.motion-ready .photo-spread figure:nth-child(2){transform:translateY(calc((.5 - var(--motion-p,0))*-65px)) rotate(calc((.5 - var(--motion-p,0))*3deg))}
.photo-spread{padding-block:25px}.contact-finish{position:relative;display:inline-block}.contact-finish:after{content:'';position:absolute;bottom:-.16em;left:0;width:95%;height:3px;background:currentColor;transform:scaleX(1);transform-origin:left}
.motion-ready .contact-finish:after{transform:scaleX(min(1,calc(var(--motion-p,0)*3)))}
@media(max-width:900px){.teacher-navigator{top:83px}.course-hub .course-card:nth-child(n){--card-rise:35px;--card-angle:0deg}}
@media(max-width:600px){.teacher-navigator{top:71px;padding-top:4px}.teacher-navigator .filter-bar{flex-direction:row;align-items:center;gap:0;padding-block:8px;margin-bottom:22px}.teacher-navigator #teacher-count{display:none}.reading-trail{font-size:10px;padding:5px 0 10px;gap:8px}.reading-trail strong{display:block;margin:0;font-size:12px;max-width:205px}.reading-trail a{white-space:nowrap;font-size:11px}.hero-scene{perspective:none}.motion-ready .hero .classroom-photo{transform:translateY(calc(var(--motion-p,0)*-18px)) rotate(calc(var(--motion-p,0)*2deg))}.motion-ready .hero .lecture-photo{transform:translateY(calc(var(--motion-p,0)*14px)) rotate(calc(var(--motion-p,0)*-3deg))}.motion-ready .hero .scene-back{transform:translateY(calc(var(--motion-p,0)*-10px))}.motion-ready .photo-spread figure:first-child{transform:translateY(calc((.5 - var(--motion-p,0))*24px))}.motion-ready .photo-spread figure:nth-child(2){transform:translateY(calc((.5 - var(--motion-p,0))*-24px))}.photo-spread{padding-block:10px}}
@media(prefers-reduced-motion:reduce){.motion-ready .hero-scene>*,.motion-ready .course-hub .course-card,.motion-ready .photo-spread figure{transform:none!important}.motion-ready .contact-finish:after{transform:none}.teacher{transition:none}.teacher-navigator{position:static}}
@media print{.teacher-navigator{position:static}.reading-trail{display:none!important}}