/* Desktop: Connect links horizontal, nudged right */
@media (min-width: 769px) {
  footer .grid.text-\[9px\] {
    display: flex !important;
    justify-content: flex-end !important;
  }
  footer .grid.text-\[9px\] .flex.flex-col {
    flex-direction: row !important;
    gap: 2.5rem !important;
    align-items: center !important;
    margin-right: 2rem !important;
  }
  /* Hide CONNECT label on desktop horizontal layout */
  footer .grid.text-\[9px\] .text-brand-gold {
    display: none !important;
  }
}

@media (max-width: 768px) {
  /* Hero images: force 3-across grid like desktop */
  .grid.grid-cols-1.md\:grid-cols-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  
  /* Nav: single row */
  header nav {
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    gap: 0.8rem !important;
    justify-content: center !important;
  }
  header nav a {
    font-size: 6px !important;
    letter-spacing: 0.2em !important;
    white-space: nowrap !important;
  }
  
  /* Footer: centered */
  footer {
    padding: 3rem 1.5rem !important;
    text-align: center !important;
  }
  footer > div {
    align-items: center !important;
  }
  
  /* Connect links: horizontal row */
  footer .flex.flex-col.space-y-5 {
    flex-direction: row !important;
    justify-content: center !important;
    gap: 2rem !important;
    flex-wrap: wrap !important;
  }
  /* Hide the "CONNECT" label in horizontal layout */
  footer .flex.flex-col.space-y-5 > .text-brand-gold {
    display: none !important;
  }

  /* Footer grid: single centered column */
  footer .grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  
  /* Footer text */
  footer span, footer a {
    font-size: 10px !important;
  }
  
  /* Copyright: center */
  footer .flex.justify-between {
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.5rem !important;
    text-align: center !important;
  }
}