/* ALMA MEEO V10.28 — vsebinsko usklajene slike in manjkajoci vizualni mostovi */
.am1028-society-band {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: clamp(1.15rem, 2.6vw, 2.5rem);
}
.am1028-society-visual,
.am1028-process-visual,
.am1028-ai-visual { margin: 0; }
.am1028-society-visual img,
.am1028-process-visual img,
.am1028-ai-visual img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.am1028-society-visual img {
  border-radius: 1.25rem;
  box-shadow: 0 18px 42px rgba(34, 67, 62, .11);
}
.am1028-society-content { display: grid; gap: 1rem; align-content: center; }
.am1028-society-content .am1027-society-pillars { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.am1028-process-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(1.35rem, 3vw, 3rem);
  align-items: center;
  margin-bottom: clamp(1.35rem, 3vw, 2.8rem);
}
.am1028-process-visual img { border-radius: 1.35rem; }
.am1028-process-intro .am1005-section-head { margin: 0; }

.am1028-ai { display: grid; gap: clamp(1.2rem, 2.5vw, 2rem); }
.am1028-ai-visual img { border-radius: 1.2rem; }
.am1028-ai .am1005-ai-grid { align-items: center; }

@media (max-width: 980px) {
  .am1028-society-band,
  .am1028-process-intro { grid-template-columns: 1fr; }
  .am1028-society-visual { order: 0; }
  .am1028-society-content { order: 1; }
}

@media (max-width: 720px) {
  main .am1028-society-band { padding: .8rem; }
  main .am1028-society-visual img,
  main .am1028-process-visual img,
  main .am1028-ai-visual img { border-radius: .9rem; }
  main .am1028-society-content .am1027-society-pillars { grid-template-columns: 1fr; }
  main .am1028-process-intro { gap: 1rem; margin-bottom: 1.1rem; }
  main .am1028-ai { padding: .85rem !important; }
}