/* Compact layouts for phones: keep controls and copy inside the viewport. */
@media (max-width: 650px) {
  html, body { width: 100%; overflow-x: hidden; }
  .home-link, .back-link { top: 14px !important; left: 14px !important; transform: none !important; }
  .top-actions { position: static !important; transform: none !important; justify-content: center !important; margin: 14px 0 20px !important; }
  .top-action { display: inline-flex !important; min-height: 30px; align-items: center; }
  .catalog-topline { min-height: 78px !important; background: transparent !important; }

  .features-scene { min-height: 100svh !important; margin-top: 0 !important; padding-top: 0 !important; clip-path: none !important; }
  .features-inner { min-height: 100svh !important; padding: 23vh 22px 10vh !important; }
  .features-copy, .feature-detail { width: 100% !important; max-width: 100% !important; transform: none !important; }
  .features-title { font-size: clamp(46px, 15vw, 68px) !important; }
  .feature-buttons { gap: 8px !important; }
  .feature-btn { padding: 11px 13px !important; font-size: 8px !important; }

  .showcase-inner { padding: 54vh 18px 10vh !important; }
  .showcase-copy { width: 100% !important; }
  .showcase-title { font-size: clamp(42px, 13vw, 62px) !important; line-height: .95 !important; overflow-wrap: anywhere; }
  .showcase-kicker { font-size: 8px !important; letter-spacing: .28em !important; }
  .showcase-cta { min-width: 0 !important; min-height: 48px !important; padding: 0 19px !important; }

  .gallery-scene { min-height: auto !important; padding: 8vh 0 10vh !important; }
  .gallery-grid, .gallery-cards { grid-template-columns: 1fr !important; width: min(100% - 36px, 390px) !important; margin-left: auto !important; margin-right: auto !important; }
  .gallery-card, .gallery-item { width: 100% !important; min-width: 0 !important; }
  .gallery-card h3, .gallery-card h2, .gallery-item h3, .gallery-item h2 { font-size: clamp(20px, 6vw, 28px) !important; white-space: normal !important; }
  .scene-index, .kyrith-showcase-index { left: 18px !important; right: auto !important; bottom: 14px !important; }
}