/* Inner pages shared styles for NESTAA SPACE */
.crumbs {
  font-size:10px;
  letter-spacing:.14em;
  color:var(--muted);
  padding:34px max(5.3vw,24px) 0;
  display:flex;
  flex-wrap:wrap;
  gap:8px
}
.crumbs a {
  color:var(--muted);
  border-bottom:1px solid transparent
}
.crumbs a:hover {
  color:var(--green);
  border-bottom-color:#a2a79a
}
.crumbs span[aria-hidden="true"] {
  color:#a2a79a
}
.page-hero {
  padding:44px max(5.3vw,24px) 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 55px;
  align-items:center
}
.page-hero-copy {
  padding:12px 0 32px
}
.page-hero-copy h1 {
  margin-bottom:22px
}
.page-hero-copy>p:not(.eyebrow) {
  font-size:15px;
  max-width:400px;
  line-height:1.8
}
.page-hero-photo {
  position:relative;
  min-height:440px;
  overflow:hidden;
  border-radius:90px 5px 5px 5px
}
.page-hero-photo>img {
  height:100%;
  position:absolute;
  inset:0
}
.page-intro {
  padding:70px max(5.3vw,24px) 0
}
.page-intro-inner {
  display:grid;
  grid-template-columns:1fr 1.7fr;
  gap:60px;
  align-items:start
}
.page-intro-inner .eyebrow {
  margin-bottom:0
}
.page-intro-inner>div>p {
  font-size:13px;
  margin-top:22px;
  max-width:380px
}
.page-intro-copy>p {
  font-size:13px;
  line-height:1.9;
  margin-bottom:16px;
  max-width:560px
}
.grid-3 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}
.grid-2 {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px
}
.mini-card {
  border:1px solid var(--line);
  border-radius:3px;
  padding:26px 22px;
  background:#fff
}
.mini-card h3 {
  font-size:18px;
  letter-spacing:-.03em
}
.mini-card .eyebrow {
  font-size:8px;
  margin-bottom:12px;
  color:#6c7e48
}
.mini-card p {
  font-size:12px;
  margin-top:12px;
  max-width:300px
}
.mini-card .card-link {
  display:inline-block;
  margin-top:18px;
  font-size:10px;
  font-weight:600;
  border-bottom:1px solid #a2a79a;
  padding-bottom:3px
}
.mini-card a.card-link:hover {
  color:#788b49
}
.benefit-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px 42px
}
.benefit {
  border-bottom:1px solid #cdd3c0;
  padding-bottom:20px
}
.benefit .amenity-icon {
  font-size:26px;
  display:block;
  height:46px;
  color:var(--green)
}
.benefit h3 {
  font-size:18px;
  letter-spacing:-.025em
}
.benefit p {
  font-size:11px;
  margin-top:10px;
  max-width:280px
}
.who-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px
}
.who-card {
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:3px;
  padding:22px 18px
}
.who-card h3 {
  font-size:15px
}
.who-card p {
  font-size:11px;
  margin-top:10px
}
.location {
  display:grid;
  grid-template-columns:1fr 1.3fr;
  gap:55px;
  align-items:center
}
.location-copy>p:not(.eyebrow) {
  font-size:12px;
  margin-top:22px;
  max-width:430px;
  line-height:1.9
}
.location-copy .actions {
  gap:20px;
  margin-top:30px
}
.map-embed {
  border:1px solid var(--line);
  border-radius:5px;
  overflow:hidden;
  min-height:340px;
  background:#e9ecdf
}
.map-embed iframe {
  display:block;
  width:100%;
  height:100%;
  min-height:340px;
  border:0
}
.related-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px
}
.related-card {
  display:block;
  border:1px solid var(--line);
  border-radius:3px;
  overflow:hidden;
  background:#fff;
  transition:transform .25s,box-shadow .25s
}
.related-card:hover {
  transform:translateY(-4px);
  box-shadow:0 10px 20px #28332010
}
.related-card img {
  height:150px
}
.related-card>div {
  padding:16px 14px
}
.related-card h3 {
  font-size:15px
}
.related-card p {
  font-size:10px;
  margin-top:6px
}
.cta-banner {
  background:var(--green);
  color:#fff;
  padding:64px max(5.3vw,24px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
  flex-wrap:wrap
}
.cta-banner h2 {
  color:#fff;
  max-width:520px
}
.cta-banner h2 em {
  color:var(--lime)
}
.cta-banner .button.light {
  margin-left:auto
}
.cta-banner .button.light:hover {
  background:#fff
}
.page-gallery-hero .gallery-grid img {
  height:250px
}
.amenities-extras {
  background:#e9ecdf;
  padding:70px max(5.3vw,24px)
}
.amenities-extras .benefit-grid {
  grid-template-columns:repeat(2,1fr);
  gap:28px 0
}
.amenities-extras .benefit h3 {
  font-size:19px
}
@media(max-width:800px) {
  .page-hero {
    grid-template-columns:1fr;
    gap:28px;
    padding:30px 24px 0
  }
  .page-hero-copy {
    padding:10px 0 0
  }
  .page-hero-photo {
    min-height:360px
  }
  .page-intro {
    padding:58px 24px 0
  }
  .page-intro-inner {
    grid-template-columns:1fr;
    gap:28px
  }
  .grid-3,.grid-2,.who-grid,.related-grid {
    grid-template-columns:1fr
  }
  .who-grid,.related-grid {
    gap:12px
  }
  .benefit-grid {
    grid-template-columns:1fr;
    gap:24px
  }
  .location {
    grid-template-columns:1fr;
    gap:30px
  }
  .map-embed {
    min-height:300px
  }
  .map-embed iframe {
    min-height:300px
  }
  .cta-banner {
    padding:55px 24px;
    flex-direction:column;
    align-items:flex-start
  }
  .cta-banner .button.light {
    margin-left:0
  }
  .crumbs {
    padding-left:24px;
    padding-top:26px
  }
  .amenities-extras {
    padding:58px 24px
  }
  .amenities-extras .benefit-grid {
    grid-template-columns:1fr
  }
}
@media(max-width:1100px) and (min-width:801px) {
  .who-grid,.related-grid {
    grid-template-columns:repeat(2,1fr)
  }
}