.wave-hero-bot,
.wave-about-bot { bottom: -2px; }
.wave-bigloot-bot { margin-bottom: -2px; }

@media (max-width: 1200px) {
  .bl-inner { max-width: 960px; }
}

@media (max-width: 960px) {
  nav { padding: 16px 32px; }
  .nav-links { gap: 20px; }

  .bl-inner { padding: 60px 32px 70px; }

  .game-capsule-img { height: 300px; }

  .gifs-row { gap: 8px; }
  .gif-card { min-width: 180px; }
}

@media (max-width: 768px) {
  
  nav { padding: 14px 24px; }
  .nav-links { gap: 16px; }
  .nav-links a { font-size: .8rem; }

  
  .hero-center { gap: 18px; margin-top: -10vh; }
  .logo-img { width: 240px; }
  .hero-tag-main { font-size: clamp(1rem, 3.5vw, 1.35rem); max-width: 90vw; }
  .scroll-hint { bottom: 48px; }

  
  #about { padding: 50px 28px 130px; }
  .about-inner h2 { font-size: clamp(1.7rem, 4.5vw, 2.4rem); }
  .about-inner p { font-size: .97rem; }

  
  #bigloot { margin-top: -70px; padding-top: 70px; }
  .bl-inner { padding: 50px 24px 60px; }
  .game-capsule-img { height: 240px; }
  .game-info { padding: 22px 24px; }
  .game-title { font-size: clamp(1.8rem, 5vw, 2.6rem); }
  .game-media { padding: 20px 24px 28px; }

  .bl-desc p { font-size: .95rem; }

  
  .game-info [style*="display:flex"] {
    flex-direction: column;
    align-items: flex-start;
  }
  .btn-gold, .btn-trailer { width: 100%; justify-content: center; }

  
  .gifs-row { flex-direction: column; }
  .gif-card { min-width: unset; max-width: 100%; flex: unset; }

  
  #contact { padding: 60px 24px 44px; }
  .srow { gap: 8px; }
}

@media (max-width: 600px) {
  
  nav { padding: 12px 18px; }
  .nav-links { gap: 14px; }
  .nav-links a { font-size: .75rem; letter-spacing: .04em; }

  
  #hero-clip,
  #hero { min-height: 520px; }
  .hero-center { gap: 14px; padding: 0 18px; margin-top: -8vh; }
  .logo-img { width: 200px; }
  .hero-tag { gap: 8px; }
  .hero-tag-sub { font-size: .68rem; }
  .hero-tag-main { font-size: clamp(.95rem, 4vw, 1.2rem); }
  .hero-btn { font-size: .88rem; padding: 11px 24px; }
  .scroll-hint { bottom: 36px; }

  
  #about { padding: 44px 20px 110px; }

  
  .game-capsule-img { height: 190px; object-position: center 70%; }
  .game-info { padding: 18px 18px 22px; }
  .game-media { padding: 16px 18px 24px; }
  .game-title { font-size: clamp(1.6rem, 6vw, 2.2rem); margin-bottom: 10px; }
  .game-divider { margin: 14px 0 16px; }

  
  .ss-grid { grid-template-columns: 1fr; gap: 8px; }
  .ss-card.wide { grid-column: 1; aspect-ratio: 16/9; }

  .bl-desc p { font-size: .92rem; }

  
  .btn-gold, .btn-trailer {
    font-size: .9rem;
    padding: 13px 20px;
    width: 100%;
    justify-content: center;
  }

  
  #contact { padding: 50px 18px 40px; }
  .sb { font-size: .8rem; padding: 9px 18px; }
  .copy { margin-top: 36px; }

  
  .lb-prev { left: 10px; padding: 14px 14px; font-size: 1.6rem; }
  .lb-next { right: 10px; padding: 14px 14px; font-size: 1.6rem; }
  .lb-close { top: 14px; right: 14px; font-size: .82rem; padding: 7px 14px; }
}

@media (max-width: 480px) {
  
  .lb-close span { display: none; }

  
  #hero-clip, #hero { min-height: 480px; }
  .logo-img { width: 175px; }
  .hero-tag-main { max-width: 95vw; }

  
  nav { padding: 12px 14px; }
  .nav-links { gap: 12px; }

  
  #about { padding: 40px 16px 100px; }
  .about-inner p { font-size: .93rem; line-height: 1.8; }

  
  .bl-inner { padding: 40px 16px 52px; }
  .game-capsule-img { height: 160px; }

  
  .tags { gap: 5px; }
  .tag { font-size: .68rem; padding: 4px 10px; }

  
  #contact { padding: 44px 16px 36px; }
  .srow { flex-direction: column; align-items: center; }
  .sb { width: 100%; max-width: 300px; justify-content: center; }
}

@media (max-width: 360px) {
  .logo-img { width: 155px; }
  .hero-tag-main { font-size: .9rem; }
  .hero-btn { font-size: .82rem; padding: 10px 20px; }

  nav { padding: 10px 12px; }
  .nav-links a { font-size: .7rem; }

  .game-title { font-size: 1.5rem; }
  .bl-inner { padding: 36px 14px 44px; }

  .btn-gold, .btn-trailer { font-size: .84rem; }
}

@media (max-height: 500px) and (orientation: landscape) {
  #hero-clip, #hero {
    height: auto;
    min-height: 100vh;
    padding: 80px 24px 140px;
  }
  .hero-center { margin-top: 0; gap: 12px; }
  .logo-img { width: 140px; }
  .scroll-hint { display: none; }
}

@media (hover: none) and (pointer: coarse) {
  .ss-card:hover { transform: none; border-color: rgba(255,255,255,.07); }
  .ss-card:hover .zoom-icon { opacity: 0; }
  .ss-card:active { border-color: rgba(255,215,74,.4); }

  .hero-btn:hover,
  .btn-gold:hover,
  .btn-trailer:hover,
  .sb:hover { transform: none; }

  
  .nav-links a { padding: 6px 2px; }
  .lb-prev, .lb-next { padding: 16px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .logo-img { animation: none; }
  .scroll-hint { animation: none; }
  .rv { transition: opacity .4s ease; transform: none; }
  .rv.in { opacity: 1; }
}