/* Mobile layout for the home page (3 Oct). The design export positions the hero photo
   absolutely behind the text, which overprints the headline on narrow screens. Below 760px
   the photo becomes a band under the search box, so the search is in the first viewport. */
@media (max-width: 760px) {
  header span[style*="letter-spacing:3px"] { display: none !important; }
  header nav { gap: 14px !important; font-size: 13px; }
  #home { display: flex !important; flex-direction: column; min-height: 0 !important; }
  #home > div:nth-child(1) { position: relative !important; order: 2; width: 100% !important; height: 240px; top: auto !important; bottom: auto !important; }
  #home > div:nth-child(1) > div:last-child { background: linear-gradient(180deg, #f6f3ef 0%, rgba(246,243,239,0) 30%) !important; }
  #home > div:nth-child(2) { display: none !important; }
  #home > div:nth-child(3) { order: 1; padding: 24px 20px 24px !important; }
  #home > div:nth-child(3) p { font-size: 15px !important; margin-bottom: 20px !important; }
  #home > div:last-child { display: none !important; }
}