/* Keep the original desktop composition while making navigation persistent. */
html { scroll-padding-top: calc(101 * 100vw / 1672 + 16px); }
.hero { z-index: 30; }
.hero__header {
  position: fixed;
  z-index: 40;
  inset: 0 0 auto;
  height: calc(101 * var(--u));
  padding: calc(20 * var(--u)) calc(79 * var(--u));
  background: rgb(250 249 243 / 96%);
  box-shadow: 0 1px 0 rgb(41 53 31 / 12%);
}
#page-top { scroll-margin-top: 0; }
.hero .hero__booking,
.hero .hero__choose {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  color: #fff;
  background: linear-gradient(110deg, #29351f, #27321f);
  font-family: inherit;
  font-weight: 400;
  text-decoration: none;
}
.hero__booking:hover,
.hero__choose:hover { filter: brightness(1.12); }
.comfort-card__preview {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: calc(13 * var(--f));
  background: transparent;
  cursor: pointer;
}
.comfort-card__preview[aria-pressed="true"] { box-shadow: 0 0 0 2px #53624a; }
.comfort-card__preview:focus-visible { outline: 2px solid #53624a; outline-offset: 4px; }