/* =========================================================
   Empress Menen — dedicated full-width Article presentation
   ========================================================= */

{
  overflow-x: clip;
  background: #050705;
}

.main-content,
main,
.layout-container,
.region-content {
  width: 100%;
  max-width: none;
}

.drupal-content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.fm-menen-node {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

/* Drupal field wrapper around the Full HTML body. */
.fm-menen-node > div,
.fm-menen-node .field,
.fm-menen-node .field__item {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

/* Strengthen the existing embedded tribute presentation. */
.fm-menen {
  width: 100%;
  max-width: none;
}

.fm-menen__hero {
  min-height: clamp(38rem, 82vh, 58rem);
  background-position: center 25%;
}

.fm-menen__hero-inner,
.fm-menen__body {
  width: min(82rem, calc(100% - clamp(2rem, 8vw, 8rem)));
}

.fm-menen__body {
  padding-top: clamp(4rem, 8vw, 7rem);
}

.fm-menen__section {
  gap: clamp(2.5rem, 7vw, 6.5rem);
}

.fm-menen__section h2 {
  font-size: clamp(2.8rem, 5.7vw, 5.2rem);
  letter-spacing: .01em;
}

.fm-menen__section p {
  font-size: clamp(1.05rem, 1.4vw, 1.18rem);
  line-height: 1.9;
}

.fm-menen__figure img {
  border: 1px solid rgba(215, 176, 75, .72);
  box-shadow:
    0 1.8rem 4.5rem rgba(0, 0, 0, .55),
    0 0 0 .35rem rgba(215, 176, 75, .055);
}

.fm-menen__quote {
  margin-block: clamp(3rem, 8vw, 7rem);
}

@media (max-width: 760px) {
  .fm-menen__hero {
    min-height: 42rem;
    background-position: 60% center;
  }

  .fm-menen__hero-inner,
  .fm-menen__body {
    width: calc(100% - 2rem);
  }

  .fm-menen__hero-inner {
    padding-bottom: 3rem;
  }
}