.dd-films{padding-top:var(--dd-section-y);--dd-films-item-w:var(--dd-films-card-w);--dd-films-ratio:var(--ratio-card);--dd-films-cols:3;--dd-films-rail-w:min(78vw, 420px);overflow-x:clip}.dd-films[data-variant=strip]{--dd-films-item-w:var(--dd-strip-frame-w);--dd-films-ratio:var(--ratio-tile);--dd-films-cols:2;--dd-films-rail-w:min(84vw, 560px)}.dd-films-run,.dd-films-stage{position:relative}.dd-films-stage-head,.dd-films-progress{display:none}.dd-films-track{grid-template-columns:repeat(var(--dd-films-cols), minmax(0, 1fr));gap:var(--dd-films-gap);width:100%;max-width:calc(var(--dd-content-max) + 2 * var(--dd-gutter));padding:0 var(--dd-gutter) var(--dd-section-y);margin:0 auto;list-style:none;display:grid;position:relative}@media (max-width:809px){.dd-films-track{grid-template-columns:1fr}}.dd-films-item{min-width:0}.dd-films-card{color:inherit;border-radius:var(--dd-radius-frame);display:block}.dd-films-frame{aspect-ratio:var(--dd-films-ratio);background:var(--dd-band-ground);border-radius:var(--dd-radius-frame);clip-path:inset(var(--frame-letterbox) 0);transition:clip-path var(--dur-media) var(--dd-ease-in-out);position:relative;overflow:clip}.dd-films-frame picture,.dd-films-frame img{object-fit:cover;width:100%;height:100%;display:block}.dd-films-frame img{transition:scale var(--dur-media) var(--dd-ease-out)}.dd-films-item[data-dd-open] :is(.dd-films-frame,.dd-card-media){clip-path:inset(0)}.dd-films-item[data-dd-current] :is(.dd-films-frame,.dd-card-media) img{scale:var(--dd-zoom-media)}@media (hover:hover) and (pointer:fine){.dd-films-item:hover .dd-films-frame{clip-path:inset(0)}.dd-films-item:hover .dd-films-frame img{scale:var(--dd-zoom-media)}}.dd-films-matte{gap:6px;padding:16px 2px 0;display:grid}.dd-films-meta{align-items:baseline;gap:12px;display:flex}.dd-films-tc{color:var(--dd-text-muted)}:is(.dd-films-matte,.dd-card-matte)>*{transition:opacity var(--dur-reveal-fade) var(--dd-ease-out), translate var(--dur-reveal) var(--dd-ease-out)}:is(.dd-films-matte,.dd-card-matte)>:not(:first-child){transition-delay:var(--step-item)}.dd-films-run:is([data-dd-act=armed],[data-dd-rail]) .dd-films-item:not([data-dd-in]) :is(.dd-films-matte,.dd-card-matte)>:not(.dd-lines){opacity:0;translate:0 var(--dd-rise-text)}.dd-films-run[data-dd-act=armed] .dd-films-item:not([data-dd-in]) .dd-line{translate:0 var(--dd-mask-line)}.dd-films-run:is([data-dd-act=armed],[data-dd-rail]) .dd-films-item{opacity:1;translate:none}.dd-films-progress{justify-content:flex-end;align-items:center;min-height:40px;padding-top:14px;position:relative}.dd-films-progress:before,.dd-films-hairline{content:"";top:0;left:var(--dd-gutter);right:var(--dd-gutter);height:1px;position:absolute}.dd-films-progress:before{background:var(--dd-border)}.dd-films-hairline{background:var(--dd-blue);transform-origin:0;transform:scaleX(0)}.dd-films-counter{color:var(--dd-text-muted)}.dd-films-mark{min-height:44px;color:var(--dd-text-secondary);cursor:pointer;transition:color var(--dur-ui) var(--dd-ease-out);padding:0 2px;position:relative}.dd-films-mark:after{content:"";background:var(--dd-blue);clip-path:inset(0 100% 0 0);height:1px;transition:clip-path var(--dur-draw) var(--dd-ease-in-out);position:absolute;bottom:9px;left:0;right:0}.dd-films-mark[aria-current=true]{color:var(--dd-text)}.dd-films-mark[aria-current=true]:after{clip-path:inset(0)}@media (hover:hover) and (pointer:fine){.dd-films-mark:hover{color:var(--dd-text)}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and ((max-width:809px) or (pointer:coarse)){.dd-films-run[data-dd-act] .dd-films-track{max-width:none;padding:0 calc(50% - var(--dd-films-rail-w) / 2) 8px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:start;display:flex;overflow:auto clip}.dd-films-run[data-dd-act] .dd-films-item{flex:0 0 var(--dd-films-rail-w);scroll-snap-align:center}.dd-films-run[data-dd-act] .dd-films-progress{padding-bottom:var(--dd-section-y);display:flex}@media (pointer:fine){.dd-films-run[data-dd-act] .dd-films-track{scrollbar-width:thin}}}.dd-films-run[data-dd-act=armed]{height:var(--dd-act-films-h);height:min(var(--dd-films-run-h,var(--dd-act-films-h)), var(--dd-act-films-h))}.dd-films-run[data-dd-act=armed] .dd-films-stage{top:var(--header-h);height:calc(100vh - var(--header-h));height:calc(100svh - var(--header-h));background:var(--dd-canvas);grid-template-rows:auto 1fr auto;grid-template-columns:100%;align-items:center;padding:12px 0 20px;display:grid;position:sticky;overflow-x:clip}.dd-films-run[data-dd-act=armed] .dd-films-stage-head{grid-row:1;align-items:center;gap:28px;min-height:44px;display:flex}.dd-films-run[data-dd-act=armed] .dd-films-track{align-items:center;gap:var(--dd-films-gap);width:max-content;max-width:none;padding:0 calc(50% - var(--dd-films-item-w) / 2);grid-row:2;justify-self:start;margin:0;transition:none;display:flex}.dd-films-run[data-dd-act=armed] .dd-films-item{flex:0 0 var(--dd-films-item-w);transition:none}.dd-films-run[data-dd-act=armed] .dd-films-progress{grid-row:3;display:flex}@media (prefers-reduced-motion:reduce){.dd-films-frame,.dd-films-frame img,.dd-films-mark,.dd-films-mark:after,:is(.dd-films-matte,.dd-card-matte)>*{transition:none!important}.dd-films-frame img{scale:1!important}:is(.dd-films-matte,.dd-card-matte)>*{opacity:1!important;translate:none!important}}