.very-top-banner {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1; }
  .very-top-banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.hero-banner {
  position: relative;
  height: 100vh;
  height: calc(100 * var(--vh));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
  .hero-banner .wrap-content {
    z-index: 10;
    position: relative;
    margin-bottom: 7.80488rem;
    padding-top: 2.92683rem; }

.product {
  background: #a79589; }
  .product .main-paragraph {
    padding-top: 10.73171rem;
    padding-bottom: 9.7561rem;
    font-family: "Inter-light", sans-serif;
    font-size: 1.95122rem;
    color: #171719;
    width: 60%; }
    @media (max-width: 1024px) {
      .product .main-paragraph {
        width: 100%;
        padding-top: 3.90244rem;
        padding-bottom: 3.90244rem;
        font-size: 1.56098rem; } }
  .product .detail {
    padding-bottom: 6.82927rem; }
    @media (max-width: 1024px) {
      .product .detail {
        padding-bottom: 3.90244rem; } }
    .product .detail .line {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-family: "Inter-light", sans-serif;
      color: #171719;
      padding-bottom: 5.85366rem; }
      @media (max-width: 1024px) {
        .product .detail .line {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .product .detail .line a {
        color: #171719;
        border-bottom: 1px solid #171719; }
      .product .detail .line.has-small-content .data-title {
        padding-top: 0.78049rem; }
      .product .detail .line.has-small-content .data-content p {
        font-size: 1.95122rem; }
        @media (max-width: 1024px) {
          .product .detail .line.has-small-content .data-content p {
            font-size: 1.56098rem; } }
    .product .detail .data-title {
      width: 20%;
      font-size: 1.56098rem;
      padding-top: 2.43902rem; }
      @media (max-width: 1024px) {
        .product .detail .data-title {
          font-size: 1.36585rem;
          padding-top: 0;
          width: 100%;
          color: #464646; } }
    .product .detail .data-content {
      width: 80%; }
      .product .detail .data-content p {
        font-weight: 300;
        font-size: 3.5122rem; }
        @media (max-width: 1024px) {
          .product .detail .data-content p {
            font-size: 1.56098rem; } }

.group-image {
  padding: 23.41463rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 1024px) {
    .group-image {
      padding: 5.46341rem 0; } }
  .group-image .single-image {
    width: 65%;
    margin-bottom: 4.87805rem; }
    @media (max-width: 1024px) {
      .group-image .single-image {
        width: 100%;
        margin-bottom: 2.34146rem; } }
  .group-image .double-image {
    position: relative;
    padding-bottom: 19.5122rem;
    margin-bottom: 6.82927rem; }
    @media (max-width: 1024px) {
      .group-image .double-image {
        width: 100%;
        margin-top: 2.34146rem;
        padding-bottom: 6.82927rem; } }
    .group-image .double-image .small-image {
      margin-left: auto;
      width: 30%; }
      @media (max-width: 1024px) {
        .group-image .double-image .small-image {
          width: 100%; } }
      .group-image .double-image .small-image img, .group-image .double-image .small-image picture {
        width: 100%; }
    .group-image .double-image .big-image {
      margin-top: -6.82927rem;
      width: 50%; }
      @media (max-width: 1024px) {
        .group-image .double-image .big-image {
          width: 100%;
          margin-top: 2.34146rem; } }
      .group-image .double-image .big-image img, .group-image .double-image .big-image picture {
        width: 100%; }
  .group-image p {
    width: 65%;
    line-height: 1.4;
    font-family: "Prata", sans-serif;
    font-size: 5.85366rem;
    opacity: 0.6;
    color: #767676; }
    @media (max-width: 1024px) {
      .group-image p {
        width: 100%;
        font-size: 2.92683rem;
        opacity: 0.6; } }

.gallery .top-title {
  padding: 0 9vw; }

.gallery .slider-image .slick-slide {
  margin-right: 2.92683rem; }

.gallery .slider-image .slick-arrow {
  width: 2.92683rem;
  height: 2.92683rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.gallery .slider-image .slick-prev {
  left: 12.68293rem;
  z-index: 1; }
  .gallery .slider-image .slick-prev:before {
    content: "\e902";
    font-family: "icomoon";
    font-size: 2.8rem;
    opacity: 1; }

.gallery .slider-image .slick-next {
  right: 15.60976rem; }
  .gallery .slider-image .slick-next:before {
    content: "\e904";
    font-family: "icomoon";
    font-size: 2.8rem;
    opacity: 1; }

@media (max-width: 1024px) {
  .gallery .slider-image .item {
    margin: 0 1.46341rem 2.34146rem; } }

.gallery .slider-image .slick-slide:not(.slick-current) .item {
  position: relative; }
  .gallery .slider-image .slick-slide:not(.slick-current) .item:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2); }

.gallery .item {
  overflow: hidden;
  position: relative; }
  .gallery .item img {
    opacity: 0.2;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-transition: opacity 0.6s cubic-bezier(0.8, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.2, 0, 0.2, 1);
    transition: opacity 0.6s cubic-bezier(0.8, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.2, 0, 0.2, 1);
    transition: opacity 0.6s cubic-bezier(0.8, 0, 0.2, 1), transform 0.6s cubic-bezier(0.2, 0, 0.2, 1);
    transition: opacity 0.6s cubic-bezier(0.8, 0, 0.2, 1), transform 0.6s cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.2, 0, 0.2, 1);
    height: 62.43902rem;
    display: block; }

.gallery .slick-active .item img {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  visibility: visible; }

@media (max-width: 1024px) {
  .gallery .top-title {
    display: none; }
  .gallery .item img {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    height: auto; } }

.collection {
  padding-top: 11.70732rem; }
  @media (min-width: 1025px) {
    .collection .collection-item:nth-child(odd) .content {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      padding-left: 0; }
    .collection .collection-item:nth-child(odd) .thumb {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .collection .collection-item:nth-child(even) .content {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      padding-left: 8%; }
    .collection .collection-item:nth-child(even) .thumb {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; } }

.next-product {
  margin-top: 15vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  height: calc(100 * var(--vh));
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  overflow: hidden; }
  .next-product .thumb {
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute; }
    .next-product .thumb img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .next-product .footer-title {
    padding-bottom: 7.80488rem;
    position: relative;
    z-index: 11; }