.fc_banner {
  --color-text: var(--color-white);
  color: var(--color-text);
  position: relative;
  isolation: isolate;
  overflow: hidden;

  .banner_image,
  .banner_video {
    position: absolute;
    z-index: -1;
    inset: 0;
    overflow: hidden;
  }

  .banner_video {
    iframe {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100.5%;
      min-height: 100%;
      aspect-ratio: 16 / 9;
      transform: translate(-50%, -50%);
      pointer-events: none;
    }
  }

  .content {
    position: relative;
    z-index: 2;
    padding-block: 192px;

    .title {
      text-transform: uppercase;
      text-shadow: 0 4px 40px rgba(0, 0, 0, 0.3);
    }
  }

  & .usps_container {
    --color-text: var(--color-navy);
    background-color: var(--color-blue);
    color: var(--color-text);
    transform: rotate(-0.714deg);
    position: relative;
    top: -24px;
  }

  &.large_banner {
    .content {
      padding-block: 232px;
    }
  }

  &.first_child {
    padding-top: var(--header-height);
  }
}