/* ACG IIS — home page specific styles */

/* Hero responsive */
@media(max-width:900px) {
  .hero > .container > div { grid-template-columns:1fr !important; gap:40px !important; }
  .hero > .container > div > div:last-child { display:none !important; }
}

/* Stats bar responsive */
@media(max-width:640px) {
  .stats-bar-inner { gap:16px !important; }
}

/* 5-discipline grid responsive */
@media(max-width:1024px) {
  .disciplines-grid { grid-template-columns:repeat(3,1fr) !important; gap:2px !important; }
}
@media(max-width:640px) {
  .disciplines-grid { grid-template-columns:1fr 1fr !important; }
}

/* Two-column content sections */
.home-2col {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}
@media(max-width:900px) {
  .home-2col { grid-template-columns:1fr !important; gap:40px !important; }
}
@media(max-width:640px) {
  .home-2col { gap:28px !important; }
}

/* Three-column catalogue grid */
.home-3col {
  display: grid !important;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
}
@media(max-width:900px) {
  .home-3col { grid-template-columns:1fr 1fr !important; gap:14px !important; }
}
@media(max-width:580px) {
  .home-3col { grid-template-columns:1fr !important; }
}

/* Section xdk */
.section-xdk { background:var(--slate-xdk); color:var(--white); }