<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
 * DO NOT EDIT THIS FILE.
 * It's generated automatically by 'npm run build' command.
 * @preserve
 */

  .hero-skew {
  height: 24.375rem;
  width: 100%;
  background-color:  var(--colors-off-white-60);
  display: flex;
  position: relative;
  overflow: hidden;
}

  @media (max-width: 767.98px) {

  .hero-skew {
    height: auto;
    flex-direction: column-reverse
}
  }

  .hero-skew__title {
    font: var(--font-primary-h1-default);
    margin-top: 2.5rem;
    padding-left: 4.6875rem;
    position: relative;
    z-index: 1;
    color: var(--colors-oxygen-blue-60);
  }

  @media (max-width: 767.98px) {

  .hero-skew__title {
      font: var(--font-primary-h2-default);
      padding: 1.5625rem;
      margin: 0
  }
    }

  .hero-skew__image {
    width: 45%;
    height: 100%;
    max-width: 100%;
  }

  @media (max-width: 767.98px) {

  .hero-skew__image {
      width: 100%;
      height: 12.5rem
  }
    }

  .hero-skew__img-bg {
    height: 100%;
    background-size: cover;
    background-position: center;
  }

  .hero-skew__content {
    position: relative;
    width: 55%;
  }

  @media (max-width: 767.98px) {

  .hero-skew__content {
      width: 100%
  }
    }

  .hero-skew__content:after {
      content: "";
      width: 20rem;
      height: 103%;
      background-color:  var(--colors-off-white-60);
      transform: skew(-25.5deg, 0deg);
      position: absolute;
      top: -0.3125rem;
      right: -12.5rem;
    }

  @media (max-width: 767.98px) {

  .hero-skew__content:after {
        transform: skew(0deg, -5deg);
        top: -3.125rem;
        left: 0;
        width: 100%;
        height: 12.5rem
    }
      }

  .hero-skew__date {
    font: var(--font-primary-body-default);
    bottom: 2.5rem;
    padding-left: 4.6875rem;
    position: absolute;
    color: var(--colors-black-suede-40);
  }

  @media (max-width: 767.98px) {

  .hero-skew__date {
      margin: 2.5rem 1.875rem;
      padding-left: 0;
      position: relative;
      z-index: 1
  }
    }
</pre></body></html>