.showreel {
   &__wrapper {
   }

   &__body {
      display: grid;
      gap: 32px;
      @include _XSDesktop {
         gap: 127px;
         grid-template-columns: 1fr 1.7fr;
      }
      @include _Desktop {
         gap: 165px;
         grid-template-columns: 1fr 2.1fr;
      }
      @include _HDesktop {
         gap: 160px;
         grid-template-columns: 1fr 2.6fr;
      }
   }

   &__top {
   }

   &__h2 {
   }

   &__subtitle {
      @include _Tablet {
         max-width: 610px;
      }
   }

   &__video {
      .play {
         height: 32px;
         width: 32px;
         background-size: 18px 20px;

         @include _Tablet {
            width: 48px;
            height: 48px;
            background-size: 25px 25px;
         }
         @include _XSDesktop {
            width: 40px;
            height: 40px;
            background-size: 20px 20px;
         }
         @include _Desktop {
            width: 48px;
            height: 48px;
            background-size: 26px 26px;
         }
         @include _HDesktop {
            width: 62px;
            height: 62px;
            background-size: 35px 35px;
         }
      }
   }
}
