/*
Theme Name: SU Tech Agency Theme
Author: SU Tech Agency
Version: 1.0.6
*/

html {
  scroll-behavior: smooth;
  font-family: 'Figtree', system-ui, -apple-system, sans-serif;
  background-color: #f6f4ef;
  color: #0b1026;
}

body {
  margin: 0;
  padding: 0;
}

/* Stabilize Font Fallbacks to eliminate layout shift */
.font-display {
  font-family: 'Bricolage Grotesque', system-ui, -apple-system, sans-serif;
}

.font-body {
  font-family: 'Figtree', system-ui, -apple-system, sans-serif;
}

/* Desktop Grid Lock: Ensures cards always stay strictly side-by-side */
@media (min-width: 1024px) {
  #top .max-w-wrap {
    display: grid !important;
    grid-template-columns: 1.25fr 0.75fr !important;
    align-items: center !important;
    gap: 3rem !important;
  }

  #about .max-w-wrap {
    display: grid !important;
    grid-template-columns: 0.9fr 1.1fr !important;
    gap: 3.5rem !important;
  }

  #contact .max-w-wrap {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3.5rem !important;
  }
}