.collection {
            overflow: hidden;
          }
          .card.card--product::after {
            bottom: 0;
            background: linear-gradient(360deg, #000000 2.36%, rgba(0, 0, 0, 0) 60%);
          }
          .collection .media--portrait {
            padding-bottom: 436px;
          }
          .title-wrapper-with-link h2.title p {
            margin-block-start: 0em;
            margin-block-end: 0em;
          }
          .subtitle {
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            letter-spacing: 0px;
            text-align: left;
            color: #101820;
          }
          .featured-collection-slider {
            display: flex;
            flex-flow: column-reverse;
          }
          .title-wrapper-with-link h2.title {
            font-family: Playfair Display;
            font-size: 32px !important;
            font-style: normal;
            font-weight: 400;
            line-height: 38px;
            letter-spacing: -1px;
            text-align: left;
            max-width: 204px;
          }
          .collection .subtitle {
            font-family: Montserrat;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            letter-spacing: 0px;
            text-align: left;
            color: #101820;
            margin: 2.4rem 0;
          }
          @media screen and (min-width: 750px) {
            .collection .card-wrapper .button {
              color: #fff;
              border-color: #fff;
              background: transparent;
            }
          }
          .collection .button {
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            letter-spacing: 1px;
            max-width: 145px;
            height: 40px;
            border-radius: 30px;
            text-transform: uppercase;
            line-height: 20px;
          }
          .collection__featured-title-wrapper .button {
            border: 1px solid #10182066
          }
          @media screen and (max-width: 749px) {
            .featured-collection-slider.swiper {
              margin-left: 16px;
            }
            .collection .subtitle {
              max-width: 255px;
            }
          }
          @media screen and (min-width: 990px) {
            .collection .title-wrapper--self-padded-tablet-down {
              width: 33%;
              justify-content: center;
              align-items: start;
              margin: 0;
              display: flex;
            }
            .title-wrapper-with-link h2.title {
              font-family: Playfair Display;
              font-size: 48px !important;
              font-weight: 400;
              line-height: 56px;
              letter-spacing: -2px;
              text-align: left;
              max-width: 324px;
            }
            .collection__featured-title-wrapper {
              padding-left: 4.1rem;
              padding-right: 24px;
            }
            .collection .media--portrait {
              padding-bottom: 100%;
              padding-top: 200px;
            }
            .collection .grid__item .slider__slide {
              width: 36%;
            }
            .collection .caption-with-letter-spacing.light {
              font-family: Montserrat;
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: 22px;
              letter-spacing: 0px;
              text-align: left;
              color: #fff;
              text-transform: none;
            }
          }
          @media screen and (max-width: 989px) {
            body.index .collection.grid {
              margin-left: 0;
            }
          }
          .collection .caption-with-letter-spacing.light {
            padding-bottom: 3.2rem;
          }
          .featured-collection-slider-nav-progress {
            height: 1px;
            max-width: 185px;
            background-color: rgba(0, 0, 0, .2);
            margin: 0;
            bottom: auto;
            display: flex;
          }
          .featured-collection-slider-nav-progress-container .swiper-button-prev {
            position: static;
            margin-right: 20px;
            z-index: 1;
          }
          .featured-collection-slider-nav-progress-container .swiper-button-next {
            position: static;
            margin-left: 20px;
            z-index: 1;
          }
          .featured-collection-slider-nav-progress-container .swiper-button-arrow svg path {
            fill: #000;
          }
          .featured-collection-slider-nav-progress-container .swiper-button-next:after,
          .featured-collection-slider-nav-progress-container .swiper-button-prev:after {
            display: none;
          }
          .featured-collection-slider-nav-progress-container {
            display: flex;
            justify-content: start;
            margin-top: 30px;
            margin-bottom: 50px;
          }
          .featured-collection-slider-nav-progress .swiper-pagination-bullet {
            border-radius: 0;
            background-color: transparent;
            height: 100%;
            flex: 1 1 auto;
            margin: 0 !important;
            padding: 0;
          }
          .featured-collection-slider-nav-progress .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: #000;
          }
          .title-wrapper-with-link {
            display: block;
            margin: 0 0 2.4rem;
          }