.campaign-media{isolation:isolate;background:#080b0d;width:100%;height:100%;position:relative;overflow:hidden}.campaign-media picture{width:100%;height:100%;display:block}.campaign-media img,.campaign-media video{object-fit:contain;object-position:center;width:100%;height:100%}.campaign-media video{opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.campaign-media.is-playing video{opacity:1}@media (prefers-reduced-motion:reduce){.campaign-media video{transition:none;display:none}}.film-index{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:7%;margin-top:4px;display:grid}.film-index-group>h2{letter-spacing:.095em;margin-bottom:24px;font-size:.68rem}.film-index-group+.film-index-group{margin-top:45px}.film-index-group ol{border-top:1px solid #85858065;margin:0;padding:0;list-style:none}.film-index-group li{border-bottom:1px solid #85858050}.film-index-link{outline-offset:5px;justify-content:space-between;align-items:center;gap:22px;min-height:99px;padding:19px 0;display:flex}.film-index-name{min-width:0;display:block}.film-index-client{letter-spacing:-.04em;font-size:clamp(1.55rem,2.5vw,2.25rem);font-weight:500;line-height:1.1;display:block}.film-index-campaign{letter-spacing:-.01em;color:#a9ada6;margin-top:7px;font-size:.77rem;line-height:1.45;display:block}.film-index-link>svg{color:#989e93;width:23px;height:23px;transition:transform .22s,color .22s}.film-index-link[data-active] .film-index-client,.film-index-link:hover .film-index-client{color:#fff}.film-index-link[data-active]>svg,.film-index-link:hover>svg,.film-index-link:focus-visible>svg{color:var(--ivory);transform:translate(3px,-3px)rotate(-45deg)}.film-index-thumbnail{display:none}.film-index-preview{min-width:0;position:sticky;top:32px}.film-index-preview-sticky>header{color:#a9ada6;justify-content:space-between;align-items:center;gap:25px;min-height:18px;margin-bottom:24px;display:flex}.film-index-preview-sticky>header .eyebrow{font-size:.6rem;font-weight:450}.film-index-counter{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:.64rem}.film-index-media-stage{aspect-ratio:16/11;background:#080b0d;width:100%;height:auto;max-height:430px}.film-index-preview-caption{justify-content:space-between;align-items:center;gap:25px;min-height:88px;padding-top:19px;display:flex}.film-index-preview-caption>span>span{font-size:.93rem;line-height:1.3;display:block}.film-index-preview-caption .film-index-preview-client{text-transform:uppercase;letter-spacing:.12em;color:#a9ada6;margin-bottom:8px;font-size:.56rem}.film-index-preview-caption>svg{width:22px;height:22px}.preview-toggle{color:#b6bbb0;text-underline-offset:5px;background:0 0;border:0;min-height:44px;padding:10px 0;font-size:.68rem;line-height:1.4;text-decoration:underline #85858065}.preview-toggle:hover{text-decoration-color:currentColor}.preview-toggle[hidden]{display:none}.preview-toggle:disabled{opacity:.5;cursor:default}.film-index-preview-sticky>.preview-toggle[hidden]{visibility:hidden;pointer-events:none;display:block}@media (width<=1000px){.film-index{gap:5%}.film-index-client{font-size:1.65rem}.film-index-campaign{font-size:.72rem}.film-index-link{min-height:94px}.film-index-media-stage{aspect-ratio:4/3}}@media (width<=800px){.film-index{display:block}.film-index-preview{display:none}.film-index-group>h2{margin-bottom:20px}.film-index-group+.film-index-group{margin-top:35px}.film-index-link{grid-template-columns:88px minmax(0,1fr) 22px;gap:20px;min-height:106px;padding:16px 0;display:grid}.film-index-thumbnail{object-fit:contain;background:#080b0d;width:88px;height:70px;display:block}.film-index-client{font-size:1.65rem}.film-index-campaign{font-size:.77rem}}@media (width<=600px){.film-index-link{grid-template-columns:72px minmax(0,1fr) 17px;gap:15px;min-height:96px;padding:14px 0}.film-index-thumbnail{width:72px;height:64px}.film-index-client{font-size:1.45rem}.film-index-campaign{margin-top:6px;font-size:.72rem;line-height:1.4}.film-index-link>svg{width:17px;height:17px}}@media (prefers-reduced-motion:reduce){.film-index-link>svg{transition:none}.film-index-link:hover>svg,.film-index-link:focus-visible>svg{transform:rotate(-45deg)}}
