@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Great+Vibes&family=Manrope:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --sand-bg: #faf8f5;
  --sand-soft: #f5efe3;
  --sand-deep: #eadcc7;
  --navy: #1a2b3c;
  --navy-2: #2d4259;
  --gold: #c9a96e;
  --gold-2: #a9843f;
  --ink: #1a2b3c;
  --muted: #6b7280;
  --line: #e8e2d9;
  --white: #fff;
  --shadow: 0 24px 70px rgba(26, 43, 60, .14);
  --body-font: "Manrope", system-ui, sans-serif;
  --heading-font: "Cormorant Garamond", Georgia, serif;
  --script-font: "Great Vibes", "Satisfy", cursive;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.client-theme-sandra-developed {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background: var(--sand-bg);
  color: var(--ink);
  font-family: var(--body-font);
  font-size: 16px;
  line-height: 1.65;
  letter-spacing: 0;
}
body.client-theme-sandra-developed input,
body.client-theme-sandra-developed select,
body.client-theme-sandra-developed textarea,
body.client-theme-sandra-developed button {
  font-family: var(--body-font);
}
body.sandra-menu-open { overflow: hidden; }
body.client-theme-sandra-developed a { color: inherit; text-decoration: none; }
body.client-theme-sandra-developed img { display: block; max-width: 100%; }
body.client-theme-sandra-developed h1,
body.client-theme-sandra-developed h2,
body.client-theme-sandra-developed h3,
body.client-theme-sandra-developed h4 {
  color: inherit;
  font-family: var(--heading-font);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: 0;
}
/* Display headings match the staging site's light, elegant weight (the global
   rule above forces 600; these win on specificity). Hero + cinematic stay
   white on their dark/image backgrounds. */
body.client-theme-sandra-developed .bbc-hero h1,
body.client-theme-sandra-developed .sandra-page-hero h1 {
  font-weight: 300;
}
body.client-theme-sandra-developed .bbc-cinematic-copy h2 {
  color: #fff;
  font-weight: 300;
}

.sandra-wrap {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}
.sandra-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--gold-2);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.sandra-eyebrow::before {
  content: "";
  width: 32px;
  height: 1px;
  background: currentColor;
}
.sandra-btn,
.sandra-card-link,
.sandra-book,
.btn-check-avail,
.sandra-submit,
.reserve-btn,
.checkout-submit-btn,
.btn-rp-inquire {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid var(--gold);
  background: var(--gold);
  color: #fff !important;
  font-family: var(--body-font);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.sandra-btn:hover,
.sandra-card-link:hover,
.sandra-book:hover,
.btn-check-avail:hover,
.sandra-submit:hover,
.reserve-btn:hover,
.checkout-submit-btn:hover,
.btn-rp-inquire:hover {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff !important;
  transform: translateY(-1px);
}
.sandra-btn.sandra-btn-dark {
  background: var(--navy);
  border-color: var(--navy);
}
.sandra-btn.sandra-btn-dark:hover {
  background: var(--gold);
  border-color: var(--gold);
}
.sandra-btn.sandra-btn-outline {
  background: transparent;
  border-color: var(--gold);
  color: var(--gold-2) !important;
}
.sandra-btn.sandra-btn-outline:hover {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff !important;
}

/* Header */
body.client-theme-sandra-developed .sandra-header {
  position: fixed !important;
  inset: 0 0 auto !important;
  z-index: 1000 !important;
  border-bottom: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
  transition: background .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
}
body.client-theme-sandra-developed.sandra-scrolled .sandra-header,
body.client-theme-sandra-developed .sandra-header.is-solid,
body.client-theme-sandra-developed.checkout-page-body .sandra-header,
body.client-theme-sandra-developed.booking-page:not(.sandra-page) .sandra-header {
  background: rgba(250, 248, 245, .95) !important;
  border-bottom-color: var(--line) !important;
  box-shadow: 0 1px 0 0 var(--line) !important;
  color: var(--navy) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
body.client-theme-sandra-developed .sandra-nav {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: clamp(18px, 2.2vw, 36px);
  width: 100%;
  min-height: 112px;
  padding: 0 24px;
}
@media (min-width: 1024px) {
  body.client-theme-sandra-developed .sandra-nav { padding: 0 48px; }
}
body.client-theme-sandra-developed .sandra-brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  color: inherit !important;
}
body.client-theme-sandra-developed .sandra-brand-logo {
  width: auto;
  height: 100px;
  object-fit: contain;
  transition: height .5s ease, filter .5s ease;
}
body.client-theme-sandra-developed .sandra-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(20px, 2.45vw, 42px);
  min-width: 0;
}
body.client-theme-sandra-developed .sandra-menu a {
  color: #fff !important;
  font-family: var(--body-font) !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .18em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color .3s ease;
}
body.client-theme-sandra-developed.sandra-scrolled .sandra-menu a,
body.client-theme-sandra-developed .sandra-header.is-solid .sandra-menu a,
body.client-theme-sandra-developed.checkout-page-body .sandra-menu a,
body.client-theme-sandra-developed.booking-page:not(.sandra-page) .sandra-menu a {
  color: var(--navy) !important;
}
body.client-theme-sandra-developed .sandra-menu a:hover,
body.client-theme-sandra-developed .sandra-menu a.is-active,
body.client-theme-sandra-developed.sandra-scrolled .sandra-menu a:hover,
body.client-theme-sandra-developed.sandra-scrolled .sandra-menu a.is-active,
body.client-theme-sandra-developed.checkout-page-body .sandra-menu a:hover,
body.client-theme-sandra-developed.checkout-page-body .sandra-menu a.is-active,
body.client-theme-sandra-developed.booking-page:not(.sandra-page) .sandra-menu a:hover,
body.client-theme-sandra-developed.booking-page:not(.sandra-page) .sandra-menu a.is-active {
  color: var(--gold) !important;
}
body.client-theme-sandra-developed .sandra-book {
  min-height: 0;
  padding: 10px 18px;
  border: 1px solid rgba(255,255,255,.6) !important;
  background: transparent !important;
  color: #fff !important;
  font-family: var(--body-font) !important;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .15em;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: none !important;
}
body.client-theme-sandra-developed.sandra-scrolled .sandra-book,
body.client-theme-sandra-developed .sandra-header.is-solid .sandra-book,
body.client-theme-sandra-developed.checkout-page-body .sandra-book,
body.client-theme-sandra-developed.booking-page:not(.sandra-page) .sandra-book {
  border-color: var(--gold) !important;
  background: transparent !important;
  color: var(--gold) !important;
}
body.client-theme-sandra-developed .sandra-book:hover {
  border-color: #fff !important;
  background: #fff !important;
  color: var(--navy) !important;
  transform: none;
}
body.client-theme-sandra-developed.sandra-scrolled .sandra-book:hover,
body.client-theme-sandra-developed.checkout-page-body .sandra-book:hover,
body.client-theme-sandra-developed.booking-page:not(.sandra-page) .sandra-book:hover {
  border-color: var(--gold) !important;
  background: var(--gold) !important;
  color: #fff !important;
}
body.client-theme-sandra-developed .sandra-burger {
  display: none;
  width: 42px;
  height: 42px;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  padding: 0;
}
body.client-theme-sandra-developed.sandra-scrolled .sandra-burger,
body.client-theme-sandra-developed.checkout-page-body .sandra-burger,
body.client-theme-sandra-developed.booking-page:not(.sandra-page) .sandra-burger {
  color: var(--navy) !important;
}
body.client-theme-sandra-developed .sandra-burger span {
  width: 24px;
  height: 2px;
  background: currentColor !important;
}
body.client-theme-sandra-developed .sandra-mobile-menu {
  position: fixed;
  inset: 80px 0 0;
  z-index: 1100;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  padding: 64px 24px 40px;
  background: var(--sand-bg) !important;
  color: var(--navy) !important;
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s ease;
}
body.client-theme-sandra-developed .sandra-mobile-menu.is-open {
  opacity: 1;
  pointer-events: auto;
}
body.client-theme-sandra-developed .sandra-mobile-menu a {
  color: var(--navy) !important;
  font-family: var(--heading-font) !important;
  font-size: clamp(2rem, 8vw, 3rem);
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  transition: color .3s ease;
}
body.client-theme-sandra-developed .sandra-mobile-menu a:hover,
body.client-theme-sandra-developed .sandra-mobile-menu a.is-active {
  color: var(--gold) !important;
}
body.client-theme-sandra-developed .sandra-mobile-cta {
  margin-top: 8px;
  padding: 12px 32px;
  border: 1px solid var(--gold);
  color: var(--gold) !important;
  font-family: var(--body-font) !important;
  font-size: 12px !important;
  font-weight: 500;
  letter-spacing: .15em !important;
  text-transform: uppercase;
}
body.client-theme-sandra-developed .sandra-mobile-cta:hover {
  background: var(--gold);
  color: #fff !important;
}
body.client-theme-sandra-developed .sandra-mobile-close {
  position: absolute;
  top: 24px;
  right: 24px;
  border: 1px solid var(--line) !important;
  background: transparent !important;
  color: var(--navy) !important;
  padding: 10px 14px;
  font-family: var(--body-font) !important;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1;
  text-transform: uppercase;
}

/* Hero and shared sections */
.sandra-shell { background: var(--sand-bg); }
.sandra-hero {
  position: relative;
  min-height: 92vh;
  display: flex;
  align-items: flex-end;
  color: #fff;
  overflow: hidden;
}
.sandra-hero-media {
  position: absolute;
  inset: 0;
  background: var(--navy);
}
.sandra-hero-video,
.sandra-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sandra-hero::after,
.sandra-page-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(12, 26, 39, .52), rgba(12, 26, 39, .18) 35%, rgba(12, 26, 39, .76) 100%);
  pointer-events: none;
}
.sandra-hero-content {
  position: relative;
  z-index: 2;
  width: min(980px, calc(100% - 40px));
  margin: 0 auto;
  padding: 150px 0 118px;
  text-align: center;
}
.sandra-hero h1 {
  max-width: 10ch;
  margin: 18px auto 16px;
  color: #fff;
  font-size: clamp(4rem, 10vw, 8.8rem);
  text-shadow: 0 8px 42px rgba(0,0,0,.48);
}
.sandra-hero p {
  max-width: 680px;
  margin: 0 auto 28px;
  color: rgba(255,255,255,.9);
  font-size: clamp(1rem, 2vw, 1.2rem);
}
.sandra-search-wrap {
  position: relative;
  z-index: 3;
  margin-top: -68px;
}
.sandra-search,
.booking-bar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  align-items: stretch;
  gap: 0;
  overflow: visible;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}
.sandra-field,
.bb-field {
  min-width: 0;
  padding: 18px 20px;
  border-right: 1px solid var(--line);
}
.sandra-field label,
.bb-label {
  display: block;
  margin-bottom: 4px;
  color: var(--gold-2);
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.sandra-field input,
.bb-input,
.sandra-field select {
  width: 100%;
  min-height: 36px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ink);
  font: 800 1rem var(--body-font);
}
.sandra-search button,
.booking-bar .btn-check-avail {
  border-radius: 0;
  min-width: 190px;
}
.bb-top-row { display: contents; }
.bb-divider { display: none; }
.booking-bar .vr-guest-trigger,
.sandra-search .vr-guest-trigger {
  min-height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  font-weight: 800;
}
body.client-theme-sandra-developed .booking-bar .vr-guest-trigger,
body.client-theme-sandra-developed .booking-bar .vr-guest-summary,
body.client-theme-sandra-developed .bb-field .vr-guest-trigger,
body.client-theme-sandra-developed .bb-field .vr-guest-summary,
body.client-theme-sandra-developed .check-avail-field .vr-guest-trigger,
body.client-theme-sandra-developed .check-avail-field .vr-guest-summary,
body.client-theme-sandra-developed .sandra-detail-sidebar .vr-guest-trigger,
body.client-theme-sandra-developed .sandra-detail-sidebar .vr-guest-summary {
  color: var(--ink) !important;
  font-family: var(--body-font) !important;
}
body.client-theme-sandra-developed .vr-guest-popover {
  border-color: var(--line) !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  font-family: var(--body-font) !important;
  box-shadow: 0 18px 50px rgba(26,43,60,.16) !important;
}
body.client-theme-sandra-developed .vr-guest-row {
  border-bottom-color: var(--line) !important;
  color: var(--ink) !important;
}
body.client-theme-sandra-developed .vr-guest-row__label strong,
body.client-theme-sandra-developed .vr-stepper-value {
  color: var(--ink) !important;
}
body.client-theme-sandra-developed .vr-guest-row__label small {
  color: var(--muted) !important;
}
body.client-theme-sandra-developed .vr-stepper-btn {
  border-color: var(--line) !important;
  background: #fff !important;
  color: var(--ink) !important;
}
body.client-theme-sandra-developed .vr-stepper-btn:hover:not(:disabled) {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}
body.client-theme-sandra-developed .vr-stepper-btn:disabled {
  border-color: var(--line) !important;
  color: #c9c6bf !important;
}
body.client-theme-sandra-developed .vr-guest-popover-close {
  border-radius: 0 !important;
  background: var(--sand-soft) !important;
  color: var(--ink) !important;
}

.sandra-section {
  padding: clamp(68px, 9vw, 118px) 0;
}
.sandra-section.alt { background: var(--sand-soft); }
.sandra-section.dark {
  background: var(--navy);
  color: #fff;
}
.sandra-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 34px;
}
.sandra-section-head h2 {
  max-width: 760px;
  margin: 10px 0 0;
  font-size: clamp(2.4rem, 5vw, 4.6rem);
}
.sandra-section-head p {
  max-width: 440px;
  margin: 0;
  color: var(--muted);
}
.sandra-section.dark .sandra-section-head p { color: rgba(255,255,255,.72); }
.sandra-copy-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
  gap: clamp(30px, 6vw, 76px);
  align-items: center;
}
.sandra-copy-grid h2 {
  margin: 12px 0 18px;
  font-size: clamp(2.4rem, 5vw, 4.8rem);
}
.sandra-copy-grid p { color: var(--muted); }
.sandra-photo {
  overflow: hidden;
  background: var(--sand-soft);
  aspect-ratio: 4 / 3;
}
.sandra-photo.tall { aspect-ratio: 4 / 5; }
.sandra-photo img { width: 100%; height: 100%; object-fit: cover; }
.sandra-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--line);
  background: #fff;
  margin-top: 36px;
}
.sandra-stat {
  padding: 28px 18px;
  text-align: center;
  border-left: 1px solid var(--line);
}
.sandra-stat:first-child { border-left: 0; }
.sandra-stat b {
  display: block;
  color: var(--navy);
  font-family: var(--heading-font);
  font-size: clamp(2.1rem, 4vw, 3.3rem);
  line-height: 1;
}
.sandra-stat span {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.sandra-property-grid,
.sandra-card-grid,
.sandra-review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.sandra-property-card,
.sandra-card,
.sandra-review {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 16px 42px rgba(26, 43, 60, .08);
}
.sandra-property-card img,
.sandra-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.sandra-property-body,
.sandra-card-body,
.sandra-review {
  padding: 24px;
}
.sandra-property-body h3,
.sandra-card-body h3 {
  margin: 0 0 8px;
  font-size: 2rem;
}
.sandra-property-body p,
.sandra-card-body p,
.sandra-review p { color: var(--muted); }
.sandra-property-meta,
.sandra-specs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 18px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.sandra-property-meta span,
.sandra-specs span {
  padding: 12px 8px;
  border-left: 1px solid var(--line);
  text-align: center;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sandra-property-meta span:first-child,
.sandra-specs span:first-child { border-left: 0; }
.sandra-property-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: auto;
}
.sandra-price {
  color: var(--gold-2);
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .78rem;
}
.sandra-amenity-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 14px;
}
.sandra-amenity-list span { overflow-wrap: break-word; word-break: normal; hyphens: none; }
/* Contact page info list — icon in front of each detail. */
.sandra-contact-info {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
.sandra-contact-info li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  background: #fff;
}
.sandra-contact-info__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  color: #fff;
  font-size: 15px;
}
.sandra-contact-info__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.4;
}
.sandra-contact-info__text small {
  color: var(--gold-2);
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.sandra-contact-info__text a,
.sandra-contact-info__text > span {
  color: var(--ink);
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.sandra-contact-info__text a:hover { color: var(--gold-2); }
.sandra-amenity-list span {
  padding: 16px;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--ink);
  font-weight: 800;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.amenities-page .sandra-section {
  padding-top: 72px;
}
.amenities-premium-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.amenities-premium-card {
  border: 1px solid var(--line);
  background: #fff;
  padding: 24px;
  box-shadow: 0 14px 38px rgba(26,43,60,.07);
}
.amenities-premium-card__head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.amenities-premium-card__head > span {
  flex: 0 0 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(201,169,110,.35);
  color: var(--gold-2);
}
.amenities-premium-card small {
  display: block;
  color: var(--gold-2);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .16em;
  line-height: 1;
  text-transform: uppercase;
}
.amenities-premium-card h2 {
  margin: 5px 0 0;
  font-size: clamp(1.55rem, 2.6vw, 2.1rem);
}
.amenities-premium-list {
  display: grid;
  gap: 10px;
}
.amenities-premium-list span {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--muted);
  font-size: .92rem;
  line-height: 1.45;
}
.amenities-premium-list i {
  color: var(--gold-2);
  margin-top: 3px;
}
.groups-page .sandra-section {
  padding-block: 76px;
}
.groups-image-panel,
.groups-inline-image {
  overflow: hidden;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 18px 52px rgba(26,43,60,.08);
}
.groups-image-panel img,
.groups-inline-image {
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
}
.groups-inline-image {
  display: block;
  margin-top: 24px;
  max-height: 260px;
}
.groups-occasion-grid,
.groups-reason-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.groups-occasion-grid span {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--line);
  background: #fff;
  padding: 18px;
  color: var(--ink);
  font-weight: 800;
}
.groups-occasion-grid i {
  color: var(--gold-2);
}
.groups-process-list {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.groups-process-list li {
  display: flex;
  align-items: center;
  gap: 14px;
  border: 1px solid var(--line);
  background: #fff;
  padding: 18px;
  color: var(--muted);
  font-weight: 700;
}
.groups-process-list span {
  flex: 0 0 34px;
  height: 34px;
  display: grid;
  place-items: center;
  background: var(--navy);
  color: #fff;
  font-size: .78rem;
}
/* Dedicated rental pages (golf carts / e-bikes): render the Request-to-Book
   steps as an even row of cards with gold numbered medallions. */
.rental-flow-list {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.rental-flow-list li {
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  box-shadow: 0 12px 32px rgba(26, 43, 60, .06);
}
.rental-flow-list li span {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  font-family: var(--heading-font);
  font-size: 1.2rem;
}
@media (max-width: 900px) {
  .rental-flow-list { grid-template-columns: 1fr; }
  .rental-flow-list li { flex-direction: row; align-items: center; }
}
.groups-quote-cta .sandra-panel {
  text-align: center;
}
.groups-quote-cta .sandra-panel p {
  max-width: 640px;
  margin-inline: auto;
}
.attractions-page .sandra-section {
  padding-block: 76px;
}
.attractions-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}
.attractions-tabs button {
  border: 1px solid var(--line);
  background: #fff;
  color: var(--ink);
  padding: 10px 14px;
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.attractions-tabs button.active,
.attractions-tabs button:hover {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}
.attractions-travel-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.attractions-travel-card {
  overflow: hidden;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 16px 42px rgba(26,43,60,.08);
}
.attractions-travel-card[hidden] {
  display: none;
}
.attractions-travel-card__image {
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}
.attractions-travel-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}
.attractions-travel-card:hover .attractions-travel-card__image img {
  transform: scale(1.04);
}
.attractions-travel-card__image span {
  position: absolute;
  left: 16px;
  bottom: 16px;
  background: rgba(26,43,60,.86);
  color: #fff;
  padding: 7px 10px;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.attractions-travel-card__body {
  padding: 22px;
}
.attractions-travel-card__body h3 {
  margin: 0 0 10px;
  font-family: var(--heading-font);
  font-size: 1.8rem;
}
.attractions-travel-card__body p {
  color: var(--muted);
  line-height: 1.65;
}
.attractions-travel-card__links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}
.attractions-travel-card__links a {
  color: var(--gold-2);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* Attractions: 4 portrait (9:16) category cards in a row (docx §5). Used on the
   homepage Attractions section and the /attractions category index. */
.attractions-cat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}
.attractions-cat-card {
  position: relative;
  display: block;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 18px 42px rgba(26, 43, 60, .16);
}
.attractions-cat-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
}
.attractions-cat-card:hover img { transform: scale(1.06); }
.attractions-cat-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(12, 26, 39, .12) 0%, rgba(12, 26, 39, .2) 45%, rgba(12, 26, 39, .86) 100%);
}
.attractions-cat-card__body {
  position: absolute;
  inset: auto 0 0 0;
  z-index: 2;
  padding: 24px 22px 26px;
}
.attractions-cat-card__body h3 {
  margin: 0 0 8px;
  font-family: var(--heading-font);
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 1.1;
}
.attractions-cat-card__body p {
  margin: 0 0 12px;
  color: rgba(255, 255, 255, .82);
  font-size: 13.5px;
  line-height: 1.55;
}
.attractions-cat-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--gold);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.attractions-cat-card__cta i { transition: transform .2s ease; }
.attractions-cat-card:hover .attractions-cat-card__cta i { transform: translateX(4px); }

/* Attractions category page — blog/article list. */
.attractions-articles {
  display: grid;
  gap: 28px;
}
.attractions-article {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr);
  gap: clamp(20px, 3vw, 40px);
  align-items: center;
  border: 1px solid var(--line);
  background: #fff;
  overflow: hidden;
  box-shadow: 0 16px 42px rgba(26, 43, 60, .08);
}
.attractions-article:nth-child(even) { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.1fr); }
.attractions-article:nth-child(even) .attractions-article__media { order: 2; }
.attractions-article__media {
  align-self: stretch;
  min-height: 260px;
  overflow: hidden;
}
.attractions-article__media img {
  width: 100%;
  height: 100%;
  min-height: 260px;
  object-fit: cover;
}
.attractions-article__body { padding: clamp(22px, 3vw, 40px) clamp(22px, 3vw, 40px) clamp(22px, 3vw, 40px) 0; }
.attractions-article:nth-child(even) .attractions-article__body { padding-left: clamp(22px, 3vw, 40px); }
.attractions-article__body h2 {
  margin: 0 0 8px;
  font-family: var(--heading-font);
  font-size: clamp(1.9rem, 3vw, 2.6rem);
  font-weight: 400;
}
.attractions-article__meta {
  margin: 0 0 12px;
  color: var(--gold-2);
  font-size: 13px;
  font-weight: 700;
}
.attractions-article__meta i { margin-right: 6px; }
.attractions-article__body > p { color: var(--muted); line-height: 1.75; margin: 0 0 20px; }
.attractions-article__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
}
.attractions-article__links > a:not(.sandra-btn) {
  color: var(--gold-2);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
}
.attractions-article__links > a:not(.sandra-btn):hover { color: var(--navy); }
@media (max-width: 1000px) {
  .attractions-cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .attractions-article,
  .attractions-article:nth-child(even) { grid-template-columns: 1fr; }
  .attractions-article:nth-child(even) .attractions-article__media { order: 0; }
  .attractions-article__body,
  .attractions-article:nth-child(even) .attractions-article__body { padding: 24px; }
}
@media (max-width: 520px) {
  .attractions-cat-grid { grid-template-columns: 1fr; }
  .attractions-cat-card { aspect-ratio: 3 / 4; }
}
.concierge-page .sandra-section {
  padding-block: 76px;
}
.concierge-service-grid,
.concierge-faq-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.concierge-service-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 16px 42px rgba(26,43,60,.08);
}
.concierge-service-card > div {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.concierge-service-card .concierge-service-link { margin-top: auto; padding-top: 12px; }
.concierge-service-card img {
  width: 100%;
  height: 230px;
  object-fit: cover;
}
/* "Also available" secondary services (concierge + vacation add-ons). */
.concierge-extras {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}
.concierge-extra {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 24px;
  border: 1px solid var(--line);
  background: var(--sand-soft);
}
.concierge-extra__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  color: #fff;
  font-size: 16px;
}
.concierge-extra h3 { margin: 0 0 6px; font-size: 1.4rem; }
.concierge-extra p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
@media (max-width: 700px) {
  .concierge-extras { grid-template-columns: 1fr; }
}
/* Product catalog shots (e.g. Sunny Place Rental cutouts) sit contained on a
   soft backdrop rather than cropped like photographic images. */
.concierge-service-card img.is-product {
  object-fit: contain;
  padding: 18px;
  background: radial-gradient(circle at 50% 42%, #fff 0%, var(--sand-soft) 100%);
}

/* Rental detail page — gallery, features, rental information (docx §Concierge). */
.rental-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.rental-gallery-item {
  overflow: hidden;
  border: 1px solid var(--line);
  background: #fff;
  aspect-ratio: 4 / 3;
}
.rental-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}
.rental-gallery-item:hover img { transform: scale(1.05); }
.rental-gallery-item.is-product img {
  object-fit: contain;
  padding: 20px;
  background: radial-gradient(circle at 50% 42%, #fff 0%, var(--sand-soft) 100%);
}
.rental-gallery-note {
  margin-top: 16px;
  color: var(--muted);
  font-size: 13px;
}
.rental-gallery-note i { margin-right: 6px; color: var(--gold-2); }
.rental-feature-list {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 22px;
}
.rental-feature-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #45505f;
  font-weight: 600;
}
.rental-feature-list i { margin-top: 3px; color: var(--gold-2); font-size: .82rem; }
.rental-info-panel h2 { margin: 0 0 8px; }
.rental-info-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rental-info-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 0;
  border-bottom: 1px solid var(--line);
}
.rental-info-list li:last-child { border-bottom: 0; }
.rental-info-list span { color: var(--muted); font-size: 14px; }
.rental-info-list strong { color: var(--ink); font-size: 14px; text-align: right; }
@media (max-width: 720px) {
  .rental-gallery-grid { grid-template-columns: 1fr 1fr; }
  .rental-feature-list { grid-template-columns: 1fr; }
}
.concierge-service-card div {
  padding: 22px;
}
.concierge-service-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  color: var(--gold-2);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
}
.concierge-service-link i { transition: transform .2s ease; }
.concierge-service-link:hover i { transform: translateX(4px); }
.concierge-service-card h3 {
  margin: 0 0 10px;
  font-family: var(--heading-font);
  font-size: 1.75rem;
}
.concierge-service-card p,
.concierge-faq-grid p {
  color: var(--muted);
  line-height: 1.65;
}
.concierge-cta .sandra-panel {
  text-align: center;
}
.concierge-request-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.concierge-request-form .full,
.concierge-request-form button {
  grid-column: 1 / -1;
}

/* Interior pages */
.sandra-page-hero {
  position: relative;
  min-height: 460px;
  display: flex;
  align-items: end;
  overflow: hidden;
  color: #fff;
  background: var(--navy);
  background-size: cover;
  background-position: center;
}
.sandra-page-hero .sandra-wrap {
  position: relative;
  z-index: 2;
  padding: 160px 0 80px;
}
.sandra-page-hero h1 {
  max-width: 900px;
  margin: 12px 0 14px;
  color: #fff;
  font-size: clamp(3rem, 8vw, 6rem);
}
.sandra-page-hero p {
  max-width: 680px;
  margin: 0;
  color: rgba(255,255,255,.86);
}
.sandra-panel {
  border: 1px solid var(--line);
  background: #fff;
  padding: clamp(24px, 4vw, 42px);
  box-shadow: 0 18px 52px rgba(26, 43, 60, .08);
}
.sandra-two-col {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
  gap: 28px;
  align-items: start;
}
.sandra-form {
  display: grid;
  gap: 14px;
}
.sandra-form label {
  color: var(--gold-2);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.sandra-form input,
.sandra-form select,
.sandra-form textarea {
  width: 100%;
  border: 1px solid var(--line);
  background: var(--sand-bg);
  color: var(--ink);
  min-height: 48px;
  padding: 12px 14px;
  outline: 0;
}
.sandra-form textarea { min-height: 140px; resize: vertical; }
.sandra-form input:focus,
.sandra-form select:focus,
.sandra-form textarea:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(201, 169, 110, .18);
}

/* Stays */
.stays-page-body { background: var(--sand-bg); }
.stays-page-body .inner-banner {
  position: relative;
  min-height: 460px;
  display: flex;
  align-items: end;
  padding: 132px 0 64px;
  background-position: center;
  background-size: cover;
  color: #fff;
}
.stays-page-body .inner-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(12, 26, 39, .68), rgba(12, 26, 39, .34) 44%, rgba(12, 26, 39, .82));
}
.stays-page-body .inner-banner .container,
.stays-page-body .inner-banner .content {
  position: relative;
  z-index: 2;
}
.stays-page-body .inner-banner .content {
  max-width: 980px;
  text-align: left;
}
.stays-page-body .inner-banner h1 {
  color: #fff;
  font-size: clamp(3rem, 8vw, 6rem);
}
.retreats-section { padding: clamp(52px, 7vw, 86px) 0; }
.retreats-section .text-center {
  text-align: left !important;
}
.retreats-eyebrow { color: var(--gold-2); font-size: .72rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.retreats-title { max-width: 860px; font-size: clamp(2.4rem, 5vw, 4.2rem); margin-bottom: 24px; }
.explore-tabs { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start !important; margin: 0 0 28px; }
.explore-tab {
  border: 1px solid var(--line);
  background: #fff;
  color: var(--ink);
  padding: 10px 14px;
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.explore-tab.active,
.explore-tab:hover { background: var(--navy); color: #fff; border-color: var(--navy); }
.retreat-card { display: flex; flex-direction: column; border: 1px solid var(--line); background: #fff; height: 100%; box-shadow: 0 16px 42px rgba(26,43,60,.08); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.retreat-card:hover { transform: translateY(-4px); border-color: rgba(201,169,110,.55); box-shadow: 0 22px 52px rgba(26,43,60,.12); }
.retreat-slider { overflow: hidden; }
.retreat-slider img { width: 100%; height: 270px; object-fit: cover; transition: transform .45s ease; }
.retreat-card:hover .retreat-slider img { transform: scale(1.035); }
.retreat-body { display: flex; flex: 1; flex-direction: column; padding: 24px; }
.rp-name { font: 600 2rem var(--heading-font); color: var(--ink); }
.rp-bar { width: 50px; height: 2px; background: var(--gold); margin: 12px 0; }
.rp-desc { color: var(--muted); }
.rp-specs { display: flex; flex-wrap: wrap; gap: 12px; color: var(--muted); font-size: .78rem; font-weight: 800; margin: 18px 0; }
.retreat-body .sandra-property-foot { margin-top: auto; }

/* Detail page */
.sandra-detail-hero {
  min-height: 560px;
  align-items: end;
}
.sandra-gallery {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 12px;
  margin-bottom: 28px;
}
.sandra-gallery-main,
.sandra-gallery-side a {
  overflow: hidden;
  background: var(--sand-soft);
}
.sandra-gallery-main img,
.sandra-gallery-side img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sandra-gallery-main { aspect-ratio: 16 / 10; }
.sandra-gallery-side {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.sandra-gallery-side a { aspect-ratio: 1 / 1; }
.sandra-detail-card h2 { font-size: clamp(2rem, 4vw, 3.4rem); }
.sandra-detail-card p { color: var(--muted); }
.sandra-detail-sidebar {
  position: sticky;
  top: 110px;
}
.sandra-detail-sidebar h2 {
  margin-top: 0;
  font-size: 2rem;
}
.sandra-detail-sidebar .vr-guest-trigger {
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--line);
  background: var(--sand-bg);
  padding: 0 14px;
  justify-content: space-between;
}

/* Checkout and booking flow overrides */
.checkout-page-body,
.booking-page,
.checkout-page-body .checkout-shell,
.booking-page .checkout-shell {
  background: var(--sand-bg) !important;
  color: var(--ink) !important;
  font-family: var(--body-font) !important;
}
.checkout-page-body .checkout-topbar,
.checkout-page-body .checkout-sidebar-card,
.checkout-page-body .checkout-section,
.checkout-page-body .payment-card,
.checkout-page-body .checkout-card,
.checkout-page-body .booking-summary-card {
  background: #fff !important;
  border-color: var(--line) !important;
  box-shadow: 0 18px 48px rgba(26,43,60,.08) !important;
}
.checkout-page-body h1,
.checkout-page-body h2,
.checkout-page-body h3 {
  color: var(--ink) !important;
  font-family: var(--heading-font) !important;
  letter-spacing: 0 !important;
}
.checkout-page-body input,
.checkout-page-body select,
.checkout-page-body textarea {
  border-color: var(--line) !important;
  color: var(--ink) !important;
  font-family: var(--body-font) !important;
}
.checkout-page-body .checkout-topbar {
  padding-top: 112px !important;
}
.checkout-page-body .checkout-topbar__back,
.checkout-page-body .checkout-link,
.checkout-page-body a {
  color: var(--navy);
}
@media (max-width: 992px) {
  .checkout-page-body .booking-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }
  .checkout-page-body .checkout-sections {
    order: 1 !important;
    width: 100% !important;
  }
  .checkout-page-body .booking-sidebar {
    order: 2 !important;
    position: static !important;
    top: auto !important;
    width: 100% !important;
  }
  .checkout-page-body .summary-card {
    position: static !important;
  }
}
@media (max-width: 600px) {
  .checkout-page-body .booking-main {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .checkout-page-body .checkout-card,
  .checkout-page-body .summary-card,
  .checkout-page-body .complete-booking {
    border-radius: 8px !important;
  }
}

.vr-sticky-book-now,
.sticky-book-now {
  background: var(--gold) !important;
  color: #fff !important;
  border-color: var(--gold) !important;
}
.sandra-home .vr-sticky-book-now,
.stays-page-body .sticky-book-now,
.stays-page-body .vr-sticky-book-now,
.property-detail-page .sticky-book-now,
.property-detail-page .vr-sticky-book-now,
.checkout-page-body .sticky-book-now,
.checkout-page-body .vr-sticky-book-now {
  display: none !important;
}

/* Sandra React design homepage */
body.client-theme-sandra-developed.bbc-design-home {
  background: #faf8f5 !important;
  color: #1a2b3c !important;
}
.bbc-design-home .bbc-home-shell {
  background: #faf8f5;
  color: #1a2b3c;
  font-family: var(--body-font);
  overflow: hidden;
}
.bbc-design-home .bbc-container {
  width: min(1280px, calc(100% - 48px));
  margin-inline: auto;
}
.bbc-scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1300;
  height: 3px;
  width: 0;
  background: #c9a96e;
}
.bbc-kicker {
  margin: 0 0 12px;
  font-family: var(--body-font);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .3em;
  line-height: 1.2;
  text-transform: uppercase;
}
.bbc-kicker-white { color: #fff; }
.bbc-kicker-gold { color: #c9a96e; }
.bbc-kicker-teal { color: #1a6b5a; }
.bbc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid transparent;
  padding: 13px 20px;
  min-height: 42px;
  font-family: var(--body-font);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .15em;
  line-height: 1.2;
  text-transform: uppercase;
  transition: background .3s ease, border-color .3s ease, color .3s ease;
}
.bbc-btn i {
  font-size: 14px;
  letter-spacing: 0;
}
.bbc-btn-gold {
  background: #c9a96e;
  border-color: #c9a96e;
  color: #fff !important;
}
.bbc-btn-gold:hover {
  background: #b8943f;
  border-color: #b8943f;
  color: #fff !important;
}
.bbc-btn-ghost {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.25);
  color: #fff !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.bbc-btn-ghost:hover {
  background: rgba(255,255,255,.2);
  border-color: rgba(255,255,255,.34);
  color: #fff !important;
}
.bbc-section-head {
  max-width: 760px;
  margin: 0 auto 64px;
  text-align: center;
}
.bbc-section-head h2,
.bbc-copy h2 {
  margin: 0;
  color: #1a2b3c;
  font-family: var(--heading-font);
  font-size: 4rem;
  font-weight: 300;
  line-height: 1.05;
}
.bbc-section-head p:not(.bbc-kicker),
.bbc-contact .bbc-section-head > p:not(.bbc-kicker) {
  max-width: 520px;
  margin: 16px auto 0;
  color: #6b7280;
  font-family: var(--body-font);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.75;
}
.bbc-section-head-row {
  display: flex;
  align-items: end;
  justify-content: space-between;
  max-width: none;
  margin-bottom: 48px;
  text-align: left;
}
.bbc-text-link {
  color: #c9a96e !important;
  font-family: var(--body-font);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .15em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(201,169,110,.35);
  padding-bottom: 3px;
}
.bbc-two-col {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 80px;
  align-items: center;
}
.bbc-copy p:not(.bbc-kicker) {
  max-width: 540px;
  margin: 0 0 16px;
  color: #6b7280;
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.75;
}
.bbc-copy h2 span {
  color: #c9a96e;
}
.bbc-hero {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  color: #fff;
}
.bbc-hero-video,
.bbc-hero > video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bbc-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.3), rgba(0,0,0,.2) 48%, rgba(0,0,0,.6));
}
.bbc-hero-inner {
  position: relative;
  z-index: 2;
  min-height: 100vh;
  width: min(980px, calc(100% - 48px));
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 132px 0 84px;
  text-align: center;
}
.bbc-hero h1 {
  margin: 0;
  color: #fff;
  font-family: var(--heading-font);
  font-size: 8rem;
  font-weight: 300;
  letter-spacing: .03em;
  line-height: .9;
}
.bbc-script,
.bbc-cinematic-copy h2 span,
.bbc-group-script,
.bbc-script-note,
.bbc-quote p,
.bbc-owner-photo div span,
.bbc-contact-card strong {
  font-family: var(--script-font);
}
.bbc-script {
  margin: 24px 0 0;
  color: #c9a96e;
  font-size: 2.8rem;
  line-height: 1;
}
.bbc-hero-line {
  margin: 16px 0 0;
  color: rgba(255,255,255,.8);
  font-family: var(--body-font);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .2em;
  line-height: 1.5;
  text-transform: uppercase;
}
.bbc-hero-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 32px;
  flex-wrap: wrap;
}
.bbc-booking-widget {
  width: min(768px, 100%);
  margin-top: 20px;
  display: flex;
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.12);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}
.bbc-booking-field {
  flex: 1 1 0;
  min-width: 0;
  padding: 12px 16px;
  background: rgba(255,255,255,.1);
  text-align: left;
}
.bbc-booking-field label {
  display: block;
  margin: 0 0 4px;
  color: rgba(255,255,255,.6);
  font-family: var(--body-font);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.bbc-booking-field input {
  width: 100%;
  min-height: 22px;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font: 300 14px var(--body-font) !important;
  outline: 0;
}
.bbc-booking-field input::placeholder { color: rgba(255,255,255,.84); }
.bbc-booking-widget > button {
  flex: 0 0 auto;
  border: 0;
  background: #c9a96e;
  color: #fff;
  padding: 0 28px;
  font-family: var(--body-font);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .15em;
  text-transform: uppercase;
  transition: background .3s ease;
}
.bbc-booking-widget > button:hover {
  background: #b8943f;
}
.bbc-booking-widget .vr-guest-trigger,
.bbc-booking-widget .vr-guest-summary {
  min-height: 22px;
  color: #fff !important;
  font: 300 14px var(--body-font) !important;
}
.bbc-booking-widget .vr-guest-chevron { color: rgba(255,255,255,.6); }
.bbc-design-home .vr-guest-popover {
  border-radius: 0 !important;
  border-color: #e8e2d9 !important;
  color: #1a2b3c !important;
  box-shadow: 0 18px 50px rgba(26,43,60,.18) !important;
}
.bbc-design-home .vr-guest-row__label strong,
.bbc-design-home .vr-stepper-value,
.bbc-design-home .vr-stepper-btn {
  color: #1a2b3c !important;
}
.bbc-design-home .vr-guest-row__label small {
  color: #6b7280 !important;
}
.bbc-design-home .vr-stepper-btn:hover:not(:disabled) {
  border-color: #c9a96e !important;
  color: #c9a96e !important;
}
.bbc-design-home .vr-guest-popover-close {
  border-radius: 0 !important;
  background: #f5efe3 !important;
  color: #1a2b3c !important;
}
.bbc-direct-row {
  width: min(768px, 100%);
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  text-align: left;
}
.bbc-direct-row p {
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}
.bbc-direct-row span {
  color: rgba(255,255,255,.85);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .05em;
}
.bbc-rating-badges {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.bbc-rating-badges span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.1);
  padding: 6px 12px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
}
.bbc-rating-badges i { color: #c9a96e; }
.bbc-badge-air { color: #ff5a5f !important; }
.bbc-badge-air i,
.bbc-badge-air small,
.bbc-badge-vrbo i { color: #c9a96e !important; }
.bbc-badge-vrbo { color: #3d67ff !important; }
.bbc-scroll-cue {
  position: absolute;
  bottom: 32px;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,.55) !important;
  font-family: var(--body-font);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .3em;
  text-transform: uppercase;
}
.bbc-scroll-cue:hover { color: rgba(255,255,255,.85) !important; }
.bbc-intro {
  padding: 112px 0;
  background: #f9f6f0;
}
.bbc-image-stack {
  position: relative;
  padding: 0 44px 28px 0;
}
.bbc-image-main {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
}
.bbc-image-main::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 33%;
  background: linear-gradient(0deg, rgba(26,107,90,.3), transparent);
}
.bbc-image-small {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 224px;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border: 4px solid #f9f6f0;
  box-shadow: 0 12px 28px rgba(26,43,60,.18);
}
.bbc-image-stack img,
.bbc-owner-photo img,
.bbc-rental-image img,
.bbc-cinematic video,
.bbc-explore-card img,
.bbc-bg-accent img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bbc-cta-wide {
  margin: 16px 0 40px;
  padding: 16px 32px;
}
.bbc-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  max-width: 540px;
  padding-top: 24px;
  border-top: 1px solid #e4ddd0;
}
.bbc-stats strong {
  display: block;
  color: #0f1f2e;
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 300;
  line-height: 1;
}
.bbc-stats span {
  display: block;
  margin-top: 5px;
  color: #7a7468;
  font-size: 9px;
  letter-spacing: .15em;
  line-height: 1.35;
  text-transform: uppercase;
}
/* Platform logo badges (docx: official transparent PNGs in original colors,
   compact and elegant, right after the welcome description). */
.bbc-platform-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 24px 0 4px;
}
.bbc-platform-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: 0 6px 16px rgba(26, 43, 60, .05);
  transition: transform .2s ease, box-shadow .2s ease;
}
.bbc-platform-logo:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(26, 43, 60, .1);
}
.bbc-platform-logo img {
  display: block;
  height: 34px;
  width: auto;
}
.bbc-rentals,
.bbc-amenities,
.bbc-explore {
  padding: 136px 0;
  background: #faf8f5;
}
.bbc-rental-scroll {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  padding: 0 0 18px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
.bbc-rental-scroll::-webkit-scrollbar { height: 4px; }
.bbc-rental-scroll::-webkit-scrollbar-track { background: transparent; }
.bbc-rental-scroll::-webkit-scrollbar-thumb { background: #e8e2d9; }
.bbc-rental-card {
  flex: 0 0 100%;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
  gap: 32px;
  align-items: end;
  scroll-snap-align: start;
}
.bbc-rental-collage {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, .36fr);
  gap: 14px;
}
.bbc-rental-thumbs {
  display: grid;
  gap: 14px;
}
.bbc-rental-image {
  position: relative;
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  margin-bottom: 16px;
  background: #fff;
}
.bbc-rental-collage .bbc-rental-image {
  margin-bottom: 0;
}
.bbc-rental-image-main {
  aspect-ratio: 16 / 10;
}
.bbc-rental-thumbs .bbc-rental-image {
  aspect-ratio: 1 / 1;
}
.bbc-rental-image img {
  transition: transform .7s ease;
}
.bbc-rental-card:hover .bbc-rental-image img {
  transform: scale(1.05);
}
.bbc-rental-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0,0,0,.5), transparent 58%);
  opacity: 0;
  transition: opacity .5s ease;
}
.bbc-rental-card:hover .bbc-rental-image::after { opacity: 1; }
.bbc-price-tag {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  background: rgba(255,255,255,.9);
  color: #1a2b3c;
  padding: 6px 12px;
  font-family: var(--heading-font);
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1;
}
.bbc-price-tag small {
  color: #6b7280;
  font-family: var(--body-font);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.bbc-card-overlay {
  position: absolute;
  z-index: 3;
  left: 20px;
  right: 20px;
  bottom: 20px;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .5s ease, transform .5s ease;
}
.bbc-rental-card:hover .bbc-card-overlay {
  opacity: 1;
  transform: translateY(0);
}
.bbc-card-overlay small {
  display: block;
  color: rgba(255,255,255,.72);
  font-size: 11px;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.bbc-card-overlay strong {
  color: #fff;
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 300;
}
.bbc-rental-meta h3 {
  margin: 0 0 8px;
  color: #1a2b3c;
  font-family: var(--heading-font);
  font-size: 1.4rem;
  font-weight: 500;
}
.bbc-rental-meta > p {
  margin: 0 0 12px;
  color: #c9a96e;
  font-size: 11px;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.bbc-rental-meta div {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 14px;
}
.bbc-rental-meta div span {
  color: #6b7280;
  font-size: 13px;
}
.bbc-rental-meta i {
  margin-right: 4px;
  color: #6b7280;
}
.bbc-rental-meta > a {
  color: #c9a96e !important;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .15em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(201,169,110,.35);
  padding-bottom: 2px;
}

/* Our Rentals — one-property-at-a-time carousel (docx §3). */
.bbc-rental-carousel {
  position: relative;
  margin-top: 28px;
}
.bbc-rental-viewport {
  overflow: hidden;
}
.bbc-rental-track {
  display: flex;
  transition: transform .55s cubic-bezier(.4, 0, .2, 1);
  will-change: transform;
}
.bbc-rental-slide {
  flex: 0 0 100%;
  min-width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
  padding: 6px 4px;
}
.bbc-rental-gallery {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-auto-rows: 1fr;
  gap: 12px;
  height: 440px;
}
.bbc-rental-gallery-main {
  position: relative;
  display: block;
  grid-row: 1 / -1;
  overflow: hidden;
  border-radius: 4px;
}
.bbc-rental-gallery-thumbs {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  gap: 12px;
  min-height: 0;
}
.bbc-rental-gallery-thumb {
  display: block;
  overflow: hidden;
  border-radius: 4px;
}
.bbc-rental-gallery-main img,
.bbc-rental-gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
}
.bbc-rental-gallery-main:hover img,
.bbc-rental-gallery-thumb:hover img { transform: scale(1.05); }
.bbc-rental-info { padding: 8px 0; }
.bbc-rental-info h3 {
  margin: 6px 0 6px;
  color: #1a2b3c;
  font-family: var(--heading-font);
  font-size: clamp(2.2rem, 3.6vw, 3.2rem);
  font-weight: 300;
  line-height: 1.05;
}
.bbc-rental-type {
  margin: 0 0 16px;
  color: #6b7280;
  font-size: 13px;
  letter-spacing: .04em;
}
.bbc-rental-desc {
  margin: 0 0 20px;
  color: #5b6472;
  font-size: 15px;
  line-height: 1.7;
  max-width: 46ch;
}
.bbc-rental-specs {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin: 0 0 26px;
  padding: 16px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.bbc-rental-specs span {
  color: #45505f;
  font-size: 14px;
  font-weight: 600;
}
.bbc-rental-specs i { margin-right: 7px; color: var(--gold-2); }
.bbc-rental-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.bbc-rental-nav {
  position: absolute;
  top: 220px;
  transform: translateY(-50%);
  z-index: 4;
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: rgba(255, 255, 255, .96);
  color: #1a2b3c;
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(26, 43, 60, .14);
  transition: background .2s ease, color .2s ease, transform .2s ease;
}
.bbc-rental-nav:hover {
  background: var(--navy);
  color: #fff;
  border-color: var(--navy);
}
.bbc-rental-prev { left: -14px; }
.bbc-rental-next { right: -14px; }
.bbc-rental-dots {
  display: flex;
  justify-content: center;
  gap: 9px;
  margin-top: 30px;
}
.bbc-rental-dot {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #d8cfc0;
  cursor: pointer;
  transition: background .2s ease, width .2s ease;
}
.bbc-rental-dot.is-active {
  width: 26px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--gold), var(--gold-2));
}
@media (max-width: 900px) {
  .bbc-rental-slide {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .bbc-rental-gallery { height: 300px; }
  .bbc-rental-nav { top: 150px; }
  .bbc-rental-prev { left: 4px; }
  .bbc-rental-next { right: 4px; }
}
@media (max-width: 560px) {
  .bbc-rental-gallery { grid-template-columns: 1fr; height: 260px; }
  .bbc-rental-gallery-thumbs { display: none; }
  .bbc-rental-actions .bbc-btn { flex: 1 1 100%; justify-content: center; }
}
.bbc-cinematic {
  position: relative;
  height: 70vh;
  min-height: 480px;
  overflow: hidden;
}
.bbc-cinematic video {
  position: absolute;
  inset: -8% 0;
  height: 116%;
}
.bbc-cinematic > div:first-of-type {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.4), rgba(0,0,0,.3) 48%, rgba(0,0,0,.6));
}
.bbc-cinematic-copy {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 24px;
}
.bbc-cinematic-copy > .bbc-kicker-gold {
  color: #fff;
}
.bbc-cinematic-copy h2 {
  margin: 0 0 22px;
  color: #fff;
  font-family: var(--heading-font);
  font-size: 5.8rem;
  font-weight: 300;
  line-height: .95;
}
.bbc-cinematic-copy h2 span {
  color: #c9a96e;
  font-size: 5.2rem;
}
.bbc-cinematic-copy > p:last-child {
  margin: 0;
  color: rgba(255,255,255,.6);
  font-family: var(--script-font);
  font-size: 2rem;
}
.bbc-amenity-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 40px;
}
.bbc-amenity-group h3 {
  margin: 0 0 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e8e2d9;
  color: #c9a96e;
  font-family: var(--body-font);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.bbc-amenity-group p {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  color: #6b7280;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.35;
}
.bbc-amenity-group i {
  width: 16px;
  color: #c9a96e;
  text-align: center;
}
.bbc-script-note {
  margin: 54px 0 0;
  color: #c9a96e;
  font-size: 2rem;
  line-height: 1.2;
  text-align: center;
}
.bbc-experience {
  position: relative;
  overflow: hidden;
  padding: 136px 0;
  background: #fff;
}
.bbc-bg-accent {
  position: absolute;
  top: 0;
  right: 0;
  width: 33%;
  height: 100%;
  opacity: .03;
}
.bbc-owner-photo {
  position: relative;
  padding: 0 44px 28px 0;
}
.bbc-owner-photo > img {
  aspect-ratio: 3 / 4;
  border: 1px solid #d8c49b;
  padding: 10px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(26,43,60,.12);
}
.bbc-owner-photo > div {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 256px;
  border: 1px solid #e8e2d9;
  background: #fff;
  padding: 22px;
  box-shadow: 0 12px 28px rgba(26,43,60,.08);
}
.bbc-owner-photo span {
  color: #c9a96e;
  font-size: 1.4rem;
}
.bbc-owner-photo p {
  margin: 4px 0 0;
  color: #6b7280;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.6;
}
/* Decorative flourish accents around the owner photo (docx §4). */
.bbc-owner-photo-flourish .bbc-flourish {
  position: absolute;
  z-index: 2;
  width: 42px;
  height: 42px;
  pointer-events: none;
}
.bbc-flourish-tl {
  top: -16px;
  left: -16px;
  border-top: 2px solid var(--gold);
  border-left: 2px solid var(--gold);
}
.bbc-flourish-br {
  bottom: 12px;
  right: 52px;
  border-bottom: 2px solid var(--gold);
  border-right: 2px solid var(--gold);
}
.bbc-flourish-tl::after,
.bbc-flourish-br::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: var(--gold);
  transform: rotate(45deg);
}
.bbc-flourish-tl::after { top: -3px; left: -3px; }
.bbc-flourish-br::after { bottom: -3px; right: -3px; }
.bbc-experience-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 4px;
}
.our-story-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 26px;
}
.bbc-experience-list {
  display: grid;
  gap: 24px;
  margin-top: 36px;
}
.bbc-experience-list > div {
  display: flex;
  gap: 16px;
}
.bbc-experience-list > div > span {
  flex: 0 0 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid #e8e2d9;
  color: #c9a96e;
}
.bbc-experience-list h3 {
  margin: 0 0 5px;
  color: #1a2b3c;
  font-family: var(--heading-font);
  font-size: 1.45rem;
  font-weight: 500;
}
.bbc-experience-list p {
  margin: 0;
  color: #6b7280;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.7;
}
.bbc-groups {
  padding: 136px 0;
  background: #1a2b3c;
  color: #fff;
}
.bbc-groups h2 {
  margin: 0 0 10px;
  color: #fff;
  font-family: var(--heading-font);
  font-size: 4rem;
  font-weight: 300;
  line-height: 1.05;
}
.bbc-groups h2 span {
  color: #c9a96e;
  font-family: var(--script-font);
}
.bbc-group-script {
  margin: 0 0 28px;
  color: rgba(255,255,255,.7);
  font-size: 2rem;
}
.bbc-groups p:not(.bbc-kicker):not(.bbc-group-script) {
  max-width: 560px;
  margin: 0 0 28px;
  color: rgba(255,255,255,.7);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
}
.bbc-benefits {
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.06);
  padding: 40px;
}
.bbc-benefits h3 {
  margin: 0 0 24px;
  color: #c9a96e;
  font-family: var(--body-font);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.bbc-benefits p {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 16px !important;
  color: rgba(255,255,255,.85) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
.bbc-benefits i { color: #c9a96e; margin-top: 4px; }
.bbc-group-stay-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 34px;
}
.bbc-group-stay-grid article {
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  padding: 22px;
}
.bbc-group-stay-grid h3 {
  margin: 0 0 10px;
  color: #c9a96e;
  font-family: var(--heading-font);
  font-size: 1.35rem;
  font-weight: 500;
}
.bbc-group-stay-grid p {
  margin: 0 !important;
  color: rgba(255,255,255,.75) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}
.bbc-group-inquiry {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
}
.bbc-group-inquiry .bbc-btn {
  align-self: flex-start;
}
.bbc-services,
.bbc-contact {
  padding: 136px 0;
  background: #fff;
}
.bbc-service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}
.bbc-service-card {
  overflow: hidden;
  border: 1px solid #e8e2d9;
  background: #faf8f5;
  transition: border-color .4s ease;
}
.bbc-service-card:hover { border-color: #c9a96e; }
.bbc-service-image {
  position: relative;
  height: 208px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #fff;
}
.bbc-service-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 24px;
  transition: transform .7s ease;
}
.bbc-service-card:hover .bbc-service-image img {
  transform: scale(1.05);
}
.bbc-service-image span,
.bbc-explore-card div span {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid #e8e2d9;
  background: #faf8f5;
  color: #c9a96e;
}
.bbc-service-card > div:last-child {
  padding: 24px;
}
.bbc-service-card h3 {
  margin: 0 0 8px;
  color: #1a2b3c;
  font-family: var(--heading-font);
  font-size: 1.8rem;
  font-weight: 500;
}
.bbc-service-card p {
  margin: 0 0 18px;
  color: #6b7280;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.7;
}
.bbc-service-card footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.bbc-service-card footer span {
  color: #c9a96e;
  font-size: 11px;
  letter-spacing: .12em;
  line-height: 1.45;
  text-transform: uppercase;
}
.bbc-service-card footer small {
  color: #6b7280;
  letter-spacing: .08em;
}
.bbc-service-card footer a,
.bbc-service-note a {
  color: #c9a96e !important;
}
.bbc-service-card footer a {
  white-space: nowrap;
  font-size: 11px;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.bbc-service-note {
  margin: 40px 0 0;
  color: #6b7280;
  font-size: 13px;
  font-weight: 300;
  text-align: center;
}
.bbc-service-note span { color: #c9a96e; }
.bbc-explore-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}
.bbc-explore-card {
  overflow: hidden;
  border: 1px solid #e8e2d9;
  background: #fff;
  transition: border-color .4s ease;
}
.bbc-explore-card:hover { border-color: #c9a96e; }
.bbc-explore-card > div {
  position: relative;
  height: 224px;
  overflow: hidden;
}
.bbc-explore-card > div::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(26,43,60,.7), rgba(26,43,60,.1) 62%, transparent);
}
.bbc-explore-card img {
  transition: transform .7s ease;
}
.bbc-explore-card:hover img { transform: scale(1.05); }
.bbc-explore-card div span {
  top: auto;
  bottom: 16px;
  z-index: 2;
  background: rgba(255,255,255,.96);
}
.bbc-explore-card h3 {
  position: absolute;
  z-index: 2;
  left: 68px;
  right: 20px;
  bottom: 18px;
  margin: 0;
  color: #fff;
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 500;
}
.bbc-explore-card ul {
  list-style: none;
  margin: 0;
  padding: 28px 32px;
}
.bbc-explore-card li {
  position: relative;
  margin: 0 0 12px;
  padding-left: 18px;
  color: #6b7280;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.65;
}
.bbc-explore-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .75em;
  width: 6px;
  height: 6px;
  background: #c9a96e;
}
.bbc-quote {
  padding: 96px 24px;
  background: #fff;
  text-align: center;
}
.bbc-quote p {
  margin: 0 0 24px;
  color: #c9a96e;
  font-size: 2.6rem;
  line-height: 1.25;
}
.bbc-quote span {
  display: block;
  width: 48px;
  height: 1px;
  margin: 0 auto 16px;
  background: #c9a96e;
}
.bbc-quote small {
  color: #6b7280;
  font-size: 11px;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.bbc-reviews {
  position: relative;
  padding: 136px 0;
  background-size: cover;
  background-position: center;
  color: #fff;
}
.bbc-reviews::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(26,43,60,.88);
}
.bbc-reviews .bbc-container {
  position: relative;
  z-index: 2;
}
.bbc-reviews h2 { color: #fff; }
.bbc-stars {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
  color: #c9a96e;
}
.bbc-stars strong {
  color: #fff;
  font-family: var(--heading-font);
  font-size: 2.1rem;
  font-weight: 300;
  margin-left: 8px;
}
.bbc-stars span { color: rgba(255,255,255,.4); }
.bbc-review-sources {
  color: rgba(255,255,255,.32) !important;
  font-size: 10px !important;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.bbc-review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
/* Homepage embedded review widget — centered and roomier so it reads as the
   focal point of the section rather than a narrow left-aligned card. */
.bbc-review-embed {
  width: 100%;
  max-width: 1000px;
  margin: 8px auto 0;
}
.bbc-review-embed > div { width: 100%; }
.bbc-review-grid article {
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  padding: 28px;
}
.bbc-review-grid p {
  color: rgba(255,255,255,.82);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.75;
}
.bbc-review-grid strong {
  display: block;
  color: #fff;
  font-family: var(--heading-font);
  font-size: 1.4rem;
  font-weight: 500;
}
.bbc-review-grid span {
  color: rgba(255,255,255,.38);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.bbc-offers {
  position: relative;
  overflow: hidden;
  padding: 36px 0;
  background: #1a2b3c;
  color: #fff;
}
.bbc-offers::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .05;
  background-image: radial-gradient(circle at 25% 25%, #c9a96e 1px, transparent 1px);
  background-size: 60px 60px;
}
.bbc-offer-row {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
}
.bbc-offer-row p {
  margin: 0 0 5px;
  color: #c9a96e;
  font-size: 10px;
  letter-spacing: .3em;
  text-transform: uppercase;
}
.bbc-offer-row h2 {
  margin: 0;
  color: #fff;
  font-family: var(--heading-font);
  font-size: 2rem;
  font-weight: 300;
}
.bbc-offer-row h2 span {
  color: #c9a96e;
}
.bbc-offer-row small {
  color: rgba(255,255,255,.5);
  font-size: 13px;
  font-weight: 300;
}
.bbc-offer-features {
  display: flex;
  gap: 16px;
}
.bbc-offer-features span {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(255,255,255,.1);
  padding: 12px 18px;
}
.bbc-offer-features i { color: #c9a96e; font-size: 18px; }
.bbc-offer-features strong,
.bbc-offer-features small {
  display: block;
  white-space: nowrap;
}
.bbc-offer-features strong {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
}
.bbc-location {
  padding: 96px 0;
  background: #f9f6f0;
}
.bbc-location-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px;
}
.bbc-address {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 24px;
}
.bbc-address > i,
.bbc-distance i {
  color: #1a6b5a;
}
.bbc-address h3 {
  margin: 0 0 4px;
  color: #0f1f2e;
  font-family: var(--heading-font);
  font-size: 1.45rem;
  font-weight: 300;
}
.bbc-address p {
  margin: 0;
  color: #7a7468;
  font-size: 13px;
}
.bbc-distance {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid #e4ddd0;
}
.bbc-distance span {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #0f1f2e;
  font-size: 13px;
}
.bbc-distance small {
  color: #7a7468;
  font-size: 12px;
}
.bbc-map {
  min-height: 360px;
  background: #e4ddd0;
}
.bbc-contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(300px, 2fr);
  gap: 64px;
}
.bbc-contact-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.bbc-contact-form .full {
  grid-column: 1 / -1;
}
.bbc-contact-form label {
  display: block;
  margin-bottom: 8px;
  color: #6b7280;
  font-size: 11px;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.bbc-contact-form input,
.bbc-contact-form select,
.bbc-contact-form textarea {
  width: 100%;
  border: 1px solid #e8e2d9 !important;
  background: #faf8f5 !important;
  color: #1a2b3c !important;
  padding: 13px 16px;
  font: 400 14px var(--body-font) !important;
  outline: 0;
}
.bbc-contact-form input,
.bbc-contact-form select {
  min-height: 48px;
}
.bbc-contact-form input:focus,
.bbc-contact-form select:focus,
.bbc-contact-form textarea:focus {
  border-color: #c9a96e !important;
}
.bbc-contact-form button {
  width: max-content;
  border: 0;
}
.bbc-contact-card {
  align-self: start;
  background: #faf8f5;
  padding: 40px;
}
.bbc-contact-card h3 {
  margin: 0 0 28px;
  color: #1a2b3c;
  font-family: var(--heading-font);
  font-size: 1.8rem;
  font-weight: 300;
}
.bbc-contact-card > p {
  display: flex;
  gap: 16px;
  margin: 0 0 24px;
}
.bbc-contact-card > p > i {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid #e8e2d9;
  color: #c9a96e;
  flex: 0 0 auto;
}
.bbc-contact-card small {
  display: block;
  color: #6b7280;
  font-size: 11px;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.bbc-contact-card a {
  color: #1a2b3c !important;
  font-size: 15px;
}
.bbc-contact-card div {
  margin-top: 28px;
  padding-top: 26px;
  border-top: 1px solid #e8e2d9;
}
.bbc-contact-card strong {
  color: #c9a96e;
  font-size: 1.4rem;
  font-weight: 400;
}
.bbc-contact-card div p {
  margin: 8px 0 0;
  color: #6b7280;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.7;
}

/* Footer */
.sandra-footer {
  background: var(--navy);
  color: #fff;
  padding: 64px 0 28px;
}
.sandra-footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, 1fr));
  gap: 48px;
}
.bbc-footer-logo {
  display: block;
  width: auto;
  height: 80px;
  margin-bottom: 20px;
  object-fit: contain;
}
.sandra-footer-brand {
  display: inline-block;
  color: #fff;
  font-family: var(--heading-font);
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 14px;
}
.sandra-footer p { color: rgba(255,255,255,.68); max-width: 360px; }
.sandra-footer h5 {
  color: var(--gold);
  font-size: .72rem;
  font-family: var(--body-font);
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.sandra-footer a {
  display: block;
  color: rgba(255,255,255,.78);
  margin-top: 8px;
}
.sandra-footer a:hover { color: var(--gold); }
.sandra-footer-contact {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 12px 0 0;
}
.sandra-footer-contact i {
  width: 16px;
  color: var(--gold);
  margin-top: 4px;
  text-align: center;
}
.sandra-footer .sandra-footer-contact a {
  margin-top: 0;
}
.sandra-footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 42px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.16);
  color: rgba(255,255,255,.62);
  font-size: .82rem;
}

@media (max-width: 1100px) {
  body.client-theme-sandra-developed .sandra-menu { display: none; }
  body.client-theme-sandra-developed .sandra-burger { display: inline-flex; }
  body.client-theme-sandra-developed .sandra-nav { grid-template-columns: auto 1fr auto; }
  body.client-theme-sandra-developed .sandra-brand { grid-column: 1; }
  body.client-theme-sandra-developed .sandra-burger {
    grid-column: 3;
    justify-self: end;
  }
  .sandra-menu { display: none; }
  .sandra-burger { display: inline-flex; }
  .sandra-nav { grid-template-columns: auto 1fr auto auto; }
  .bbc-two-col,
  .bbc-location-grid,
  .bbc-contact-grid {
    grid-template-columns: 1fr;
  }
  .bbc-amenity-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .bbc-offer-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .bbc-offer-features {
    width: 100%;
    flex-wrap: wrap;
  }
}
@media (max-width: 860px) {
  body.client-theme-sandra-developed .sandra-nav {
    min-height: 80px;
    padding: 0 24px;
  }
  body.client-theme-sandra-developed .sandra-brand-logo {
    height: 72px;
  }
  body.client-theme-sandra-developed .sandra-book {
    display: none;
  }
  body.client-theme-sandra-developed .sandra-mobile-menu {
    inset: 80px 0 0;
  }
  .sandra-wrap { width: min(100% - 28px, 1180px); }
  .sandra-book { display: none; }
  .sandra-brand strong { font-size: 1.15rem; }
  .sandra-brand em { display: none; }
  .sandra-search,
  .booking-bar {
    grid-template-columns: 1fr;
  }
  .sandra-field,
  .bb-field {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .sandra-search button,
  .booking-bar .btn-check-avail {
    width: 100%;
    min-height: 56px;
  }
  .sandra-section-head,
  .sandra-copy-grid,
  .sandra-two-col,
  .sandra-footer-grid,
  .sandra-gallery {
    grid-template-columns: 1fr;
  }
  .sandra-section-head { align-items: start; }
  .sandra-property-grid,
  .sandra-card-grid,
  .sandra-review-grid,
  .sandra-amenity-list,
  .amenities-premium-grid,
  .groups-occasion-grid,
  .groups-reason-grid,
  .attractions-travel-grid,
  .concierge-service-grid,
  .concierge-faq-grid {
    grid-template-columns: 1fr;
  }
  .sandra-stats { grid-template-columns: repeat(2, 1fr); }
  .sandra-stat:nth-child(odd) { border-left: 0; }
  .sandra-detail-sidebar { position: static; }
  .sandra-footer-bottom { flex-direction: column; }
  .bbc-container,
  .bbc-hero-inner {
    width: min(100% - 32px, 1280px);
  }
  .bbc-hero-inner {
    padding-top: 112px;
    padding-bottom: 74px;
  }
  .bbc-hero h1 {
    font-size: 5rem;
  }
  .bbc-script {
    font-size: 2.25rem;
  }
  .bbc-hero-line {
    font-size: 11px;
  }
  .bbc-booking-widget {
    flex-direction: column;
  }
  .bbc-booking-widget > button {
    min-height: 54px;
    width: 100%;
  }
  .bbc-direct-row {
    flex-direction: column;
    text-align: center;
  }
  .bbc-rating-badges {
    justify-content: center;
  }
  .bbc-scroll-cue {
    display: none;
  }
  .bbc-section-head,
  .bbc-section-head-row {
    display: block;
    text-align: center;
    margin-bottom: 40px;
  }
  .bbc-section-head h2,
  .bbc-copy h2,
  .bbc-groups h2 {
    font-size: 3.2rem;
  }
  .bbc-intro,
  .bbc-rentals,
  .bbc-amenities,
  .bbc-experience,
  .bbc-groups,
  .bbc-services,
  .bbc-explore,
  .bbc-reviews,
  .bbc-contact {
    padding: 88px 0;
  }
  .bbc-cinematic {
    min-height: 420px;
    height: 60vh;
  }
  .bbc-cinematic-copy h2 {
    font-size: 4rem;
  }
  .bbc-cinematic-copy h2 span {
    font-size: 3.8rem;
  }
  .bbc-amenity-grid,
  .bbc-service-grid,
  .bbc-explore-grid,
  .bbc-review-grid,
  .bbc-group-stay-grid {
    grid-template-columns: 1fr;
  }
  .bbc-rental-card {
    flex-basis: 100%;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .bbc-rental-collage {
    grid-template-columns: 1fr;
  }
  .bbc-rental-thumbs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bbc-image-stack,
  .bbc-owner-photo {
    padding-right: 28px;
  }
  .bbc-image-small {
    width: 180px;
  }
  .bbc-owner-photo > div {
    width: 220px;
  }
  .bbc-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bbc-platform-logo img {
    height: 28px;
  }
  .bbc-contact-form {
    grid-template-columns: 1fr;
  }
  .bbc-contact-form button {
    width: 100%;
  }
  .bbc-footer-logo,
  .sandra-footer-brand {
    margin-inline: auto;
  }
}
@media (max-width: 560px) {
  body.client-theme-sandra-developed .sandra-nav {
    min-height: 72px;
    padding: 0 18px;
  }
  body.client-theme-sandra-developed .sandra-brand-logo {
    height: 62px;
  }
  body.client-theme-sandra-developed .sandra-mobile-menu {
    inset: 72px 0 0;
  }
  .sandra-nav { min-height: 72px; }
  .sandra-brand-mark { width: 38px; height: 38px; }
  .sandra-hero { min-height: 88vh; }
  .sandra-hero-content { padding-bottom: 98px; }
  .sandra-hero h1 { font-size: clamp(3.4rem, 18vw, 5.6rem); }
  .sandra-page-hero .sandra-wrap { padding-top: 128px; padding-bottom: 54px; }
  .sandra-page-hero { min-height: 380px; }
  .sandra-stats { grid-template-columns: 1fr; }
  .sandra-stat,
  .sandra-stat:first-child {
    border-left: 0;
    border-top: 1px solid var(--line);
  }
  .sandra-stat:first-child { border-top: 0; }
  .sandra-property-foot { align-items: stretch; flex-direction: column; }
  .sandra-card-link { width: 100%; }
  .sandra-gallery-side { grid-template-columns: 1fr 1fr; }
  .bbc-hero h1 {
    font-size: 4rem;
  }
  .bbc-script {
    font-size: 2rem;
  }
  .bbc-hero-actions {
    width: 100%;
  }
  .bbc-hero-actions .bbc-btn {
    width: 100%;
  }
  .bbc-direct-row p {
    font-size: 13px;
  }
  .bbc-rating-badges {
    gap: 8px;
  }
  .bbc-section-head h2,
  .bbc-copy h2,
  .bbc-groups h2 {
    font-size: 2.65rem;
  }
  .bbc-image-small {
    width: 150px;
  }
  .bbc-rental-card {
    flex-basis: 100%;
  }
  .bbc-cinematic-copy h2 {
    font-size: 3.1rem;
  }
  .bbc-cinematic-copy h2 span {
    font-size: 3rem;
  }
  .bbc-quote p {
    font-size: 2rem;
  }
  .bbc-offer-features,
  .bbc-offer-features span,
  .bbc-offer-row .bbc-btn {
    width: 100%;
  }
  .bbc-offer-features span {
    align-items: flex-start;
  }
  .bbc-map {
    min-height: 300px;
  }
  .bbc-contact-card {
    padding: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}