@media (max-width: 1050px) {
    .nav-toggle { display: block; }
    .main-nav { position: absolute; top: 68px; right: 20px; left: 20px; padding: 14px; display: none; grid-template-columns: repeat(3, 1fr); background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); }
    .main-nav.open { display: grid; }
    .main-nav a { justify-content: center; }
    .hero { grid-template-columns: 1fr 1fr; padding: 34px; }
    .video-grid { grid-template-columns: repeat(3, 1fr); }
    .category-grid { grid-template-columns: repeat(2, 1fr); }
    .poster-row { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: 1.5fr repeat(3, 1fr); gap: 24px; }
}

@media (max-width: 760px) {
    .shell { width: min(100% - 28px, 1200px); }
    .header-inner { min-height: 66px; }
    .brand img { width: 156px; }
    .main-nav { top: 60px; grid-template-columns: repeat(2, 1fr); max-height: calc(100vh - 80px); overflow-y: auto; }
    .hero { min-height: 0; margin-top: 18px; padding: 26px; grid-template-columns: 1fr; gap: 28px; border-radius: 20px; }
    .hero-copy h1 { font-size: clamp(3rem, 18vw, 5rem); }
    .hero-poster, .hero-poster img { min-height: 0; height: 350px; }
    .hero-stats { gap: 9px; }
    .hero-stats dt { font-size: 12px; }
    .section { margin-top: 68px; }
    .section-heading { display: block; }
    .section-heading .text-link { display: inline-block; margin-top: 14px; }
    .spotlight-grid, .video-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .video-grid .video-card:last-child { grid-column: 1 / -1; width: calc(50% - 7px); }
    .latest-panel { display: block; }
    .latest-list a { grid-template-columns: 52px 1fr 62px; }
    .latest-list span { display: none; }
    .poster-row { gap: 14px; }
    .category-grid { gap: 14px; }
    .cinema-split { grid-template-columns: 1fr; }
    .mini-stack .video-card:last-child { display: block; }
    .editorial-grid { grid-template-columns: 1fr; grid-template-rows: 420px repeat(2, 300px); }
    .editorial-item.item-1 { grid-row: auto; }
    .timeline { grid-template-columns: repeat(2, 1fr); }
    .ranking-list a { grid-template-columns: 44px 1fr 76px; }
    .ranking-list span, .ranking-list time { display: none; }
    .topic-grid, .editor-cards { grid-template-columns: 1fr; }
    .about-section { padding: 34px; grid-template-columns: 1fr; }
    .about-mark { max-width: 230px; margin: auto; }
    .app-section { padding: 34px; grid-template-columns: 1fr; }
    .qr-card { max-width: 300px; margin: auto; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid > div:first-child { grid-column: 1 / -1; }
    .channel-hero-inner { grid-template-columns: 1fr; gap: 28px; }
    .channel-feature { height: 290px; }
    .compact-list a { grid-template-columns: 44px 1fr 80px; }
    .compact-list span, .compact-list em { display: none; }
    .detail-copy { grid-template-columns: 1fr; gap: 20px; }
    .detail-header h1 { font-size: 2.4rem; }
    .ending-note { padding: 32px; }
}

@media (max-width: 480px) {
    body { font-size: 16px; }
    .main-nav { grid-template-columns: 1fr; }
    .hero { padding: 22px; }
    .hero-actions { display: grid; }
    .hero-stats { grid-template-columns: 1fr; }
    .hero-poster, .hero-poster img { height: 285px; }
    .spotlight-grid, .video-grid, .poster-row, .category-grid, .mini-stack { grid-template-columns: 1fr; }
    .video-grid .video-card:last-child { grid-column: auto; width: auto; }
    .timeline { grid-template-columns: 1fr; }
    .editorial-grid { grid-template-rows: repeat(3, 330px); }
    .scene-gallery, .prev-next { grid-template-columns: 1fr; }
    .prev-next a:last-child { text-align: left; }
    .player-controls { grid-template-columns: 32px 42px 1fr 32px; }
    .player-controls > span:last-of-type { display: none; }
    .about-section, .app-section { padding: 26px; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-grid > div:first-child { grid-column: auto; }
}