@media (min-width: 640px) {
  .container {
    width: min(100% - 2rem, var(--container));
  }

  .section {
    padding: 5rem 0;
  }

  .hero-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .reasons-grid,
  .gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-card,
  .counter-card,
  .reason-card,
  .memory-card,
  .letter-card,
  .confession-card,
  .surprise-panel,
  .timeline-card,
  .hero-vow-card {
    padding: 1.5rem;
  }

   .story-highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
   .reasons-grid.long-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem;
  }

  .reason-card {
    padding: 1.5rem;
  }
}

@media (min-width: 900px) {
  .section {
    padding: 6rem 0;
  }

  .header-inner {
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    padding: 0.85rem 1.15rem;
  }

  .site-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-width: 0;
    flex-wrap: wrap;
  }

  .site-nav a {
    padding: 0.72rem 0.95rem;
    border-radius: 999px;
    color: var(--text-muted);
    font-size: 0.92rem;
    line-height: 1;
    transition:
      color 0.22s ease,
      background 0.22s ease,
      transform 0.22s ease;
  }

  .site-nav a:hover {
    color: var(--primary-dark);
    background: rgba(244, 236, 255, 0.78);
  }

  .hero-section {
    padding-top: 4.5rem;
  }

  .hero-grid {
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--space-8);
  align-items: center;
}

.counter-shell {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: var(--space-8);
  align-items: center;
}

.counter-card-premium {
  padding: 1.8rem;
}

.counter-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

  .hero-grid-premium {
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
  }

  .hero-copy {
    padding-right: 1rem;
  }

  .reasons-grid,
  .gallery-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .timeline-item {
    grid-template-columns: 140px 1fr;
    gap: var(--space-6);
    align-items: start;
  }

  .timeline-date {
    padding-top: 1rem;
  }

  .hero-card,
  .counter-card,
  .reason-card,
  .memory-card,
  .letter-card,
  .confession-card,
  .surprise-panel,
  .timeline-card,
  .hero-vow-card {
    padding: 2rem;
  }

  .hero-glow-one {
    width: 320px;
    height: 320px;
    right: 10%;
    top: 70px;
  }

  .hero-glow-two {
    width: 240px;
    height: 240px;
    left: 5%;
    bottom: 30px;
  }

  .brand-text {
    font-size: 1.5rem;
  }

    .story-highlights {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
  }

  .timeline-premium::before {
    left: 146px;
  }

  .timeline-item {
    grid-template-columns: 140px 1fr;
    gap: var(--space-6);
    align-items: start;
    padding-left: 0;
  }

  .timeline-item::before {
    left: 141px;
    top: 1.35rem;
    transform: translateX(-50%);
  }

  .timeline-date {
    padding-top: 1rem;
  }
   .reasons-section .section-heading {
    margin-bottom: 3.25rem;
  }

  .reasons-grid.long-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
  }

  .reason-card {
    padding: 1.7rem;
    border-radius: 30px;
  }
}