/* Universal breakpoints */
@keyframes from-right {
  0% {
    opacity: 0;
    transform: translateX(40rem); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.featured-video {
  padding-top: 64px;
  padding-bottom: 24px;
  color: #3b3d49; }
  .featured-video.dark {
    color: white;
    background-color: #3b3d49; }
  .featured-video h2 {
    text-align: center;
    margin-top: 0;
    font-size: 48px;
    line-height: 115%; }
    @media (max-width: 991px) {
      .featured-video h2 {
        font-size: var(--Typography-Size-Headings-H2, 44px); } }
    @media (max-width: 767px) {
      .featured-video h2 {
        font-size: 36px;
        line-height: 125%; } }
  .featured-video .description {
    text-align: center;
    font-size: 24px;
    line-height: 125%;
    margin-bottom: 36px; }
    @media (max-width: 991px) {
      .featured-video .description {
        font-size: 20px;
        line-height: 150%; } }
    @media (max-width: 767px) {
      .featured-video .description {
        font-size: 18px;
        line-height: 30px; } }
  .featured-video h2,
  .featured-video .description {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto; }
  .featured-video__video {
    aspect-ratio: 16 / 9;
    /* lock size to 16:9 to prevent layout shift */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    max-width: 1120px;
    position: relative;
    border-radius: 8px; }
    .featured-video__video__overlay {
      background-color: red;
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 1;
      background-color: rgba(59, 61, 73, 0.3);
      /* same as the gradient */ }
    .featured-video__video__thumbnail {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      cursor: pointer; }
    .featured-video__video__play-button {
      height: 84px !important;
      width: 84px !important;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none;
      z-index: 1; }
    .featured-video__video iframe {
      border: 0;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      display: none; }