/*!
 * Monal Group — monal-lead-gallery
 *
 * Converted from design/pages.css (the approved HTML prototype).
 * Desktop values come straight from Figma 329:3554: every length is
 * Figma px / 10 expressed in --monal-u.
 */

/* ==========================================================================
   LEADERSHIP — image pair   329:3554 / 329:3557
   ========================================================================== */
/* The last section before the footer, so it also carries the gap below it;
   the footer adds only its own small 1u. */
.monal-lead-gallery { position: relative; padding: var(--monal-page-gap) 0; }
/* Same Elementor column-wrap measurement fault as monal-lead-feature: the
   aspect-ratio panels were measured at fit-content width, the container
   reserved 157px for 443px of content, and the footer started 285px inside
   the gallery. A definite width makes the measurement match the layout. */
.e-con > .elementor-widget-monal-lead-gallery { width: 100%; }
.monal-lead-gallery__grid { display: grid; gap: calc(var(--monal-u) * 2); }
/* Side by side from the tablet step, as in Figma. Stacked, each panel filled
   the full container and ran to ~560 tall, which made the page far taller at
   1024 than it is on desktop. */
@media (min-width: 768px) {
  .monal-lead-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.monal-lead-gallery__panel {
  width: 100%; background: rgba(44, 90, 79, .1);
  aspect-ratio: 762 / 446;
  border-radius: 0 calc(var(--monal-u) * 3) 0 calc(var(--monal-u) * 3);
}
.monal-lead-gallery__panel--right { border-radius: calc(var(--monal-u) * 3) 0 calc(var(--monal-u) * 3) 0; }

@media (min-width: 1200px) {
  /* Figma band 2360 - 2943.74; panels at y2372.43. */
  .monal-lead-gallery { padding: calc(var(--monal-u) * 1.24) 0 0; min-height: calc(var(--monal-u) * 58.37); }
  .monal-lead-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--monal-u) * 2.01); }
  .monal-lead-gallery__panel { aspect-ratio: auto; height: calc(var(--monal-u) * 44.63); }
}

/* Figma 329:3515 — the mirrored ellipse on the right. */
.monal-lead-gallery > .monal-page__deco {
  right: calc(var(--monal-u) * -11.3); top: calc(var(--monal-u) * -30);
  width: calc(var(--monal-u) * 65.34); height: calc(var(--monal-u) * 65.34);
  background-image: url(../../assets/monal/img/pages/lead-ellipse.svg);
}
/* Desktop: 329:3515 belongs beside the value cards (centre (1890.37,
   1822.4)), 565 above where this copy drew it, and painted from here it would
   sit outside this lazy-loaded container and stay blank. The values section
   draws it at its node position instead, so this copy stands down from 1200;
   below 1200 it remains the derived right-hand glow. */
@media (min-width: 1200px) {
  .monal-lead-gallery > .monal-page__deco { display: none; }
}