/* Native school video players share the institutional palette. */
.school-videos-section{background:var(--paper)}
.school-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start}
.school-video-card{min-width:0;background:#fff;border:1px solid #d8e2db;border-radius:12px;overflow:hidden;scroll-margin-top:120px}
.school-video-frame{aspect-ratio:9/16;background:#102f35;overflow:hidden}
.school-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#102f35}
.school-video-frame video:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
.school-video-copy{padding:25px}
.school-video-copy .life-category{font-size:11px;margin:0 0 14px;letter-spacing:.05em}
.school-video-copy h3{font-size:26px;line-height:1.16;margin:0 0 15px}
.school-video-copy>p:not(.life-category){font-size:14px;line-height:1.8;margin:0 0 18px}
.school-video-copy small{display:block;font-size:11px;line-height:1.6;color:#526970}
.school-video-copy .school-video-error{margin-top:15px;padding:12px;border:1px solid #c08d6d;border-radius:6px;background:#fff4e9;color:#633c28}
.school-video-note{font-size:13px;line-height:1.8;color:#526970;margin:25px 0 0}
.school-video-grid-compact{max-width:780px;margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.school-video-grid-compact+.school-video-note{text-align:center}
.school-video-feature-section{background:var(--mist)}
.school-video-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:clamp(40px,8vw,110px);align-items:center;max-width:980px}
.school-video-feature>div>h2{max-width:560px;margin:20px 0 25px}
.school-video-feature>div>p:not(.eyebrow){font-size:17px;line-height:1.9;max-width:540px;margin-bottom:28px}
.school-video-feature .school-video-copy{padding:20px}
.school-video-feature .school-video-copy h3{font-size:23px}
.school-video-feature .school-video-copy>p:not(.life-category){font-size:13px}
.school-video-feature .school-video-frame{max-height:480px}
.stage-records strong{font-size:13px;font-weight:500}
.life-intro>.container>.text-link{margin-top:25px}
@media(max-width:950px){
  .school-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .school-video-feature{gap:40px}
}
@media(max-width:620px){
  .school-video-grid,.school-video-grid-compact{grid-template-columns:minmax(0,1fr);gap:26px;max-width:380px;margin-inline:auto}
  .school-video-copy{padding:23px}
  .school-video-copy h3{font-size:27px}
  .school-video-feature{grid-template-columns:minmax(0,1fr);gap:30px}
  .school-video-feature>div>p:not(.eyebrow){font-size:16px}
  .school-video-feature .school-video-card{width:100%;max-width:340px;justify-self:center}
  .school-video-feature .school-video-frame{max-height:none}
  .school-video-feature .school-video-copy{padding:23px}
  .school-video-feature .school-video-copy h3{font-size:27px}
  .school-video-feature .school-video-copy>p:not(.life-category){font-size:14px}
}

/* Preserve the architect video's original horizontal framing on every screen. */
.school-video-landscape .school-video-frame{aspect-ratio:16/9;max-height:none}
.school-video-feature-landscape .school-video-feature{max-width:1200px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px}
@media(max-width:767px){.school-video-feature-landscape .school-video-feature{grid-template-columns:minmax(0,1fr);gap:24px}.school-video-feature-landscape .school-video-card{max-width:100%;width:100%}}