/* ============================================================
   ABOUT AGENCY — Layout 2026
   ============================================================ */
.container{width:var(--container);margin:0 auto}
.narrow{width:var(--container-narrow);margin:0 auto}

.hero-grid,.split-grid,.contact-layout,.team-grid,.compare-grid,.sectors-layout,.footer-grid,.mission-grid{display:grid;gap:28px}
.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(340px,0.85fr);align-items:center}
.split-grid{grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);align-items:start}
.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

.team-grid,.card-grid,.process-grid,.compare-grid{display:grid;gap:22px}

.card-grid { align-items: start; }

.card-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}

.card-grid-2 > :last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.card-grid-auto {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.card-grid-1{grid-template-columns:1fr}


.process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.team-grid{grid-template-columns:1.15fr repeat(3,minmax(0,1fr))}
.contact-layout{grid-template-columns:minmax(280px,0.85fr) minmax(0,1.15fr)}
.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.footer-grid{grid-template-columns:1.3fr 0.7fr 0.7fr;align-items:start}
.timeline{display:grid;gap:16px}
.sectors-layout{grid-template-columns:minmax(0,0.5fr) minmax(0,0.5fr);align-items:center}

@media(max-width:1080px){
  .hero-grid,.split-grid,.contact-layout,.footer-grid,.compare-grid,.team-grid,.mission-grid,.sectors-layout{grid-template-columns:1fr}
  .process-grid,.card-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .card-grid-2,.card-grid-3,.card-grid-4,.process-grid,.team-grid,.mission-grid{grid-template-columns:1fr}
}