/* ===== Editorial media (Ali) ===== */
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm {
  --ali-edm-accent: var(--ali-accent);
}
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  min-height: clamp(500px, 56vw, 740px);
}
/* media side: left (default) or right via order swap */
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm--media-right .ali-edm__media {
  order: 2;
}

/* ----- Media panel ----- */
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm__media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: clamp(24px, 4vw, 56px);
}
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: saturate(1.05);
}
/* Framed inner media floating over the (optional) full-bleed background — the
   section_1.png logic: a contained SQUARE photo/video sitting on a larger image
   panel. Square keeps it compact and balanced against the tall copy column;
   image and video share this frame so both read identically. */
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm__frame {
  position: relative;
  z-index: 1;
  width: min(80%, 460px);
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: var(--ali-radius-sm);
  box-shadow: 0 30px 70px -30px color-mix(in srgb, var(--ali-overlay) 45%, transparent);
}
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm__img-wrap, .cc_xqaduz1e_DmzGPLCYd4 .ali-edm__frame picture {
  display: block;
  width: 100%;
  height: 100%;
}
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm__media-el {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ----- Text panel: section_1.png logic — eyebrow + headline pinned to the top,
   body + CTA anchored to the bottom, so the copy frames the square photo and
   the two columns read as a balanced pair. ----- */
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(32px, 5vw, 72px);
  padding: clamp(36px, 5vw, 76px);
}
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm__top {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 2vw, 24px);
}
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm__bottom {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 2.4vw, 32px);
}
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: var(--ali-weight-strong);
  letter-spacing: 0.02em;
}
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm__title {
  margin: 0;
}
/* highlighted word — accent block behind the text, slightly rotated like the
   ref so it reads as a hand-placed marker rather than a flat highlight. */
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm__mark {
  display: inline-block;
  background: var(--ali-edm-accent);
  color: var(--ali-primary);
  padding: 0.02em 0.18em;
  border-radius: 2px;
  transform: rotate(-2.5deg);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm__body {
  margin: 0;
  max-width: 46ch;
  color: var(--ali-secondary);
}
.cc_xqaduz1e_DmzGPLCYd4 .ali-edm__cta {
  align-self: flex-start;
  height: 52px;
  padding-inline: 30px;
}

/* ----- Mobile: stack, media on top ----- */
@media (max-width: 767px) {
  .cc_xqaduz1e_DmzGPLCYd4 .ali-edm__grid {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .cc_xqaduz1e_DmzGPLCYd4 .ali-edm--media-right .ali-edm__media {
    order: 0;
  }
  .cc_xqaduz1e_DmzGPLCYd4 .ali-edm__frame {
    width: min(86%, 420px);
  }
  .cc_xqaduz1e_DmzGPLCYd4 .ali-edm__content {
    text-align: left;
    /* No fixed height when stacked → collapse the distribute gap to a normal one. */
    gap: clamp(24px, 7vw, 36px);
  }
}