/* ══════════════════════════════════════════════════════════════
   Atlas Capital Infrastructure — company site overrides
   Loaded after styles.css on every page of this version. Only what
   this version changes belongs here; shared rules live in the shell.
   ══════════════════════════════════════════════════════════════ */

/* Header: four longer links and a longer button than the product site.
   Below 1025px the links move into the menu; the button stays until phone width. */
@media (max-width: 1024px) {
  .nav-links { display: none; }
  .menu-toggle { display: flex; }
}

/* Hero meta row: three facts in even columns, each value wrapping inside its own column. */
.hero-meta {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr;
  gap: 32px;
}

@media (max-width: 640px) {
  .hero-meta { grid-template-columns: 1fr; gap: 20px; }
}

/* Footer: nothing to override. The shared stylesheet puts the brand lockup in the first column beside
   the four link columns, because site.md has four footer columns. */

/* Contact's ABS East card. The label column is wide enough for "Who to look for" on one line, and at
   768px and below each label sits above its value, as in every other facts list. The shell's
   .event-block rule outranks the shell's own stacking rule, so the stacking is restated here. */
.event-block .kv-list > div { grid-template-columns: 152px 1fr; }

@media (max-width: 768px) {
  .event-block .kv-list > div { grid-template-columns: 1fr; gap: 6px; }
}

/* Pull quotes break into balanced lines, as h1 and h2 already do in the shell, so a short quote
   never leaves one word alone on its last line at phone width. */
.pull-quote { text-wrap: balance; }