@charset "UTF-8";

.performance {
  background-image: linear-gradient(180deg, var(--c-black) 0%, var(--c-michelin-dark-blue) 100%);
  background-color: var(--c-black);
  color: var(--c-text-inverse);
}

.performance__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--s-32);
  padding-block: 60px 56px;
  text-align: center;
}

.performance__video {
  position: relative;
  width: 100%;
  max-width: 540px;
  aspect-ratio: 16 / 9;
  overflow: hidden;

  background-color: color-mix(in srgb, var(--c-white) 7%, var(--c-black));
}

.performance__player {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (min-width: 1024px) {
  .performance__inner {
    gap: var(--s-48);
    padding-block: 80px 72px;
  }

        .performance__video {
    aspect-ratio: 54 / 29;
  }

}