:root {
  color-scheme: light;
  --brand: #6E7F4F;
  --brand-rgb: 110, 127, 79;
  --brand-contrast: #D7C7A3;
  --brand-ink: #FFFFFF;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    radial-gradient(circle at 8% 0%, rgba(182,150,98,.11), transparent 24rem),
    linear-gradient(180deg, #F8F6F1 0%, #F2EFE8 100%);
}

* { scrollbar-width: thin; scrollbar-color: #b8b0a2 transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: #b8b0a2; border-radius: 999px; }
*::-webkit-scrollbar-track { background: transparent; }

/*#listing-name{color:rgba(36,37,31);}*/
.font-Cormorant{font-family: Cormorant Garamond,serif;}
.journal-title em{color:#7B6043; font-weight: 500;}
#hero-slider .lg\:w-\[1192px\]{width: 1192px !important}
#hero-slider .sm\:w-\[416px\]{width: 416px !important}
#hero-slider .lg\:w-\[1314px\]{width: 1314px !important}
.layouts-filter-sticky-cs{bottom: -70px;}

body .location-item.bg-cmain2, body .guest-apply.bg-cmain2{ background-color: var(--theme-primary) !important; color: var(--theme-primary-ink) !important;}
body .location-level2-child.bg-cmain2, body .location-level2-child.hover\:bg-cmain2:hover{ background-color: var(--theme-primary) !important; color: var(--theme-primary-ink) !important;}
body .flatpickr-day:hover { background: var(--theme-primary) !important; border-color: var(--theme-primary) !important; }
body .flatpickr-day.today { border-color: var(--theme-primary) !important; color: var(--theme-primary) !important; }
body .guest-count-button:hover {background: var(--theme-primary); border-color: var(--theme-primary); }

#layouts-filter-sticky.layouts-filter-is-fixed {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  background: #fff;
  box-shadow: 0 6px 20px rgba(15, 23, 42, .12);
  background: #e7ebf0 !important; padding: 8px 24px !important;
}
#layouts-filter-sticky.layouts-filter-is-fixed .filter-note{display:none;}
#layouts-filter-sticky.layouts-filter-is-fixed .mv-filter-shell{padding:6px;}
#layouts-filter-sticky.layouts-filter-is-fixed .mv-filter-field{padding:7px 12px;}
#layouts-filter-sticky.layouts-filter-is-fixed .mv-filter-submit{min-height:58px;}

.login-btn-cs{border: 1px solid hsla(0,0%,100%,.2) !important; color: #fff !important;}


body #layouts-filter-sticky.layouts-filter-is-fixed {
    background: var(--theme-soft) !important;
    /*border-color: rgba(var(--theme-primary-rgb), 0.14) !important;*/
}
body .bg-city-olive { background-color: var(--theme-primary) !important; color: var(--theme-primary-ink) !important; }

.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.hero-image {
  background-image:
    linear-gradient(90deg, rgba(13, 19, 14, .90) 0%, rgba(13, 19, 14, .65) 36%, rgba(13, 19, 14, .25) 65%, rgba(13, 19, 14, .28) 100%),
    linear-gradient(180deg, rgba(10, 13, 10, .38) 0%, rgba(10, 13, 10, .03) 52%, rgba(10, 13, 10, .60) 100%),
    url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2400&q=90');
  background-position: center;
  background-size: cover;
}

.noise {
  position: relative;
  isolation: isolate;
}

.noise::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .045;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}

.header-scrolled {
  background: rgba(252, 250, 246, .94);
  border-color: rgba(36, 37, 31, .08);
  color: #24251F;
  box-shadow: 0 10px 35px rgba(36, 37, 31, .07);
  backdrop-filter: blur(18px);
}

.header-scrolled .header-logo,
.header-scrolled .header-link,
.header-scrolled .header-language,
.header-scrolled .mobile-trigger { color: #24251F; }

.header-scrolled .header-tagline { color: #747269; }
.header-scrolled .mobile-trigger { border-color: rgba(36, 37, 31, .14); }

.booking-field:focus-within {
  background: #F4EFE5;
  box-shadow: inset 0 0 0 1px rgba(185, 139, 75, .36);
}

input[type='date']::-webkit-calendar-picker-indicator {
  opacity: .55;
  cursor: pointer;
}

.hero-enter {
  animation: heroEnter .9s cubic-bezier(.2,.75,.2,1) both;
}

.hero-enter-delay-1 { animation-delay: .10s; }
.hero-enter-delay-2 { animation-delay: .20s; }
.hero-enter-delay-3 { animation-delay: .30s; }

@keyframes heroEnter {
  from { opacity: 0; transform: translateY(24px); filter: blur(7px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

.picker-panel { animation: pickerIn .18s ease-out both; }

@keyframes pickerIn {
  from { opacity: 0; transform: translateY(7px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.brand-card {
  transition: transform .35s ease, box-shadow .35s ease, opacity .35s ease;
}
.brand-card:hover { transform: translateY(-4px); }
.brand-card[aria-pressed="false"] { opacity: .88; }
.brand-card[aria-pressed="true"] {
  transform: translateY(-4px);
  box-shadow: 0 18px 45px rgba(31, 29, 24, .16);
}

.property-card {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.property-card:hover {
  transform: translateY(-5px);
  border-color: rgba(var(--brand-rgb), .35);
  box-shadow: 0 18px 42px rgba(45, 40, 32, .12);
}
.property-card img { transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.property-card:hover img { transform: scale(1.045); }

.city-filter[aria-pressed="true"] {
  background: var(--brand);
  color: var(--brand-ink);
  border-color: var(--brand);
}

.brand-panel {
  background:
    radial-gradient(circle at 88% 20%, rgba(255,255,255,.12), transparent 20rem),
    var(--brand);
  color: var(--brand-ink);
  transition: background-color .45s ease, color .45s ease;
  min-height: 760px;
}

#journal-purpose .swiper-slide, #property-purpose .swiper-slide{padding-top:5px;}

.brand-accent { color: var(--brand); }
.brand-bg { background: var(--brand); color: var(--brand-ink); }
.brand-border { border-color: rgba(var(--brand-rgb), .35); }
.brand-soft { background: rgba(var(--brand-rgb), .08); }

.fade-up {
  opacity: 0;
  transform: translateY(22px);
  filter: blur(5px);
  transition: opacity .7s ease, transform .7s ease, filter .7s ease;
}

.fade-up.is-visible {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

.modal-backdrop {
  background: rgba(28, 26, 22, .58);
  backdrop-filter: blur(8px);
}

.skeleton {
  background: linear-gradient(90deg, #ece7dd 25%, #f8f5ef 50%, #ece7dd 75%);
  background-size: 200% 100%;
  animation: shimmer 1.2s infinite;
}

@keyframes shimmer { to { background-position-x: -200%; } }

.brand-container{margin-left: calc(calc(100% - 1436px) / 2 - 140px);}

@media (max-width: 1700px) {
  .brand-container {
      margin-left: 0;
  }
}

@media (max-width: 767px) {
  .hero-image { background-position: 62% center; }
}

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

/* Continuation sections inspired by the supplied CityHouse reference */
.deep-city-surface {
  background-color: #272f21
    
}

#brand-grid{padding-top: 10px;}

.destination-track {
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.destination-track::-webkit-scrollbar { display: none; }

.destination-track .swiper-slide{padding-top: 5px;}

.destination-card {
  scroll-snap-align: start;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.destination-card:hover {
  transform: translateY(-5px);
  box-shadow:
    inset 0 0 0 1px rgba(217,188,132,.52),
    0 18px 45px rgba(0,0,0,.22);
}
.destination-card img { transition: transform .75s cubic-bezier(.2,.75,.2,1); }
.destination-card:hover img { transform: scale(1.055); }

.purpose-card {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.purpose-card:hover {
  transform: translateY(-6px);
  border-color: rgba(185,139,75,.38);
  box-shadow: 0 18px 42px rgba(45, 38, 27, .12);
}

.featured-home-card {
  transition: transform .35s ease, box-shadow .35s ease;
}
.featured-home-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 48px rgba(0,0,0,.28);
}
.featured-home-card img { transition: transform .75s cubic-bezier(.2,.75,.2,1); }
.featured-home-card:hover img { transform: scale(1.05); }

.continuation-arrow {
  transition: transform .25s ease, background-color .25s ease, color .25s ease;
}
.continuation-arrow:hover { transform: translateX(3px); }


@media (max-width: 1024px) {
  .purpose-card:hover{transform: translateY(0px);}
  #brand-panel{min-height: auto;}
}

@media (max-width: 767px) {
  .botanical-mark { background-size: 245px auto; }
}


/* Destination Journal */
.journal-surface {
  background:
    radial-gradient(circle at 10% 18%, rgba(255,255,255,.8), transparent 23rem),
    radial-gradient(circle at 88% 10%, rgba(185,139,75,.10), transparent 27rem),
    linear-gradient(135deg, #F2ECE1 0%, #FAF7F0 48%, #EDE5D8 100%);
}

.journal-intro {
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.86), transparent 18rem),
    linear-gradient(180deg, rgba(252,250,246,.78), rgba(235,225,211,.88));
}

.journal-intro::after {
  content: "";
  position: absolute;
  inset: auto -38px -36px -40px;
  height: 310px;
  opacity: .32;
  pointer-events: none;
  background:
    url("data:image/svg+xml,%3Csvg width='430' height='320' viewBox='0 0 430 320' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23576643' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M202 296c7-77 9-151 4-222'/%3E%3Cpath d='M205 239c-47-34-78-69-94-108 51 11 83 38 98 77'/%3E%3Cpath d='M205 193c36-42 75-65 117-69-21 48-58 77-112 88'/%3E%3Cpath d='M203 145c-31-28-47-59-48-94 39 14 60 40 62 79'/%3E%3Cpath d='M207 111c29-34 60-52 95-54-16 38-46 61-91 70'/%3E%3Cpath d='M111 297c16-45 19-91 8-137'/%3E%3Cpath d='M119 230c-31-18-53-43-66-75 38 6 63 27 73 62'/%3E%3Cpath d='M118 193c25-28 51-44 81-46-13 31-38 50-75 57'/%3E%3Cpath d='M300 298c-5-55 0-107 15-155'/%3E%3Cpath d='M310 236c31-17 58-39 79-67-36 2-62 19-79 51'/%3E%3Cpath d='M316 190c-15-30-35-51-60-64 4 34 22 59 55 75'/%3E%3C/g%3E%3C/svg%3E")
    center bottom / contain no-repeat;
}

.journal-filter {
  transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}
.journal-filter:hover { transform: translateY(-1px); }
.journal-filter[aria-pressed="true"] {
  background: #253127;
  color: #fff;
  border-color: #253127;
}

.journal-card {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.journal-card:hover {
  transform: translateY(-5px);
  border-color: rgba(185,139,75,.4);
  box-shadow: 0 20px 50px rgba(47,39,28,.13);
}
.journal-card img {
  transition: transform .75s cubic-bezier(.2,.75,.2,1);
}
.journal-card:hover img { transform: scale(1.05); }

.journal-feature {
  min-height: 560px;
}

.journal-feature::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(15,20,14,.03) 25%, rgba(12,17,12,.88) 100%);
}

.journal-nearby-track {
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.journal-nearby-track::-webkit-scrollbar { display: none; }

.journal-nearby-card {
  scroll-snap-align: start;
  transition: transform .35s ease, box-shadow .35s ease;
}
.journal-nearby-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 40px rgba(27,24,19,.2);
}
.journal-nearby-card img {
  transition: transform .75s cubic-bezier(.2,.75,.2,1);
}
.journal-nearby-card:hover img { transform: scale(1.055); }

@media (max-width: 1279px) {
  .journal-feature { min-height: 500px; }
}

@media (max-width: 767px) {
  .journal-feature { min-height: 470px; }
  .journal-intro::after {
    right: -75px;
    left: 18%;
    height: 250px;
    opacity: .2;
  }
}


/* The CityHouse Promise */
.promise-surface {
  background:
    radial-gradient(circle at 12% 10%, rgba(255,255,255,.82), transparent 25rem),
    radial-gradient(circle at 88% 4%, rgba(185,139,75,.09), transparent 29rem),
    linear-gradient(135deg, #F5EFE5 0%, #FBF8F1 53%, #ECE3D6 100%);
}

.promise-story {
  min-height: 760px;
  background:
    linear-gradient(180deg, rgba(20,23,17,.03) 26%, rgba(17,20,15,.12) 56%, rgba(13,16,12,.78) 100%),
    url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1600&q=88');
  background-position: center;
  background-size: cover;
}

.promise-story::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 58%, rgba(255,244,219,.16), transparent 18rem),
    linear-gradient(90deg, rgba(255,255,255,.09), transparent 38%);
}

.promise-benefit-card {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.promise-benefit-card:hover {
  transform: translateY(-6px);
  border-color: rgba(185,139,75,.42);
  box-shadow: 0 20px 48px rgba(48,39,28,.13);
}

.promise-benefit-card img {
  transition: transform .75s cubic-bezier(.2,.75,.2,1);
}

.promise-benefit-card:hover img {
  transform: scale(1.045);
}

.promise-cta {
  background:
    radial-gradient(circle at 12% 50%, rgba(217,188,132,.12), transparent 20rem),
    linear-gradient(120deg, #172119 0%, #253127 52%, #172119 100%);
  box-shadow: 0 26px 70px rgba(23,33,25,.24);
}

.promise-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .08;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.promise-leaf {
  position: absolute;
  right: -72px;
  bottom: -62px;
  width: 310px;
  height: 260px;
  opacity: .25;
  pointer-events: none;
  background:
    url("data:image/svg+xml,%3Csvg width='320' height='280' viewBox='0 0 320 280' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23D9BC84' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M28 255C76 185 139 129 226 89C262 72 291 50 310 20'/%3E%3Cpath d='M104 196c-47-1-81-17-103-49 47-13 87-2 119 32'/%3E%3Cpath d='M157 148c-31-21-49-50-54-86 39 10 66 33 81 69'/%3E%3Cpath d='M214 103c-13-35-9-68 12-99 31 27 43 59 35 96'/%3E%3Cpath d='M236 99c40 5 68 23 86 55-42 12-76 2-103-30'/%3E%3Cpath d='M170 147c42 11 70 34 85 70-45 5-79-10-102-45'/%3E%3Cpath d='M106 198c37 19 58 46 63 82-43-4-72-25-89-62'/%3E%3C/g%3E%3C/svg%3E")
    center / contain no-repeat;
}

@media (max-width: 1279px) {
  .promise-story { min-height: 650px; }
}

@media (max-width: 767px) {
  .promise-story { min-height: 620px; }
  .promise-leaf {
    width: 210px;
    height: 180px;
    right: -55px;
    bottom: -40px;
  }
}


/* Sticky booking search — desktop/tablet landscape */
#booking {
  transition:
    top .28s ease,
    padding .28s ease,
    background-color .28s ease,
    box-shadow .28s ease,
    transform .28s ease;
}

@media (min-width: 1024px) {
  #booking.booking-sticky-active {
    position: fixed !important;
    inset: auto 0 auto 0 !important;
    top: 0 !important;
    bottom: auto !important;
    z-index: 999 !important;
    transform: none !important;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    background: rgba(244, 239, 229, .92);
    border-bottom: 1px solid rgba(36, 37, 31, .08);
    box-shadow: 0 16px 40px rgba(17, 24, 18, .12);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }

  #booking.booking-sticky-active #bookingForm {
    border-radius: 16px;
    box-shadow: 0 12px 34px rgba(16, 22, 17, .13);
  }

  #booking.booking-sticky-active .booking-field,
  #booking.booking-sticky-active button[type="submit"] {
    min-height: 62px !important;
  }

  #booking.booking-sticky-active .booking-field {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  #booking.booking-sticky-active .booking-field > span:first-child {
    width: 36px !important;
    height: 36px !important;
  }

  #booking.booking-sticky-active .booking-meta-row {
    display: none !important;
  }
}

/* Keep the original non-sticky layout on smaller screens to avoid covering content */
@media (max-width: 1023px) {
  #booking.booking-sticky-active {
    position: absolute !important;
    inset: auto 0 0 0 !important;
    transform: translateY(52%) !important;
  }
}

/* EXPLORE BY DESTINATION — navy and dusty-rose palette */
#destinations.destination-navy-surface {
  background:
    radial-gradient(circle at 12% 18%, rgba(201, 145, 132, .12), transparent 26rem),
    radial-gradient(circle at 86% 8%, rgba(87, 112, 181, .13), transparent 28rem),
    linear-gradient(135deg, #0E183F 0%, #14204F 48%, #101A43 100%);
  border-color: rgba(255,255,255,.10);
}

#destinations .text-city-goldLight,
#destinations .text-city-goldLight\/80,
#destinations .text-city-goldLight\/55 {
  color: #C99184 !important;
}

#destinations .bg-city-goldLight\/55,
#destinations .bg-city-goldLight\/45 {
  background-color: rgba(201,145,132,.55) !important;
}

#destinations .border-city-goldLight\/55,
#destinations .border-city-goldLight\/45 {
  border-color: rgba(201,145,132,.58) !important;
}

#destinations .destination-card {
  box-shadow:
    inset 0 0 0 1px rgba(201,145,132,.24),
    0 12px 30px rgba(5,10,31,.24);
}

#destinations .destination-card:hover {
  box-shadow:
    inset 0 0 0 1px rgba(201,145,132,.72),
    0 22px 48px rgba(4,8,27,.38);
}

#destinations .destination-card > div.absolute.inset-0 {
  background:
    linear-gradient(180deg, rgba(10,16,46,.05) 22%, rgba(10,16,46,.25) 52%, rgba(8,13,38,.94) 100%) !important;
}

#destinations .destination-card span.rounded-full {
  background: rgba(201,145,132,.14) !important;
  border-color: rgba(201,145,132,.65) !important;
  color: #E5B1A6 !important;
}

#destinations #show-all-destinations {
  padding: 12px 18px;
  border-radius: 10px;
  background: #C99184;
  color: #0E183F !important;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(5,10,31,.22);
}

#destinations #show-all-destinations:hover {
  background: #D5A095;
  transform: translateY(-2px);
}

#destinations [data-scroll-track="destination-track"] {
  background: #C99184 !important;
  border-color: rgba(255,255,255,.18) !important;
  color: #0E183F !important;
}

#destinations [data-scroll-track="destination-track"]:hover {
  background: #D5A095 !important;
  color: #0E183F !important;
}

#destinations p.text-white\/66,
#destinations .text-white\/68 {
  color: rgba(232,235,247,.68) !important;
}


/* Final sticky booking fix:
   - solid full-width background
   - compact form
   - no content visible through the sticky layer */
@media (min-width: 1024px) {
  #booking.booking-sticky-active {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    top: 0 !important;
    bottom: auto !important;
    z-index: 999 !important;
    transform: none !important;
    isolation: isolate;
    overflow: visible !important;
    padding: 8px 24px !important;
    background: #F4EFE5 !important;
    border-bottom: 1px solid rgba(36, 37, 31, .10) !important;
    box-shadow: 0 12px 34px rgba(16, 22, 17, .16) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #booking.booking-sticky-active::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: #F4EFE5;
    pointer-events: none;
  }

  #booking.booking-sticky-active > div {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
  }

  #booking.booking-sticky-active #bookingForm {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 6px !important;
    border-radius: 15px !important;
    background: #FCFAF6 !important;
    border: 1px solid rgba(36, 37, 31, .08) !important;
    box-shadow: 0 8px 24px rgba(16, 22, 17, .12) !important;
    opacity: 1 !important;
  }

  #booking.booking-sticky-active .booking-field,
  #booking.booking-sticky-active button[type="submit"] {
    min-height: 58px !important;
  }

  #booking.booking-sticky-active .booking-field {
    padding: 7px 12px !important;
    background: transparent;
  }

  #booking.booking-sticky-active .booking-field > span:first-child {
    width: 34px !important;
    height: 34px !important;
  }

  #booking.booking-sticky-active .booking-meta-row {
    display: none !important;
  }

  #booking.booking-sticky-active #guestPicker {
    z-index: 1001 !important;
  }
}


/* Portal sticky layer: #booking is moved directly under <body> while sticky */
@media (min-width: 1024px) {
  body > #booking.booking-sticky-active {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 999 !important;
    padding: 8px 24px !important;
    background: #F4EFE5 !important;
    border-bottom: 1px solid rgba(36, 37, 31, .10) !important;
    box-shadow: 0 12px 34px rgba(16, 22, 17, .16) !important;
    isolation: isolate;
  }

  body > #booking.booking-sticky-active > div {
    width: 100% !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
  }

  body > #booking.booking-sticky-active #bookingForm {
    width: 100% !important;
    margin: 0 !important;
    background: #FCFAF6 !important;
    opacity: 1 !important;
  }

  body.booking-is-sticky #brand-panel {
    z-index: 1 !important;
  }
}


/* =========================================================
   GLOBAL BRAND THEME SYSTEM
   Clicking SOUL / MARK / VIBE / NEST / TERA updates the
   visual tone of the complete page through CSS variables.
   ========================================================= */
:root {
  --theme-primary: #6E7F4F;
  --theme-primary-rgb: 110, 127, 79;
  --theme-primary-dark: #56603E;
  --theme-primary-dark-rgb: 86, 96, 62;
  --theme-primary-ink: #FFFFFF;

  --theme-accent: #D7C7A3;
  --theme-accent-rgb: 215, 199, 163;
  --theme-accent-light: #E7DDD0;

  --theme-page: #F6F4EF;
  --theme-page-rgb: 246, 244, 239;
  --theme-surface: #FBF9F4;
  --theme-surface-rgb: 251, 249, 244;
  --theme-soft: #EEE7DA;
  --theme-soft-rgb: 238, 231, 218;
  --theme-line: #DDD7C8;

  --theme-ink: #383838;
  --theme-muted: #6B695F;
  --theme-dark: #4C5737;
  --theme-dark-rgb: 76, 87, 55;
  --theme-dark-ink: #FFFFFF;
}

body,
#collection,
#stays,
#travel-purpose,
#journal,
#cityhouse-promise,
#destinations,
#featured-stays,
#booking,
#bookingForm,
.property-card,
.purpose-card,
.journal-card,
.promise-benefit-card,
.featured-home-card {
  transition:
    background-color .5s ease,
    background .5s ease,
    color .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}

body {
  color: var(--theme-ink);
  background:
    radial-gradient(
      circle at 8% 0%,
      rgba(var(--theme-accent-rgb), .12),
      transparent 24rem
    ),
    linear-gradient(
      180deg,
      var(--theme-page) 0%,
      var(--theme-soft) 100%
    ) !important;
}

/* Hero adopts the selected brand through its overlay. */
.hero-image {
  background-image:
    linear-gradient(
      90deg,
      rgba(var(--theme-dark-rgb), .94) 0%,
      rgba(var(--theme-dark-rgb), .72) 36%,
      rgba(var(--theme-primary-rgb), .30) 66%,
      rgba(var(--theme-dark-rgb), .38) 100%
    ),
    linear-gradient(
      180deg,
      rgba(var(--theme-dark-rgb), .42) 0%,
      rgba(var(--theme-dark-rgb), .04) 52%,
      rgba(var(--theme-dark-rgb), .70) 100%
    ),
    url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2400&q=90') !important;
}

/* Tailwind CityHouse color utilities become theme-aware. */
body .bg-city-olive {
  background-color: var(--theme-primary) !important;
  color: var(--theme-primary-ink) !important;
}

body .bg-city-forest {
  background-color: var(--theme-primary-dark) !important;
  color: var(--theme-dark-ink) !important;
}

body .bg-city-gold {
  background-color: var(--theme-accent) !important;
}

body [class*="bg-city-cream"] {
  background-color: var(--theme-soft) !important;
}

body [class*="bg-city-ivory"] {
  background-color: var(--theme-surface) !important;
}
body [class*="bg-city-ivory"].active {
  border-color: var(--theme-primary) !important;
}


body [class*="text-city-goldLight"] {
  color: var(--theme-accent-light) !important;
}

body [class*="text-city-goldDark"] {
  color: var(--theme-accent) !important;
}

body [class*="text-city-gold"] {
  color: var(--theme-accent) !important;
}

body [class*="text-city-ink"] {
  color: var(--theme-ink) !important;
}

body [class*="text-city-ink2"] {
  color: var(--theme-accent) !important;
}

body [class*="text-city-muted"] {
  color: var(--theme-muted) !important;
}

body [class*="border-city-line"] {
  border-color: var(--theme-line) !important;
}

body [class*="border-city-goldLight"],
body [class*="border-city-gold"] {
  border-color: rgba(var(--theme-accent-rgb), .62) !important;
}

body .hover\:bg-city-forest:hover {
  background-color: var(--theme-primary-dark) !important;
}

body .hover\:bg-city-goldDark:hover {
  background-color: var(--theme-primary-dark) !important;
}

body .hover\:text-city-goldLight:hover {
  color: var(--theme-accent-light) !important;
}

/* Header and logo accents. */
#siteHeader .header-logo,
#siteHeader > div > a:first-child > span:first-child {
  color: var(--theme-accent-light) !important;
}

#siteHeader.header-scrolled {
  background: rgba(var(--theme-surface-rgb), .96) !important;
  border-color: rgba(var(--theme-primary-rgb), .12) !important;
  color: var(--theme-ink) !important;
}

#mobileMenu {
  background: var(--theme-surface) !important;
  color: var(--theme-ink) !important;
}

/* Booking search and sticky booking layer. */
#bookingForm {
  background: var(--theme-surface) !important;
  border-color: rgba(var(--theme-primary-rgb), .12) !important;
  box-shadow: 0 24px 65px rgba(var(--theme-dark-rgb), .22) !important;
}

.booking-field:focus-within {
  background: var(--theme-soft) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--theme-accent-rgb), .42) !important;
}

.booking-field > span:first-child {
  background: var(--theme-soft) !important;
  color: var(--theme-accent) !important;
}

body > #booking.booking-sticky-active,
#booking.booking-sticky-active,
#booking.booking-sticky-active::before {
  background: var(--theme-soft) !important;
  border-color: rgba(var(--theme-primary-rgb), .14) !important;
}

body > #booking.booking-sticky-active #bookingForm,
#booking.booking-sticky-active #bookingForm {
  background: var(--theme-surface) !important;
}

/* Main collection and listing. */
#collection {
  background: var(--theme-surface) !important;
  border-color: var(--theme-line) !important;
}

#stays {
  min-height: 750px;
  background:
    linear-gradient(
      180deg,
      var(--theme-page) 0%,
      var(--theme-soft) 100%
    ) !important;
}

.property-card,
#empty-state, #empty-state-blog {
  background: var(--theme-surface) !important;
  border-color: rgba(var(--theme-primary-rgb), .14) !important;
}

.property-card:hover {
  border-color: rgba(var(--theme-primary-rgb), .42) !important;
  box-shadow: 0 18px 42px rgba(var(--theme-dark-rgb), .14) !important;
}

.city-filter {
  background: var(--theme-surface) !important;
  border-color: var(--theme-line) !important;
  color: var(--theme-ink) !important;
}

.city-filter[aria-pressed="true"] {
  background: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
  color: var(--theme-primary-ink) !important;
}

/* Selected brand receives a clearer theme-colored state. */
.brand-card[aria-pressed="true"] {
  outline: 3px solid var(--theme-accent-light);
  outline-offset: 3px;
  box-shadow:
    0 18px 48px rgba(var(--theme-dark-rgb), .24),
    0 0 0 1px rgba(var(--theme-accent-rgb), .25);
}

/* Destination section follows the brand instead of remaining navy. */
#destinations.destination-navy-surface {
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(var(--theme-accent-rgb), .16),
      transparent 26rem
    ),
    radial-gradient(
      circle at 86% 8%,
      rgba(var(--theme-primary-rgb), .26),
      transparent 28rem
    ),
    linear-gradient(
      135deg,
      var(--theme-dark) 0%,
      var(--theme-primary-dark) 50%,
      var(--theme-dark) 100%
    ) !important;
}

#destinations .destination-card {
  box-shadow:
    inset 0 0 0 1px rgba(var(--theme-accent-rgb), .30),
    0 12px 30px rgba(var(--theme-dark-rgb), .28) !important;
}

#destinations .destination-card:hover {
  box-shadow:
    inset 0 0 0 1px rgba(var(--theme-accent-rgb), .78),
    0 22px 48px rgba(var(--theme-dark-rgb), .42) !important;
}

#destinations .destination-card > div.absolute.inset-0 {
  background:
    linear-gradient(
      180deg,
      rgba(var(--theme-dark-rgb), .04) 22%,
      rgba(var(--theme-dark-rgb), .26) 52%,
      rgba(var(--theme-dark-rgb), .96) 100%
    ) !important;
}

#destinations .destination-card span.rounded-full {
  background: rgba(var(--theme-accent-rgb), .16) !important;
  border-color: rgba(var(--theme-accent-rgb), .68) !important;
  color: var(--theme-accent-light) !important;
}

#destinations #show-all-destinations,
#destinations [data-scroll-track="destination-track"] {
  background: var(--theme-accent) !important;
  color: var(--theme-dark) !important;
  border-color: rgba(var(--theme-accent-rgb), .8) !important;
}

/* Travel purpose. */
#travel-purpose {
  background:
    linear-gradient(
      135deg,
      var(--theme-soft) 0%,
      var(--theme-page) 100%
    ) !important;
  border-color: var(--theme-line) !important;
}

.purpose-card {
  background: var(--theme-surface) !important;
  border-color: rgba(var(--theme-primary-rgb), .12) !important;
}

.purpose-card:hover {
  border-color: rgba(var(--theme-accent-rgb), .48) !important;
  box-shadow: 0 18px 42px rgba(var(--theme-dark-rgb), .14) !important;
}

/* Featured stays dark surface. */
#featured-stays.deep-city-surface,
.deep-city-surface {
  background:
    radial-gradient(
      circle at 18% 34%,
      rgba(var(--theme-primary-rgb), .32),
      transparent 26rem
    ),
    radial-gradient(
      circle at 83% 18%,
      rgba(var(--theme-accent-rgb), .12),
      transparent 24rem
    ),
    linear-gradient(
      135deg,
      var(--theme-dark) 0%,
      var(--theme-primary-dark) 52%,
      var(--theme-dark) 100%
    ) !important;
}

.featured-home-card {
  background: var(--theme-surface) !important;
  color: var(--theme-ink) !important;
}

/* Destination Journal. */
#journal.journal-surface {
  background:
    radial-gradient(
      circle at 10% 18%,
      rgba(var(--theme-surface-rgb), .88),
      transparent 23rem
    ),
    radial-gradient(
      circle at 88% 10%,
      rgba(var(--theme-accent-rgb), .12),
      transparent 27rem
    ),
    linear-gradient(
      135deg,
      var(--theme-soft) 0%,
      var(--theme-page) 48%,
      rgba(var(--theme-primary-rgb), .10) 100%
    ) !important;
}

.journal-intro {
  background:
    radial-gradient(
      circle at 28% 20%,
      rgba(var(--theme-surface-rgb), .94),
      transparent 18rem
    ),
    linear-gradient(
      180deg,
      var(--theme-surface),
      var(--theme-soft)
    ) !important;
}

.journal-filter {
  background: var(--theme-surface) !important;
  border-color: rgba(var(--theme-primary-rgb), .14) !important;
  color: var(--theme-ink) !important;
}

.journal-filter[aria-pressed="true"] {
  background: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
  color: var(--theme-primary-ink) !important;
}

.journal-card {
  background: var(--theme-surface) !important;
  border-color: rgba(var(--theme-primary-rgb), .12) !important;
}

/* CityHouse Promise. */
#cityhouse-promise.promise-surface {
  background:
    radial-gradient(
      circle at 12% 10%,
      rgba(var(--theme-surface-rgb), .9),
      transparent 25rem
    ),
    radial-gradient(
      circle at 88% 4%,
      rgba(var(--theme-accent-rgb), .12),
      transparent 29rem
    ),
    linear-gradient(
      135deg,
      var(--theme-soft) 0%,
      var(--theme-page) 53%,
      rgba(var(--theme-primary-rgb), .12) 100%
    ) !important;
}

.promise-benefit-card {
  background: var(--theme-surface) !important;
  border-color: rgba(var(--theme-primary-rgb), .12) !important;
}

.promise-benefit-card:hover {
  border-color: rgba(var(--theme-accent-rgb), .48) !important;
  box-shadow: 0 20px 48px rgba(var(--theme-dark-rgb), .14) !important;
}

.promise-cta {
  background:
    radial-gradient(
      circle at 12% 50%,
      rgba(var(--theme-accent-rgb), .16),
      transparent 20rem
    ),
    linear-gradient(
      120deg,
      var(--theme-dark) 0%,
      var(--theme-primary-dark) 52%,
      var(--theme-dark) 100%
    ) !important;
}

/* Generic links, dividers and controls. */
body .brand-accent {
  color: var(--theme-primary) !important;
}

body .brand-bg {
  background: var(--theme-primary) !important;
  color: var(--theme-primary-ink) !important;
}

body .brand-soft {
  background: rgba(var(--theme-primary-rgb), .10) !important;
}

#sort-select,
#location,
#checkin,
#checkout {
  color: var(--theme-ink) !important;
}

#sort-select{border: none; outline: none;--tw-ring-color:none;}

::selection {
  background: rgba(var(--theme-accent-rgb), .35);
  color: var(--theme-ink);
}


/* =========================================================
   BRAND HERO BANNER SLIDER
   - 5 slides, one per CityHouse brand
   - Autoplay every 4 seconds
   - Brand-card click synchronizes the matching hero slide
   ========================================================= */
#hero-slider {
  --hero-slide-primary: #414D3F;
  --hero-slide-primary-rgb: 65, 77, 63;
  --hero-slide-dark-rgb: 23, 33, 25;
  --hero-slide-accent: #D9BC84;
  background: var(--theme-dark);
}

.hero-slide-stage {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: var(--theme-dark);
}

.hero-slide-layer {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.035);
  transition:
    opacity .9s ease,
    visibility .9s ease,
    transform 5.2s cubic-bezier(.2,.7,.2,1);
  will-change: opacity, transform;
}

.hero-slide-layer.is-active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  z-index: 2;
}

.hero-slide-layer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero-slide-layer::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(var(--slide-dark-rgb), .95) 0%,
      rgba(var(--slide-dark-rgb), .76) 35%,
      rgba(var(--slide-primary-rgb), .34) 66%,
      rgba(var(--slide-dark-rgb), .42) 100%
    ),
    linear-gradient(
      180deg,
      rgba(var(--slide-dark-rgb), .48) 0%,
      rgba(var(--slide-dark-rgb), .04) 50%,
      rgba(var(--slide-dark-rgb), .76) 100%
    );
  pointer-events: none;
}

.hero-slide-content {
  transition:
    opacity .34s ease,
    transform .34s ease,
    filter .34s ease;
}

.hero-slide-content.is-changing {
  opacity: 0;
  transform: translateY(12px);
  filter: blur(5px);
}

#hero-slide-accent,
#hero-slide-eyebrow,
#hero-slide-stars {
  color: var(--hero-slide-accent) !important;
  transition: color .45s ease;
}

#hero-slide-cta {
  background: var(--hero-slide-accent) !important;
  color: var(--hero-slide-primary) !important;
  transition:
    background-color .3s ease,
    color .3s ease,
    transform .3s ease,
    box-shadow .3s ease;
}

#hero-slide-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(var(--hero-slide-dark-rgb), .28);
}

.hero-slider-controls {
  position: absolute;
  right: max(20px, calc((100vw - 1440px) / 2 + 48px));
  bottom: 180px;
  z-index: 12;
  display: flex;
  align-items: center;
  gap: 12px;
}

.hero-slider-arrow {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 999px;
  color: #fff;
  background: rgba(var(--hero-slide-dark-rgb), .30);
  backdrop-filter: blur(12px);
  transition:
    transform .25s ease,
    background-color .25s ease,
    border-color .25s ease;
}

.hero-slider-arrow:hover {
  transform: translateY(-2px);
  border-color: var(--hero-slide-accent);
  background: rgba(var(--hero-slide-dark-rgb), .62);
}

.hero-slider-dots {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(var(--hero-slide-dark-rgb), .30);
  backdrop-filter: blur(12px);
}

.hero-slider-dot {
  position: relative;
  width: 28px;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.30);
  transition: width .25s ease, background-color .25s ease;
}

.hero-slider-dot::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--hero-slide-accent);
  transform: scaleX(0);
  transform-origin: left;
}

.hero-slider-dot.is-active {
  width: 48px;
  background: rgba(255,255,255,.20);
}

.hero-slider-dot.is-active::after {
  animation: heroSlideProgress 4s linear forwards;
}

.hero-slider-dot.is-paused::after {
  animation-play-state: paused;
}

@keyframes heroSlideProgress {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

.hero-slide-brand-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.hero-slide-brand-label::before {
  content: "";
  width: 28px;
  height: 1px;
  background: currentColor;
  opacity: .75;
}

@media (max-width: 1023px) {
  .hero-slider-controls {
    right: 32px;
    bottom: 190px;
  }
}

@media (max-width: 767px) {
  .hero-slide-layer img {
    object-position: 62% center;
  }

  .hero-slider-controls {
    right: 20px;
    bottom: 205px;
  }

  .hero-slider-arrow {
    width: 40px;
    height: 40px;
  }

  .hero-slider-dots {
    gap: 6px;
    padding: 7px 9px;
  }

  .hero-slider-dot {
    width: 18px;
  }

  .hero-slider-dot.is-active {
    width: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-slide-layer,
  .hero-slide-content {
    transition: none !important;
  }

  .hero-slider-dot.is-active::after {
    animation: none !important;
    transform: scaleX(1);
  }
}




/* NEST stronger readability refinement */
body[data-brand-theme="nest"] .brand-card[aria-pressed="true"],
body[data-brand-theme="nest"] .brand-card[data-brand="nest"] {
  color: #4A4036 !important;
}

body[data-brand-theme="nest"] #hero-slider .hero-slide-layer[data-hero-slide="nest"]::after {
  background:
    linear-gradient(
      90deg,
      rgba(76, 58, 45, .92) 0%,
      rgba(76, 58, 45, .76) 36%,
      rgba(92, 70, 53, .38) 66%,
      rgba(76, 58, 45, .52) 100%
    ),
    linear-gradient(
      180deg,
      rgba(76, 58, 45, .46) 0%,
      rgba(76, 58, 45, .10) 52%,
      rgba(76, 58, 45, .66) 100%
    ) !important;
}

body[data-brand-theme="nest"] #hero-slide-eyebrow,
body[data-brand-theme="nest"] #hero-slide-accent,
body[data-brand-theme="nest"] #hero-slide-stars {
  color: #D7B08B !important;
}

body[data-brand-theme="nest"] #hero-slide-accent {
  text-shadow: 0 2px 14px rgba(0, 0, 0, .18);
}

body[data-brand-theme="nest"] #hero-slide-cta {
  color: #FFFDF8 !important;
  background: #A36E45 !important;
  box-shadow: 0 12px 28px rgba(76, 58, 45, .24);
}

body[data-brand-theme="nest"] #hero-slide-cta:hover {
  background: #8E613F !important;
}

body[data-brand-theme="nest"] .text-city-muted,
body[data-brand-theme="nest"] [class*="text-city-muted"] {
  color: #6A6158 !important;
}

body[data-brand-theme="nest"] .text-city-ink,
body[data-brand-theme="nest"] [class*="text-city-ink"] {
  color: #4A4036 !important;
}


/* =========================================================
   NEST — full-strength synchronized theme
   More visible from top to bottom while staying premium.
   ========================================================= */
body[data-brand-theme="nest"] {
  --theme-primary: #A98E73 !important;
  --theme-primary-rgb: 169, 142, 115 !important;
  --theme-primary-dark: #705B46 !important;
  --theme-primary-dark-rgb: 112, 91, 70 !important;
  --theme-primary-ink: #FFFFFF !important;

  --theme-accent: #D7B08B !important;
  --theme-accent-rgb: 215, 176, 139 !important;
  --theme-accent-light: #E8D2BC !important;

  --theme-page: #F8F4EE !important;
  --theme-page-rgb: 248, 244, 238 !important;
  --theme-surface: #FFFDF9 !important;
  --theme-surface-rgb: 255, 253, 249 !important;
  --theme-soft: #F0E6DA !important;
  --theme-soft-rgb: 240, 230, 218 !important;
  --theme-line: #DCCFC0 !important;

  --theme-ink: #40352D !important;
  --theme-muted: #665B52 !important;
  --theme-dark: #4B3A2D !important;
  --theme-dark-rgb: 75, 58, 45 !important;
  --theme-dark-ink: #FFFFFF !important;
}

/* Selected NEST brand card becomes unmistakably highlighted */
body[data-brand-theme="nest"] .brand-card[data-brand="nest"][aria-pressed="true"] {
  background:
    radial-gradient(circle at 88% 18%, rgba(232,210,188,.18), transparent 11rem),
    linear-gradient(135deg, #B79A7A 0%, #A98E73 45%, #705B46 100%) !important;
  color: #FFFFFF !important;
  border-color: rgba(232,210,188,.78) !important;
  outline: 3px solid rgba(229,196,163,.95) !important;
  outline-offset: 3px !important;
  box-shadow:
    0 22px 54px rgba(75,58,45,.32),
    0 0 0 1px rgba(229,196,163,.30) inset !important;
  transform: translateY(-2px);
}

body[data-brand-theme="nest"] .brand-card[data-brand="nest"][aria-pressed="true"] .font-display,
body[data-brand-theme="nest"] .brand-card[data-brand="nest"][aria-pressed="true"] p,
body[data-brand-theme="nest"] .brand-card[data-brand="nest"][aria-pressed="true"] span,
body[data-brand-theme="nest"] .brand-card[data-brand="nest"][aria-pressed="true"] div {
  color: #FFFFFF !important;
}

body[data-brand-theme="nest"] .brand-card[data-brand="nest"][aria-pressed="true"] .opacity-70,
body[data-brand-theme="nest"] .brand-card[data-brand="nest"][aria-pressed="true"] .opacity-75,
body[data-brand-theme="nest"] .brand-card[data-brand="nest"][aria-pressed="true"] .opacity-80 {
  opacity: 1 !important;
}

/* Stronger Nest hero overlay and content emphasis */
body[data-brand-theme="nest"] #hero-slider .hero-slide-layer[data-hero-slide="nest"]::after {
  background:
    linear-gradient(
      90deg,
      rgba(75,58,45,.93) 0%,
      rgba(75,58,45,.80) 35%,
      rgba(112,91,70,.42) 66%,
      rgba(75,58,45,.56) 100%
    ),
    linear-gradient(
      180deg,
      rgba(75,58,45,.48) 0%,
      rgba(75,58,45,.11) 50%,
      rgba(75,58,45,.68) 100%
    ) !important;
}

body[data-brand-theme="nest"] #hero-slide-eyebrow,
body[data-brand-theme="nest"] #hero-slide-accent,
body[data-brand-theme="nest"] #hero-slide-stars {
  color: #E5C4A3 !important;
}

body[data-brand-theme="nest"] #hero-slide-accent {
  text-shadow: 0 3px 16px rgba(0,0,0,.18);
}

body[data-brand-theme="nest"] #hero-slide-cta {
  background: #D7B08B !important;
  color: #4B3A2D !important;
  box-shadow: 0 14px 32px rgba(75,58,45,.22) !important;
}

body[data-brand-theme="nest"] #hero-slide-cta:hover {
  background: #E5C4A3 !important;
  color: #4B3A2D !important;
}

/* Header / booking / controls */
body[data-brand-theme="nest"] #siteHeader.header-scrolled {
  background: rgba(255,253,249,.96) !important;
  color: #40352D !important;
  border-color: rgba(112,91,70,.10) !important;
}

body[data-brand-theme="nest"] #bookingForm {
  background: #FFFDF9 !important;
  border-color: rgba(112,91,70,.14) !important;
  box-shadow: 0 24px 60px rgba(75,58,45,.16) !important;
}

body[data-brand-theme="nest"] .booking-field:focus-within {
  background: #F6EFE6 !important;
  box-shadow: inset 0 0 0 1px rgba(215,176,139,.72) !important;
}

body[data-brand-theme="nest"] .booking-field > span:first-child {
  background: #F2E7DB !important;
  color: #A98E73 !important;
}

/* Sidebar + buttons + active filters */
body[data-brand-theme="nest"] .city-filter[aria-pressed="true"],
body[data-brand-theme="nest"] .journal-filter[aria-pressed="true"],
body[data-brand-theme="nest"] .bg-city-olive,
body[data-brand-theme="nest"] .bg-city-forest {
  background: #A98E73 !important;
  color: #FFFFFF !important;
  border-color: #A98E73 !important;
}

body[data-brand-theme="nest"] .hover\:bg-city-forest:hover,
body[data-brand-theme="nest"] .hover\:bg-city-goldDark:hover {
  background: #705B46 !important;
  color: #FFFFFF !important;
}

body[data-brand-theme="nest"] .bg-city-gold {
  background: #D7B08B !important;
  color: #4B3A2D !important;
}

/* Dark sections become clearly Nest-branded */
body[data-brand-theme="nest"] #destinations.destination-navy-surface,
body[data-brand-theme="nest"] #featured-stays.deep-city-surface,
body[data-brand-theme="nest"] .deep-city-surface,
body[data-brand-theme="nest"] .promise-cta {
  background:
    radial-gradient(circle at 18% 34%, rgba(169,142,115,.34), transparent 24rem),
    radial-gradient(circle at 83% 18%, rgba(229,196,163,.12), transparent 22rem),
    linear-gradient(135deg, #4B3A2D 0%, #705B46 52%, #4B3A2D 100%) !important;
}

body[data-brand-theme="nest"] #destinations #show-all-destinations,
body[data-brand-theme="nest"] #destinations [data-scroll-track="destination-track"] {
  background: #D7B08B !important;
  color: #4B3A2D !important;
  border-color: rgba(229,196,163,.85) !important;
}

/* Extra contrast for general Nest copy */
body[data-brand-theme="nest"] .text-city-muted,
body[data-brand-theme="nest"] [class*="text-city-muted"] {
  color: #665B52 !important;
}

body[data-brand-theme="nest"] .text-city-ink,
body[data-brand-theme="nest"] [class*="text-city-ink"] {
  color: #40352D !important;
}



@media screen and (max-width: 1024px){  
  #hero-slider{height: 760px;}
  .layouts-filter-sticky-cs {
      bottom: 25%;
  }
}