@media (max-width: 1100px) {
    .media-grid, .compact .media-grid { grid-template-columns: repeat(4, 1fr); }
    .media-grid.four { grid-template-columns: repeat(4, 1fr); }
    .mini-list, .rank-columns { grid-template-columns: repeat(2, 1fr); }
    .about-block { grid-template-columns: 1fr 2fr; }
    .about-block > a { grid-column: 2; }
}
@media (max-width: 820px) {
    .shell { width: min(100% - 28px, 720px); }
    .header-inner { min-height: 66px; }
    .brand span { display: none; }
    .search { width: min(520px, calc(100% - 54px)); }
    .hero { aspect-ratio: 4 / 5; min-height: 560px; }
    .hero-shade { background: linear-gradient(0deg, rgba(5,8,16,.98) 4%, rgba(5,8,16,.52) 70%, rgba(5,8,16,.15)); }
    .hero-content { left: 26px; right: 26px; bottom: 58px; top: auto; transform: none; width: auto; }
    .hero-content h2 { font-size: 3rem; }
    .hero-arrow { top: 35%; }
    .media-grid, .compact .media-grid { grid-template-columns: repeat(3, 1fr); }
    .accent-blue .media-card:nth-child(1) { grid-column: auto; }
    .accent-blue .media-card:nth-child(1) .poster { aspect-ratio: 2 / 3; }
    .spotlight .media-card:nth-child(even) { transform: none; }
    .rank-panel, .editorial-feature, .channel-highlight { grid-template-columns: 1fr; }
    .rank-panel { gap: 1px; }
    .editorial-feature img { height: 300px; }
    .channel-highlight img { max-height: 320px; }
    .coming-grid { grid-template-columns: 1fr; }
    .about-block { grid-template-columns: 1fr; }
    .about-block > a { grid-column: auto; }
    .detail-content { grid-template-columns: 210px 1fr; }
    .detail-copy dl { grid-template-columns: 1fr; }
    .stills { grid-template-columns: 1fr 1fr; }
    .stills img:first-child { grid-column: 1 / -1; }
    .prose { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
    .shell { width: min(100% - 22px, 520px); }
    .home-main, .page-main { padding-top: 16px; }
    .nav-scroll a { padding: 10px 13px; }
    .hero { min-height: 530px; border-radius: 18px; }
    .hero-content { left: 20px; right: 20px; }
    .hero-content h2 { font-size: 2.35rem; }
    .hero-desc { -webkit-line-clamp: 2; }
    .hero-arrow { width: 38px; height: 38px; }
    .hero-arrow.prev { left: 8px; } .hero-arrow.next { right: 8px; }
    .hero-dots { right: 20px; bottom: 20px; }
    .content-section { margin-top: 48px; }
    .accent-red, .spotlight, .accent-gold { padding: 18px 12px; }
    .media-grid, .compact .media-grid, .media-grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 10px; }
    .card-body h3 { font-size: .93rem; }
    .tagline { display: none; }
    .rank-panel, .mini-list, .rank-columns { grid-template-columns: 1fr; }
    .coming-grid article { grid-template-columns: 58px 1fr; }
    .coming-grid article a { grid-column: 2; }
    .editorial-feature img { height: 230px; }
    .editorial-feature div { padding: 24px; }
    .channel-hero, .simple-hero { min-height: 220px; padding: 30px 24px; align-items: center; }
    .channel-count, .simple-hero > span { display: none; }
    .channel-hero h1, .simple-hero h1 { font-size: 2.8rem; }
    .filter-panel { align-items: flex-start; flex-direction: column; }
    .channel-highlight div { padding: 25px; }
    .channel-highlight h2 { font-size: 2rem; }
    .detail-content { grid-template-columns: 1fr; }
    .detail-poster { width: min(220px, 70%); }
    .detail-copy h1 { font-size: 2.5rem; }
    .stills { grid-template-columns: 1fr; }
    .stills img, .stills img:first-child { grid-column: auto; height: 210px; }
    .app-strip { padding: 30px 24px; }
    .qr-art { width: 96px; height: 96px; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
    .footer-grid > div:first-child { grid-column: 1 / -1; }
    .copyright { flex-direction: column; }
    .guide-grid { grid-template-columns: 1fr; }
    .timeline article { grid-template-columns: 1fr 26px; }
    .timeline article div { grid-column: 1 / -1; padding-left: 24px; }
    .timeline time { text-align: left; }
    .search-page form > div { flex-direction: column; }
}