/* All films visible at once; full portrait playback without a decorative frame. */
.video-stories{border-top:1px solid var(--line);padding-top:48px}
.video-stories__intro{margin-bottom:36px;max-width:56ch}
.video-stories__intro p{font:400 15px/1.8 var(--ui);margin-top:18px}
.video-stories__panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.video-story{min-width:0}
.video-story>video{display:block;background:#07100d;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border:0;border-radius:0}
.video-story video[hidden]{display:none}
.video-story h3{font:350 clamp(25px,2.5vw,33px)/1.2 var(--display);margin:20px 0 12px}
.video-story>p{font:400 14px/1.75 var(--ui);max-width:46ch}
.video-story details{border-top:1px solid var(--line);margin-top:20px}
.video-story summary{font:400 12px/1.6 var(--ui);padding:12px 0;cursor:pointer;min-height:44px}
.video-story details p{font:400 14px/1.8 var(--ui);margin:12px 0 20px}
.film-play{display:block;position:relative;isolation:isolate;width:100%;aspect-ratio:9/14;padding:0;overflow:hidden;background:#122620;color:#fff;border:0;border-radius:4px;text-align:left;cursor:pointer}
.film-play img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%;transition:transform 350ms ease}
.film-play::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none}
.film-play__label{position:absolute;bottom:22px;left:16px;right:12px;z-index:1;font:500 13px/1.5 var(--ui)}
.film-play__duration{position:absolute;top:12px;right:12px;padding:4px 8px;background:rgba(7,16,13,.8);color:#fff;font:400 11px/1.5 var(--mono);border-radius:3px}
.film-play:focus-visible{outline:3px solid var(--forest);outline-offset:5px}
.film-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100svh - 24px);padding:12px;background:#091610;color:#F0E8D5;border:0;border-radius:4px;overflow:auto;overscroll-behavior:contain}
.film-dialog::backdrop{background:rgba(3,10,7,.9)}
.film-dialog__close{display:block;margin:0 0 8px auto;min-height:44px;padding:8px 14px;border:1px solid #a6b4ab;background:transparent;color:inherit;font:400 13px var(--ui);cursor:pointer}
.film-dialog__close:focus-visible{outline:2px solid #F0E8D5;outline-offset:2px}
.film-dialog__player{display:flex;justify-content:center}
.film-dialog video{display:block;max-width:100%;width:min(100%,40.5svh,416px);height:auto;aspect-ratio:9/16;object-fit:contain;background:#000;border:0;border-radius:0}
.film-dialog__title{font:350 21px/1.3 var(--display);margin:12px 4px 4px}
@media(hover:hover){.film-play:hover img{transform:scale(1.035)}.film-play:hover .film-play__label{text-decoration:underline;text-underline-offset:4px}}
@media(max-width:1050px){.video-stories__panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}
@media(max-width:480px){.video-stories__panels{gap:28px 14px}.video-story h3{font-size:25px}.video-story>p{font-size:13px}.film-play__label{font-size:12px;left:10px;bottom:14px}.film-play__duration{top:8px;right:8px}.video-story details p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.film-play img{transition:none}.film-play:hover img{transform:none}}
@media print{.film-play,.film-dialog{display:none}.video-story>video[hidden]{display:block}.video-stories__panels{grid-template-columns:1fr 1fr}}
.film-play::before{content:'▶';position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:52px;height:52px;padding-left:3px;box-sizing:border-box;transform:translate(-50%,-50%);border:1px solid rgba(240,232,213,.85);border-radius:50%;background:rgba(9,22,16,.65);color:#F0E8D5;font:18px/1 var(--ui);pointer-events:none}