/* ==========================================================================
   INTRO — image beside prose (widget: aumtm_intro)
   Image left by default; a modifier swaps the columns.
   ========================================================================== */

.aumtm-intro__grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
}
.aumtm-intro--flip .aumtm-intro__media { order: 2; }

/* ---------- Image pair: main image with an overlapping inset ---------- */
.aumtm-intro__media { position: relative; }
.aumtm-intro__media .aumtm-figure--main { aspect-ratio: 4 / 5; }
.aumtm-intro__media .aumtm-figure--sub {
  position: absolute;
  right: -1.5rem;
  bottom: -1.5rem;
  width: 46%;
  aspect-ratio: 1 / 1;
  border: 6px solid #fff;
  box-shadow: var(--aumtm-shadow);
}

/* ---------- Pull quote ---------- */
.aumtm-intro__quote {
  margin-top: 2rem;
  padding-left: 1.5rem;
  border-left: 3px solid var(--aumtm-cyan);
  font-family: var(--aumtm-font-display);
  font-size: 1.25rem;
  font-style: italic;
  line-height: 1.6;
  color: var(--aumtm-heading);
}
.aumtm-intro__quote cite {
  display: block;
  margin-top: 0.75rem;
  font-family: var(--aumtm-font-body);
  font-size: var(--aumtm-fs-xs);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--aumtm-text-dim);
}

.aumtm-intro__btns { margin-top: 2.25rem; }

@media (max-width: 860px) {
  .aumtm-intro__grid { grid-template-columns: 1fr; }
  .aumtm-intro--flip .aumtm-intro__media { order: 0; }
  .aumtm-intro__media .aumtm-figure--main { aspect-ratio: 4 / 3; }
  .aumtm-intro__media .aumtm-figure--sub { width: 38%; right: -0.75rem; bottom: -1rem; border-width: 4px; }
}