/* Loaded after homepage.css: keeps the portrait immediately visible on narrow screens. */
@media (max-width: 900px) {
  .home-hero-grid { display: flex; flex-direction: column; gap: 2rem; }
  .home-portrait { order: -1; width: min(100%, 32rem); align-self: center; }
  .home-portrait img { aspect-ratio: 16 / 11; object-position: 50% 26%; }
  .home-hero-copy { width: 100%; }
}
@media (max-width: 430px) {
  .home-portrait { width: calc(100% + 8px); }
  .home-portrait img { aspect-ratio: 16 / 10; }
  .home-hero h1 { font-size: clamp(2.55rem, 13vw, 3.35rem); }
  .home-actions { align-items: flex-start; flex-direction: column; }
}