/* Compact storefront: room discovery and the existing booking handoff. */
.ely-home-hero-v14 .ely-hero__content .ely-kicker {
  color: #e3e3e3;
}

/* Preserve the photograph while protecting text over its brightest areas. */
.ely-home-stay-intro__scrim {
  background: linear-gradient(90deg, rgb(5 16 19 / 72%), rgb(5 16 19 / 68%), rgb(5 16 19 / 72%));
}

.ely-home-stay-intro .ely-kicker {
  color: #e6d7bf;
}

[data-ely-scenes]:not([data-ely-dining-scenes], [data-ely-wellness-scenes]) [data-ely-scene-index="2"] .ely-scene__scrim,
[data-ely-dining-scenes] [data-ely-scene-index="1"] .ely-scene__scrim,
[data-ely-wellness-scenes] .ely-scene__scrim {
  background-color: rgb(5 16 19 / 68%);
}

.ely-scenes.is-scroll-scrubbed .ely-scenes__progress-label {
  color: #fff;
  border-radius: 0.1rem;
  background: rgb(5 16 19 / 74%);
  box-shadow: 0 0 0 0.2rem rgb(5 16 19 / 74%);
}

.ely-home-now__button:not(:disabled) {
  color: #715435;
}

.ely-detail-hero__content .ely-room-hero__booking {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  margin-block-start: 1rem;
  padding: 0.8rem 1.35rem;
  border: 1px solid #fff;
  border-radius: 0.25rem;
  color: #202020;
  background: #fff;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}

.ely-detail-hero__content .ely-booking-language-disclosure {
  display: block;
  margin-block-start: 0.4rem;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.5;
}

.ely-detail-hero__content .ely-room-hero__booking:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 5px;
}

.ely-home-hero-v14 .ely-hero__content .ely-hero__intro {
  max-width: 45rem;
  margin: 1.25rem auto 1.6rem;
  color: #fff;
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  line-height: 1.65;
  text-wrap: pretty;
}

.ely-home-hero-v14 .ely-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 0.8rem 1.25rem;
}

.ely-home-hero-v14 .ely-hero__actions .ely-booking-handoff {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 22rem;
}

.ely-home-hero-v14 .ely-hero__actions .ely-hero__booking,
.ely-home-hero-v14 .ely-hero__actions .ely-cta-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.2rem;
  padding: 0.8rem 1.35rem;
  border: 1px solid #fff;
  border-radius: 0.25rem;
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}

.ely-home-hero-v14 .ely-hero__actions .ely-hero__booking {
  color: #202020;
  background: #fff;
}

.ely-home-hero-v14 .ely-hero__actions .ely-cta-link {
  color: #fff;
  background: rgb(0 0 0 / 22%);
}

.ely-home-hero-v14 .ely-hero__actions .ely-booking-language-disclosure {
  margin-block-start: 0.45rem;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.5;
}

.ely-home-hero-v14 .ely-hero__actions a:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 5px;
}

.ely-room-access-note {
  max-width: 75ch;
  margin: 0 auto 2rem;
  padding-inline: var(--ely-gutter);
  color: #424242;
  font-size: 0.9rem;
  line-height: 1.7;
}

@media (max-width: 600px) {
  .ely-home-hero-v14 .ely-hero__content .ely-hero__intro {
    margin-block: 1rem 1.25rem;
    font-size: 0.85rem;
  }

  .ely-home-hero-v14 .ely-hero__actions {
    gap: 0.75rem;
  }

  .ely-home-hero-v14 .ely-hero__actions .ely-hero__booking,
  .ely-home-hero-v14 .ely-hero__actions .ely-cta-link {
    min-height: 3rem;
    padding: 0.75rem 1rem;
    font-size: 0.78rem;
  }
}

@media (forced-colors: active) {
  .ely-detail-hero__content .ely-room-hero__booking,
  .ely-home-hero-v14 .ely-hero__actions .ely-hero__booking,
  .ely-home-hero-v14 .ely-hero__actions .ely-cta-link {
    border-color: ButtonText;
    color: ButtonText;
    background: ButtonFace;
  }
}