/* Mila our-vision — full-bleed image with centered white statement (Figma node 11:157) */
.mila-our-vision {
  position: relative;
  overflow: hidden;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 90px;
}

.mila-our-vision__media { position: absolute; inset: 0; }
.mila-our-vision__media img { width: 100%; height: 100%; object-fit: cover; }
.mila-our-vision__overlay {
  position: absolute; inset: 0;
  background: rgba(0, 0, 0, var(--mila-ov-overlay, 0.1));
}

.mila-our-vision__content {
  position: relative; z-index: 2;
  display: flex; flex-direction: column; align-items: center; gap: 30px;
  text-align: center; color: var(--mila-white);
  max-width: 1000px; word-break: break-word;
}

.mila-our-vision__eyebrow { color: var(--mila-white); }

.mila-our-vision__heading {
  font-family: var(--mila-font-heading);
  font-weight: 500;
  font-size: clamp(36px, 5.6vw, 60px);
  line-height: 1.08;
  letter-spacing: var(--mila-heading-ls);
  margin: 0;
}

.mila-our-vision__sub {
  font-family: var(--mila-font-body);
  font-size: clamp(16px, 2vw, 22px);
  line-height: 1.35;
  margin: 0;
}

@media (max-width: 767px) {
  .mila-our-vision { padding-block: 64px; min-height: 360px; }
  .mila-our-vision__content { gap: 20px; }
  .mila-our-vision__heading { letter-spacing: 1.5px; }
}
