/* Capital markets day — investor relations */
.cmd-page {
  --cmd-content-max: 56rem;
  padding-top: var(--page-intro-space-top);
  padding-bottom: clamp(4.5rem, 9vw, 7rem);
}

.cmd-page .container--cmd {
  max-width: min(88%, calc(var(--cmd-content-max) + 2 * var(--container-padding)));
}

.cmd-page__title {
  margin: 0 0 clamp(1.5rem, 3vw, 2rem);
  font-family: var(--font-serif);
  font-size: var(--page-serif-hero-size);
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.12;
  color: var(--color-text);
}

.cmd-page__intro {
  margin: 0 auto clamp(2rem, 4vw, 2.75rem);
  max-width: min(100%, 42rem);
  font-size: var(--page-body-size);
  line-height: var(--page-body-lh);
  text-align: center;
  color: var(--color-text);
}

.cmd-page__actions {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
}

.cmd-page__actions .btn-pill--with-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  min-width: 0;
  max-width: 100%;
  padding: 0.875rem clamp(1.25rem, 3vw, 2rem);
  text-align: center;
}

.cmd-page__actions .btn-pill__icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.cmd-page__video {
  position: relative;
  width: 100%;
  max-width: min(100%, 52rem);
  margin-inline: auto;
  aspect-ratio: 16 / 9;
  min-height: 12rem;
  overflow: hidden;
  background: #000;
}

.cmd-page__video-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 768px) {
  .cmd-page {
    padding-top: clamp(3rem, 8vw, 4.5rem);
  }

  .cmd-page .container--cmd {
    max-width: 100%;
    padding-inline: clamp(1.25rem, 5vw, 1.5rem);
  }

  .cmd-page__title {
    font-size: clamp(1.75rem, 7vw, 2.25rem);
    letter-spacing: 0.04em;
  }

  .cmd-page__intro {
    font-size: 0.9375rem;
    line-height: 1.55;
  }

  .cmd-page__actions .btn-pill--with-icon {
    width: 100%;
    justify-content: center;
    font-size: 0.875rem;
    padding: 0.8125rem 1.25rem;
  }

  .cmd-page__video {
    min-height: 10rem;
  }
}
