.media-directory-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:14px 0 32px;padding-bottom:22px;border-bottom:1px solid #e5e7eb}.media-directory-head h1{font-size:clamp(2rem,4vw,3.5rem);line-height:.98;letter-spacing:-.045em;font-weight:900;margin:.35rem 0 .75rem;color:#111827}.media-directory-head p{max-width:720px;color:#64748b;font-size:1rem}.media-directory-count{min-width:112px;border-left:4px solid #d71a21;padding:6px 0 6px 15px}.media-directory-count strong{display:block;font-size:1.65rem;line-height:1;font-weight:900}.media-directory-count span{font-size:.78rem;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.media-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.media-directory-card{min-width:0}.media-directory-link{display:block;color:inherit;text-decoration:none}.media-directory-image{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border-radius:14px;background:#e5e7eb}.media-directory-image img{width:100%;height:100%;object-fit:cover;transition:transform .38s ease}.media-directory-card:hover .media-directory-image img{transform:scale(1.035)}.media-directory-play{position:absolute;left:16px;bottom:16px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#d71a21;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.24)}.media-directory-play svg{width:21px;height:21px}.media-directory-photo-count{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(15,23,42,.78);backdrop-filter:blur(8px);color:#fff;font-size:.75rem;font-weight:800}.media-directory-copy{display:block;padding-top:13px}.media-directory-copy small{display:block;color:#d71a21;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.media-directory-copy h2{font-size:1.14rem;line-height:1.22;letter-spacing:-.02em;font-weight:850;margin:.38rem 0 0;color:#111827}.media-directory-copy p{margin-top:.5rem;color:#64748b;font-size:.88rem;line-height:1.5}.media-directory-card.is-lead{grid-column:span 2}.media-directory-card.is-lead .media-directory-image{aspect-ratio:16/8.7}.media-directory-card.is-lead .media-directory-copy h2{font-size:clamp(1.35rem,2.1vw,1.85rem)}.media-directory-card.is-lead .media-directory-play{width:60px;height:60px}.pagination{margin-top:38px}
@media(max-width:900px){.media-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.media-directory-card.is-lead{grid-column:span 2}.media-directory-head{align-items:flex-start}.media-directory-count{display:none}}
@media(max-width:600px){.media-directory-head{margin-top:6px;margin-bottom:22px;padding-bottom:16px}.media-directory-head h1{font-size:2.25rem}.media-directory-head p{font-size:.9rem}.media-directory-grid{gap:19px 10px}.media-directory-card.is-lead{grid-column:span 2}.media-directory-image,.media-directory-card.is-lead .media-directory-image{border-radius:10px;aspect-ratio:16/10}.media-directory-copy{padding-top:9px}.media-directory-copy h2,.media-directory-card.is-lead .media-directory-copy h2{font-size:.96rem;line-height:1.25}.media-directory-copy p{display:none}.media-directory-copy small{font-size:.65rem}.media-directory-play,.media-directory-card.is-lead .media-directory-play{left:10px;bottom:10px;width:40px;height:40px}.media-directory-photo-count{right:8px;bottom:8px;padding:5px 8px}}