/* Films: the native player is the main content; all copy is visible without JS. */
.films-playback{width:min(1320px,calc(100% - var(--gutter)*2));margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0 24px;border-top:1px solid var(--line);padding-block:8px}
.films-playback[hidden]{display:none}.films-playback span{color:var(--grey);font-size:.72rem}.films-playback button{min-height:44px;padding:8px 0;border:0;background:none;text-decoration:underline;text-underline-offset:5px;cursor:pointer;font:inherit;font-size:.75rem;color:var(--ink);touch-action:manipulation}
.film-card-image video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.film-card-image video[data-film-company]{object-fit:contain}.film-card-image video[data-film-company] img{object-fit:contain}
.films-main{padding-top:calc(var(--nav-h) + 26px)}
.film-heading,.film-player,.films-collection-heading{width:min(1320px,calc(100% - var(--gutter)*2));margin-inline:auto}
.film-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;color:var(--grey);font-size:.76rem;margin-bottom:24px}
.film-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.film-heading .sec-eyebrow{margin-bottom:12px}
.film-heading h1{font-size:clamp(1.75rem,3.3vw,3.7rem);letter-spacing:-.045em;line-height:1.12}
.film-deck{color:var(--grey);font-size:clamp(.95rem,1.2vw,1.1rem);margin-top:12px}
.film-player{margin-top:26px}
.film-player video{width:100%;height:auto;max-height:72svh;aspect-ratio:16/9;object-fit:contain;background:#080808;border:1px solid var(--line);border-radius:8px}
.film-player video[data-film-company]{display:block;width:min(100%,940px);aspect-ratio:940/788;margin-inline:auto}
.film-story-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:calc(1320px + var(--gutter)*2);margin-inline:auto;padding-top:0;padding-bottom:60px}.film-story-images img{display:block;width:100%;height:auto;border-radius:6px}.film-story-images figcaption{font-size:.8rem;line-height:1.5;margin-top:12px}.film-story-images figcaption span{display:block;color:var(--grey);font-size:.7rem;margin-top:5px}@media(max-width:760px){.film-story-images{grid-template-columns:1fr;gap:28px}}
.film-player .film-youtube{display:block;width:100%;height:auto;min-height:200px;aspect-ratio:16/9;background:#080808;border:1px solid var(--line);border-radius:8px}.film-external-link{margin-top:12px;font-size:.78rem;color:var(--grey)}
.film-youtube-mount{position:relative;min-height:200px;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#080808}.film-youtube-mount>img{width:100%;height:100%;object-fit:cover}.film-youtube-mount>button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;cursor:pointer}.film-youtube-mount>button[hidden]{display:none}
.film-player figcaption{color:var(--grey);font-size:.8rem;line-height:1.65;margin-top:16px;max-width:95ch}
.film-context,.film-source,.film-next{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,100px);max-width:calc(1320px + var(--gutter)*2);margin-inline:auto}
.film-context h2,.film-source h2,.film-next h2,.films-note h2{font-size:clamp(1.8rem,3vw,3rem)}
.film-context-head .btn-ghost{margin-top:28px}
.film-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:32px}
.film-facts dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--grey);margin-bottom:9px}
.film-facts dd{font-family:var(--display);font-size:clamp(1rem,1.6vw,1.45rem);font-weight:500;line-height:1.4}
.film-chapter+.film-chapter{margin-top:28px}.film-chapter h3{font-size:1rem;margin-bottom:10px;letter-spacing:-.015em}.film-chapter p,.film-source p,.film-next p,.films-note>p:not(.sec-eyebrow){color:var(--grey);font-size:.95rem}
.film-expertise{padding-top:24px}
.film-source{padding-top:0;padding-bottom:60px}.film-source>div{border-top:1px solid var(--line);padding-top:30px}.film-source .film-credit{font-size:.75rem;margin-top:28px}
.film-next{border-top:1px solid var(--line);padding-block:52px 80px}.film-next p:not(.sec-eyebrow){margin-block:18px}.film-next .btn,.film-next .btn-ghost{margin-top:10px}
.films-collection-heading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px clamp(24px,4vw,56px);align-items:end;padding-block:12px 28px}.films-collection-title .sec-eyebrow{margin-bottom:14px}.films-collection-heading h1{font-size:clamp(2.35rem,4.2vw,4rem);line-height:1.06;letter-spacing:-.045em;margin:0}.films-collection-heading h1 .h-it{white-space:nowrap}.films-collection-intro{padding-bottom:3px;max-width:48ch}.films-collection-intro p{color:var(--grey);font-size:.92rem;line-height:1.7;margin:0 0 12px}.films-collection-intro>a{display:inline-flex;align-items:center;gap:20px;min-height:44px;border-bottom:1px solid var(--line);font-size:.78rem}
.films-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);max-width:calc(1320px + var(--gutter)*2);margin-inline:auto;padding-top:18px;padding-bottom:60px}
.film-card{width:100%;min-width:0}.film-card-link{display:block}.film-card-image{width:100%;position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--line);aspect-ratio:16/9;background:#080808}.film-card-image img{width:100%;height:100%;object-fit:cover}.film-card-play{position:absolute;left:24px;bottom:24px;display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:14px}.film-card-duration{position:absolute;right:18px;bottom:18px;font-size:.7rem;padding:5px 10px;background:rgba(0,0,0,.75);border-radius:4px;color:#fff}
.film-card-copy{padding-top:22px}.film-card-copy .sec-eyebrow{font-size:.6rem;letter-spacing:.09em;margin-bottom:12px}.film-card-copy h2{font-size:clamp(1.6rem,2.6vw,2.65rem)}.film-card-copy>p:not(.sec-eyebrow){margin-top:10px;color:var(--grey);font-size:.92rem}.film-card-action{display:inline-flex;gap:40px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-top:24px;font-size:.8rem}.film-card-link:hover .film-card-action{border-color:var(--gold);color:var(--gold)}
.films-note{max-width:calc(1320px + var(--gutter)*2);margin-inline:auto;padding-top:30px}.films-note>p:not(.sec-eyebrow){max-width:70ch;margin-block:24px}
@media(min-width:1500px){.film-player{max-width:1200px}.film-heading{max-width:1200px}}
@media(max-width:760px){.films-main{padding-top:calc(var(--nav-h) + 20px)}.film-breadcrumb{margin-bottom:20px;font-size:.68rem;gap:8px}.film-heading .sec-eyebrow{font-size:.59rem;letter-spacing:.08em}.film-heading h1{font-size:clamp(1.6rem,6.8vw,2.8rem)}.film-player{margin-top:20px}.film-player video{border-radius:5px}.film-player figcaption{font-size:.74rem;margin-top:13px}.film-context,.film-source,.film-next{grid-template-columns:1fr;gap:30px}.film-context{padding-block:44px}.film-facts{gap:14px}.film-facts dd{font-size:.9rem}.film-facts dt{font-size:.61rem}.film-source{padding-bottom:44px}.film-source>div+div{border-top:0;padding-top:0}.film-next{padding-block:40px 52px;gap:44px}.films-collection-heading{padding-top:20px}.films-grid{grid-template-columns:1fr;gap:44px;padding-top:36px}.film-card-copy .sec-eyebrow{font-size:.57rem}.film-card-play{width:44px;height:44px;left:16px;bottom:16px}.film-card-copy h2{font-size:2rem}}

@media(min-width:761px) and (max-width:900px){.films-collection-heading{grid-template-columns:1fr;gap:18px}.films-collection-intro{max-width:64ch}}
@media(max-width:760px){.films-collection-heading{grid-template-columns:1fr;gap:18px;padding-block:4px 16px}.films-collection-heading h1{font-size:clamp(2.15rem,8vw,2.75rem)}.films-collection-title .sec-eyebrow{font-size:.57rem;letter-spacing:.1em;margin-bottom:10px}.films-collection-intro p{font-size:.85rem;margin-bottom:4px}.films-playback{gap:0 12px;padding-block:4px}.films-playback span,.films-playback button{font-size:.75rem}.films-grid{padding-top:14px;gap:32px}.film-card-copy{padding-top:16px}.film-card-copy h2{font-size:1.6rem}.film-card-action{margin-top:14px}}
/* Lissieu uses the same visible-preview lifecycle as the native films. */
.film-card-image [data-film-youtube]{position:relative;width:100%;height:100%;min-height:200px}.film-card-image:has([data-film-youtube]){min-height:200px}.film-card-image .film-youtube{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.film-youtube-mount>.film-youtube{position:absolute;inset:0;width:100%;height:100%}.film-youtube-mount>button{z-index:1}