/* Home "03 — The whole school" (2026-11-09): the founders' full upgrade of a NSW public school. One full-screen still
   drone photo (the user turned down a zoom-on-scroll), words at the bottom-left. Tall screens get the photo turned 90°
   (img/school-aerial-tall-*), which a straight-down shot allows. Only index.html loads this file. */
.sch{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:#0a0d0c;color:#eef1ea}
.sch picture,.sch-img{position:absolute;inset:0;width:100%;height:100%;display:block}
.sch-img{object-fit:cover;object-position:50% 50%}
/* darker at the bottom-left where the words sit, a little at the top for the menu */
.sch-shade{position:absolute;inset:0;pointer-events:none;background:
 linear-gradient(to top,rgba(8,10,9,.88) 0%,rgba(8,10,9,.55) 28%,rgba(8,10,9,0) 58%),
 linear-gradient(to right,rgba(8,10,9,.45) 0%,rgba(8,10,9,0) 55%),
 linear-gradient(to bottom,rgba(8,10,9,.45) 0%,rgba(8,10,9,0) 18%)}

.sch-copy{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(2.2rem,8vh,5rem);max-width:1500px}
.sch-lab{color:rgba(238,241,234,.72);margin-bottom:1rem}
.sch h2{font-size:clamp(3.1rem,8.4vw,9rem);line-height:1.0;color:#eef1ea}
.sch h2>span{display:block;white-space:nowrap}
.sch-a{font-size:.62em;letter-spacing:-.035em;margin-bottom:.06em}
/* the line under it: one phrase per line (broken by meaning, never by width) */
.sch-sub{margin-top:clamp(1rem,2.4vh,1.6rem);font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.38;color:rgba(238,241,234,.86)}
.sch-sub span{display:block}

/* the words fade up once when the section comes into view (js/home-school.js adds .in) */
.js .sch-lab,.js .sch h2>span,.js .sch-sub span{opacity:0;transform:translateY(.5em);transition:opacity 1s var(--e),transform 1s var(--e)}
.js .sch.in .sch-lab,.js .sch.in h2>span,.js .sch.in .sch-sub span{opacity:1;transform:none}
.js .sch.in .sch-a{transition-delay:.1s}.js .sch.in .sch-b{transition-delay:.35s}
.js .sch.in .sch-sub span:nth-child(1){transition-delay:.6s}.js .sch.in .sch-sub span:nth-child(2){transition-delay:.7s}
.js .sch.in .sch-sub span:nth-child(3){transition-delay:.8s}.js .sch.in .sch-sub span:nth-child(4){transition-delay:.9s}

@media (max-width:700px){
 .sch-copy{bottom:clamp(1.6rem,5vh,2.6rem)}
 .sch h2{font-size:clamp(2.6rem,12.6vw,4.2rem)}
 .sch-sub{font-size:1rem}
 .sch-shade{background:linear-gradient(to top,rgba(8,10,9,.9) 0%,rgba(8,10,9,.6) 34%,rgba(8,10,9,0) 62%),linear-gradient(to bottom,rgba(8,10,9,.5) 0%,rgba(8,10,9,0) 20%)}
}
@media (prefers-reduced-motion:reduce){.js .sch-lab,.js .sch h2>span,.js .sch-sub span{opacity:1;transform:none;transition:none}}