/* ZAKER — Rentals page */

.rentals-page{
  background:#fbf9f5;
}

.rentals-hero{
  min-height:560px;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
  padding:90px 5vw;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(18,16,14,.82),rgba(18,16,14,.34)),
    url("assets/rental.png") center/cover no-repeat;
}

.rentals-hero-inner{
  max-width:750px;
  position:relative;
  z-index:1;
}

.rentals-hero h1{
  font-size:clamp(54px,7vw,100px);
  line-height:.95;
}

.rentals-hero p:not(.eyebrow){
  max-width:560px;
  margin:28px 0 34px;
  line-height:1.8;
  color:rgba(255,255,255,.82);
}

.rentals-intro{
  padding:95px 5vw 60px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:70px;
  align-items:end;
}

.rentals-intro>p{
  max-width:540px;
  margin:0;
  color:#706a62;
  line-height:1.85;
}

.casper-section{
  padding:0 5vw 110px;
}

.casper-topbar{
  min-height:66px;
  padding:0 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border:1px solid rgba(23,21,19,.14);
  border-bottom:0;
  background:#f5f1ea;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.casper-topbar>div{
  display:flex;
  align-items:center;
  gap:10px;
}

.casper-topbar>a{
  color:#96794c;
}

.live-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  display:inline-block;
  background:#7f9c77;
  box-shadow:0 0 0 5px rgba(127,156,119,.12);
}

.casper-frame-wrap{
  position:relative;
  background:#fff;
  border:1px solid rgba(23,21,19,.14);
  overflow:hidden;
}

.official-casper-embed{
  min-height:900px;
}

.official-casper-embed iframe{
  display:block;
  width:100%;
  min-height:900px;
  border:0;
  background:#fff;
}

.casper-fallback{
  margin-top:22px;
  padding:26px 28px;
  display:flex;
  align-items:center;
  gap:25px;
  border:1px solid rgba(23,21,19,.12);
  background:#f5f1ea;
}

.casper-fallback h3{
  font-family:"Playfair Display",serif;
  font-size:23px;
  font-weight:500;
  margin:0;
  white-space:nowrap;
}

.casper-fallback p{
  margin:0 auto 0 0;
  color:#706a62;
  line-height:1.6;
  font-size:12px;
}

.rental-dark-btn{
  flex:0 0 auto;
  color:#e5d0a6;
  background:#1b1917;
  border-color:#1b1917;
}

.rentals-footer-cta{
  min-height:520px;
  padding:90px 5vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  color:#fff;
  background:
    linear-gradient(100deg,rgba(16,14,13,.95),rgba(24,20,17,.72)),
    url("assets/luxury-rentals.svg") center/cover no-repeat;
}

.rentals-footer-cta h2{
  margin-bottom:32px;
}

@media(max-width:900px){
  .rentals-hero{
    min-height:600px;
    padding:90px 6vw 70px;
  }

  .rentals-intro{
    padding:75px 6vw 45px;
    grid-template-columns:1fr;
    gap:25px;
  }

  .casper-section{
    padding:0 6vw 80px;
  }

  .official-casper-embed,
  .official-casper-embed iframe{
    min-height:850px;
  }

  .casper-fallback{
    align-items:flex-start;
    flex-direction:column;
  }

  .casper-fallback p{
    margin:0;
  }

  .rentals-footer-cta{
    padding:80px 6vw;
  }
}

@media(max-width:560px){
  .rentals-hero{
    min-height:560px;
  }

  .casper-topbar{
    align-items:flex-start;
    flex-direction:column;
    padding:16px;
  }

  .official-casper-embed,
  .official-casper-embed iframe{
    min-height:780px;
  }

  .casper-fallback h3{
    white-space:normal;
  }
}