/* School-specific screen compositions use the shared case-study design */
.school-case .phone-viewport{aspect-ratio:750 / 1624;background:#000}
.school-feed-demo{--stage-duration:12s;--cycle-duration:36s}
.school-homework-demo{--stage-duration:6s;--cycle-duration:24s}
.school-scene{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;animation:school-stage-three var(--cycle-duration) step-end infinite;animation-delay:calc(var(--scene-step) * var(--stage-duration) - var(--cycle-duration))}
.school-homework-demo .school-scene{animation-name:school-stage-four}
.school-feed-scroll{animation:school-feed-travel var(--cycle-duration) cubic-bezier(.35,0,.3,1) infinite;animation-delay:calc(var(--scene-step) * var(--stage-duration) - var(--cycle-duration));will-change:transform}
.school-case img.school-trim{width:103.733333%;max-width:none;margin:-1.866667% 0 -1.866667% -1.866667%}
@keyframes school-stage-three{0%,33.332%{opacity:1;visibility:visible}33.333%,100%{opacity:0;visibility:hidden}}
@keyframes school-stage-four{0%,24.999%{opacity:1;visibility:visible}25%,100%{opacity:0;visibility:hidden}}
@keyframes school-feed-travel{0%,5%{transform:translateY(0)}26%,33.332%{transform:translateY(calc(-1 * var(--scroll-distance)))}33.333%,100%{transform:translateY(0)}}
.school-stage-demo[data-view] .school-scene{animation:none;opacity:0;visibility:hidden;pointer-events:none}
.school-stage-demo[data-view] .school-feed-scroll{animation:none;transform:none;will-change:auto}
.school-stage-demo[data-view="student"] [data-scene="student"],
.school-stage-demo[data-view="parent"] [data-scene="parent"],
.school-stage-demo[data-view="morning"] [data-scene="morning"],
.school-stage-demo[data-view="progress"] [data-scene="progress"],
.school-stage-demo[data-view="complete"] [data-scene="complete"],
.school-stage-demo[data-view="compose"] [data-scene="compose"],
.school-stage-demo[data-view="received"] [data-scene="received"]{opacity:1;visibility:visible;pointer-events:auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.school-case .school-report-window{aspect-ratio:520 / 1130;background:#fafbfd}
.school-case .school-report-window img{position:absolute;max-width:none;width:553.846154%;height:auto;left:-308.461538%;top:-498.40708%}
.school-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:640px){.school-result-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.school-scene,.school-feed-scroll{animation:none!important}.school-feed-scroll{transform:none;will-change:auto}}