@media (min-width: 768px) {
  .hero-names h2 { font-size: 4.5rem; }
  .memory-portal { height: 62vh; }
}

@media (max-width: 320px) {
  .countdown-grid { gap: 8px; }
  .countdown-module { width: 60px; height: 72px; padding-top: 16px; }
  .invitation-date-num { font-size: 96px; }
  .attendance-grid { gap: 0.5rem; }
  .attendance-card { padding: 0.75rem 0.5rem; }
}

@media (min-width: 1024px) {
  .scene-inner,
  .hero-frame,
  .invitation-content,
  .eyn-content { max-width: 480px; }
}