/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
.view-production-village .view-content .views-row .vertical-slide .media-slide .open-slide {
  border-radius: 0.625rem;
  inset: 0;
  height: -moz-fit-content;
  height: fit-content;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  will-change: opacity;
  transform: translateZ(0);
}
.view-production-village .view-content .views-row .vertical-slide .media-slide .open-slide img {
  width: 100%;
  height: 100%;
  aspect-ratio: 24/9 !important;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1) translateZ(0);
  transition: transform 0.5s ease-in-out;
  backface-visibility: hidden;
  will-change: transform;
}
.view-production-village .view-content .views-row .vertical-slide .media-slide .open-slide::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  width: 80%;
  height: 100%;
  background: var(--bs-body-bg);
  transition: width 0.4s ease-in-out;
  will-change: width;
  z-index: 2;
}
.view-production-village .view-content .views-row .vertical-slide .media-slide .close-slide {
  border-radius: 0.625rem;
  opacity: 1;
  transition: opacity 0.5s ease-in-out 0.5s;
  will-change: opacity;
}
.view-production-village .view-content .views-row .vertical-slide .media-slide .field__item > img:last-child {
  display: none;
}
.view-production-village .view-content .views-row .vertical-slide .info-slide .heading-block__mirror {
  transform: translateY(30px);
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 35.95%, rgba(153, 153, 153, 0.03) 59.44%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}
.view-production-village .view-content .views-row .vertical-slide .info-slide .heading-block__mirror.size_65px {
  font-size: 4.0625rem;
}
.view-production-village .view-content .views-row .vertical-slide .info-slide .heading-block__mirror.size_60px {
  font-size: 3.75rem;
}
.view-production-village .view-content .views-row .vertical-slide .info-slide .heading-block__mirror.size_55 {
  font-size: 3.4375rem;
}
.view-production-village .view-content .views-row .vertical-slide .info-slide .heading-block__mirror.size_50 {
  font-size: 3.125rem;
}
.view-production-village .view-content .views-row .vertical-slide .info-slide .heading-block__mirror.size_45 {
  font-size: 2.8125rem;
}
.view-production-village .view-content .views-row .vertical-slide .info-slide .heading-block__mirror.size_40 {
  font-size: 2.5rem;
}
.view-production-village .view-content .views-row .vertical-slide .info-slide .lapel-see-more span {
  z-index: 9;
}
.view-production-village .view-content .views-row .vertical-slide .body-slide-wrap {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.45s ease;
}
@media (min-width: 62rem) {
  .view-production-village .view-content .views-row .vertical-slide .body-slide-wrap {
    min-height: 70px;
  }
}
@media (max-width: 61.99875rem) {
  .view-production-village .view-content .views-row .vertical-slide .body-slide-wrap {
    transition: grid-template-rows 0.8s ease;
  }
}
.view-production-village .view-content .views-row .vertical-slide .body-slide-wrap .body-slide {
  overflow: hidden;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.4s ease 0.05s, transform 0.8s ease 0.05s;
}
.view-production-village .view-content .views-row .vertical-slide .body-slide-wrap .body-slide p {
  font-size: 1.25rem;
  font-weight: 400;
}
@media (min-width: 62rem) {
  .view-production-village .view-content .views-row .vertical-slide .body-slide-wrap .body-slide p {
    margin-block-end: 3rem;
  }
}
.view-production-village .view-content .views-row .vertical-slide .body-slide > * {
  overflow: hidden;
}
.view-production-village .view-content .views-row .vertical-slide .title {
  font-weight: 300;
}
.view-production-village .view-content .views-row .vertical-slide .title strong {
  font-weight: 700;
}
.view-production-village .view-content .views-row .vertical-slide.is-active .media-slide .open-slide {
  opacity: 1;
}
.view-production-village .view-content .views-row .vertical-slide.is-active .media-slide .open-slide::before {
  width: 0%;
}
.view-production-village .view-content .views-row .vertical-slide.is-active .media-slide .open-slide img {
  transform: scale(1.1) translateZ(0);
}
.view-production-village .view-content .views-row .vertical-slide.is-active .media-slide .close-slide {
  opacity: 0;
  transition-delay: 0s;
}
.view-production-village .view-content .views-row .vertical-slide.is-active .body-slide-wrap {
  grid-template-rows: 1fr;
}
.view-production-village .view-content .views-row .vertical-slide.is-active .body-slide-wrap .body-slide {
  opacity: 1;
  transform: translateY(0);
}
.view-production-village .view-content .views-row .vertical-slide.is-active .info-slide .lapel-see-more span {
  position: relative;
  z-index: -1;
}
.view-production-village .view-content .views-row:nth-child(even) .vertical-slide .open-slide::before {
  right: unset;
  inset-inline-start: 0;
}
.view-production-village .view-content .views-row:nth-child(even) .vertical-slide .info-slide {
  order: -1;
}
@media (max-width: 61.99875rem) {
  .view-production-village .view-content .views-row .vertical-slide .body-slide-wrap .body-slide p {
    font-size: 0.8125rem;
  }
  .view-production-village .view-content .views-row .vertical-slide .lapel-see-more {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9;
  }
  .view-production-village .view-content .views-row .vertical-slide .media-slide {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    height: 60px;
    transition: height 0.45s cubic-bezier(0.4, 0, 0.2, 1), filter 0.45s ease;
    width: 100% !important;
    border-radius: 0.625rem;
    filter: grayscale(100%) brightness(50%);
    transform: translateZ(0);
  }
  .view-production-village .view-content .views-row .vertical-slide .info-slide {
    text-align: start !important;
    order: -1;
    width: 100% !important;
  }
  .view-production-village .view-content .views-row .vertical-slide .info-slide .heading-block__mirror {
    display: none;
  }
  .view-production-village .view-content .views-row .vertical-slide .info-slide .title {
    font-size: 1.25rem;
  }
  .view-production-village .view-content .views-row .vertical-slide .info-slide .title::after {
    content: url("../../images/arrow-active.svg");
    float: inline-end;
    transform: rotateX(180deg);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 1.125rem;
  }
  .view-production-village .view-content .views-row .vertical-slide.is-closing .media-slide {
    height: 60px !important;
    filter: grayscale(100%) brightness(50%) !important;
  }
  .view-production-village .view-content .views-row .vertical-slide.is-closing .body-slide-wrap {
    grid-template-rows: 0fr !important;
  }
  .view-production-village .view-content .views-row .vertical-slide.is-closing .body-slide-wrap .body-slide {
    opacity: 0 !important;
    transform: translateY(8px) !important;
  }
  .view-production-village .view-content .views-row .vertical-slide.is-closing .info-slide .title::after {
    transform: rotateX(180deg) !important;
  }
  .view-production-village .view-content .views-row .vertical-slide.is-active .lapel-see-more {
    pointer-events: none;
  }
  .view-production-village .view-content .views-row .vertical-slide.is-active .media-slide {
    height: 200px;
    filter: grayscale(0) brightness(1);
  }
  .view-production-village .view-content .views-row .vertical-slide.is-active .media-slide .close-slide {
    opacity: 1;
  }
  .view-production-village .view-content .views-row .vertical-slide.is-active .info-slide .title::after {
    transform: rotateX(0deg);
  }
}
.view-production-village .pager .btn.btn-primary {
  float: inline-end;
}
.view-production-village .view-footer {
  padding-top: 0.4375rem;
}
.view-production-village .view-footer div {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0.625rem;
}
.view-production-village .view-footer div p {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
}
.view-production-village .view-footer div p.current {
  color: rgba(var(--landing-primary-rgb), 1);
}

.b-carousel-production-village {
  direction: ltr !important;
  position: relative;
}
.b-carousel-production-village__slider {
  cursor: grab;
}
.b-carousel-production-village__slider:active {
  cursor: grabbing;
}
.b-carousel-production-village__slider .splide__track {
  overflow: visible;
  overflow-x: clip;
}
.b-carousel-production-village__slider .splide__list {
  align-items: center;
}
.b-carousel-production-village__slide {
  --tile-width: 100%;
  --image-size: 0.5;
  --tile-overlap: 0;
  --tile-adjust: 27%;
  width: var(--tile-width);
  margin: 0 var(--tile-overlap) 0 0;
  display: flex;
  flex-direction: column;
  --tile-width: 90%;
  --tile-overlap: calc(-22vw + 25px);
}
@media (min-width: 64rem) {
  .b-carousel-production-village__slide {
    --tile-width: 44.5%;
    --tile-overlap: calc(-18vw + 25px);
    --image-size: 0.48;
  }
}
.b-carousel-production-village__tile {
  position: relative;
}
.b-carousel-production-village__tile__image {
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
  transform: scale(var(--image-size));
  transition: all 0.6s ease;
}
.b-carousel-production-village__tile__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.b-carousel-production-village__tile__caption {
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.6;
  opacity: 0;
  margin-top: 0.75rem;
  transition: opacity 0.4s ease;
}
.b-carousel-production-village .b-carousel-production-village__tile__image {
  filter: grayscale(1);
}

.splide__slide.is-active .b-carousel-production-village__tile__caption {
  opacity: 1;
}
.splide__slide.is-active .b-carousel-production-village__tile__image {
  filter: grayscale(0);
  transform: scale(1) translateY(0%);
  border-radius: 0.625rem;
  box-shadow: 0px 346px 97px rgba(0, 42, 25, 0), 0px 222px 89px rgba(0, 42, 25, 0.01), 0px 125px 75px rgba(0, 42, 25, 0.05), 0px 55px 55px rgba(0, 42, 25, 0.09), 0px 14px 30px rgba(0, 42, 25, 0.1);
}
@media (min-width: 64rem) {
  .splide__slide.is-prev .b-carousel-production-village__tile__image {
    transform: scale(var(--image-size)) translateX(calc(var(--tile-adjust) * -1));
  }
}
@media (min-width: 64rem) {
  .splide__slide.is-next .b-carousel-production-village__tile__image {
    transform: scale(var(--image-size)) translateX(var(--tile-adjust));
  }
}

.view-production-village {
  overflow: hidden;
}