/* Mobile-only override: keep the approved type sizes and link behaviour.
   Centre the three rows as a single compact group, not three screen thirds. */
@media (max-width: 760px) {
  body.home-page { height: 100dvh; min-height: 0; }
  .home-page .landing {
    width: 100%;
    height: 100dvh;
    min-height: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: clamp(10px, 2.6vw, 20px);
  }
  .home-page .mega-row {
    flex: 0 0 auto;
    height: clamp(50px, 14.5vw, 110px);
    min-height: 0;
    overflow: visible;
  }
  .home-page .row-label { max-width: 100%; }
}