/* ============================================
   ZEITREISE – Responsive Styles
   ============================================ */

/* Tablet */
@media (max-width: 1024px) {
  .scroll-progress {
    display: none;
  }

  .kontakt__grid {
    grid-template-columns: 1fr;
    gap: var(--space-xl);
  }

  .decade--70s .decade__vinyl {
    opacity: 0.08;
  }
}

/* Mobile */
@media (max-width: 768px) {
  :root {
    --nav-height: 60px;
  }

  /* Navigation mobile */
  .nav__toggle {
    display: flex;
  }

  .nav__menu {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-xl);
    background: rgba(10, 10, 18, 0.98);
    backdrop-filter: blur(20px);
    transform: translateX(100%);
    transition: transform 0.4s var(--ease-out-expo);
  }

  .nav__menu.is-open {
    transform: translateX(0);
  }

  .nav__link {
    font-size: 1.1rem;
  }

  /* Hide custom cursor on mobile */
  .cursor {
    display: none !important;
  }

  /* Hero adjustments */
  .hero__title {
    letter-spacing: 0.04em;
  }

  .hero__portal .portal-ring--3 {
    display: none;
  }

  .hero__eq {
    display: none;
  }

  /* Journey on mobile */
  .journey-panel__content {
    padding: var(--space-xl) var(--space-md);
  }

  .decade__content {
    padding: var(--space-xl) var(--space-md);
  }

  .decade__songs {
    max-width: 100%;
  }

  .decade__songs li {
    flex-direction: column;
    gap: 2px;
    font-size: 0.85rem;
  }

  .song-artist {
    min-width: auto;
  }

  .decade--80s .decade__teaser {
    font-size: 0.75rem;
    line-height: 1.8;
  }

  .decade--80s .decade__grid-horizon {
    opacity: 0.3;
  }

  .decade--90s .polaroid {
    display: none;
  }

  .vinyl-disc {
    animation: none;
  }

  /* Band grid */
  .band__grid {
    grid-template-columns: 1fr;
  }

  /* Gig cards */
  .gig-card {
    grid-template-columns: auto 1fr;
    gap: var(--space-md);
  }

  .gig-card__link,
  .gig-card__badge {
    grid-column: 1 / -1;
    justify-self: start;
    margin-left: calc(60px + var(--space-md));
  }

  /* Audio */
  .audio-track {
    flex-wrap: wrap;
    padding: var(--space-md);
  }

  .waveform {
    height: 50px;
  }

  /* Footer */
  .footer__inner {
    flex-direction: column;
    text-align: center;
  }

  .footer__top {
    bottom: var(--space-md);
    right: var(--space-md);
    width: 44px;
    height: 44px;
  }
}

/* Small mobile */
@media (max-width: 480px) {
  .hero__tagline {
    font-size: 0.65rem;
    letter-spacing: 0.2em;
  }

  .section-header__title {
    font-size: 2rem;
  }

  .decade__year {
    font-size: clamp(3.5rem, 20vw, 6rem);
  }

  .member-card__initials {
    font-size: 2rem;
  }
}

/* Reduced motion mobile combo */
@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
  .journey-panel {
    min-height: auto;
    padding: var(--space-xl) 0;
  }
}

/* Touch devices – disable hover effects that don't work */
@media (hover: none) {
  .member-card:hover {
    transform: none;
  }

  .gig-card:hover {
    transform: none;
  }
}

/* High contrast mode support */
@media (prefers-contrast: more) {
  .decade__songs li {
    border-bottom-color: rgba(255, 255, 255, 0.3);
  }

  .nav__link {
    opacity: 1;
  }

  .form-group input,
  .form-group textarea {
    border-color: rgba(255, 255, 255, 0.4);
  }
}