/* A single truthful AI demo, with the poster extracted from the same clip. */
.classroom-section{padding-block:85px 110px}
.classroom-section .section-heading{margin-bottom:36px}
.classroom-section h2{font-size:clamp(30px,4.3vw,54px)}
.classroom-film{margin:0}
.classroom-player{position:relative;isolation:isolate;aspect-ratio:16/9;background:var(--surface);overflow:hidden;border-radius:12px}
.classroom-player video{display:block;width:100%;height:100%;object-fit:contain}
.classroom-play{position:absolute;inset:0 0 48px;display:flex;align-items:center;justify-content:center;gap:14px;background:#05070d33;border:0;color:white;font-size:14px;text-shadow:0 1px 5px #000}
.classroom-play>span:first-child{width:64px;height:64px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;background:#05070dba;font-size:20px;padding-left:4px;backdrop-filter:blur(8px)}
.classroom-play>span:last-child{padding:8px 12px;border-radius:6px;background:#05070dba}
.classroom-play:hover>span:first-child{background:#173150}
.classroom-play:focus-visible{outline:3px solid var(--cyan);outline-offset:-6px}
.classroom-film figcaption{display:flex;gap:14px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:12px;margin-top:18px}
.ai-film-label{color:#c5e8ff;border-left:2px solid var(--cyan);padding-left:10px}
.media-error{color:#ffc3b8;font-size:13px;margin-top:16px}
@media(max-width:700px){.classroom-section{padding-block:65px 75px}.classroom-section .section-heading{margin-bottom:26px}.classroom-player{border-radius:7px}.classroom-play{gap:10px;font-size:12px}.classroom-play>span:first-child{width:48px;height:48px;font-size:16px}.classroom-film figcaption{gap:8px 14px;line-height:1.8}}