/* Mila elite-story — image-with-text editorial (Figma node 11:150) */
.mila-elite-story { padding-block: 0 100px; background: var(--mila-bg); }

.mila-elite-story__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 0;
}

/* Left: main image + caption */
.mila-elite-story__media {
  display: flex; flex-direction: column; align-items: center; gap: 15px;
  padding-inline: 35px;
}
.mila-elite-story__image--main { width: 100%; height: 660px; }
.mila-elite-story__image--main img { width: 100%; height: 100%; object-fit: cover; }
.mila-elite-story__caption {
  font-family: var(--mila-font-body);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  color: var(--mila-ink);
  margin: 0;
}

/* Right column: text block above detail image */
.mila-elite-story__col {
  display: flex; flex-direction: column; gap: 30px;
}

.mila-elite-story__content {
  display: flex; flex-direction: column; align-items: flex-start; gap: 14px;
  padding: 100px 35px;
}

.mila-elite-story__stars { display: flex; padding-bottom: 6px; color: var(--mila-ink); }
.mila-elite-story__star { width: 24px; height: 24px; display: block; }

.mila-elite-story__text {
  display: flex; flex-direction: column; align-items: flex-start; gap: 14px;
  padding-bottom: 16px; color: var(--mila-ink); word-break: break-word;
}
.mila-elite-story__heading {
  font-family: var(--mila-font-heading);
  font-weight: 500;
  font-size: 27px;
  line-height: 1.15;
  letter-spacing: 1.08px;
  margin: 0;
}
.mila-elite-story__body {
  font-family: var(--mila-font-body);
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}

.mila-elite-story__detail {
  padding-inline: 35px;
}
.mila-elite-story__detail img {
  width: 381px;
  max-width: 100%;
  height: 381px;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .mila-elite-story__content { padding-block: 60px; }
  .mila-elite-story__image--main { height: 520px; }
}

@media (max-width: 767px) {
  .mila-elite-story { padding-bottom: 64px; }
  .mila-elite-story__grid { grid-template-columns: 1fr; gap: 30px; }
  .mila-elite-story__media { padding-inline: 20px; }
  .mila-elite-story__image--main { height: auto; aspect-ratio: 1080 / 1308; }
  .mila-elite-story__content { padding: 20px; }
  .mila-elite-story__detail { padding-inline: 20px; }
  .mila-elite-story__detail img { width: 100%; height: auto; aspect-ratio: 1 / 1; }
}