/* Real footage has its own quiet viewing surface; no global navigation or PDP rules. */
.story-films-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;align-items:start}
[data-story-film]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;min-width:0;margin:0;isolation:isolate;background:#181b18;color:#f8f4eb}
[data-story-film]>video{grid-area:1/1;display:block;width:100%;height:auto;min-width:0;aspect-ratio:16/10;object-fit:contain;background:#111410;max-height:80svh}
[data-story-film][data-film-orientation="portrait"]>video{aspect-ratio:9/16;max-height:520px;max-height:min(520px,75svh)}
[data-story-film]>[data-film-play]{grid-area:1/1;position:relative;z-index:1;justify-self:center;align-self:center;display:flex;align-items:center;justify-content:center;gap:11px;min-width:122px;min-height:54px;padding:16px 21px;border:1px solid rgb(249 246 235 / .75);border-radius:100px;background:rgb(20 24 20 / .68);color:#fffdf7;font:inherit;font-size:12px;letter-spacing:.02em;line-height:1.2;cursor:pointer;backdrop-filter:blur(10px);transition:background .15s ease,border-color .15s ease}
[data-story-film]>[data-film-play]::before{content:"";width:0;height:0;border-block:6px solid transparent;border-left:9px solid currentColor;flex:none}
[data-story-film]>[data-film-play]:hover{background:#f4efe3;border-color:#f4efe3;color:#16251d}
[data-story-film]>[data-film-play]:focus-visible,[data-story-film] [data-film-sound]:focus-visible,[data-story-film] a:focus-visible,[data-story-film]>video:focus-visible{outline:2px solid #f4df9a;outline-offset:5px}
[data-story-film][data-film-state="playing"]>[data-film-play],
[data-story-film][data-film-state="loading"]>[data-film-play]{justify-self:end;align-self:start;margin:14px;min-width:0;min-height:40px;padding:11px 14px;font-size:11px;background:rgb(20 24 20 / .8)}
[data-story-film][data-film-state="playing"]>[data-film-play]::before,
[data-story-film][data-film-state="loading"]>[data-film-play]::before{width:8px;height:10px;border:0;border-inline:3px solid currentColor;box-sizing:border-box}
[data-story-film] .story-film-caption{padding:25px 26px 10px;background:#181b18;color:#f8f4eb}
[data-story-film] .story-film-caption .sc-kicker,[data-story-film] .story-film-caption .eyebrow{margin:0 0 10px;color:#c9cbbd;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
[data-story-film] .story-film-caption h3{font:inherit;font-size:clamp(24px,2.5vw,35px);font-weight:400;letter-spacing:-.025em;line-height:1.16;margin:0 0 12px;color:inherit}
[data-story-film] .story-film-caption p{color:#d2d3c8;font-size:13px;line-height:1.7;margin:0 0 14px;max-width:56ch}
[data-story-film] .story-film-caption a{display:inline-flex;gap:9px;align-items:center;min-height:36px;color:#f8f4eb;text-decoration:none;border-bottom:1px solid #8d9788;font-size:12px;line-height:1.6}
[data-story-film] [data-film-status]{grid-column:1;margin:0;min-height:20px;padding:0 26px 16px;color:#d2d3c8;font-size:11px;line-height:1.6}
[data-story-film] [data-film-status]:empty{min-height:0;padding-bottom:10px}
[data-story-film] [data-film-sound]{justify-self:start;margin:0 26px 16px;padding:8px 0;border:0;border-bottom:1px solid #8d9788;background:transparent;color:#f8f4eb;font:inherit;font-size:11px;min-height:36px;cursor:pointer}
[data-story-film] [hidden]{display:none!important}
@media(max-width:760px){.story-films-grid{grid-template-columns:minmax(0,1fr);gap:28px}[data-story-film] .story-film-caption{padding:21px 20px 8px}[data-story-film] .story-film-caption h3{font-size:28px}[data-story-film] [data-film-status]{padding-inline:20px}[data-story-film] [data-film-sound]{margin-inline:20px}[data-story-film]>video{aspect-ratio:4/3}[data-story-film][data-film-orientation="portrait"]>video{aspect-ratio:3/4;max-height:78svh}[data-story-film][data-film-state="playing"]>[data-film-play],[data-story-film][data-film-state="loading"]>[data-film-play]{margin:10px}}
@media(prefers-reduced-motion:reduce){[data-story-film]>[data-film-play]{transition:none}}
.story-films-grid:has(>[data-story-film]:only-child){grid-template-columns:minmax(0,1fr);max-width:1440px;margin-inline:auto}
.story-films-grid>[data-story-film]:only-child>video{aspect-ratio:16/9;max-height:none}