.films{padding:168px 0 clamp(96px,10vw,150px)}.films-head h1{margin-top:22px;max-width:14ch;font-size:clamp(50px,6.6vw,104px);line-height:.96;letter-spacing:-.018em}.films-head h1 em{color:#f3dfb8}.films-lede{max-width:58ch;margin:28px 0 0;font-size:17.5px;line-height:1.7;color:var(--ivory-muted)}.films-summary{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:40px;padding-top:28px;border-top:1px solid var(--ink-line);color:var(--ivory-muted);font-size:14px}.films-summary strong{margin-inline-end:8px;font:300 34px/1 var(--serif);color:var(--ivory);vertical-align:-3px}.films-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(56px,6vw,84px)}.films-filter button{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 18px;border:1px solid var(--ink-line);border-radius:999px;background:transparent;color:var(--ivory-muted);cursor:pointer;font:500 12.5px/1 var(--sans);letter-spacing:.04em;transition:border-color .3s,color .3s,background-color .3s}.films-filter button small{font-size:11px;color:#efe9df6b;font-variant-numeric:tabular-nums}.films-filter button:hover{color:var(--ivory);border-color:#efe9df5c}.films-filter button[aria-pressed=true]{background:var(--ivory);border-color:var(--ivory);color:var(--ink)}.films-filter button[aria-pressed=true] small{color:#0f0e0c80}.films-play{margin-top:28px}.films-play svg{width:13px;height:13px}.films-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,4vw,64px) clamp(24px,2.6vw,40px);margin-top:clamp(40px,4vw,56px)}.film-card{display:grid;align-content:start;gap:22px}.film-card-frame{position:relative;display:block;width:100%;aspect-ratio:16 / 9;padding:0;border:0;border-radius:3px;overflow:hidden;background:#050505;cursor:pointer;isolation:isolate;box-shadow:0 30px 70px -40px #000c,0 0 0 1px #efe9df12}.film-card-frame :is(img,video){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),opacity .5s}.film-card-frame video{opacity:0}.film-card.is-previewing video{opacity:1}.film-card-frame:hover :is(img,video){transform:scale(1.02)}.film-card-play{position:absolute;left:18px;bottom:16px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#efe9dfeb;color:var(--ink);transition:transform .4s var(--ease),opacity .4s}.film-card-play svg{margin-inline-start:3px}.film-card.is-previewing .film-card-play{opacity:0;transform:scale(.9)}.film-card-copy{display:grid;gap:8px}.film-card-copy h2{font-size:clamp(25px,2vw,30px);line-height:1.12}.film-card-copy .film-text{font-size:14.5px}.film-card-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;padding-top:14px;border-top:1px solid var(--ink-line);font-size:12px;color:#efe9df80}.film-card-download{display:inline-flex;align-items:center;gap:8px;color:var(--ivory);font:500 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}.film-card-download:hover{color:var(--gold)}@media(max-width:1100px){.films-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.films{padding-top:128px}.films-grid{grid-template-columns:1fr}.films-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;padding-inline-end:36px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}.films-filter::-webkit-scrollbar{display:none}.films-filter button{flex:none}}@media(max-height:520px)and (orientation:landscape){.films{padding-top:112px}}