/* HOME HERO CAROUSEL
----------------------------- */

section.home-hero-carousel {
   background: var(--mint);
   padding: 2.5rem 0;
   width: 100%;
   overflow: hidden;
   user-select: none;
}
section.home-hero-carousel .title p,
section.home-hero-carousel .title{
   text-transform: uppercase;
   font-family: var(--font-text);
   font-size: 2.5rem;
   font-weight: 300;
   letter-spacing: 15%;
}
section.home-hero-carousel .title{
   margin-bottom: 0.625rem;
}

section.home-hero-carousel .text{
   align-self: flex-end;
}
section.home-hero-carousel .text p{
   font-family: var(--font-title);
   font-style: italic;
   font-size: 1.625rem;
   line-height: 1.2;
   text-align: left;
}

section.home-hero-carousel .carousel-wrapper {
  display: flex;
  gap: 2.5rem;
  width: fit-content;
  touch-action: pan-y;
}

section.home-hero-carousel .carousel-slide {
  flex-shrink: 0;
  width: auto;
  height: 33.125rem;
  position: relative;
  overflow: hidden;
  background: var(--grey-800);
}
section.home-hero-carousel .cell-inner {
  width: 100%;
  height: 100%;
  transition: opacity 1s ease-out;
  opacity: 0;

  pointer-events: none;
}
section.home-hero-carousel .cell-inner.is--loaded{
   opacity: 1;
}

/* Parallax inner wrap */
section.home-hero-carousel .carousel-slide.is--image .slide-inner,
section.home-hero-carousel .carousel-slide.is--video .slide-inner {
  position: absolute;
  top: 0;
  left: -20%;
  width: 140%;
  height: 100%;
}

section.home-hero-carousel .carousel-slide.is--image{
  aspect-ratio: 14 / 10;
}
section.home-hero-carousel .carousel-slide.is--image .image {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

section.home-hero-carousel .carousel-slide.is--image .slide-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

section.home-hero-carousel .carousel-slide.is--video{
  aspect-ratio: 14 / 10;
}
section.home-hero-carousel .carousel-slide.is--video .slide-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Text Slide */
section.home-hero-carousel .carousel-slide.is--text .cell-inner{
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 2.5rem 1.875rem;
  width: auto;
  aspect-ratio: 590 / 570;
}

section.home-hero-carousel .carousel-slide.is--text .slide-text-inner {
  text-align: center;
  max-width: 100%;

  display: flex;
  flex-direction: column;
}

/* Responsive */
@media (max-width: 1280px), (max-width: 1600px) and (not (resolution: 1.25dppx)) {

   section.home-hero-carousel{
      padding: 2.1875rem 0;
   }
   section.home-hero-carousel .carousel-wrapper{
      gap: 2.1875rem;
   }
   section.home-hero-carousel .carousel-slide{
      height: 28.125rem;
   }
}

@media (max-width: 1024px) {

   section.home-hero-carousel{
      padding: 1.875rem 0;
   }
   section.home-hero-carousel .carousel-wrapper{
      gap: 1.875rem;
   }
   section.home-hero-carousel .carousel-slide{
      height: 25rem;
   }
   section.home-hero-carousel .title p, section.home-hero-carousel .title{
      font-size: 2rem;
   }
   section.home-hero-carousel .text p{
      font-size: 1.4375rem;
   }
}

@media (max-width: 768px) {

   section.home-hero-carousel{
      padding: 1.25rem 0;
   }
   section.home-hero-carousel .carousel-wrapper{
      gap: 1.25rem;
   }
   section.home-hero-carousel .carousel-slide{
      height: 18.75rem;
   }
   section.home-hero-carousel .title p, section.home-hero-carousel .title{
      font-size: 1.875rem;
   }
   section.home-hero-carousel .text p{
      font-size: 1.25rem;
   }
}



/* SPLIT
   ----------------------------- */

section.split{
   background: var(--mint);
   padding: 5rem 0;
}
section.split h2{
   text-transform: uppercase;
   font-family: inherit;
   color: var(--gold);
   letter-spacing: 9%;
   font-size: 1.8125rem;
   font-weight: 300;
}
section.split .c-wrap {
   display: flex;
   flex-direction: column;
}

section.split .row {
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: stretch;
   color: inherit;
   text-decoration: none;
}

section.split .row.is--reverse .image {
   order: 2;
}

section.split .image {
   margin: 0;
   overflow: hidden;
   background: var(--white);
}

section.split .image img {
   display: block;
   width: 100%;
   height: auto;
   aspect-ratio: 4 / 3;
   object-fit: cover;
}

section.split .info {
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 4rem 6rem;
   background: var(--white);
}

section.split .title {
   margin: 0 0 1rem;
}

section.split .paragraph p {
   margin: 0;
   padding: 0;
   font-family: var(--font-title);
   font-size: 1.5625rem;
   font-style: italic;
   color: var(--grey-600);
}


@media(max-width: 1400px){
   section.split .info{
      padding: 4rem;
   }
}

@media(max-width: 1024px){
   section.split .info{
      padding: 2rem;
   }
   section.split .paragraph p{
      font-size: 1.25rem;
   }
   section.split h2{
      font-size: 1.5rem;
   }
}


@media(max-width: 768px){
   section.split .c-wrap{
      gap: 1.25rem;
   }
   section.split .info{
      padding: 3rem 2rem;
   }
   section.split .row{
      grid-template-columns: 1fr;
   }
   section.split .row.is--reverse .image{
      order: 1;
   }
   section.split .row.is--reverse .info{
      order: 2;
   }
}


/* WELCOME
   ----------------------------- */

section.welcome{
   background: var(--mint);
}
section.welcome h2{
   font-family: inherit;
   color: var(--gold);
   font-weight: 300;
   letter-spacing: 9%;
   text-transform: uppercase;
   font-size: var(--h4-size);
}
section.welcome .welcome-text{
   text-align: center;
   padding: 4.375rem 0;
}
section.welcome .welcome-text .paragraph{
   max-width: 35rem;
   margin: 1.5625rem auto 0 auto;
   font-family: var(--font-title);
}
section.welcome .welcome-text .paragraph p{
   font-family: inherit;
   font-size: var(--paragraph-size-xxl);
   font-style: italic;
}

@media(max-width: 690px){
   section.welcome .welcome-text{
      padding: 3.75rem 0;
   }
}



/* POPUP
   ----------------------------- */

#hotel-popup-overlay {
   position: fixed; inset: 0;
   background: rgba(0,0,0,0.8);
   backdrop-filter: blur(4px);
   display: flex; align-items: center; justify-content: center;
   z-index: 9999;
   animation: hotelFadeIn 0.4s ease forwards;
}
#hotel-popup-overlay.closing {
   animation: hotelFadeOut 0.35s ease forwards;
}
#hotel-popup-box {
   background: var(--grey-800);
   border-radius: 1.125rem;
   padding: 2.5rem 2rem 0;
   max-width: 22.5rem; width: 86%;
   position: relative;
   animation: hotelSlideUp 0.65s cubic-bezier(0.22,1,0.36,1) forwards;
   text-align: center;
}
#hotel-popup-overlay.closing #hotel-popup-box {
   animation: hotelSlideDown 0.35s cubic-bezier(0.4,0,1,0.6) forwards;
}
#hotel-popup-box .hp-close {
   position: absolute; top: 0; right: 0;
   background: var(--white);
   border: none; color: inherit;
   border-radius: 50%; width: 2.25rem; height: 2.25rem;
   font-size: 1.1875rem; cursor: pointer;
   display: flex; align-items: center; justify-content: center;
   transition: transform 0.1s;
   line-height: 1;
   transform: translate(50%, -50%) scale(1);
}
#hotel-popup-box .hp-close:hover { transform: translate(50%, -50%) scale(1.06); }
#hotel-popup-box .hp-titulo {
   font-size: 1.875rem; color: var(--white);
   line-height: 1.25; margin: 0 0 1.5rem;
}
#hotel-popup-box .hp-subtitulo {
   font-size: 0.8125rem; color: rgba(255,255,255,0.7);
   font-style: italic; margin: 0 0 0.625rem; letter-spacing: 0.03125rem;
}
#hotel-popup-box .hp-telefono {
   background: var(--grey-900); border-radius: 0.625rem;
   padding: 0.875rem 1.5rem; font-size: 1.125rem; font-weight: 700;
   color: var(--white); margin-bottom: 1.75rem;
   display: block; text-decoration: none;
   transition: background 0.2s;
   letter-spacing: 0.1875rem;
}
#hotel-popup-box .hp-telefono:hover { background: var(--grey-950); color: var(--white); }
#hotel-popup-box .hp-wa {
   display: flex; align-items: center; justify-content: center; gap: 0.625rem;
   background: var(--gold); color: var(--white);
   text-decoration: none; padding: 1.125rem;
   font-size: 0.9375rem; letter-spacing: 0.125rem;
   margin: 0 -2rem;
   transition: opacity 0.2s;
   border-radius: 0 0 1.125rem 1.125rem;
}
#hotel-popup-box .hp-wa:hover { opacity: 0.8; color: var(--white); }
#hotel-popup-box .hp-wa svg {
   width: 1.25rem; height: 1.25rem; flex-shrink: 0;
}
@keyframes hotelFadeIn {
   from { opacity: 0; } to { opacity: 1; }
}
@keyframes hotelFadeOut {
   from { opacity: 1; } to { opacity: 0; }
}
@keyframes hotelSlideUp {
   from { opacity: 0; transform: translateY(2.5rem) scale(0.96); }
   to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes hotelSlideDown {
   from { opacity: 1; transform: translateY(0) scale(1); }
   to   { opacity: 0; transform: translateY(5rem) scale(0.96); }
}

@media(max-width: 768px){
   #hotel-popup-box .hp-titulo{
      font-size: 1.625rem;
   }
   #hotel-popup-box .hp-wa{
      padding: 0.9375rem;
   }
   #hotel-popup-box .hp-telefono{
      font-size: 1.0625rem;
      padding: 0.8125rem 1.25rem;
   }
}

/* ROOMS
   ----------------------------- */

section.rooms .badge-title{
   margin-bottom: 0.625rem;
}
section.rooms .c-cols{
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 1.875rem;
}
section.rooms .room{
   position: relative;
   overflow: hidden;
}
section.rooms .room:after{
   content: ' ';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(to top, rgba(4, 21, 14, 0.7) 0%, rgba(4, 21, 14, 0) 40%);
}
section.rooms .room figure.image{
   transition: transform 1.4s cubic-bezier(.25, .1, .1, 1);
   transform: scale(1.001);
   will-change: transform;
}
section.rooms .room:hover figure.image{
   transform: scale(1.2);
}
section.rooms .room figure.image img{
   width: 100%;
   aspect-ratio: 10 / 9;
   min-height: 25rem;
   object-fit: cover;
   display: block;
}
section.rooms h3{
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 2;
   transform: translateX(0%);
   font-size: 2.5rem;
   letter-spacing: 0.0625rem;
   font-family: var(--font-title);

   display: flex;
   align-items: center;
   padding: 2.5rem 3.125rem;

   color: var(--white);

   transition: transform 0.9s cubic-bezier(.25,.1,.1,1);
}

section.rooms .room:hover h3{
   transform: translate(0%, -1.25rem);
}

@media(max-width: 1200px){
   section.rooms .c-cols{
      gap: 1.875rem;
   }
}
@media(max-width: 999px){
   section.rooms .c-cols{
      gap: 1.25rem;
   }
   section.rooms h3{
      font-size: 1.875rem;
   }
}
@media(max-width: 690px){
   section.rooms h3{
      font-size: 1.5625rem;
      padding: 1.875rem;
   }
   section.rooms .c-cols{
      padding: 0 1.25rem;
      grid-template-columns: 1fr;
   }
   section.rooms.page-rooms .c-cols{
      padding: 0;
   }
   section.rooms .room figure.image img{
      max-height: 18.75rem;
      min-height: 0;
   }
}


/* PAGE ROOMS
   ----------------------------- */

section.page-rooms{
   position: relative;
   padding-bottom: 7.5rem;
}
section.page-rooms .c-wrap{
   position: relative;
   z-index: 2;
}
section.page-rooms .title-wrap{
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 5rem 6.25rem;
   align-items: center;

   padding: 6.25rem 1.875rem;
}
section.page-rooms .title-wrap h2{
   color: var(--gold);
   max-width: 28.125rem;
}
section.page-rooms .title-wrap .paragraph{
   max-width: 28.125rem;
}
section.page-rooms:after{
   content: ' ';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: calc(100% - 16.25rem);
   z-index: 1;
   background: var(--beige-light);
}

@media(max-width: 999px){
   section.page-rooms .title-wrap{
      grid-template-columns: 1fr;
      gap: 1.5625rem;
      padding: 3.125rem 1.25rem;
   }
   section.page-rooms{
      padding-bottom: 6.25rem;
   }
}

@media(max-width: 690px){
   section.page-rooms .title-wrap{
      grid-template-columns: 1fr;
      gap: 1.5625rem;
      padding: 3.125rem 0px;
   }
   section.page-rooms{
      padding-bottom: 5rem;
   }
}



/* GALLERY
   ----------------------------- */

section.gallery{
   padding: 5rem 0;
   background: var(--mint);
}
section.gallery .c-wrap{
   position: relative;
   z-index: 2;
   max-width: 75rem;
   padding-block: 5rem;
   background: var(--white);
}

section.gallery .title-wrap{
   text-align: center;
}
section.gallery h2{
   color: var(--gold);
}
section.gallery .items{
   user-select: none;
   margin-top: 5rem;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   gap: 0.625rem;
}
section.gallery .items a{
   display: block;
}
section.gallery .items img{
   aspect-ratio: 1 / 1;
   object-fit: cover;
   display: block;
   width: 100%;
}
section.gallery .items figure.image{
   position: relative;
   background: var(--grey-800);
}
section.gallery .items figure.image .hover{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;

   display: flex;
   align-items: center;
   justify-content: center;

   background: linear-gradient(to top, rgba(102, 153, 194, 0.8) 0%, rgba(102, 153, 194, 0.7) 100%);
   transition: opacity 0.5s cubic-bezier(.25, .1, .1, 1);
   opacity: 0;
}
section.gallery .items figure.image:hover .hover{
   opacity: 1;
}

section.gallery .items figure.image svg{
   width: 2.5rem;
   fill: var(--white);
   transform: translateY(2.1875rem);
   transition: transform 0.5s cubic-bezier(.25, .1, .1, 1);
}
section.gallery .items figure.image:hover svg{
   transform: translateY(0px);

}




@media(max-width: 999px){
   section.gallery .c-wrap{
      padding-block: 4.375rem;
   }
   section.gallery{
      padding: 3.75rem 0;
   }
   section.gallery .items{
      margin-top: 3.75rem;
      grid-template-columns: 1fr 1fr 1fr;
   }
}
@media(max-width: 690px){
   section.gallery .c-wrap{
      padding-block: 3.75rem;
   }
   section.gallery{
      padding: 1.875rem 0;
   }
   section.gallery .items{
      margin-top: 3.125rem;
      grid-template-columns: 1fr 1fr;
   }
}


/* WELCOME CALAFATE
   ----------------------------- */

section.welcome-calafate .welcome-text{
   text-align:center;
   padding:5rem 0;
   margin:0 auto;
   max-width:46.875rem;
}

section.welcome-calafate .welcome-text h2{
   line-height:1.2;
   color: var(--gold);
}

section.welcome-calafate .welcome-text .paragraph{
   max-width:35rem;
   margin:1.875rem auto 0 auto;
   color: var(--grey-700);
   text-transform:uppercase;
}


/* SLIDER */

section.welcome-calafate .image-slider{
   position:relative;
   width:100%;
   height:37.5rem;
   overflow:hidden;
}

section.welcome-calafate .image-slider figure.image{
   position:absolute;
   inset:0;
   width:100%;
   height:37.5rem;
   opacity:0;
   z-index:1;
   transition:opacity 1.2s ease;
}

section.welcome-calafate .image-slider figure.image.active{
   opacity:1;
   z-index:2;
}

section.welcome-calafate .image-slider figure.image img{
   width:100%;
   height:37.5rem;
   display:block;
   object-fit:cover;
}


/* RESPONSIVE */

@media(max-width:999px){

   section.welcome-calafate .image-slider{
      height:31.25rem;
   }

   section.welcome-calafate .image-slider figure.image{
      height:31.25rem;
   }

   section.welcome-calafate .image-slider figure.image img{
      height:31.25rem;
   }

}


@media(max-width:690px){

   section.welcome-calafate .image-slider{
      height:21.875rem;
   }

   section.welcome-calafate .image-slider figure.image{
      height:21.875rem;
   }

   section.welcome-calafate .image-slider figure.image img{
      height:21.875rem;
   }

}







/* CAROUSEL SECTION
   ----------------------------- */

section.carousel-section{
   position: relative;
   padding: 6.25rem 0;
}
section.carousel-section .c-wrap{
   position: relative;
   z-index: 2;

   display: grid;
   grid-template-columns: 4fr 8fr;
}
section.carousel-section:after{
   content: ' ';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 50%;
   z-index: 1;
   background: var(--beige-light);
}

section.carousel-section .flickity-cell{
   width: 100%;
}
section.carousel-section figure.image{
   min-height: 100%;
   height: 100%;
}
section.carousel-section figure.image img{
   width: 100%;
   object-fit: cover;
   aspect-ratio: 16 / 10;
   min-height: 100%;
}
section.carousel-section .carousel-wrap{
   background: var(--white);
}
section.carousel-section .carousel-wrap .carousel{
   width: 100%;
   height: 100%;
}
section.carousel-section .info{
   background: var(--white);
   padding: 5vw 4.5vw;
   min-height: 31.25rem;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
section.carousel-section .info h2{
   color: var(--gold);
   max-width: 18.75rem;
}
section.carousel-section .info .paragraph{
   margin-top: 2.1875rem;
}


@media(min-width: 1000px){

   section.carousel-section .flickity-viewport{
      height: 100% !important;
   }
}
@media(max-width: 999px){
   section.carousel-section .info .paragraph{
      margin-top: 1.5625rem;
   }
   section.carousel-section .c-wrap{
      grid-template-columns: 1fr;
   }

   section.carousel-section{
      padding: 3.125rem 0;
   }
   section.carousel-section .info{
      min-height: 0;
      background: none;
      padding: 0;
      margin-bottom: 2.5rem;
   }
   section.carousel-section:after{
      height: 60%;
   }
   section.carousel-section figure.image{
      min-height: 0;
      height: auto;
   }
}



@media(max-width: 690px){
   section.carousel-section figure.image img{
      aspect-ratio: 4 / 3;
      height: auto;
      min-height: 0;
   }
}



/* CAROUSEL SECTION 2
   ----------------------------- */

section.carousel-section-2{
   padding: 7.5rem 0;
   background: var(--beige-light);
}
section.carousel-section-2 h2{
   margin-top: 0.625rem;
   color: var(--gold);
}
section.carousel-section-2 .c-wrap{
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 3.125rem 7.5rem;
}
section.carousel-section-2 .info{
   order: 2;
}
section.carousel-section-2 .image-wrap{
   order: 1;
}
section.carousel-section-2 .image-wrap img{
   aspect-ratio: 10 / 11;
   object-fit: cover;
}
section.carousel-section-2 .paragraph{
   margin-top: 1.5625rem;
}
section.carousel-section-2 .carousel-wrap{
   margin-top: 7.5rem;
}
section.carousel-section-2 .carousel-wrap img{
   aspect-ratio: 4 / 3;
   object-fit: cover;
}


@media(max-width: 1400px){

   section.carousel-section-2 .c-wrap{
      gap: 3.125rem 5.625rem;
   }
}


@media(max-width: 1200px){

   section.carousel-section-2{
      padding: 5rem 0;
   }
   section.carousel-section-2 .c-wrap{
      grid-template-columns: 8fr 10fr;
      gap: 3.125rem 4.375rem;
   }
   section.carousel-section-2 .carousel-wrap{
      margin-top: 5rem;
   }
}



@media(max-width: 999px){

   section.carousel-section-2{
      padding: 3.75rem 0;
   }
   section.carousel-section-2 .c-wrap{
      grid-template-columns: 1fr;
      gap: 5.625rem;
   }
   section.carousel-section-2 .carousel-wrap{
      margin-top: 3.125rem;
   }
}


/* SUSTAINABILITY
   ----------------------------- */

section.sustainability{
   padding: 9.375rem 0;
   color: var(--white);
   background: var(--grey-700);
   margin-bottom: 0.1875rem;
}
section.sustainability .title-wrap{
   display: grid;
   justify-content: space-between;
   grid-template-columns: 1fr 9.375rem;
}
section.sustainability .title-wrap .c-col{
   max-width: 34.375rem;
}
section.sustainability .title-wrap h2{
   margin-top: 0.625rem;
}


section.sustainability ul {
   margin: 4.375rem 0 0;
   padding: 0;
   list-style: none;
   column-count: 2;
   column-gap: 4.375rem;
   font-size: var(--paragraph-size);
}

section.sustainability li {
   display: flex;
   align-items: flex-start;
   gap: 1.25rem;
   margin-bottom: 1.25rem;
}

section.sustainability li .icon {
   flex: 0 0 1.125rem;
   margin-top: 0.125rem;
   width: 1.125rem;
   height: 1.125rem;
}

section.sustainability li .icon img {
   width: 100%;
   object-fit: contain;
   height: 100%;
   fill: var(--white);
}

section.sustainability li .text {
   flex: 1;
   line-height: 1.6;
}


@media(max-width: 1300px){
   section.sustainability{
      padding: 7.5rem 0;
   }
}
@media(max-width: 1200px){
   section.sustainability{
      padding: 6.875rem 0;
   }
}
@media(max-width: 999px){
   section.sustainability{
      padding: 5.625rem 0;
   }
   section.sustainability ul{
      margin-top: 4.375rem;
      column-count: 1;
   }
}
@media(max-width: 690px){
   section.sustainability{
      padding: 3.125rem 0;
   }
   section.sustainability ul{
      margin-top: 3.125rem;
   }
   section.sustainability li{
      gap: 0.625rem;
   }
   section.sustainability .title-wrap{
      grid-template-columns: 1fr 5.625rem;
   }
   section.sustainability li .icon{
      width: 1rem;
      height: 1rem;
   }
}





/* IMAGE COLLAGE
   ----------------------------- */

section.image-collage{
   padding: 7.5rem 0;
}
section.image-collage .info{
   text-align: center;
}
section.image-collage .info h2{
   color: var(--gold);
}
section.image-collage .info .paragraph{
   margin: 1.5625rem auto 0 auto;
   max-width: 31.25rem;
}
section.image-collage .items{
   margin-top: 3.75rem;
   margin-bottom: 1.875rem;
   position: relative;
   aspect-ratio: 16 / 10;
}


.image-collage .item{
   position: absolute;
   display: none;
}

.image-collage .item-1{
   top: 0;
   right: 20%;
   width: 12%;
   display: block;
}
.image-collage .item-1 img{
   aspect-ratio: 4 / 5;
   object-fit: cover;
}

.image-collage .item-2{
   top: 11%;
   right: 45%;
   width: 14%;
   display: block;
}

.image-collage .item-2 img{
   aspect-ratio: 4 / 5;
   object-fit: cover;
}

.image-collage .item-3{
   top: 7%;
   left: 0;
   width: 20%;
   display: block;
}

.image-collage .item-3 img{
   aspect-ratio: 4 / 5;
   object-fit: cover;
}


.image-collage .item-4{
   top: 35%;
   right: 0;
   width: 24%;
   display: block;
}

.image-collage .item-4 img{
   aspect-ratio: 16 / 10;
   object-fit: cover;
}

.image-collage .item-5{
   top: 67%;
   left: 4%;
   width: 16%;
   display: block;
}

.image-collage .item-5 img{
   aspect-ratio: 16 / 10;
   object-fit: cover;
}


.image-collage .item-6{
   top: 52%;
   left: 35%;
   width: 24%;
   display: block;
}

.image-collage .item-6 img{
   aspect-ratio: 4 / 5;
   object-fit: cover;
}



.image-collage .item-7{
   top: 70%;
   right: 10%;
   width: 10%;
   display: block;
}

.image-collage .item-7 img{
   aspect-ratio: 4 / 5;
   object-fit: cover;
}


@media(max-width: 1200px){
   section.image-collage{
      padding: 5.625rem 0;
   }
}


@media(max-width: 999px){
   section.image-collage{
      padding: 4.375rem 0;
   }
}


@media(max-width: 690px){
   section.image-collage{
      padding: 3.125rem 0;
   }
}


/* SINGLE ROOM
   ----------------------------- */


section.single-room{
   position: relative;
   padding: 6.25rem 0 0 0;
}
.padding-room{
   padding-top: 6.25rem;
}
section.single-room .c-wrap{
   position: relative;
   z-index: 2;
}

section.single-room .box{
   background: var(--white);
   padding: 3.75rem;
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: center;
   gap: 0 3.75rem;
}
section.single-room:after{
   content: ' ';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 50%;
   z-index: 1;
   background: var(--mint);
}

section.single-room .info{
   padding: 3.75rem 0;
}
section.single-room .title{
   color: var(--gold);
}
section.single-room .paragraph{
   margin-top: 1.5625rem;
}
section.single-room .paragraph p{
   font-size: var(--paragraph-size-xl);
   line-height: 1.5;
}
section.single-room figure.image{
   background: var(--grey-800);
}
section.single-room figure.image img{
   display: block;
   width: 100%;
   height: auto;
   aspect-ratio: 1 / 1;
   object-fit: cover;
}
section.single-room ul.features{
   margin-top: 2.5rem;
   column-count: 2;
   column-gap: 1.25rem;
}
section.single-room ul.features li{
   display: flex;
   align-items: center;
   gap: 1.25rem;
   padding: 0.625rem 0;
}
section.single-room ul.features img{
   width: 2.5rem;
}

section.other-room .c-wrap{
   position: relative;
   z-index: 2;
}
section.other-room .box .title-wrap{
   display: flex;
   align-items: center;
   gap: 1.25rem 3.75rem;
}
section.other-room .box{
   border-top: 0.0625rem solid var(--beige-light);
   background: var(--white);
   padding: 3.75rem;
}
section.other-room .box .items{
   margin-top: 3.125rem;
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: center;
   gap: 1.25rem 1.875rem;
}
section.other-room h3{
   color: var(--brown);
}
section.other-room .paragraph{
   max-width: 25rem;
}
section.other-room .other-room-item,
section.other-room a,
section.other-room figure.image{
   position: relative;
   display: block;
   width: 100%;
}
section.other-room figure.image img{
   width: 100%;
   height: 15.625rem;
   object-fit: cover;
}
section.other-room .other-room-item h3{
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 2;
   transform: translateX(0%);
   font-size: 1.875rem;
   letter-spacing: 0.0625rem;
   font-family: var(--font-title);
    pointer-events: none;

   padding: 1.5625rem 2.5rem;

   color: var(--white);

   transition: transform 0.5s cubic-bezier(.25,.1,.1,1);
}
section.other-room .other-room-item:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to top, rgba(4, 21, 14, 0.7) 0%, rgba(4, 21, 14, 0) 40%);
}
section.other-room .other-room-item:hover h3{
   transform: translate(0%, -1.25rem);
}


@media(max-width: 1400px){
   section.single-room{
      padding: 5rem 0;
   }
   .padding-room{
      padding-top: 5rem;
   }
   section.single-room ul.features li{
      font-size: 1rem;
   }
   section.other-room .box,
   section.single-room .box{
      padding: 3.125rem;
   }
   section.single-room .info{
      padding: 1.875rem 0;
   }
}

@media(max-width: 1200px){
   section.single-room .box{
      align-items: stretch;
   }
   section.single-room .paragraph p{
      font-size: 1rem;
   }
   section.single-room figure.image{
      width: 100%;
      height: 100%;
   }
   section.single-room figure.image img{
      width: 100%;
      height: 100%;
      aspect-ratio: initial;
   }
}
@media(max-width: 999px){
   section.single-room figure.image{
      height: auto;
   }
   section.single-room figure.image img{
      width: 100%;
      height: 21.875rem;
      aspect-ratio: initial;
   }
   section.single-room .box{
      grid-template-columns: 1fr;
      gap: 1.875rem;
      padding: 1.875rem;
      align-items: center;
   }
   section.single-room .info{
      padding: 0;
   }
   section.other-room .box{
      padding: 2.5rem 0;
   }
   section.single-room{
      padding: 2.5rem 0;
   }
   .padding-room{
      padding-top: 2.5rem;
   }
   section.single-room ul.features li{
      padding: 0.3125rem 0;
      font-size: 0.9375rem;
      gap: 0.9375rem;
   }
   section.single-room ul.features img{
      width: 2.5rem;
   }
}


@media(max-width: 690px){
   section.other-room .other-room-item h3{
      font-size: 1.5625rem;
      padding: 1.25rem 1.5625rem;
   }
   section.other-room .box .title-wrap{
      flex-direction: column;
      align-items: flex-start;
   }
   section.other-room .box .items{
      grid-template-columns: 1fr;
   }
   section.single-room:after{
      display: none;
   }
   section.single-room ul.features li{
      font-size: 0.875rem;
   }
   section.single-room figure.image img{
      height: auto;
      aspect-ratio: 4 / 3;
   }
   section.other-room .box{
      grid-template-columns: 1fr;
      gap: 1.875rem;
   }
   section.single-room ul.features{
      column-count: 1;
   }

   section.single-room .box{
      padding: 0px;
   }

}




/* CONTACT
   ----------------------------- */


section.contact{
   padding: 5rem 0;
   background: var(--mint);
}
section.contact .c-wrap{
   max-width: 75rem;
   background: var(--white);
}
section.contact .c-box{
   padding: 5rem 0;
}
section.contact .title-wrap{
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   gap: 0.625rem;
}
section.contact .title-wrap h2{
   color: var(--gold);
}
section.contact .c-cols{
   margin-top: 5rem;
   display: grid;
   grid-template-columns: 1fr 23.75rem;
   gap: 5rem;
   align-items: center;
}
section.contact .info{
   display: flex;
   flex-direction: column;
   gap: 1.25rem;
}
section.contact .info .item{
   background: var(--beige-light);
   padding: 2.5rem;
   color: var(--grey-800);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
}
section.contact .info .item img{
   width: 2.8125rem;
}
section.contact .address-wrap h4{
   margin-top: 0.9375rem;
   text-transform: uppercase;
   font-family: var(--font-text);
   font-size: 0.9375rem;
   font-weight: 700;
   line-height: 1.3;
   max-width: 31.25rem;
   letter-spacing: 0.125rem;
}
section.contact .phone-wrap h4{
   margin-top: 0.9375rem;
   text-transform: uppercase;
   font-family: var(--font-text);
   font-size: 0.9375rem;
   font-weight: 400;
   line-height: 1.3;
   letter-spacing: 0.125rem;
}
section.contact .phone-wrap a{
   margin-top: 0.3125rem;
   display: inline-block;
   text-transform: uppercase;
   font-family: var(--font-text);
   font-size: 1.375rem;
   font-weight: 700;
   line-height: 1.3;
}
section.contact .email-wrap h4{
   margin-top: 0.9375rem;
   text-transform: uppercase;
   font-family: var(--font-text);
   font-size: 0.9375rem;
   font-weight: 400;
   line-height: 1.3;
   letter-spacing: 0.125rem;
}
section.contact .email-wrap a{
   margin-top: 0.3125rem;
   display: inline-block;
   text-transform: none;
   font-family: var(--font-text);
   font-weight: 700;
   line-height: 1.3;
}
section.map {
   width: 100%;
   height: 34.375rem;
   background: var(--grey-50);
   overflow: hidden;
}

section.map iframe{
   display: block;
   width: 100%;
   height: 100%;
}


@media(max-width: 999px){
   section.contact .c-box,
   section.contact{
      padding: 4.375rem 0;
   }

   section.contact .c-cols{
      grid-template-columns: 1fr;
   }
   section.contact .c-cols{
      margin-top: 3.75rem;
   }
   section.map{
      height: 28.125rem;
   }
}
@media(max-width: 690px){
   section.contact .c-cols{
      margin-top: 2.5rem;
   }
   section.contact .c-box{
      padding: 3.75rem 0;
   }
   section.contact{
      padding: 1.875rem 0;
   }
   section.map{
      height: 21.875rem;
   }
   section.contact .info .item{
      padding: 2.5rem 1.875rem;
   }
   section.contact .email-wrap h4,
   section.contact .address-wrap h4,
   section.contact .phone-wrap h4{
      font-size: 0.875rem;
   }
   section.contact .email-wrap a{
      font-size: 0.9375rem;
   }
   section.contact .phone-wrap a{
      font-size: 1.125rem;
   }
   section.contact .info .item img{
      width: 2.5rem;
   }
}



/* LOCATION
   ----------------------------- */

section.location{
   position: relative;
   padding: 6.25rem 0 0 0;
   user-select: none;
}
section.location:after{
   content: ' ';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: calc(100% - 16.25rem);
   z-index: 1;
   background: var(--mint);
}

section.location .c-wrap{
   max-width: 75rem;
   position: relative;
   z-index: 2;

   display: grid;
   grid-template-columns: 1fr 1fr;
}

section.location .map{
   margin-top: 3.125rem;
   order: 1;
   align-self: flex-end;
}
section.location .map .iframe-wrap{
   background: var(--grey-50);
   width: calc(100% + 6.25rem);
   height: 34.375rem;
   display: block;
}
section.location .map .iframe-wrap iframe{
   width: 100%;
   height: 100%;
   opacity: 0;
   transition: 3s ease;
}
body.map-loaded section.location .map .iframe-wrap iframe{
   opacity: 1;
}
section.location .info{
   order: 2;
   text-align: right;
}
section.location .info h2{
   font-size: var(--h3-size);
   margin-top: 0.625rem;
   color: var(--gold);
   padding-left: 9.375rem;
   max-width: 31.25rem;
   display: inline-block;
}
section.location .paragraph{
   margin-top: 4.375rem;
   width: 100%;
   background: var(--white);
   padding: 5rem;
   text-align: left;
}


@media(max-width: 999px){
   section.location{
      padding-top: 5rem;
   }
   section.location .c-wrap{
      grid-template-columns: 1fr;
   }
   section.location .map{
      margin-top: 0;
      order: 3;
   }
   section.location .map .iframe-wrap{
      width: 100%;
      height: 25rem;
   }
   section.location .info{
      text-align: left;
   }
   section.location .info h2{
      margin: 0.625rem auto 0 auto;
      padding: 0;
   }
   section.location .paragraph{
      margin-top: 3.125rem;
      padding: 3.125rem;
   }
}


@media(max-width: 690px){
   section.location:after{
      display: none;
   }
   section.location{
      padding-top: 3.125rem;
   }
   section.location .map .iframe-wrap{
      height: 21.875rem;
   }
   section.location .paragraph{
      margin-top: 1.5625rem;
      margin-bottom: 2.5rem;
      padding: 0;
   }
}


/* PATAGONIA
   ----------------------------- */

section.patagonia{
   padding: 6.25rem 0;
   user-select: none;
}
section.patagonia .c-wrap{
   max-width: 75rem;
}
section.patagonia .items{
   display: grid;
   grid-template-columns: 1fr 1fr;
}
section.patagonia .item{
   display: grid;
   grid-template-columns: 1fr 1fr;
   background: var(--grey-50);
   color: var(--grey-700);
}
section.patagonia .item h3{
   color: var(--grey-700);
   font-size: 1.25rem;
}
section.patagonia .item figure.image{
   position: relative;
   width: 100%;
   height: 100%;
}
section.patagonia .item figure.image img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   aspect-ratio: 1 / 1;
}
section.patagonia .item .info{
   padding: 2.1875rem;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   gap: 0.9375rem;
}
section.patagonia .item .info .paragraph p{
   font-size: 0.9375rem;
   text-wrap: balance;
}



@media(max-width: 1100px){
   section.patagonia .c-wrap{
      padding: 0 1.25rem;
   }
}

@media(min-width: 1000px){

   section.patagonia .item:nth-child(2n){
      background: var(--grey-700);
      color: var(--white);
   }
   section.patagonia .item:nth-child(2n) h3{
      color: var(--beige-light);
   }
   section.patagonia .item:nth-child(4n+3) figure.image,
   section.patagonia .item:nth-child(4n+4) figure.image{
      order: 2;
   }
}

@media(max-width: 999px){

   section.patagonia .items{
      grid-template-columns: 1fr;
      gap: 1.25rem;
   }
   section.patagonia .item:nth-child(2n) figure.image{
      order: 2;
   }
   section.patagonia .item figure.image img{
      aspect-ratio: initial;
      max-height: 17.5rem;
   }
   section.patagonia{
      padding-top: 5rem;
      padding-bottom: 5rem;
   }
}
@media(max-width: 690px){

   section.patagonia{
      padding-top: 3.75rem;
      padding-bottom: 3.75rem;
   }

   section.patagonia .item figure.image img{
      aspect-ratio: initial;
      max-height: 62.4375rem;
   }
}
@media(max-width: 500px){

   section.patagonia .item figure.image img{
      aspect-ratio: initial;
      max-height: 17.5rem;
   }
   section.patagonia .item{
      grid-template-columns: 1fr;
   }
   section.patagonia .item:nth-child(2n) figure.image{
      order: initial;
   }
}



/* EXPERIENCE
   ----------------------------- */

section.experience{
   position: relative;
   padding: 6.25rem 0 0 0;
   user-select: none;
}
section.experience:after{
   content: ' ';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: calc(100% - 16.25rem);
   z-index: 1;
   background: var(--mint);
}
section.experience .c-wrap{
   max-width: 75rem;
   position: relative;
   z-index: 2;

   display: grid;
   grid-template-columns: 45% 55%;
   align-items: flex-end;
}
section.experience .info{
   position: relative;
   z-index: 3;
   order: 2;
   background: var(--white);
   padding: 3.75rem 3.125rem;
   margin-bottom: 3.75rem;
}
section.experience .info h2{
   margin-top: 0.9375rem;
   font-size: var(--h4-size);
   color: var(--gold);
}
section.experience .info .paragraph{
   margin-top: 1.5625rem;
}
section.experience figure.image img{
   aspect-ratio: 1 / 1;
   object-fit: cover;
   width: 100%;
   height: auto;
}
section.experience .carousel{
   width: calc(100% + 6.25rem);
}


@media(max-width: 999px){
   section.experience{
      padding-top: 3.75rem;
   }

   section.experience .info{
      padding: 3.75rem 2.5rem;
      margin-bottom: 0;
   }
   section.experience figure.image{
      height: 100%;
   }
   section.experience figure.image img{
      height: 100%;
      min-height: 100%;
      aspect-ratio: initial;
   }
   section.experience .c-wrap{
      grid-template-columns: 1fr 1fr;
      align-items: stretch;
   }
   section.experience .carousel{
      width: 100%;
   }

}

@media(max-width: 690px){
   section.experience figure.image{
      height: auto;
   }
   section.experience figure.image img{
      height: auto;
      aspect-ratio: 4 / 3;
   }

   section.experience{
      padding-top: 3.125rem;
   }
   section.experience .c-wrap{
      grid-template-columns: 1fr;
      gap: 3.125rem;
   }
   section.experience .carousel{
      order: 2;
   }
   section.experience .info{
      order: 1;
      background: none;
      padding: 0px;
   }
   section.experience:after{
      height: 70%;
   }
}




section.experience-2{
   padding: 6.25rem 0;
}
section.experience-2 .c-wrap{
   max-width: 75rem;
}

section.experience-2 .c-cols{
   display: grid;
   grid-template-columns: 1fr 1fr;
}
section.experience-2 .info-wrap{
   padding-top: 3.75rem;
   display: flex;
   justify-content: flex-start;
   padding: 0 1.875rem;
   align-items: center;
}
section.experience-2 .info{
   max-width: 20rem;
}
section.experience-2 .info h2{
   font-size: var(--h4-size);
   color: var(--grey-700);
}
section.experience-2 .info .paragraph{
   margin-top: 1.25rem;
}
section.experience-2 figure.image img{
   aspect-ratio: 1 / 1;
   object-fit: cover;
}
section.experience-2 ul.features{
   margin-top: 3.125rem;
   display: flex;
   flex-direction: column;
   gap: 0.9375rem;
}
section.experience-2 ul.features li{
   display: flex;
   align-items: center;
   gap: 0.9375rem;
}
section.experience-2 ul.features li img{
   width: 2.1875rem;
   height: auto;
   display: block;
}


@media(max-width: 999px){
   section.experience-2 {
      padding: 5rem 0;
   }
   section.experience-2 .info-wrap{
      justify-content: flex-start;
   }
   section.experience-2 .c-cols{
      grid-template-columns: 1fr;
      gap: 4.375rem;
   }
   section.experience-2 .info-wrap .info{
      max-width: 37.5rem;
   }
   section.experience-2 figure.image img{
      aspect-ratio: initial;
      object-fit: cover;
      max-height: 30rem;
   }
}
@media(max-width: 690px){
   section.experience-2 ul.features{
      margin-top: 2.5rem;
   }
   section.experience-2 .info-wrap .info{
      max-width: 21.875rem;
   }
   section.experience-2 .info-wrap{
      padding: 0 1.25rem;
   }
   section.experience-2 figure.image img{
      height: 18.75rem;
   }
}


/* FOOTER
   ----------------------------- */

footer.footer .c-cols{
   display: grid;
   grid-template-columns: 20fr 11fr;
}
footer.footer .c-cols .c-col{
   position: relative;
   padding: 3.75rem 3.125rem;
}
footer.footer .c-cols .c-col:first-child{
   background: var(--grey-900);
   color: var(--grey-500);
   display: grid;
   grid-template-columns: 1fr 4fr;
   gap: 3.125rem;
}

footer.footer .c-cols .c-col:last-child{
   background: var(--sand);
   display: flex;
   align-items: center;
}
footer.footer .footer-link a{
   color: var(--grey-600);
}

footer.footer figure.logo{
   display: flex;
   justify-content: center;
}
footer.footer figure.logo img{
   width: 7.5rem;
   height: auto;
   display: block;
}
footer.footer h6{
   color: var(--blue-sky);
   text-transform: uppercase;
   font-family: var(--font-text);
   font-size: 0.8125rem;
   letter-spacing: 0.03125rem;
   margin-bottom: 0.125rem;
}
footer.footer ul li{
   padding: 0.0625rem 0;
}
footer.footer ul a{
   display: inline-block;
   font-family: var(--font-title);
   font-size: 1rem;
   line-height: 1.5;
}
footer.footer ul a:hover{
   color: var(--white);
}

.footer-menus .items {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 2.5rem;
}

.footer-menus .column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  gap: 0.5rem;
}


.footer-links{
   display: flex;
   flex-direction: column;
   gap: 1rem;
   padding-right: 6.25rem;
}
.footer-link{
   display: flex;
   align-items: center;
   gap: 1.25rem;
   font-size: 1.0625rem;
}
.footer-link.c-phones{
   align-items: flex-start;
}
.footer-link.c-phone{
   font-size: 1.1875rem;
   font-weight: 700;
   letter-spacing: 0.0625rem;
}
.footer-link.c-email{
   font-size: 0.9375rem;
}
.footer-link a{
   color: var(--white);
}

.footer-link a:hover{
   opacity: 0.7;
}
.footer-link a span{
   display: block;
   padding: 0.1875rem 0;
}
.footer-link img{
   width: 1.625rem;
}


.footer-social-links{
   position: absolute;
   top: 50%;
   right: 0;
   display: flex;
   transform: translateY(-50%);
   flex-direction: column;
   background: var(--sage);
   padding: 1.875rem 1.25rem;
   gap: 0.9375rem;
   justify-content: space-between;
   min-height: 8.125rem;
}
.footer-social-links .footer-link a{
   color: var(--brown-dark);
}
.footer-social-links .footer-link img{
   width: 1.375rem;
}


@media (max-width: 1500px){
   footer.footer .c-cols .c-col:first-child{
      gap: 2.5rem;
   }
}
@media (max-width: 1400px){
   footer.footer .c-cols{
      grid-template-columns: 1fr;
   }
}
@media (max-width: 999px) {
   footer.footer .c-cols .c-col:first-child{
      grid-template-columns: 1fr;
      gap: 3.125rem;
   }
   .footer-links{
      padding-right: 1.25rem;
   }
   footer.footer figure.logo{
      justify-content: flex-start;
   }
   footer.footer{
      padding-bottom: 3.25rem;
   }
}

@media (max-width: 800px) {
  .footer-menus .items {
    grid-template-columns: 1fr;
      gap: 1.875rem;
  }
  footer.footer .c-cols .c-col{
      padding: 4.375rem 1.875rem;
  }
  .footer-menus .column{
      gap: 1.875rem;
  }
  .footer-menus .items{
   text-align: center;
  }
  footer.footer .c-cols .c-col:first-child{
   justify-items: center;
  }
}


@media (max-width: 690px) {
   .footer-link.c-phone{
      font-size: 1.125rem;
   }
  footer.footer .c-cols .c-col{
   padding: 3.125rem 1.25rem;
  }
  footer.footer figure.logo img{
      width: 6.25rem;
  }
  .footer-link{
   gap: 0.75rem;
  }
  .footer-link img{
   width: 1.5625rem;
  }
  footer.footer ul a{
   font-size: 0.9375rem;
  }
}



@media (max-width: 500px) {
  .footer-social-links{
      padding: 1.5625rem 0.9375rem;
      min-height: 6.875rem;
  }
  .footer-social-links .footer-link img{
   width: 1.125rem;
  }
  .footer-link.c-email{
   font-size: 0.9375rem;
   letter-spacing: -0.03125rem;
  }
  .footer-link{
   font-size: 0.9375rem;
  }

  footer.footer .c-cols .c-col:last-child{
      flex-direction: column;
      gap: 1.25rem;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 1.25rem;
  }

}




/* EVENTS
   ----------------------------- */


section.events{
   position: relative;
   padding: 6.25rem 0;
   user-select: none;
}
section.events .badge-title{
   display: block;
   margin-bottom: 0.625rem;
}
section.events h2{
   color: var(--gold);
   margin-bottom: 5rem;
   max-width: 31.25rem;
}
section.events .c-cols{
   display: grid;
   grid-template-columns: 10fr 8fr;
   gap: 3.125rem 7.5rem;
}
section.events img{
   display: block;
   aspect-ratio: 10 / 12;
   object-fit: cover;
}
section.events .image-wrap{
   position: relative;
}
section.events .image-2-mobile{
   display: none;
   width: 100%;
   aspect-ratio: 10 / 12;
}
section.events .image-2-mobile .flickity-viewport{
   width: 100% !important;
   height: 100% !important;
}
section.events figure.image-1{
   width: 100%;
   display: flex;
   justify-content: flex-end;
}
section.events figure.image-1 img{
   max-width: 25rem;
   aspect-ratio: 4 / 5;
}
section.events .paragraph{
   margin-top: 3.75rem;
}


@media(max-width: 1100px){

   section.events .c-cols{
      gap: 0px 5rem;
   }
}

@media(max-width: 999px){

   section.events{
      padding: 4.375rem 0;
   }
   section.events .image-wrap{
      padding-bottom: 12vw;
   }
   section.events .c-cols{
      grid-template-columns: 1fr;
   }
   section.events .image-2-mobile{
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      max-width: 55%;
   }
   section.events .image-2-mobile img{
      aspect-ratio: 4 / 5;
   }
   section.events .image-2{
      display: none;
   }
   section.events figure.image-1{
      width: 100%;
      display: flex;
      justify-content: flex-start;
   }
   section.events figure.image-1 img{
      max-width: 60%;
   }
   section.events h2{
      margin-bottom: 3.125rem;
   }
   section.events .paragraph{
      margin-top: 2.5rem;
   }
}

@media(max-width: 690px){

   section.events{
      padding: 3.125rem 0;
   }
}