.teaching-slide.slide-vietnam-film,body.lesson-presenting .teaching-slide.slide-vietnam-film{container-type:size;container-name:vietnam-film-stage;padding:18px 2.4% 14px;overflow:hidden;border:1px solid #a6955d;border-radius:6px;background:#091e18 url('../../assets/experience/allied/map-background.png') center/cover no-repeat;color:#efd58d}
.vn-film-stage{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;isolation:isolate}
.vn-film-heading{position:relative;min-width:0;padding-bottom:12px}
.teaching-slide .vn-film-heading>p{margin:0 0 6px;font:500 clamp(12px,2.4cqh,23px)/1.3 var(--sans);color:#d6b770}
.teaching-slide .vn-film-heading h2{margin:0;font:800 clamp(22px,4.9cqh,45px)/1.18 var(--sans);color:#edc45d;text-transform:uppercase;text-shadow:0 2px #795922,0 4px 7px #000b}
.vn-film-title-first{display:block;padding-right:27%;text-wrap:balance}
.vn-film-subtitle-text{white-space:nowrap}
.vn-film-title-ending{display:inline-flex;align-items:center;gap:clamp(6px,.8cqw,15px);vertical-align:baseline}
.vn-film-title-owner{white-space:nowrap}
.vn-film-title-ornament{display:block;flex:none;width:15cqw;max-width:290px;height:auto;aspect-ratio:294/47;overflow:hidden}
.vn-film-era{position:absolute;right:0;top:0;font:750 clamp(29px,9cqh,86px)/1.1 var(--sans);color:#d4b66e;white-space:nowrap}
.vn-film-heading-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#d9b258 25%,#ffe186 45%,transparent 90%);box-shadow:0 0 10px #deb04c66}
.vn-film-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0}
.vn-film-question{position:relative;display:block;width:100%;min-width:44px;min-height:44px;aspect-ratio:918/130;padding:0;border:0;border-radius:10px;background:transparent;box-shadow:none;cursor:pointer;transition:filter .18s ease}
.vn-film-question-frame{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
@media(hover:hover) and (pointer:fine){.vn-film-question:hover{filter:brightness(1.12)}}
.vn-film-question:focus-visible{outline:2px solid #ecd092;outline-offset:3px}
.vn-film-media{container-type:size;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}
.vn-film-frame{position:relative;container-type:inline-size;flex:none;width:min(100cqw,calc(100cqh * 998 / 581));aspect-ratio:998/581}
.vn-film-art{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 6px 8px #0008)}
.vn-film-frame .vn-film-play{position:absolute;left:49.8998%;top:49.22547%;width:17.83567%;min-width:44px;min-height:44px;aspect-ratio:1;border:0;border-radius:50%;padding:0;background:transparent;box-shadow:none;transform:translate(-50%,-50%);cursor:pointer;z-index:3;transition:filter .18s ease;-webkit-tap-highlight-color:transparent}
.vn-film-play svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:17.83567cqw;height:17.83567cqw;max-width:none;overflow:visible;pointer-events:none}
@media(hover:hover) and (pointer:fine){.vn-film-frame .vn-film-play:hover{filter:brightness(1.16)}}
.vn-film-frame .vn-film-play:active{filter:brightness(1.16)}
.vn-film-frame .vn-film-play:focus-visible{outline:3px solid #ffe6a1;outline-offset:4px;filter:brightness(1.12)}
.vn-film-video{position:absolute;left:2.50501%;top:6.540448%;width:94.58918%;height:88.81239%;object-fit:contain;background:#081a16;border-radius:1%;z-index:2}
.vn-film-video[hidden],.vn-film-frame.is-playing .vn-film-play{display:none}
.teaching-slide .vn-film-status{margin:0;min-height:2.6em;display:grid;place-items:center;text-align:center;font:400 clamp(11px,2cqh,18px)/1.35 var(--sans);color:#dfc593;text-wrap:balance}
.vn-film-accessible-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@container vietnam-film-stage (max-height:600px){
 .vn-film-stage{gap:7px}.teaching-slide .vn-film-heading h2{font-size:clamp(20px,4.7cqh,29px)}
}
@media(max-width:1100px) and (min-width:721px){
 .vn-film-title-first{padding-right:30%}.teaching-slide .vn-film-heading h2{font-size:clamp(22px,3.75cqh,33px)}
 .vn-film-title-ornament{width:12cqw}.vn-film-era{font-size:clamp(30px,6.8cqh,62px)}
 .vn-film-subtitle-text{white-space:normal}
}
@media(max-width:720px) and (orientation:portrait){
 .teaching-slide.slide-vietnam-film,body.lesson-presenting .teaching-slide.slide-vietnam-film{container-type:inline-size;padding:18px 12px;overflow:auto;min-height:0}
 .vn-film-stage{height:auto;min-height:100%;display:flex;flex-direction:column;flex-shrink:0;gap:14px}
 .teaching-slide .vn-film-heading>p{font-size:12px;margin-bottom:9px}.teaching-slide .vn-film-heading h2{font-size:clamp(20px,5.6cqw,29px);line-height:1.3}
 .vn-film-title-first{padding-right:0;text-wrap:balance}.vn-film-subtitle-text{white-space:normal}
 .vn-film-title-ending{gap:8px}.vn-film-title-ornament{width:90px;max-width:none}
 .vn-film-era{position:static;display:block;margin-top:9px;text-align:right;font-size:31px}
 .vn-film-questions{grid-template-columns:1fr;gap:8px}
 .vn-film-media{container-type:normal;flex:none}.vn-film-frame{width:100%}
 .vn-film-accessible-caption{position:static;clip-path:none;width:auto;height:auto;overflow:visible;white-space:normal;margin:0;text-align:center;font:500 12px/1.4 var(--sans);color:#e0c58d}
 .teaching-slide .vn-film-status{font-size:11px;min-height:3em}
}
@container vietnam-film-stage (max-height:340px){
 .vn-film-stage{height:auto;min-height:100%;flex-shrink:0;grid-template-rows:auto auto minmax(220px,1fr) auto}
 .vn-film-media{container-type:normal;min-height:220px}.vn-film-frame{width:min(100%,440px)}
}
@media(max-height:500px) and (orientation:landscape){
 .teaching-slide.slide-vietnam-film,body.lesson-presenting .teaching-slide.slide-vietnam-film{overflow:auto;padding:10px 2%}
 .vn-film-era{font-size:30px}.teaching-slide .vn-film-heading h2{font-size:21px}.teaching-slide .vn-film-heading>p{font-size:11px}
 .vn-film-title-first{padding-right:180px}.vn-film-subtitle-text{white-space:normal}.vn-film-title-ornament{width:110px}
 .teaching-slide .vn-film-status{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.vn-film-frame .vn-film-play,.vn-film-question{transition:none}}