/* layout.css — grid, flex, responsive layouts */

/* Generic grids */
.grid { display: grid; gap: var(--s-8); }
.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

@media (max-width: 1024px) {
  .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; }
  .grid { gap: var(--s-4); }
}

/* Section heads */
.section-head { max-width: 820px; margin-bottom: var(--s-16); }
.section-head--center { margin-inline: auto; text-align: center; }
.section-head .eyebrow { display: inline-block; margin-bottom: var(--s-4); }
.section-head h2 { margin-bottom: var(--s-5); }
.section-head .lead { color: var(--c-slate-500); margin: 0; line-height: var(--lh-normal); }

/* Hero layout — taller, more imposing */
.hero { background: var(--g-hero); color: var(--c-text-on-dark); position: relative; overflow: hidden; padding-top: calc(var(--header-h) + var(--s-24)); padding-bottom: var(--s-24); min-height: 92vh; display: flex; align-items: center; }
.hero__grid { position: relative; display: grid; grid-template-columns: 1.15fr 1fr; gap: var(--s-16); align-items: center; z-index: var(--z-base); width: 100%; }
@media (max-width: 1024px) {
  .hero__grid { grid-template-columns: 1fr; gap: var(--s-12); }
  .hero { padding-bottom: var(--s-16); min-height: auto; }
}

/* About layout */
.about__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--s-12); align-items: start; }
@media (max-width: 1024px) { .about__grid { grid-template-columns: 1fr; } }

/* Contact layout */
.contact__grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: var(--s-12); align-items: start; }
@media (max-width: 1024px) { .contact__grid { grid-template-columns: 1fr; } }

/* Footer layout */
.site-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: var(--s-8); padding-block: var(--s-16); }
@media (max-width: 1024px) { .site-footer__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .site-footer__grid { grid-template-columns: 1fr; gap: var(--s-6); padding-block: var(--s-12); } }

/* Stat grid */
.stats__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s-6); }
@media (max-width: 768px) { .stats__grid { grid-template-columns: 1fr; } }

/* Quick services strip */
.qstrip__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s-6); }
@media (max-width: 900px) { .qstrip__grid { grid-template-columns: 1fr; } }

/* Industry strip (icon list) */
.industry-strip { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--s-4); }
@media (max-width: 900px) { .industry-strip { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .industry-strip { grid-template-columns: 1fr; } }