/* Fixed classroom photograph and atmosphere share a stable viewport coordinate space. */
html{background:#1b2b23}body{position:relative;isolation:isolate;min-height:100vh}
.classroom-background,.classroom-shade,.classroom-atmosphere{position:fixed;inset:0 auto auto 0;width:100%;height:100vh;height:100svh;pointer-events:none}
.classroom-background{z-index:-3}.classroom-background img{display:block;width:100%;height:100%;object-fit:cover}
.classroom-shade{z-index:-2;background:linear-gradient(180deg,#10231955,#15231a12 50%,#10231944)}
.classroom-atmosphere{z-index:-1;contain:paint;overflow:hidden}.classroom-atmosphere canvas{display:block;width:100%;height:100%}
header{background:#17372ee8;border-bottom:1px solid #ba9c60;color:#ffefd1;box-shadow:0 3px 12px #101c1933}header a{color:#ffefd1}
header nav{min-height:44px}header a{display:inline-flex;align-items:center;min-height:44px}header .brand{font-size:26px;font-weight:700;letter-spacing:.025em;line-height:1.3;text-decoration:none}header a:focus-visible{outline-color:#ffe2a3}
main>h1,main>p{color:#fff1d1;text-shadow:0 2px 4px #08180e,0 0 12px #08180e80}
.poster img{border-radius:3px;box-shadow:0 4px 0 #624c2e,0 12px 26px #101b1970}
main>.contact{padding:22px;background:#fff7e8f2;border:1px solid #c9aa6b;border-radius:5px;box-shadow:0 5px 18px #0e201a44;color:#203b32}main>.contact>h2{color:#203b32;text-shadow:none;background:none;border:0;padding:0}
@media(max-width:600px){.classroom-background img{object-position:center top}main>.contact{padding:16px}header .brand{font-size:22px}}
@media(prefers-reduced-motion:reduce){.classroom-atmosphere{display:none}}