/* eZephyr v2 — responsive and motion preferences.
 * Desktop gets the horizontal journey (see js/journey.js for the exact media
 * query). Everything below keeps the stacked layout tidy until the dedicated
 * vertical mobile journey is built.
 */

@media (max-width: 600px) {
  .opening-copy__title { font-size: 1.75rem; }
  .opening-copy__logo { width: 260px; }
  .opening-copy__ctas .btn { flex: 1 1 100%; }
}

/* Short desktop windows: keep the header out of the artwork's way. */
@media (max-height: 640px) {
  .site-header__brand img { width: 110px; }
}

/* Animated GIF birds cannot be paused, so they are removed for reduced motion. */
@media (prefers-reduced-motion: reduce) {
  .bird { display: none; }
}