/* Keep table values equally prominent; labels alone provide the muted hierarchy. */
html body main.qc-place {
  --qc-facts-value-color: rgba(32, 35, 31, .82);
}
html body main.qc-place .facts-website-row > dd > :is(a, a:link, a:visited),
html body main.qc-place .facts-website-row > dd > a > svg {
  color: var(--qc-facts-value-color) !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}
html body main.qc-place .facts-website-row > dd > a:hover,
html body main.qc-place .facts-website-row > dd > a:focus-visible {
  color: rgba(32, 35, 31, 1) !important;
}

/* Equal mobile size for opening essays and article headings across Places. */
@layer qc-type-roles {
  @media (max-width: 900px) {
    html.qc-place-page[data-qc-mobile-page] body main.qc-place .location-note .location-note__body > p:first-child {
      font-size: 17px !important;
      line-height: 1.55 !important;
      font-weight: 300 !important;
    }
  }
}

/* Quiet, consistent mobile facts and location typography. */
@media (max-width: 900px) {
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid > dl > dd,
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid > dl > dd :is(a, button, span) {
    color: var(--qc-facts-value-color) !important;
    font-weight: 300 !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place .facts-website-row :is(a, a:visited, svg) {
    color: var(--qc-facts-value-color) !important;
    stroke: currentColor !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place .location-note__details > dd,
  html.qc-place-page[data-qc-mobile-page] body main.qc-place .location-note__details > dd > a,
  html.qc-place-page[data-qc-mobile-page] body main.qc-place .location-note__address-value,
  html.qc-place-page[data-qc-mobile-page] body main.qc-place .location-note__address-value > a {
    color: rgba(32, 35, 31, .76) !important;
    font-weight: 300 !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place .location-note__map {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 3 / 4 !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place .location-note__map > iframe,
  html.qc-place-page[data-qc-mobile-page] body main.qc-place .location-note__map > [id$="-map"],
  html.qc-place-page[data-qc-mobile-page] body main.qc-place .location-note__map .leaflet-container {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
  }
}
html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(h1, h2, h3),
html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(h2, h3)::before {
  -webkit-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
html body main.qc-place .qc-place-title-word {
  display: inline;
  font: inherit;
  color: inherit;
  white-space: nowrap !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}
@media (max-width: 900px) {
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.after-opening-pair__copy, .city-story__copy) > h3 {
    margin-bottom: 28px !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.after-opening-pair__copy, .city-story__copy) > h3 + p {
    margin-top: 0 !important;
  }
}
@layer qc-type-roles {
  @media (max-width: 900px) {
    html.qc-place-page[data-qc-mobile-page] body main.qc-place #presence .opening__full-copy > p,
    html.qc-place-page[data-qc-mobile-page] body main.qc-place .quiet-story #presence .opening__full-copy > p {
      font-size: 22px !important;
      line-height: 1.5 !important;
    }
    html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.opening__media-title h2, .stay-intro__facts > header h2, .after-opening-pair__copy > h3, .city-story__copy > h3, .location-note > h2) {
      font-size: 24px !important;
      line-height: 1.2 !important;
    }
  }
}

/* One mobile rhythm: section space belongs to the container, not the heading. */
@media (max-width: 900px) {
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.city-story__images, .after-opening-pair__images) {
    align-items: start !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.city-story__images, .after-opening-pair__images) > figure {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-self: start !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.city-story__images, .after-opening-pair__images) > figure > :is(img, video) {
    grid-area: 1 / 1 !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.city-story__images, .after-opening-pair__images) > figure > .credit {
    position: static !important;
    grid-area: 1 / 1 !important;
    align-self: end !important;
    justify-self: end !important;
    margin: 0 9px 9px 0 !important;
    z-index: 2;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.city-story__images, .after-opening-pair__images) > figure > .caption {
    grid-area: 2 / 1 !important;
  }
}
@media (max-width: 900px) {
  html.qc-place-page[data-qc-mobile-page] body main.qc-place {
    --qc-mobile-section-gap: 72px;
    --qc-mobile-image-gap: 48px;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.after-opening-pair, .city-story) {
    display: flex !important;
    flex-direction: column !important;
    margin-block: var(--qc-mobile-section-gap) 0 !important;
    padding-block: 0 !important;
    row-gap: 28px !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.opening__media-title h2, .stay-intro__facts > header h2, .after-opening-pair__copy h3, .city-story__copy h3) {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.after-opening-pair__copy, .city-story__copy) {
    order: -1 !important;
    padding-block: 0 !important;
    margin-block: 0 !important;
    min-height: 0 !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.after-opening-pair__images, .city-story__images) {
    order: 0 !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place .grace-pair {
    margin-top: var(--qc-mobile-image-gap) !important;
    margin-bottom: 0 !important;
    padding-block: 0 !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place .location-note {
    margin-top: var(--qc-mobile-section-gap) !important;
    padding-top: 0 !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place .opening {
    padding-bottom: 0 !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place .opening__media {
    gap: var(--qc-mobile-section-gap) !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place .stay-intro__facts {
    margin-top: var(--qc-mobile-section-gap) !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.opening__media-sticky, .after-opening-pair__images, .city-story__images) {
    row-gap: 0 !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.opening__media-sticky, .after-opening-pair__images, .city-story__images) > figure {
    margin-block: 0 !important;
  }
  /* Captions sit within the same image-to-image space rather than adding to it. */
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.opening__media-sticky, .after-opening-pair__images, .city-story__images) > figure:not(:last-child) {
    position: relative !important;
    padding-bottom: var(--qc-mobile-image-gap) !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.opening__media-sticky, .after-opening-pair__images, .city-story__images) > figure:not(:last-child) > .caption {
    position: absolute !important;
    inset: auto 0 0 !important;
    min-height: calc(var(--qc-mobile-image-gap) - 10px);
    margin: 0 !important;
    line-height: 1.4 !important;
  }
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(.opening__media-sticky, .after-opening-pair__images, .city-story__images) > figure:not(:last-child) > .credit {
    bottom: calc(var(--qc-mobile-image-gap) + 8px) !important;
  }
}

/* Woodnest: equal mobile size for the opening essay and article headings. */
@layer qc-type-roles {
  @media (max-width: 900px) {
    html.qc-place-page[data-qc-mobile-page="woodnest"] body main.qc-place #presence .opening__full-copy > p {
      font-size: 22px !important;
      line-height: 1.5 !important;
    }
    html.qc-place-page[data-qc-mobile-page="woodnest"] body main.qc-place :is(.opening__media-title h2, .stay-intro__facts > header h2, .after-opening-pair__copy > h3, .city-story__copy > h3, .location-note > h2) {
      font-size: 24px !important;
      line-height: 1.2 !important;
    }
  }
}

/* Mobile reading scale shared only by the Places articles. */
@media (max-width: 900px) {
  html[data-qc-mobile-page="woodnest"] body main.qc-place #woodnest-fjord {
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: none !important;
    margin-inline: calc(50% - 50vw) !important;
    padding-inline: 0 !important;
    left: auto !important;
    transform: none !important;
  }
  html[data-qc-mobile-page="woodnest"] body main.qc-place #woodnest-fjord > figure {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-inline: 0 !important;
  }
  html[data-qc-mobile-page="woodnest"] body main.qc-place #woodnest-fjord img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
  }
}
@media (max-width: 900px) {
  html.qc-place-page body main.qc-place {
    --qc-mobile-body: 17px;
    --qc-mobile-chapter: 30px;
    --qc-copy-size: 17px;
    --qc-heading-size: 30px;
  }
  html.qc-place-page body main.qc-place :is(.opening__media-title h2, .stay-intro__facts > header h2) {
    font-size: 34px !important;
    line-height: 1.15 !important;
  }
  html.qc-place-page body main.qc-place :is(.opening__media-title h2, .stay-intro__facts > header h2, .after-opening-pair__copy > h3, .city-story__copy > h3)::before {
    font-size: 12px !important;
    line-height: 1.4 !important;
    letter-spacing: .12em;
  }
}
@layer qc-type-roles {
  @media (max-width: 900px) {
    html.qc-place-page[data-qc-mobile-page="manna-arcadia"] body main.qc-place #presence .opening__full-copy > p,
    html.qc-place-page[data-qc-mobile-page="manna-arcadia"] body main.qc-place .quiet-story .editorial-statement > p {
      font-size: 22px !important;
      line-height: 1.5 !important;
    }
    html.qc-place-page body main.qc-place :is(.after-opening-pair__copy, .city-story__copy) > h3 {
      font-size: 30px !important;
      line-height: 1.2 !important;
    }
    html.qc-place-page body main.qc-place :is(.after-opening-pair__copy, .city-story__copy) > p {
      font-size: 17px !important;
      line-height: 1.55 !important;
    }
  }
}

html body main.qc-place {
  --qc-editorial-gutter: clamp(40px, 4vw, 64px);
  --qc-editorial-page: min(1440px, calc(100% - var(--qc-editorial-gutter) - var(--qc-editorial-gutter)));
  --qc-mobile-label-space: clamp(52px, 14vw, 72px);
}

html body main.qc-place :is(.after-opening-pair__copy, .city-story__copy) > h3::before {
      content: var(--qc-place-label);
      display: block;
      margin-bottom: 10px;
      color: var(--muted) !important;
      font: 500 9px/1.2 var(--sans) !important;
      letter-spacing: .14em;
      text-transform: uppercase;
    }

    html body main.qc-place .opening__media-title h2::before {
      content: var(--qc-place-label);
      display: block;
      margin-bottom: 10px;
      color: var(--muted) !important;
      font: 500 9px/1.2 var(--sans) !important;
      letter-spacing: .14em;
      text-transform: uppercase;
    }

    @media (min-width: 901px) {
      html body main.qc-place .opening__media-left {
        padding-top: 76px !important;
      }

      html body main.qc-place .after-opening-pair__copy {
        padding-top: 0 !important;
      }

      html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid {
        padding-inline: 12px !important;
      }

      html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid > dl {
        padding-block: 4px !important;
      }

      html body main.qc-place .opening__media-title h2 {
        font-size: clamp(24px, 2.3vw, 34px) !important;
        line-height: 1.1 !important;
      }
    }

    @media (max-width: 900px) {
      html body main.qc-place :is(.opening__media-sticky, .after-opening-pair__images, .city-story__images) {
        gap: 12px !important;
      }

      html body main.qc-place .opening__media-sticky {
        gap: 0 !important;
      }

      html body main.qc-place :is(.opening__media-sticky, .after-opening-pair__images, .city-story__images) > figure {
        position: relative !important;
        box-sizing: border-box !important;
        padding-bottom: 0 !important;
      }

      html body main.qc-place :is(.opening__media-sticky, .after-opening-pair__images, .city-story__images) > figure > .caption {
        position: static !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        margin: 10px 0 0 !important;
      }

      html body main.qc-place :is(.opening__media-title h2, .stay-intro__facts > header h2, .after-opening-pair__copy h3, .city-story__copy h3) {
        padding-top: var(--qc-mobile-label-space) !important;
      }

      html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid {
        padding-inline: 8px !important;
      }

      html body main.qc-place .opening__media-left {
        padding-top: 28px !important;
      }

      html body main.qc-place :is(.after-opening-pair__copy, .city-story__copy) {
        order: -1 !important;
      }
    }

    /* Match the opaque beige navigation to the page paper on all viewports. */
    html.qc-place-page body:not(.menu-open) > .masthead.is-scrolled {
      background: #ddd5c9 !important;
      background-color: #ddd5c9 !important;
    }

    @media (min-width: 901px) {
      html body main.qc-place :is(.after-opening-pair__images, .city-story__images) {
        gap: 20px !important;
      }

      html body main.qc-place .opening__media-sticky {
        gap: 20px !important;
      }

      html body main.qc-place :is(.opening__media-sticky, .after-opening-pair__images, .city-story__images) > figure {
        position: relative !important;
        box-sizing: border-box !important;
        padding-bottom: 18px !important;
      }

      html body main.qc-place :is(.opening__media-sticky, .after-opening-pair__images, .city-story__images) > figure > .caption {
        position: absolute !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        margin: 0 !important;
      }

      html body main.qc-place :is(.after-opening-pair__copy, .city-story__copy) > p {
        width: 100% !important;
        max-width: 30ch !important;
      }

      html body main.qc-place :is(.after-opening-pair__copy, .city-story__copy) {
        padding-top: clamp(40px, 4vw, 64px) !important;
      }

      html body main.qc-place .city-story--reversed .city-story__copy {
        grid-template-columns: minmax(0, .5fr) minmax(0, 1.5fr) !important;
      }
    }

    /* Art-direction test: preserve the outside edge and finish each lateral
       image sequence 10px before the page's vertical centre line. */
    @media (min-width: 901px) {
      html body main.qc-place .after-opening-pair__images,
      html body main.qc-place .city-story:not(.city-story--reversed) .city-story__images {
        width: calc(min(720px, 50vw) - 10px) !important;
        justify-self: start !important;
      }

      html body main.qc-place .city-story--reversed .city-story__images {
        width: calc(min(720px, 50vw) - 10px) !important;
        justify-self: end !important;
      }

      html body main.qc-place .opening__media-sticky {
        width: calc(min(720px, 50vw) - 10px) !important;
        justify-self: end !important;
      }

      html body main.qc-place .after-opening-pair,
      html body main.qc-place .city-story:not(.city-story--reversed) {
        grid-template-columns: calc(min(720px, 50vw) - 10px) minmax(0, 1fr) !important;
        column-gap: 0 !important;
      }

      html body main.qc-place .city-story--reversed {
        grid-template-columns: minmax(0, 1fr) calc(min(720px, 50vw) - 10px) !important;
        column-gap: var(--qc-editorial-gutter) !important;
      }

      html body main.qc-place :is(.after-opening-pair__copy, .city-story__copy) {
        width: calc(50vw + 10px - var(--qc-editorial-gutter) - var(--qc-editorial-gutter)) !important;
        max-width: calc(720px + 10px - var(--qc-editorial-gutter) - var(--qc-editorial-gutter)) !important;
        min-width: 0 !important;
        justify-self: start !important;
        left: 0 !important;
        margin-left: 0 !important;
      }

      html body main.qc-place .after-opening-pair__copy {
        transform: translateX(calc(0px - var(--qc-editorial-gutter))) !important;
        margin-left: 0 !important;
        padding-inline: 0 !important;
      }

      html body main.qc-place .city-story:not(.city-story--reversed) .city-story__copy {
        transform: none !important;
        margin-left: 0 !important;
        padding-inline: 0 !important;
      }

      html body main.qc-place .city-story--reversed .city-story__copy {
        justify-self: start !important;
      }

      html body main.qc-place section.after-opening-pair .after-opening-pair__copy,
      html body main.qc-place section.city-story .city-story__copy {
        grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr) !important;
        column-gap: var(--qc-editorial-gutter) !important;
      }
    }
  

  @media (min-width: 901px) {
    html body main.qc-place section.after-opening-pair .after-opening-pair__copy {
        padding-top: var(--qc-editorial-gutter) !important;
    }
  }


  /* Keep the editorial facts table concise on wide screens. */
    @media (min-width: 901px) {
      html body main.qc-place .opening__media-info {
        padding-top: 48px !important;
      }
      html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid > dl {
      padding-block: 6px !important;
    }
    html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid > dl:first-child {
      padding-top: 0 !important;
    }
      html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid .facts-season-note {
      margin-top: 2px !important;
      line-height: 1.25 !important;
      }
      html body main.qc-place .opening__media-left {
        padding-top: 52px !important;
      }
    }


  html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid > dl + dl {
    border-top: 1px solid rgba(32, 35, 31, .09) !important;
  }
  html body main.qc-place .facts-website-row a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: inherit !important;
    text-decoration: none !important;
  }
  html body main.qc-place .facts-website-row a::after {
    content: none !important;
    display: none !important;
  }
  html body main.qc-place .facts-website-row svg {
    width: 13px !important;
    height: 13px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
  }


  @media (min-width: 981px) {
    body.qc-actions-desktop-drawer.qc-actions-enhanced > .qc-actions-layer {
      top: var(--qc-actions-top, 54px) !important;
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-sheet {
      top: var(--qc-actions-top, 54px) !important;
      bottom: 0 !important;
      width: min(460px, 44vw) !important;
      padding: 48px 40px 40px !important;
      border: 0 !important;
      box-shadow: none !important;
      background: #ddd5c9 !important;
      --qc-actions-surface: #ddd5c9;
      --qc-actions-line: rgba(73, 55, 41, .12);
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-heading {
      position: static;
      margin-bottom: 32px !important;
      padding-right: 32px;
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-heading h2 {
      font-size: 30px !important;
      font-weight: 300 !important;
      line-height: 1.2 !important;
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-drawer-close {
      top: calc(var(--qc-actions-top, 54px) + 38px) !important;
      right: 28px !important;
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-drawer-close span {
      display: none !important;
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-drawer-close::before {
      content: "";
      display: block;
      width: 24px;
      height: 24px;
      background: currentColor;
      -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 6 6 6-6 6m8-12 6 6-6 6' fill='none' stroke='black' stroke-width='1.05' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
      mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 6 6 6-6 6m8-12 6 6-6 6' fill='none' stroke='black' stroke-width='1.05' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-primary {
      min-height: 46px !important;
      padding: 12px 16px !important;
      font-size: 10px !important;
      font-weight: 400 !important;
      letter-spacing: .09em !important;
      border-color: rgba(73, 55, 41, .18) !important;
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-explore {
      background: #d9cdbd !important;
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-helper {
      font-size: 10px !important;
      margin: 12px 0 28px !important;
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-link {
      min-height: 46px !important;
      padding: 12px 0 !important;
      font-size: 10px !important;
      font-weight: 400 !important;
      letter-spacing: .07em !important;
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-details > summary {
      padding-inline: 0 !important;
      font-size: 10px !important;
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-details-body {
      padding-inline: 0 !important;
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-details-body dl {
      grid-template-columns: 76px minmax(0, 1fr) !important;
      align-items: baseline;
      gap: 12px !important;
      padding: 7px 0 !important;
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-details-body dt {
      font-size: 9px !important;
      line-height: 1.4 !important;
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-details-body dd {
      font-size: 14px !important;
      line-height: 1.35 !important;
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-details-inner {
      padding-bottom: 10px !important;
    }
    body.qc-actions-desktop-drawer .qc-actions-layer .qc-actions-link svg {
      width: 17px !important;
      height: 17px !important;
      stroke-width: 1.3 !important;
    }
  }


  @media (max-width: 980px) {
    body.qc-actions-enhanced .qc-actions-layer {
      --qc-actions-surface: #ddd5c9;
      --qc-actions-line: rgba(73, 55, 41, .12);
    }
    body.qc-actions-enhanced .qc-actions-layer .qc-actions-sheet {
      padding: 28px max(24px, env(safe-area-inset-right, 0px)) 28px max(24px, env(safe-area-inset-left, 0px)) !important;
      background: #ddd5c9 !important;
      box-shadow: none !important;
    }
    body.qc-actions-enhanced .qc-actions-layer .qc-actions-heading {
      margin-bottom: 24px !important;
    }
    body.qc-actions-enhanced .qc-actions-layer .qc-actions-heading h2 {
      font-size: 27px !important;
      font-weight: 300 !important;
      line-height: 1.2 !important;
    }
    body.qc-actions-enhanced .qc-actions-layer .qc-actions-primary {
      min-height: 46px !important;
      padding: 12px 14px !important;
      border-color: rgba(73, 55, 41, .18) !important;
      border-radius: 3px !important;
      font-size: 10px !important;
      font-weight: 400 !important;
      letter-spacing: .08em !important;
    }
    body.qc-actions-enhanced .qc-actions-layer .qc-actions-explore {
      background: #d9cdbd !important;
    }
    body.qc-actions-enhanced .qc-actions-layer .qc-actions-helper {
      margin: 12px 0 24px !important;
      font-size: 11px !important;
    }
    body.qc-actions-enhanced .qc-actions-layer .qc-actions-details > summary {
      min-height: 46px !important;
      padding: 12px 0 !important;
      font-size: 10px !important;
      letter-spacing: .08em !important;
    }
    body.qc-actions-enhanced .qc-actions-layer .qc-actions-details-body {
      padding-inline: 0 !important;
    }
    body.qc-actions-enhanced .qc-actions-layer .qc-actions-details-body dl {
      grid-template-columns: 70px minmax(0, 1fr) !important;
      align-items: baseline;
      gap: 12px !important;
      padding: 8px 0 !important;
    }
    body.qc-actions-enhanced .qc-actions-layer .qc-actions-details-body dt {
      font-size: 9px !important;
      line-height: 1.5 !important;
    }
    body.qc-actions-enhanced .qc-actions-layer .qc-actions-details-body dd {
      font-size: 15px !important;
      line-height: 1.4 !important;
    }
    body.qc-actions-enhanced .qc-actions-layer .qc-actions-link {
      min-height: 48px !important;
      padding: 13px 0 !important;
      gap: 12px !important;
      font-size: 10px !important;
      letter-spacing: .07em !important;
    }
    body.qc-actions-enhanced .qc-actions-layer :is(.qc-actions-link, .qc-actions-primary) svg {
      width: 18px !important;
      height: 18px !important;
      stroke-width: 1.4 !important;
    }
  }

/* Surface-aware fixed controls: the chrome belongs to the content beneath it. */
html.qc-place-page {
  --qc-page-surface: #f4f1ea;
  --qc-elsewhere-surface: #ddd5c9;
  --qc-surface-ink: rgba(21, 35, 28, .86);
  --qc-surface-light: #f5f1e8;
}

html.qc-place-page body:not(.menu-open) > .masthead {
  transition: background-color 320ms cubic-bezier(.22, .7, .22, 1), color 280ms cubic-bezier(.22, .7, .22, 1) !important;
}

html.qc-place-page body:not(.menu-open).qc-nav-over-paper > .masthead,
html.qc-place-page body:not(.menu-open).qc-nav-over-paper > .masthead.is-scrolled {
  background: var(--qc-page-surface) !important;
  color: var(--qc-surface-ink) !important;
}

html.qc-place-page body:not(.menu-open).qc-nav-over-elsewhere > .masthead,
html.qc-place-page body:not(.menu-open).qc-nav-over-elsewhere > .masthead.is-scrolled {
  background: var(--qc-elsewhere-surface) !important;
  color: var(--qc-surface-ink) !important;
}

html.qc-place-page body:not(.menu-open):is(.qc-nav-over-paper, .qc-nav-over-elsewhere) > .masthead :is(a, button) {
  color: var(--qc-surface-ink) !important;
}

html.qc-place-page body:not(.menu-open):is(.qc-nav-over-paper, .qc-nav-over-elsewhere) > .masthead .masthead__brand img {
  content: normal !important;
}

html.qc-place-page body:not(.menu-open).qc-nav-over-media > .masthead,
html.qc-place-page body:not(.menu-open).qc-nav-over-media > .masthead.is-scrolled {
  background: transparent !important;
  color: var(--qc-surface-light) !important;
}

html.qc-place-page body:not(.menu-open).qc-nav-over-media > .masthead :is(a, button) {
  color: var(--qc-surface-light) !important;
}

html.qc-place-page body:not(.menu-open).qc-nav-over-media > .masthead .masthead__brand img {
  content: url("https://www.quietcation.com/Quietcation-Logo-Off-White.png") !important;
}

body.qc-actions-enhanced > .qc-actions-dock {
  transition: background-color 320ms cubic-bezier(.22, .7, .22, 1), border-color 280ms cubic-bezier(.22, .7, .22, 1), color 280ms cubic-bezier(.22, .7, .22, 1), opacity 440ms ease, visibility 0s linear 440ms !important;
}

body.qc-actions-enhanced:not(.menu-open) > .qc-actions-dock.is-visible {
  transition-delay: 0s !important;
}

body.qc-actions-enhanced.qc-dock-over-paper > .qc-actions-dock {
  --qc-actions-surface: var(--qc-page-surface);
  background: var(--qc-page-surface) !important;
}

body.qc-actions-enhanced.qc-dock-over-elsewhere > .qc-actions-dock {
  --qc-actions-surface: var(--qc-elsewhere-surface);
  background: var(--qc-elsewhere-surface) !important;
}

/* Preserve generous touch targets while making drawer navigation quieter. */
body.qc-actions-enhanced .qc-actions-layer .qc-actions-arrow,
body.qc-actions-enhanced .qc-actions-layer :is(.qc-actions-back, .qc-actions-close) svg {
  stroke-width: 1.1 !important;
}

@media (min-width: 1181px) {
  body.qc-actions-enhanced.qc-dock-over-media > .qc-actions-dock {
    --qc-actions-ink: var(--qc-surface-light);
    background: transparent !important;
    border-color: rgba(245, 241, 232, .48) !important;
    color: var(--qc-surface-light) !important;
  }

  body.qc-actions-enhanced.qc-dock-over-media > .qc-actions-dock .qc-actions-trigger {
    color: var(--qc-surface-light) !important;
  }
}


  body.qc-actions-enhanced > .qc-actions-dock {
    --qc-actions-surface: #ddd5c9;
    background: #ddd5c9 !important;
    border: 1px solid rgba(73, 55, 41, .22) !important;
    box-shadow: none !important;
  }
  body.qc-actions-enhanced > .qc-actions-dock .qc-actions-trigger {
    background: transparent !important;
    color: #15231c !important;
    box-shadow: none !important;
  }


  @media (max-width: 900px) {
    html body main.qc-place .location-note__body {
      display: contents !important;
    }
    html body main.qc-place .location-note__body > p {
      grid-column: 1 !important;
      grid-row: 1 !important;
      margin: 0 !important;
    }
    html body main.qc-place .location-note__map {
      order: 1 !important;
      grid-column: 1 !important;
      grid-row: 2 !important;
    }
    html body main.qc-place .location-note__body > .location-note__details {
      grid-column: 1 !important;
      grid-row: 3 !important;
      margin-top: 0 !important;
    }
  }


  @media (max-width: 980px) {
    body.qc-actions-enhanced > .qc-actions-dock {
      border: 0 !important;
      border-top: 1px solid rgba(73, 55, 41, .16) !important;
      border-radius: 0 !important;
      background: #ddd5c9 !important;
      background-image: none !important;
      box-shadow: none !important;
      filter: none !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
    }
    body.qc-actions-enhanced > .qc-actions-dock::before,
    body.qc-actions-enhanced > .qc-actions-dock::after {
      display: none !important;
    }
    body.qc-actions-enhanced > .qc-actions-dock .qc-actions-trigger {
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      background-image: none !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }
  }


  @media (max-width: 900px) {
    html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid > dl {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 6px !important;
      padding: 16px 0 !important;
    }
    html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid > dl:first-child {
      padding-top: 0 !important;
    }
    html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid > dl > dt {
      font-size: 11px !important;
      line-height: 1.4 !important;
      letter-spacing: .08em !important;
    }
    html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid > dl > dd {
      font-size: 18px !important;
      line-height: 1.45 !important;
    }
    html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid .facts-season-note {
      display: block !important;
      margin-top: 5px !important;
      line-height: 1.45 !important;
    }
    html body main.qc-place .facts-website-row a {
      min-height: 44px;
    }
  }
  @media (min-width: 901px) {
    html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid > dl {
      padding-block: 10px !important;
      column-gap: 20px !important;
    }
    html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid > dl:first-child {
      padding-top: 0 !important;
    }
    html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid > dl > dt {
      font-size: 10px !important;
      line-height: 1.5 !important;
    }
    html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid > dl > dd {
      font-size: 16px !important;
      line-height: 1.45 !important;
    }
  }

html body main.qc-place .stay-intro__facts > header h2::before { content: var(--qc-place-label); display:block; margin-bottom:10px; color:var(--muted); font:500 9px/1.2 var(--sans); letter-spacing:.14em; }
html body main.qc-place .stay-intro__facts > header h2 {font-size:34px!important;line-height:1.1!important;}
html body main.qc-place .location-note > h2::before {
  content: var(--qc-place-label);
  display: block;
  margin-bottom: 10px;
  color: var(--muted) !important;
  font: 500 9px/1.2 var(--sans) !important;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.location-note__booking .location-note__external-icon {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media(min-width:901px) {
 html body main.qc-place .stay-intro__facts {padding-top:48px!important;}
 html body main.qc-place .stay-intro__facts-body {padding-top:52px!important;}
}

/* Mobile editorial sequence: context first, imagery second. */
@media(max-width:900px) {
 html[data-qc-mobile-page="manna-arcadia"] body main.qc-place .quiet-story #nature-interlude {
   box-sizing:border-box!important;
   width:100vw!important;
   max-width:none!important;
   margin-right:calc(50% - 50vw)!important;
   margin-left:calc(50% - 50vw)!important;
   padding-inline:0!important;
 }
 html[data-qc-mobile-page="manna-arcadia"] body main.qc-place #nature-interlude .qc-nature-window,
 html[data-qc-mobile-page="manna-arcadia"] body main.qc-place #nature-interlude .qc-nature-window__frame {
   width:100%!important;
   max-width:none!important;
 }
 html[data-qc-mobile-page="manna-arcadia"] body main.qc-place #nature-interlude .qc-nature-window__caption {
   box-sizing:border-box!important;
   padding:12px var(--qc-mobile-gutter, 20px) 0!important;
 }
 html body main.qc-place .quiet-story--manna {
   display:flex!important;
   flex-direction:column!important;
   align-items:stretch!important;
 }
 html body main.qc-place .quiet-story--manna > .opening {
   order:-2!important;
 }
 html body main.qc-place .quiet-story--manna > .stay-intro {
   order:-1!important;
 }
 html body main.qc-place .opening {
   display:flex!important;
   flex-direction:column!important;
 }
 html body main.qc-place .opening > .opening__full-copy {
   order:-2!important;
 }
 html body main.qc-place .opening > .opening__media {
   order:-1!important;
 }
 html body main.qc-place .opening__media {
   display:flex!important;
   flex-direction:column!important;
 }
 html body main.qc-place .opening__media > .opening__media-sticky {
   order:-2!important;
 }
 html body main.qc-place .opening__media > .opening__media-info {
   order:-1!important;
 }
}

/* Desktop location: editorial map-led composition. */
@media (min-width: 901px) {
  html body main.qc-place .location-note {
    width: var(--qc-editorial-page) !important;
    max-width: 1440px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  html body main.qc-place .location-note > h2 {
    width: auto !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    transform: none !important;
  }
  html body main.qc-place .location-note > .location-note__eyebrow {
    margin: 0 0 clamp(32px, 3.2vw, 48px) !important;
    color: rgba(32, 35, 31, .56) !important;
    font-family: var(--sans) !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }
  html body main.qc-place .location-note__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 7fr) minmax(300px, 5fr) !important;
    column-gap: var(--qc-editorial-gutter, clamp(44px, 5vw, 80px)) !important;
    align-items: start !important;
    width: 100% !important;
    max-width: none !important;
  }
  html body main.qc-place .location-note__map {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: none !important;
    height: clamp(400px, 36vw, 520px) !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    align-self: start !important;
    overflow: hidden !important;
  }
  html body main.qc-place .location-note__body {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 470px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: start !important;
  }
  html body main.qc-place .location-note__body > p:first-child,
  html body main.qc-place .location-note__details > dd,
  html body main.qc-place .location-note__details > dd > a:not(.facts-booking__button):not(.location-note__route) {
    color: rgba(32, 35, 31, .76) !important;
    font-family: var(--serif) !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 1.55 !important;
  }
  html body main.qc-place .location-note__body > p:first-child {
    margin: 0 !important;
  }
  html body main.qc-place .location-note__details {
    grid-template-columns: 86px minmax(0, 1fr) !important;
    gap: 0 20px !important;
    margin-top: clamp(28px, 3vw, 42px) !important;
  }
  html body main.qc-place .location-note__details > dt,
  html body main.qc-place .location-note__details > dd {
    padding: 10px 0 !important;
  }
  html body main.qc-place .location-note__details > dt {
    color: rgba(32, 35, 31, .52) !important;
    font-family: var(--sans) !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    letter-spacing: .12em !important;
  }
  html body main.qc-place .location-note__details .location-note__booking,
  html body main.qc-place .location-note__details .location-note__route,
  html body main.qc-place .location-note__body > .location-note__route {
    width: fit-content !important;
    min-width: 190px !important;
    max-width: 100% !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 12px 18px !important;
    justify-content: center !important;
    border-radius: 2px !important;
    font-family: var(--sans) !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
  }
  html body main.qc-place .location-note__details .location-note__route,
  html body main.qc-place .location-note__body > .location-note__route {
    border: 1px solid rgba(32, 35, 31, .28) !important;
    background: transparent !important;
    color: rgba(32, 35, 31, .82) !important;
  }
}

/* Final cascade position for the surface states. */
html.qc-place-page body:not(.menu-open).qc-nav-over-paper > .masthead,
html.qc-place-page body:not(.menu-open).qc-nav-over-paper > .masthead.is-scrolled {
  background: var(--qc-page-surface) !important;
}

html.qc-place-page body:not(.menu-open).qc-nav-over-elsewhere > .masthead,
html.qc-place-page body:not(.menu-open).qc-nav-over-elsewhere > .masthead.is-scrolled {
  background: var(--qc-elsewhere-surface) !important;
}
html.qc-place-page body:not(.menu-open).qc-nav-over-nav > .masthead,
html.qc-place-page body:not(.menu-open).qc-nav-over-nav > .masthead.is-scrolled {
  background: var(--qc-elsewhere-surface) !important;
}

html.qc-place-page body:not(.menu-open).qc-nav-over-media > .masthead,
html.qc-place-page body:not(.menu-open).qc-nav-over-media > .masthead.is-scrolled {
  background: transparent !important;
}

body.qc-actions-enhanced.qc-dock-over-paper > .qc-actions-dock {
  background: var(--qc-page-surface) !important;
}

body.qc-actions-enhanced.qc-dock-over-elsewhere > .qc-actions-dock {
  background: var(--qc-elsewhere-surface) !important;
}
body.qc-actions-enhanced.qc-dock-over-nav > .qc-actions-dock {
  background: var(--qc-elsewhere-surface) !important;
}

@media (min-width: 1181px) {
  body.qc-actions-enhanced.qc-dock-over-media > .qc-actions-dock {
    background: transparent !important;
    border-color: rgba(245, 241, 232, .48) !important;
  }
}

/* Final fixed treatment for Plan your stay. */
html body.qc-actions-enhanced > .qc-actions-dock {
  --qc-actions-surface: #ddd5c9 !important;
  --qc-actions-ink: #15231c !important;
  background: #ddd5c9 !important;
  border-color: rgba(73, 55, 41, .22) !important;
  color: #15231c !important;
}
html body.qc-actions-enhanced > .qc-actions-dock .qc-actions-trigger {
  color: #15231c !important;
}

/* Opening the stay drawer creates one calm, continuous beige UI surface. */
html.qc-place-page body.qc-actions-open:not(.menu-open) > .masthead,
html.qc-place-page body.qc-actions-open:not(.menu-open) > .masthead.is-scrolled {
  background: #ddd5c9 !important;
  color: #15231c !important;
}
html.qc-place-page body.qc-actions-open:not(.menu-open) > .masthead :is(a, button) {
  color: #15231c !important;
}
html.qc-place-page body.qc-actions-open:not(.menu-open) > .masthead .masthead__brand img {
  content: normal !important;
}
html body.qc-actions-open > .qc-actions-layer .qc-actions-sheet {
  --qc-actions-surface: #ddd5c9 !important;
  background: #ddd5c9 !important;
}

/* Source-of-truth fallback: react to the drawer's real rendered state as
   well as to the transient body class used by the controller. */
html.qc-place-page body:has(> .qc-actions-layer:not([hidden])):not(.menu-open) > .masthead,
html.qc-place-page body:has(> .qc-actions-layer:not([hidden])):not(.menu-open) > .masthead.is-scrolled {
  background: #ddd5c9 !important;
  background-color: #ddd5c9 !important;
  color: #15231c !important;
}
html.qc-place-page body:has(> .qc-actions-layer:not([hidden])):not(.menu-open) > .masthead :is(a, button) {
  color: #15231c !important;
}
html.qc-place-page body:has(> .qc-actions-layer:not([hidden])):not(.menu-open) > .masthead .masthead__brand img {
  content: normal !important;
}

/* On photographic chrome the image is the sole focal point. The booking
   control returns automatically with the opaque beige navigation. */
html.qc-place-page body.qc-nav-over-media > :is(.qc-actions-dock, .share-dock) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 240ms ease, visibility 0s linear 240ms !important;
}

/* Hard gate: no booking control until the masthead is completely beige. */
html.qc-place-page body:not(.qc-dock-allowed) > :is(.qc-actions-dock, .share-dock) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* The booking trigger is an independent control, not adaptive page chrome. */
body.qc-actions-enhanced > .qc-actions-dock,
body.qc-actions-enhanced:is(.qc-dock-over-media, .qc-dock-over-paper, .qc-dock-over-nav, .qc-dock-over-elsewhere) > .qc-actions-dock {
  --qc-actions-surface: #ddd5c9 !important;
  --qc-actions-ink: #15231c !important;
  background: #ddd5c9 !important;
  border-color: rgba(73, 55, 41, .22) !important;
  color: #15231c !important;
}

body.qc-actions-enhanced > .qc-actions-dock .qc-actions-trigger {
  color: #15231c !important;
}

/* Keep table values in the site's editorial serif. The shared breakpoint file
   also marks its type rule important inside this layer, so this matching-layer
   rule makes the intended family and scale explicit on every Place page. */
@layer qc-type-roles {
  html body main.qc-place .practical__grid.qc-facts-editorial > dl > dt {
    font: 500 12px/1.45 "DM Sans", Arial, sans-serif !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }
  html body main.qc-place .practical__grid.qc-facts-editorial > dl > dd {
    font: 400 15px/1.55 Newsreader, Georgia, serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
}

@media (max-width: 980px) {
  @layer qc-type-roles {
    html body main.qc-place .practical__grid.qc-facts-editorial > dl > dd {
      font-size: 18px !important;
      line-height: 1.45 !important;
    }
  }
}

@media (min-width: 981px) {
  @layer qc-type-roles {
    html body main.qc-place .practical__grid.qc-facts-editorial > dl > dt {
      font-size: 11px !important;
    }
  }
}

/* Version 1000 · At a glance tables: tighter rhythm, clearer label/value
   contrast, and consistent separators. All factual copy and rows stay intact. */
html body main.qc-place .practical__grid.qc-facts-editorial > dl {
  grid-template-columns: 170px minmax(0, 1fr) !important;
  column-gap: 22px !important;
  row-gap: 3px !important;
  padding-block: 12px !important;
  /* One separator between rows; a bottom border would double the top rule. */
  border-bottom: 0 !important;
}

html body main.qc-place .practical__grid.qc-facts-editorial > dl:first-child {
  padding-top: 0 !important;
}

html body main.qc-place .practical__grid.qc-facts-editorial > dl > dt {
  color: rgba(21, 35, 28, .62) !important;
  font: 500 12px/1.45 "DM Sans", Arial, sans-serif !important;
  letter-spacing: .06em !important;
}

html body main.qc-place .practical__grid.qc-facts-editorial > dl > dd {
  color: var(--qc-facts-value-color) !important;
  font: 400 15px/1.55 Newsreader, Georgia, serif !important;
}

html body main.qc-place .practical__grid.qc-facts-editorial > dl.facts-last-row {
  border-bottom: 0 !important;
}

html body main.qc-place .qc-facts-editorial .facts-season-note {
  color: rgba(21, 35, 28, .62) !important;
  font: 400 13px/1.45 Newsreader, Georgia, serif !important;
}

html body main.qc-place .practical__grid.qc-facts-editorial .facts-website-row > dd a,
html body main.qc-place .practical__grid.qc-facts-editorial .facts-website-row > dd a:visited {
  color: inherit !important;
}

@media (max-width: 980px) {
  html body main.qc-place .practical__grid.qc-facts-editorial > dl {
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 8px !important;
    padding-block: 13px !important;
  }

  html body main.qc-place .practical__grid.qc-facts-editorial > dl > dt {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  html body main.qc-place .practical__grid.qc-facts-editorial > dl > dd {
    font-size: 18px !important;
    line-height: 1.45 !important;
  }

  html body main.qc-place .qc-facts-editorial .facts-season-note {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
}

@media (max-width: 900px) {
  html body main.qc-place .qc-desktop-title-break {
    display: none !important;
  }
}
@media(max-width:900px) {
 html body main.qc-place .stay-intro__facts-body {padding-top:28px!important;}
}
@media(max-width:900px) {
 html body main.qc-place .location-note__body > .location-note__route {grid-column:1!important;grid-row:3!important;}
}
@media(min-width:981px) {
 html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid > dl.facts-desktop-hidden {display:none!important;}
 html body main.qc-place .stay-intro {
   width:var(--qc-editorial-page)!important;
   max-width:1440px!important;
   grid-template-columns:minmax(0, 5fr) minmax(0, 7fr)!important;
   column-gap:var(--qc-editorial-gutter)!important;
 }
 html body main.qc-place .stay-intro__landscape-track {
   width:100%!important;
   max-width:100%!important;
   min-width:0!important;
   justify-self:stretch!important;
   overflow:hidden;
 }
 html body main.qc-place .quiet-story--manna .stay-intro__landscape-track {
   width:calc(100% + max(var(--qc-editorial-gutter), calc((100vw - 1440px) / 2)))!important;
   max-width:none!important;
 }
 html body main.qc-place .stay-intro__landscape,
 html body main.qc-place .stay-intro__landscape > img {
   display:block;
   width:100%!important;
   max-width:100%!important;
   min-width:0!important;
 }
}
@media(min-width:901px) {
 html body main.qc-place .grace-pair--desktop-contained {
   width:calc(min(720px, 50vw) - 10px)!important;
   max-width:calc(min(720px, 50vw) - 10px)!important;
   margin-right:auto!important;
   margin-left:auto!important;
   left:auto!important;
   padding-inline:0!important;
   transform:none!important;
 }
 html body main.qc-place .grace-pair--desktop-contained > figure {
   width:100%!important;
   margin:0!important;
 }
 html body main.qc-place .grace-pair--desktop-contained img {
   width:100%!important;
   height:auto!important;
   aspect-ratio:auto!important;
   object-fit:contain!important;
 }
 html body main.qc-place .grace-pair--desktop-contained .caption {
   padding-inline:0!important;
 }
 html.qc-place-page {overflow-x:clip;}
 html.qc-place-page body {overflow-x:clip;}
 html body main.qc-place :is(.after-opening-pair, .city-story) {
   width:var(--qc-editorial-page)!important;
   max-width:1440px!important;
   margin-inline:auto!important;
 }
 html body main.qc-place .location-note {
   box-sizing:border-box!important;
   display:block!important;
   width:var(--qc-editorial-page)!important;
   max-width:1440px!important;
   margin-right:auto!important;
   margin-left:auto!important;
 }
 html body main.qc-place .location-note > h2 {
   position:static!important;
   width:auto!important;
   margin:0 0 clamp(36px, 5vw, 66px)!important;
   padding-left:0!important;
   transform:none!important;
 }
 html body main.qc-place .location-note__grid {
   display:grid!important;
   grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr)!important;
   column-gap:clamp(72px, 9vw, 150px)!important;
   align-items:stretch!important;
   width:100%!important;
   max-width:100%!important;
 }
 html body main.qc-place .location-note__body,
 html body main.qc-place .location-note__map {
   box-sizing:border-box!important;
   min-width:0!important;
   width:100%!important;
   max-width:100%!important;
 }
 html body main.qc-place .location-note__body {
   grid-column:1!important;
   grid-row:1!important;
   padding-left:0!important;
   align-self:start!important;
 }
 html body main.qc-place .location-note__map {
   grid-column:2!important;
   grid-row:1!important;
   height:400px!important;
   min-height:400px!important;
   align-self:stretch!important;
   justify-self:stretch!important;
   overflow:hidden!important;
 }
 html body main.qc-place .location-note__map > iframe,
 html body main.qc-place .location-note__map > [id$="-map"],
 html body main.qc-place .location-note__map .leaflet-container {
   box-sizing:border-box!important;
   display:block;
   min-width:0!important;
   width:100%!important;
   max-width:100%!important;
   height:100%!important;
   min-height:100%!important;
 }
 html body main.qc-place .quiet-story #manna-sunset {
   box-sizing:border-box!important;
   position:relative!important;
   left:auto!important;
   width:100vw!important;
   max-width:none!important;
   margin-right:calc(50% - 50vw)!important;
   margin-left:calc(50% - 50vw)!important;
   padding-right:0!important;
   padding-left:0!important;
   transform:none!important;
 }
 html body main.qc-place .quiet-story #manna-sunset > figure,
 html body main.qc-place .quiet-story #manna-sunset img {
   box-sizing:border-box!important;
   display:block!important;
   width:100%!important;
   max-width:100%!important;
 }
 html body main.qc-place .quiet-story #manna-sunset > figure {
   margin-right:0!important;
   margin-left:0!important;
 }
 html body main.qc-place .quiet-story #manna-sunset img {
   height:auto!important;
   min-height:0!important;
   aspect-ratio:auto!important;
   object-fit:contain!important;
   object-position:center!important;
 }
 html body main.qc-place .quiet-story #manna-sunset .caption {
   box-sizing:border-box!important;
   padding-inline:clamp(20px, 4vw, 64px)!important;
 }
 html body main.qc-place :is(.after-opening-pair__copy, .city-story__copy) > * {min-width:0;overflow-wrap:break-word;}
 html body main.qc-place :is(.after-opening-pair__copy, .city-story__copy) {
   box-sizing:border-box;
 }
}

@media(max-width:900px) {
 html body main.qc-place .grace-pair--mobile-fullscreen {
   position:relative!important;
   left:auto!important;
   width:100vw!important;
   max-width:none!important;
   margin-right:calc(50% - 50vw)!important;
   margin-left:calc(50% - 50vw)!important;
   padding-right:0!important;
   padding-left:0!important;
   transform:none!important;
 }
 html body main.qc-place .grace-pair--mobile-fullscreen > figure {
   width:100%!important;
   max-width:none!important;
   margin-right:0!important;
   margin-left:0!important;
 }
 html body main.qc-place .grace-pair--mobile-fullscreen img {
   display:block!important;
   width:100%!important;
   max-width:none!important;
   height:auto!important;
   min-height:0!important;
   aspect-ratio:auto!important;
   object-fit:contain!important;
   object-position:center!important;
 }
 html body main.qc-place .quiet-story #manna-sunset {
   position:relative!important;
   left:auto!important;
   width:100vw!important;
   max-width:none!important;
   margin-right:calc(50% - 50vw)!important;
   margin-left:calc(50% - 50vw)!important;
   padding-right:0!important;
   padding-left:0!important;
   transform:none!important;
 }
 html body main.qc-place .quiet-story #manna-sunset > figure {
   width:100%!important;
   max-width:none!important;
   margin-right:0!important;
   margin-left:0!important;
 }
 html body main.qc-place .quiet-story #manna-sunset img {
   display:block!important;
   width:100%!important;
   max-width:none!important;
   height:auto!important;
   min-height:0!important;
   max-height:none!important;
   aspect-ratio:auto!important;
   object-fit:contain!important;
 }
 html body main.qc-place :is(#manna-sunset, .grace-pair--mobile-fullscreen) .caption {
   box-sizing:border-box!important;
   padding-inline:var(--qc-mobile-gutter, 20px)!important;
 }
}

@media(max-width:900px) {
 html body main.qc-place .quiet-story--manna {
   --qc-manna-mobile-section-space:clamp(56px, 15vw, 68px);
 }
 html body main.qc-place .quiet-story--manna :is(
   .stay-intro__facts > header h2,
   .after-opening-pair__copy h3,
   .city-story__copy h3
 ) {
   padding-top:0!important;
 }
 html body main.qc-place .quiet-story--manna .stay-intro__facts {
   margin-top:var(--qc-manna-mobile-section-space)!important;
 }
 html body main.qc-place .quiet-story--manna :is(.after-opening-pair, .city-story) {
   margin-top:var(--qc-manna-mobile-section-space)!important;
 }
 html body main.qc-place .quiet-story--manna :is(
   .stay-intro__facts > header h2,
   .after-opening-pair__copy h3,
   .city-story__copy h3
 )::before {
   margin-bottom:10px!important;
 }
 html body main.qc-place .quiet-story--manna :is(
   .after-opening-pair__copy h3,
   .city-story__copy h3
 ) {
   margin-bottom:20px!important;
 }
}

/* Final desktop placement: map leads on the left, information follows right. */
@media (min-width: 901px) {
  html body main.qc-place .quiet-story--manna .stay-intro {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 20px !important;
  }

  html body main.qc-place .quiet-story--manna .stay-intro__landscape-track {
    width: calc(100% + max(var(--qc-editorial-gutter), calc((100vw - 1440px) / 2))) !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
  html body main.qc-place .location-note > h2 {
    width: auto !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    transform: none !important;
  }
  html body main.qc-place .location-note > .location-note__eyebrow {
    margin: 0 0 clamp(32px, 3.2vw, 48px) !important;
  }
  html body main.qc-place .location-note__grid {
    grid-template-columns: minmax(0, 7fr) minmax(300px, 5fr) !important;
    column-gap: var(--qc-editorial-gutter, clamp(44px, 5vw, 80px)) !important;
    align-items: start !important;
  }
  html body main.qc-place .location-note__map {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: none !important;
    height: clamp(400px, 36vw, 520px) !important;
    min-height: 0 !important;
  }
  html body main.qc-place .location-note__body {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 470px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media (max-width: 900px) {
  html body main.qc-place .location-note > .location-note__eyebrow {
    display: none !important;
  }
}

/* Editorial copy uses one proportional rhythm across every Place page.
   The 1.5 ratio is explicit and scales with each text's own type size. */
html body main.qc-place :is(
  .opening__full-copy > p,
  .editorial-statement > p,
  .after-opening-pair__copy > p,
  .city-story__copy > p,
  .location-note__body > p
) {
  line-height: 1.5 !important;
}

html body main.qc-place :is(
  .after-opening-pair__copy > h3,
  .city-story__copy > h3
) {
  line-height: 1.2 !important;
}

/* Facts links are values, not secondary annotations. They therefore inherit
   exactly the same ink as the surrounding table value. */
html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid .facts-website-row > dd,
html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid .facts-website-row > dd > :is(a, a:link, a:visited),
html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid .facts-website-row > dd > a > svg {
  color: inherit !important;
  opacity: 1 !important;
}

html body main.qc-place :is(.opening__media-left, .stay-intro__facts-body) .practical__grid .facts-website-row > dd > a > svg {
  stroke: currentColor !important;
}

/* Location belongs to the same editorial heading system as every story
   section. Its place label uses the identical sans-serif kicker as well. */
html body main.qc-place :is(
  .after-opening-pair__copy > h3,
  .city-story__copy > h3,
  .location-note > h2
) {
  font-family: var(--display) !important;
  font-size: 34px !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
}

html body main.qc-place :is(
  .after-opening-pair__copy > h3,
  .city-story__copy > h3,
  .location-note > h2
)::before {
  display: block !important;
  margin-bottom: 10px !important;
  color: var(--muted) !important;
  font-family: var(--sans) !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

@media (max-width: 900px) {
  /* Location is a concise utility chapter. Keep its separation clear without
     inheriting the roomier 64px editorial chapter gap. */
  html.qc-place-page[data-qc-mobile-page] body main.qc-place .location-note {
    margin-top: 32px !important;
  }

  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(
    .stay-intro__facts > header h2,
    .opening__media-title > h2,
    .location-note > h2
  ) {
    font-weight: 300 !important;
  }

  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(
    .after-opening-pair__copy > h3,
    .city-story__copy > h3,
    .location-note > h2
  ) {
    font-size: 24px !important;
    line-height: 1.2 !important;
  }

  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(
    .after-opening-pair__copy > h3,
    .city-story__copy > h3,
    .location-note > h2
  )::before {
    font-size: 12px !important;
    line-height: 1.4 !important;
    letter-spacing: .12em !important;
  }

  /* Final mobile chapter rhythm: less empty space before the place label,
     slightly more breathing room between title and body copy. */
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(
    .after-opening-pair__copy > h3,
    .city-story__copy > h3
  ) {
    padding-top: clamp(38px, 10vw, 48px) !important;
    margin-bottom: 28px !important;
  }

  /* Use the same restrained lead-in for every mobile story chapter. The
     heading itself already contains space for the place label, so the old
     72px outer gap made the combined whitespace visibly excessive. */
  html.qc-place-page[data-qc-mobile-page] body main.qc-place :is(
    .after-opening-pair,
    .city-story
  ) {
    margin-top: 48px !important;
  }

  /* MANNA's freestanding spa statement is a story beat, not a new major
     chapter; give it the same compact lead-in as the surrounding sections. */
  html.qc-place-page[data-qc-mobile-page="manna-arcadia"] body main.qc-place .quiet-story .editorial-statement {
    margin-top: 40px !important;
  }
}

/* Desktop typography trial. This must follow the shared heading-role rule
   above; otherwise its 300 weight wins later in the cascade. */
@media (min-width: 901px) {
  html body main.qc-place :is(
    .after-opening-pair__copy > h3,
    .city-story__copy > h3,
    .opening__media-title > h2,
    .stay-intro__facts > header h2,
    .location-note > h2
  ) {
    color: rgba(21, 35, 28, .82) !important;
  }

  html body main.qc-place :is(
    .after-opening-pair__copy > h3,
    .city-story__copy > h3,
    .opening__media-title > h2,
    .stay-intro__facts > header h2,
    .location-note > h2
  ) {
    font-weight: 400 !important;
  }
}

/* Keep surface switching last so earlier legacy button/header rules cannot
   flatten the contextual colours. */
html.qc-place-page body:not(.menu-open).qc-nav-over-paper > .masthead,
html.qc-place-page body:not(.menu-open).qc-nav-over-paper > .masthead.is-scrolled {
  background: var(--qc-page-surface) !important;
}
html.qc-place-page body:not(.menu-open).qc-nav-over-elsewhere > .masthead,
html.qc-place-page body:not(.menu-open).qc-nav-over-elsewhere > .masthead.is-scrolled {
  background: var(--qc-elsewhere-surface) !important;
}
html.qc-place-page body:not(.menu-open).qc-nav-over-media > .masthead,
html.qc-place-page body:not(.menu-open).qc-nav-over-media > .masthead.is-scrolled {
  background: transparent !important;
}
body.qc-actions-enhanced.qc-dock-over-paper > .qc-actions-dock {
  background: var(--qc-page-surface) !important;
}
body.qc-actions-enhanced.qc-dock-over-elsewhere > .qc-actions-dock {
  background: var(--qc-elsewhere-surface) !important;
}
@media (min-width: 1181px) {
  body.qc-actions-enhanced.qc-dock-over-media > .qc-actions-dock {
    background: transparent !important;
    border-color: rgba(245, 241, 232, .48) !important;
  }
}

/* Plan your stay deliberately stays beige and is not surface-aware. */
html body.qc-actions-enhanced > .qc-actions-dock {
  --qc-actions-surface: #ddd5c9 !important;
  --qc-actions-ink: #15231c !important;
  background: #ddd5c9 !important;
  border-color: rgba(73, 55, 41, .22) !important;
  color: #15231c !important;
}
html body.qc-actions-enhanced > .qc-actions-dock .qc-actions-trigger {
  color: #15231c !important;
}

/* The open drawer temporarily owns the chrome, including over imagery. */
html.qc-place-page body.qc-actions-open:not(.menu-open) > .masthead,
html.qc-place-page body.qc-actions-open:not(.menu-open) > .masthead.is-scrolled {
  background: #ddd5c9 !important;
  color: #15231c !important;
}
html.qc-place-page body.qc-actions-open:not(.menu-open) > .masthead :is(a, button) {
  color: #15231c !important;
}
html.qc-place-page body.qc-actions-open:not(.menu-open) > .masthead .masthead__brand img {
  content: normal !important;
}
html body.qc-actions-open > .qc-actions-layer .qc-actions-sheet {
  --qc-actions-surface: #ddd5c9 !important;
  background: #ddd5c9 !important;
}

/* Also bind the colour to the drawer's actual visible state. */
html.qc-place-page body:has(> .qc-actions-layer:not([hidden])):not(.menu-open) > .masthead,
html.qc-place-page body:has(> .qc-actions-layer:not([hidden])):not(.menu-open) > .masthead.is-scrolled {
  background: #ddd5c9 !important;
  background-color: #ddd5c9 !important;
  color: #15231c !important;
}
html.qc-place-page body:has(> .qc-actions-layer:not([hidden])):not(.menu-open) > .masthead :is(a, button) {
  color: #15231c !important;
}
html.qc-place-page body:has(> .qc-actions-layer:not([hidden])):not(.menu-open) > .masthead .masthead__brand img {
  content: normal !important;
}

/* Hide Plan your stay whenever the masthead is photographically transparent. */
html.qc-place-page body.qc-nav-over-media > :is(.qc-actions-dock, .share-dock) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 240ms ease, visibility 0s linear 240ms !important;
}

/* Final fail-closed rule: beige masthead permission is required. */
html.qc-place-page body:not(.qc-dock-allowed) > :is(.qc-actions-dock, .share-dock) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* MANNA's facts column tracks its tall opening photograph on desktop. */
@media (min-width: 901px) and (min-height: 600px) {
  html.qc-place-page[data-qc-mobile-page="manna-arcadia"] body main.qc-place .stay-intro {
    overflow: visible !important;
  }
  html.qc-place-page[data-qc-mobile-page="manna-arcadia"] body main.qc-place .stay-intro__facts {
    position: sticky !important;
    top: 58px !important;
    align-self: start !important;
  }
}

/* Close every possible one-frame gap between transparent masthead systems. */
html.qc-place-page body:has(> .masthead:not(.is-scrolled)) > :is(.qc-actions-dock, .share-dock),
html.qc-place-page body:has(> .masthead.qc-over-fullbleed) > :is(.qc-actions-dock, .share-dock),
html.qc-place-page body.qc-nav-over-media > :is(.qc-actions-dock, .share-dock) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: none !important;
}

/* MANNA stacks the facts below its heading; use a tighter editorial handoff. */
@media (min-width: 901px) {
  html.qc-place-page[data-qc-mobile-page="manna-arcadia"] body main.qc-place .stay-intro__facts > header h2 {
    margin-bottom: 2px !important;
  }
}