.teaching-slide.slide-film-demo{container-type:size;padding:14px 2%;overflow:hidden}
.film-demo{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:12px;color:#2c4338}
.film-demo-heading{text-align:center;flex-shrink:0}
.teaching-slide .film-demo-heading>p{margin:0 0 6px;font:600 clamp(9px,1.7cqh,12px)/1.4 var(--sans);letter-spacing:2px;color:#947342}
.teaching-slide .film-demo-heading h2{margin:0;font:750 clamp(23px,5.4cqh,39px)/1.24 var(--serif);color:#2c4338}
.film-demo-heading em{font-style:normal;color:#8d342a}
.film-demo-screen{position:relative;isolation:isolate;aspect-ratio:16/9;width:min(100%,calc((100cqh - 175px)*16/9));flex-shrink:0;min-height:0;border:1px solid #a78a4d;border-radius:18px;overflow:hidden;background:#162a25;box-shadow:0 9px 25px #53442723}
.film-demo-screen .film-demo-poster,.film-demo-screen video{display:block;width:100%;height:100%;object-fit:cover}
.film-demo-screen .film-demo-poster{filter:sepia(.2) saturate(.65);opacity:.8}
.film-demo-screen video{position:absolute;inset:0;z-index:4;object-fit:contain;background:#10221f}
.film-demo-screen video[hidden],.film-demo-badge[hidden]{display:none}
.film-demo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#081e1bea,transparent 65%);pointer-events:none}
.film-demo-badge{position:absolute;top:16px;left:18px;background:#122d28b8;border:1px solid #e2c68580;border-radius:7px;padding:5px 9px;color:#f4dfae;font:600 10px/1.4 var(--sans);letter-spacing:1.2px}
.film-demo-screen .film-demo-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border:1px solid #f4dfb8a6;border-radius:50%;background:#142b27b8;color:#ffe6b4;cursor:pointer;backdrop-filter:blur(5px);transition:background .2s,box-shadow .2s}
.film-demo-play svg{width:32px;height:32px;fill:currentColor;margin-left:3px}
.film-demo-play:hover{background:#a57a35df;box-shadow:0 0 0 8px #ead09b20}
.film-demo-play:focus-visible{outline:3px solid #ffe3a4;outline-offset:5px}
.film-demo-caption{position:absolute;bottom:18px;left:24px;right:20px;pointer-events:none;color:#f4e4bb}
.film-demo-caption>span{font:700 clamp(24px,6cqh,48px)/1 var(--serif);opacity:.8}
.teaching-slide .film-demo-caption>p{margin:7px 0 0;color:#f7e7c3;font:500 clamp(12px,2.8cqh,18px)/1.4 var(--sans)}
.teaching-slide .film-demo-status{margin:0;text-align:center;font:400 clamp(11px,2cqh,13px)/1.5 var(--sans);color:#82734e;min-height:1.5em}
.film-demo-screen.is-playing .film-demo-play,.film-demo-screen.is-playing .film-demo-caption,.film-demo-screen.is-playing .film-demo-badge{display:none}
@media(max-width:720px){.film-demo{justify-content:center}.film-demo-screen{width:100%;border-radius:12px}.film-demo-screen .film-demo-play{width:58px;height:58px}.film-demo-caption{bottom:12px;left:15px}.film-demo-badge{top:10px;left:12px;font-size:9px}.teaching-slide .film-demo-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.film-demo-play{transition:none}}
.teaching-slide.slide-vietnam-film{container-type:size;padding:14px 2%;overflow:hidden}
.teaching-slide.slide-meeting-demo{container-type:size;padding:12px 1%;overflow:hidden}
.meeting-demo{height:100%;min-height:0;width:100%;display:grid;place-items:center}
.teaching-slide .meeting-demo-frame{position:relative;isolation:isolate;margin:0;padding:0;width:min(100%,calc((100cqh - 4px)*16/9));aspect-ratio:16/9;overflow:hidden;border-radius:18px;border:1px solid #ad935b;box-shadow:0 7px 22px #59472722;background:#182b25}
.teaching-slide .meeting-demo-frame img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;margin:0;border:0;border-radius:0;filter:none}
.meeting-demo-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border:1px solid #f4dfb8b3;border-radius:50%;background:#18342cc9;color:#ffe7b8;box-shadow:0 3px 18px #0003;pointer-events:none}
.meeting-demo-play svg{width:32px;height:32px;fill:currentColor;margin-left:3px}
@media(max-width:720px){.meeting-demo-play{width:55px;height:55px}.meeting-demo-play svg{width:26px;height:26px}.teaching-slide .meeting-demo-frame{border-radius:12px}}
.film-demo.has-questions{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;justify-items:center;gap:12px}
.has-questions .film-demo-heading{position:relative;width:100%;padding-right:140px;text-align:left}
.teaching-slide .has-questions .film-demo-heading h2{font-size:clamp(22px,4.8cqh,34px);line-height:1.22}
.has-questions .film-demo-period{position:absolute;right:0;top:50%;transform:translateY(-50%);font:700 clamp(23px,4.5cqh,33px)/1.3 var(--serif);color:#9e7d44;border-bottom:1px solid #c7ad77;padding:6px 0}
.film-demo-questions{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}
.film-demo-questions article{display:flex;gap:12px;align-items:center;border:1px solid #c5ae7b;border-radius:10px;background:#fff9eb88;padding:12px 15px;transition:border-color .2s,background .2s}
.film-demo-questions article:hover{border-color:#99753a;background:#f4e8cc}
.film-demo-questions article>span{color:#ac874a;font:700 25px/1 var(--serif);flex-shrink:0}
.teaching-slide .film-demo-questions p{margin:0;color:#344a3b;font:500 clamp(13px,2.8cqh,18px)/1.55 var(--sans)}
.has-questions .film-demo-screen{height:100%;width:auto;max-width:100%;aspect-ratio:16/9;min-height:0;align-self:center;box-sizing:border-box}
.teaching-slide .has-questions .film-demo-status{font-size:11px}
@container (max-height:550px){.film-demo.has-questions{gap:9px}.film-demo-questions article{padding:9px 12px;gap:9px}.film-demo-questions article>span{font-size:22px}.has-questions .film-demo-heading>p{font-size:9px;margin-bottom:4px}.has-questions .film-demo-caption>span{font-size:24px}}
@media(max-width:720px){.teaching-slide.slide-vietnam-film{container-type:normal;overflow:auto;padding:14px 1%}.film-demo.has-questions{height:auto;min-height:100%;display:flex;justify-content:flex-start;gap:14px}.has-questions .film-demo-heading{padding-right:0}.teaching-slide .has-questions .film-demo-heading h2{font-size:22px}.has-questions .film-demo-period{position:static;display:inline-block;transform:none;font-size:23px;padding:4px 0;margin-top:8px}.film-demo-questions{grid-template-columns:1fr;gap:9px}.film-demo-questions article{padding:11px 12px}.teaching-slide .film-demo-questions p{font-size:15px}.has-questions .film-demo-screen{height:auto;width:100%;flex-shrink:0}.teaching-slide .has-questions .film-demo-status{font-size:11px}}

/* Slide 15 only. The Vietnam-film and meeting-demo layouts above stay shared. */
.teaching-slide:is(.slide-film-demo,.slide-meeting-demo),body.lesson-presenting .teaching-slide:is(.slide-film-demo,.slide-meeting-demo){
 container-type:size;container-name:mt-film-stage;padding:18px 2% 14px;border:1px solid #a6955d;border-radius:6px;
 background:#091e18 url('../../assets/experience/allied/map-background.png') center/cover no-repeat;color:#efd58d;overflow:hidden;
}
.mt-film{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;width:100%;height:100%;min-height:0;isolation:isolate}
.mt-film-heading{text-align:center;position:relative;padding:0 5% 12px;z-index:1}
.teaching-slide .mt-film-heading>p{margin:0 0 6px;font:500 clamp(12px,2.4cqh,21px)/1.3 var(--sans);color:#d4b467;letter-spacing:1px}
.teaching-slide .mt-film-heading h2{margin:0;border:0;font:850 clamp(22px,5.1cqh,48px)/1.17 var(--sans);text-transform:uppercase;color:#edc45d;text-shadow:0 2px 0 #795922,0 4px 7px #000b;text-wrap:balance}
.mt-film-heading h2 em{font:inherit;color:inherit}
.mt-film-heading-line{position:absolute;bottom:0;left:17%;right:17%;height:2px;background:linear-gradient(90deg,transparent,#bf9340 18%,#ffe587 50%,#bf9340 82%,transparent);box-shadow:0 0 12px #e8b94265}
.mt-film-title-row{display:flex;align-items:center;justify-content:center;gap:clamp(6px,.8cqw,15px)}
.mt-film-title-row em{flex:none;white-space:nowrap}
.mt-film-ornament{display:block;flex:0 1 15cqw;width:15cqw;max-width:280px;min-width:0;aspect-ratio:294/47;overflow:hidden}
.mt-film-media{container-type:size;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;width:100%}
.mt-film-frame{position:relative;container-type:inline-size;flex:none;width:min(100cqw,calc(100cqh * 1230 / 720));aspect-ratio:1230/720}
.mt-film-art{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 7px 7px #0008)}
.mt-film-frame .mt-film-play{position:absolute;left:50%;top:49.305556%;width:18.536585%;aspect-ratio:1;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer;transform:translate(-50%,-50%);backdrop-filter:none;transition:filter .18s ease;z-index:3;-webkit-tap-highlight-color:transparent}
.mt-film-play svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:18.536585cqw;height:18.536585cqw;max-width:none;overflow:visible;pointer-events:none}
@media(hover:hover) and (pointer:fine){.mt-film-frame .mt-film-play:hover{filter:brightness(1.16)}}
.mt-film-frame .mt-film-play:active{filter:brightness(1.16)}
.mt-film-frame .mt-film-play:focus-visible{outline:3px solid #ffe6a1;outline-offset:4px;filter:brightness(1.12)}
.mt-film-frame .mt-film-video{position:absolute;left:2.520325%;top:6.527778%;width:94.878049%;height:89.027778%;object-fit:contain;background:#081a16;border-radius:1%;z-index:2}
.mt-film-video[hidden],.mt-film-frame.is-playing .mt-film-play{display:none}
.teaching-slide .mt-film-status{margin:0;min-height:2.6em;display:grid;place-items:center;text-align:center;font:400 clamp(12px,2cqh,18px)/1.35 var(--sans);color:#dfc593;text-wrap:balance}
.mt-film-accessible-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:720px) and (orientation:portrait){
 .teaching-slide:is(.slide-film-demo,.slide-meeting-demo),body.lesson-presenting .teaching-slide:is(.slide-film-demo,.slide-meeting-demo){container-type:inline-size;overflow:auto;padding:22px 12px;min-height:0}
 .mt-film{height:auto;min-height:100%;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:18px}
 .mt-film-heading{padding:0 0 14px}
 .teaching-slide .mt-film-heading>p{font-size:12px;margin-bottom:10px}
 .teaching-slide .mt-film-heading h2{font-size:clamp(20px,5.6cqw,31px);line-height:1.28}
 .mt-film-title-row{display:block}.mt-film-title-row em{white-space:normal}.mt-film-ornament{display:none}
 .mt-film-media{container-type:normal;flex:none}
 .mt-film-frame{width:100%}
 .mt-film-accessible-caption{position:static;clip-path:none;width:auto;height:auto;overflow:visible;white-space:normal;display:flex;justify-content:center;align-items:center;gap:10px;color:#edd394;font:500 13px/1.5 var(--sans);text-wrap:balance}
 .mt-film-accessible-caption strong{font-size:24px}
 .teaching-slide .mt-film-status{font-size:12px;min-height:3em;max-width:43ch;margin:0 auto}
}
@media(max-height:500px) and (orientation:landscape){
 .teaching-slide:is(.slide-film-demo,.slide-meeting-demo),body.lesson-presenting .teaching-slide:is(.slide-film-demo,.slide-meeting-demo){padding:6px 2%;overflow:auto}
 .mt-film{gap:4px}
 .mt-film-heading{padding-bottom:6px}
 .teaching-slide .mt-film-heading>p{font-size:10px;margin-bottom:2px}
 .teaching-slide .mt-film-heading h2{font-size:clamp(16px,5cqh,26px);line-height:1.12}
 .teaching-slide .mt-film-status{font-size:10px;min-height:2.6em}
}
@container mt-film-stage (max-height:180px){
 .mt-film{height:auto;min-height:100%;flex-shrink:0;grid-template-rows:auto auto auto}
 .mt-film-media{container-type:normal}
 .mt-film-frame{width:min(100%,480px)}
}
@media(prefers-reduced-motion:reduce){.mt-film-frame .mt-film-play{transition:none}}

.mt-film-reference-poster{position:absolute;left:1.626016%;top:5.138889%;width:96.585366%;height:92.083333%;object-fit:cover;object-position:center;background:#081a16;border-radius:.6%;z-index:1}

/* Slide 20 keeps the shared artwork fitted to the remaining viewport. */
.teaching-slide.slide-meeting-demo,body.lesson-presenting .teaching-slide.slide-meeting-demo{container-type:size;overflow:auto;min-height:0}
.slide-meeting-demo .mt-film{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:6px}
.slide-meeting-demo .mt-film-media{container-type:size;min-height:0}
.slide-meeting-demo .mt-film-frame{width:min(100cqw,calc(100cqh * 1230 / 720))}
.slide-meeting-demo .mt-film-accessible-caption{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
@media(max-width:720px){
 body:has(.slide-meeting-demo) #hud,body:has(.slide-meeting-demo) #rail,body:has(.slide-meeting-demo) .screen-heading,body:has(.slide-meeting-demo) .notebook-tabs{display:none!important}
 body:has(.slide-meeting-demo) #shell{padding-top:0!important}
 body[data-screen=notebook]:has(.slide-meeting-demo) #screen{height:100dvh;margin:0;padding:5px}
 .teaching-slide.slide-meeting-demo,body.lesson-presenting .teaching-slide.slide-meeting-demo{padding:8px}
 .slide-meeting-demo .mt-film-heading{padding-bottom:6px}
 .teaching-slide.slide-meeting-demo .mt-film-heading h2{font-size:clamp(17px,4.5cqh,25px)}
 .slide-meeting-demo .mt-film-status{font-size:11px}
}
@media(max-width:950px) and (max-height:500px){
 body:has(.slide-meeting-demo) #hud,body:has(.slide-meeting-demo) #rail,body:has(.slide-meeting-demo) .screen-heading,body:has(.slide-meeting-demo) .notebook-tabs{display:none!important}
 body:has(.slide-meeting-demo) #shell{padding-top:0!important}
 body[data-screen=notebook]:has(.slide-meeting-demo) #screen{height:100dvh;margin:0;padding:5px}
}