@layer reset, tokens, page, components, exceptions;

@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; }
  img, picture { display: block; max-width: 100%; }
  button, input, select, textarea { font: inherit; }
}

@layer tokens {
  :root {
    --ink: #1d1d1f;
    --ink-secondary: #6e6e73;
    --page: #f5f5f7;
    --hairline: #d2d2d7;
    --link: var(--ink);
    --link-muted: var(--ink-secondary);
    
    --link-clickable-blue: #0068d1;
    --link-offset: 4px;
    --link-thickness: 1px;
    --chevron: var(--ink-secondary);
    --gutter: 20px;
    --bg: var(--page);
    --card: #fff;
    --surface: var(--card);
    --text-primary: var(--ink);
    --text-secondary: var(--ink-secondary);
    --border: var(--hairline);
    --link-ink: currentColor;
    --link-underline: var(--border);
    --link-underline-active: currentColor;
    --page-max: 1440px;
    --gutter-desktop: 72px;
    --gutter-mobile: 24px;
    --focus-control: 3px solid var(--text-primary);
    --error: #b42318;
    --control-focus-border: #86868b;
    --radius-control: 8px;
    --radius-panel: 18px;
    --fs-label: 20px;
    --lh-label: 24px;
    --fs-headline: 56px;
    --lh-headline: 60px;
    --fs-support: 24px;
    --lh-support: 32px;
    --fs-body: 19px;
    --lh-body: 1.65;
    --fs-caption: 15px;
    --lh-caption: 1.4;
  }
}

@layer components {
  body { background: var(--bg); color: var(--text-primary); }
  .page { max-width: var(--page-max); margin: 0 auto; overflow: clip; }
  :where(button, input, select, textarea, summary, [tabindex]):focus-visible { outline: var(--focus-control); outline-offset: 3px; }

  .on-dark {
    --link-ink: var(--card);
    --link-underline: var(--border);
    --link-underline-active: currentColor;
    --focus-control: 3px solid var(--card);
  }

  main a:not(.cta):not(.room-rate-card) {
    color: var(--link-ink);
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--link-underline);
    text-underline-offset: 3px;
  }
  main a:not(.cta):not(.room-rate-card):is(:hover, :focus-visible) {
    color: var(--link-ink);
    text-decoration-color: var(--link-underline-active);
  }
  main a:not(.cta):not(.room-rate-card):focus-visible,
  .cta:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
  }

  .cta { color: var(--link-ink); text-decoration: none; }
  .cta-label { text-decoration: none; text-decoration-thickness: 1px; text-underline-offset: 3px; }
  .cta-chev { display: inline-block; text-decoration: none; transition: transform 160ms ease; }
  .cta:is(:hover, :focus-visible) { color: var(--link-ink); text-decoration: none; }
  .cta:is(:hover, :focus-visible) .cta-label { text-decoration-line: underline; }
  .cta:is(:hover, :focus-visible) .cta-chev { text-decoration: none; transform: translateX(2px); }

  .site-nav {
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    height: 52px;
    padding: 0 var(--gutter-desktop);
    overflow: visible;
    background: var(--page);
    border-bottom: 1px solid var(--hairline);
    
    transition: transform 240ms ease;
    will-change: transform;
  }
  .site-nav[data-nav-hidden="true"] { transform: translateY(-100%); }
  

  
  :target { scroll-margin-top: 64px; }
  
  .wordmark { color: var(--text-primary); font-size: 23px; font-weight: 600; text-decoration: none; }
  @media (min-width: 769px) and (max-width: 1299px) {
    .wordmark { font-size: 19px; }
  }
  .wordmark-mobile { display: none; }
  .nav-spacer { flex: 1; }
  .nav-links { display: flex; align-items: center; gap: 32px; margin: 0; padding: 0; list-style: none; }
  .nav-links a { color: var(--text-secondary); font-size: 14px; font-weight: 500; letter-spacing: .08em; text-decoration: none; }
  .nav-links > li { display: flex; align-items: center; height: 52px; }
  .nav-links > li > a:not(.nav-book) { display: inline-flex; align-items: center; height: 52px; line-height: 1; }
  .nav-links a[aria-current="page"] { color: var(--text-primary); }
  .nav-links li:has(a.nav-book) { margin-left: -34px; }
  .nav-book { display: inline-flex; align-items: center; justify-content: center; min-width: 60px; height: 32px; padding: 0 14px; border-radius: 999px; background: var(--text-primary); color: var(--card); font-weight: 600; letter-spacing: 0; }
  
  .nav-whatsapp { display: flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; margin-right: -4px; color: var(--text-secondary); text-decoration: none; }
  .nav-whatsapp svg { display: block; width: 20px; height: 20px; }
  .nav-links a.nav-book,
  .nav-links a.nav-book[aria-current="page"] { color: var(--card); }
  :where(.site-nav, .mobile-menu, .site-footer) a:is(:hover, :focus, :focus-visible, [aria-current="page"]) { text-decoration: none; }
  :where(.site-nav, .mobile-menu, .site-footer) a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
  .nav-tray-item { position: static; padding: 0; margin: 0; }
  .nav-tray-trigger { gap: 6px; }
  
  
  
  .nav-tray-trigger::after { content: ""; width: 5px; height: 5px; margin-top: 1px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); color: var(--link-clickable-blue); }
  .nav-tray { position: absolute; inset: 100% 0 auto; z-index: 90; visibility: hidden; opacity: 0; transform: translateY(-8px); background: rgba(245,245,247,.98); border-bottom: 1px solid var(--border); box-shadow: 0 28px 80px rgba(0,0,0,.14); transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear 180ms; }
  .nav-tray-item:hover .nav-tray, .nav-tray-item:focus-within .nav-tray { visibility: visible; opacity: 1; transform: none; transition-delay: 0s; }
  .nav-tray-inner { max-width: none; margin: 0; padding: 32px var(--gutter-desktop) 40px var(--nav-tray-content-left, var(--gutter-desktop)); }
  
  .tray-label { margin-bottom: 14px; color: var(--text-secondary); font-size: 12px; }
  .nav-tray-label-secondary { margin-top: 18px; }
  
  .nav-tray-links { display: grid; gap: 8px; margin: 0; padding: 0; max-width: 320px; list-style: none; }
  
  
  .nav-tray-links a { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 9px 0; color: var(--link-clickable-blue); font-size: 16px; font-weight: 500; line-height: 1.3; letter-spacing: 0; text-decoration: none; }
  .nav-tray-links a:hover .nav-tray-link-label { text-decoration: underline; text-underline-offset: 3px; }
  
  .nav-tray-links small { color: var(--text-secondary); font-size: 13px; font-weight: 400; letter-spacing: 0; }
  
  .hamburger { display: none; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 44px; height: 44px; padding: 11px; border: 0; background: transparent; }
  .hamburger span { display: block; width: 17px; height: 1.5px; background: currentColor; }

  
  .mobile-menu { display: none; position: fixed; inset: 0; z-index: 1000; background: var(--bg); flex-direction: column; }
  .mobile-menu.active { display: flex; }
  .mobile-menu-header { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; height: 52px; padding: 0 var(--gutter-mobile); background: var(--page); border-bottom: 1px solid var(--hairline); }
  .mobile-menu-wordmark, .mobile-menu-close { display: flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; color: var(--text-primary); text-decoration: none; }
  .mobile-menu-close { border: 0; background: transparent; font-size: 28px; }
  .mobile-menu-body { flex: 1 1 auto; overflow-y: auto; padding: 8px var(--gutter-mobile) 32px; }
  .mobile-menu-footer { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 14px var(--gutter-mobile); background: var(--page); border-top: 1px solid var(--hairline); }
  .mobile-book-action { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; min-height: 52px; border-radius: 999px; background: var(--text-primary); color: #fff; font-size: 17px; font-weight: 600; text-decoration: none; }
  
  .mobile-whatsapp-action { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; border: 1px solid var(--hairline); background: #fff; }
  .mobile-whatsapp-action svg { display: block; width: 26px; height: 26px; }
  .mobile-menu-list, .mobile-submenu { margin: 0; padding: 0; list-style: none; }
  
  .mobile-menu-link, .mobile-menu-list > li > a { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 52px; padding: 0; border: 0; border-bottom: 1px solid var(--border); background: transparent; color: var(--text-primary); font-size: 16px; font-weight: 600; text-align: left; text-decoration: none; }
  
  .mobile-menu-link [aria-hidden="true"] { color: var(--link-clickable-blue); }
  
  .mobile-menu-list > li > a.mobile-quick-contact { color: var(--link-clickable-blue); font-weight: 500; }
  .mobile-quick-contact:hover .nav-tray-link-label, .mobile-quick-contact:focus-visible .nav-tray-link-label { text-decoration: underline; text-underline-offset: 3px; }
  .mobile-quick-contact small { color: var(--text-secondary); font-size: 13px; font-weight: 400; }
  .mobile-quick-contact-last { margin-bottom: 4px; }
  .mobile-submenu { padding-left: 18px; }
  
  .mobile-submenu a { display: flex; align-items: center; min-height: 48px; color: var(--link-clickable-blue); font-size: 16px; font-weight: 500; text-decoration: none; }
  .mobile-submenu a:hover .nav-tray-link-label, .mobile-submenu a:focus-visible .nav-tray-link-label { text-decoration: underline; text-underline-offset: 3px; }
  
  .mobile-disclosure-chevron { flex: 0 0 auto; width: 8px; height: 8px; margin-right: 5px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform 160ms ease; }
  [aria-expanded="true"] > .mobile-disclosure-chevron { transform: rotate(225deg); }
  @media (prefers-reduced-motion: reduce) {
    .mobile-disclosure-chevron { transition: none; }
  }

  
  .intro-text > .inner,
  .deluxe-opening > .inner,
  .suite-opening > .inner,
  .editorial-section > .inner {
    container-type: inline-size;
  }

  
  .page-h1 { font-size: clamp(44px, 13.5cqi, 96px); line-height: 1.05; letter-spacing: -0.03em; }
  .tag, .page-label, .section-label { font-size: 15px; line-height: 20px; }
  .intro-sub, .sub-head { font-size: 24px; line-height: 32px; font-weight: 400; }
  .s-text h2, .s-text-surface h2, .section-heading { font-size: 52px; line-height: 56px; }
  .s-text p, .s-text-surface p, .body-copy { font-size: 17px; line-height: 1.6; }
  .editorial-link { color: var(--link-ink); }

  
  .editorial-section .label {
    color: var(--text-primary);
    font-size: var(--fs-label);
    font-weight: 600;
    line-height: var(--lh-label);
  }
  
  .editorial-section .headline {
    color: var(--text-primary);
    font-size: clamp(32px, 9.8cqi, 56px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.28px;
  }

  
  .day-section .headline {
    color: var(--text-primary);
    font-size: clamp(32px, 9.8cqi, 56px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.28px;
  }

  
  @supports not (container-type: inline-size) {
    .page-h1 { font-size: clamp(44px, 9vw, 96px); }
    .editorial-section .headline { font-size: clamp(32px, 6vw, 56px); }
  }

  .editorial-section .support {
    max-width: 560px;
    color: var(--text-secondary);
    font-size: var(--fs-support);
    font-weight: 400;
    line-height: var(--lh-support);
  }
  .editorial-section .body {
    max-width: 34em;
    color: var(--text-primary);
    font-size: var(--fs-body);
    font-weight: 400;
    line-height: var(--lh-body);
  }
  .editorial-section .caption { font-size: var(--fs-caption); line-height: var(--lh-caption); }
  
  .editorial-section.has-quote { --prose-measure: calc(34 * var(--fs-body)); display: grid; grid-template-columns: minmax(0,640px) 420px; column-gap: 48px; row-gap: 0; align-items: start; justify-content: space-between; }
  
  .editorial-section.has-quote > .inner { display: block; grid-column: 1; }
  .editorial-section.has-quote .body { margin-bottom: 0; }
  .quote-card {
    grid-column: 2;
    align-self: end;
    width: 420px;
  min-height: 0;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: var(--card);
    border-radius: 18px;
    box-shadow: none;
  }
  .quote-card blockquote {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--fs-body);
    font-weight: 400;
    line-height: var(--lh-body);
  }
  .quote-card cite {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    color: var(--text-secondary);
    font-size: var(--fs-caption);
    font-style: normal;
    line-height: var(--lh-caption);
  }
  .quote-card cite strong { color: var(--text-primary); font-weight: 600; }

  
  .intro-text.has-quote { --prose-measure: 720px; }
  .deluxe-opening.has-quote,
  .s-text.has-quote:not(.editorial-section),
  .s-text-surface.has-quote:not(.editorial-section) { --prose-measure: 560px; }

  
  
  [data-ui-home-reviews] { max-width: 1440px; margin: 0 auto; padding: 100px 72px 96px; background: var(--bg); }
  
  [data-ui-home-reviews] > .tag.label { display: block; margin: 0 0 20px; color: var(--text-primary); font-size: var(--fs-label); font-weight: 600; line-height: var(--lh-label); }
  [data-ui-home-reviews] > h2 { margin: 0 0 40px; color: var(--text-primary); font-size: 56px; font-weight: 600; letter-spacing: -.28px; line-height: 1.07; }
  
  
  [data-ui-home-reviews] .ratings { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 48px; padding: 0 52px; margin: 0 0 56px; }
  [data-ui-home-reviews] .rating { text-align: left; }
  [data-ui-home-reviews] .rating dt { margin-bottom: 14px; color: var(--text-secondary); font-size: 14px; }
  [data-ui-home-reviews] .rating dd { display: flex; align-items: baseline; gap: 4px; margin: 0 0 12px; }
  [data-ui-home-reviews] .rating dd b { font-size: 64px; font-weight: 600; letter-spacing: -2.5px; line-height: 1; }
  [data-ui-home-reviews] .rating dd span { color: var(--text-secondary); font-size: 22px; }
  [data-ui-home-reviews] .rating p { margin: 0; color: var(--text-secondary); font-size: 15px; }
  [data-ui-home-reviews] .carousel-frame { position: relative; }
  [data-ui-home-reviews] .carousel-viewport { overflow: hidden; }
  [data-ui-home-reviews] .carousel-track { display: flex; align-items: flex-start; gap: 32px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  [data-ui-home-reviews] .carousel-track::-webkit-scrollbar { display: none; }
  
  
  
  [data-ui-home-reviews] .review[data-ui-strip-item] { flex: 0 0 calc(100% - 128px); height: 420px; margin: 0; padding: 44px 52px; background: var(--card); border: 1px solid #e4e4e7; border-radius: 18px; scroll-snap-align: start; overflow: hidden; }
  [data-strip-variant="text"][data-ui-home-reviews] [data-ui-strip-item] { overflow: hidden; }
  [data-ui-home-reviews] [data-ui-strip-item] :is(figcaption,blockquote,p) { visibility: visible; }
  [data-ui-home-reviews] .review figcaption { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
  [data-ui-home-reviews] .review cite { color: var(--text-primary); font-size: 20px; font-style: normal; font-weight: 600; letter-spacing: -.35px; }
  [data-ui-home-reviews] .review figcaption span { color: var(--text-secondary); font-size: 15px; }
  [data-ui-home-reviews] .review blockquote { margin: 0; overflow: visible; }
  
  [data-ui-home-reviews] .review blockquote p { display: -webkit-box; margin: 0; overflow: hidden; max-width: none; font-size: 20px; font-weight: 400; line-height: 1.55; letter-spacing: -.2px; -webkit-box-orient: vertical; -webkit-line-clamp: 9; }
  [data-ui-home-reviews] .review blockquote p b { font-weight: 700; }
  [data-ui-home-reviews] .carousel-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 32px; padding: 0 180px 0 52px; }
  
  [data-ui-home-reviews] .read-more { display: inline-flex; align-items: center; gap: 6px; font-size: 17px; font-weight: 400; }
  
  [data-ui-home-reviews] .review-read-more { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-size: 15px; font-weight: 400; }
  [data-ui-home-reviews] .carousel-controls,
  [data-ui-home-reviews] .nav-pair { display: flex; align-items: center; }
  [data-ui-home-reviews] .carousel-controls { gap: 20px; }
  [data-ui-home-reviews] .nav-pair { gap: 8px; }
  [data-ui-home-reviews] .page-counter { min-width: 52px; color: var(--text-secondary); font-size: 15px; text-align: center; }
  
  [data-ui-home-reviews] .arrow-btn { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; color: var(--text-primary); background: var(--card); border: 1px solid var(--border); border-radius: 50%; cursor: pointer; }
  [data-ui-home-reviews] .arrow-btn svg { width: 20px; height: 20px; stroke-width: 1.8; }
  [data-ui-home-reviews] .arrow-btn:disabled { cursor: default; opacity: .35; }
  [data-ui-home-reviews] .arrow-btn:not(:disabled):hover { background: #f0f0f2; }

  
  main[data-ui-review-archive].reviews-main { max-width: 1180px; margin: 0 auto; padding: 72px 28px 96px; }
  main[data-ui-review-archive] [data-ui-page-opening] { max-width: none; padding: 0; margin: 0; }
  main[data-ui-review-archive] .eyebrow { margin: 0 0 14px; color: var(--text-secondary); font-size: 21px; font-weight: 600; }
  main[data-ui-review-archive] .reviews-h1 { margin: 0 0 18px; font-size: 64px; line-height: 1.03; letter-spacing: -.02em; }
  main[data-ui-review-archive] .reviews-intro { max-width: 680px; margin: 0 0 44px; color: var(--text-secondary); font-size: 20px; line-height: 1.5; }
  main[data-ui-review-archive] .ratings-row { display: flex; justify-content: center; gap: 64px; max-width: 700px; padding: 32px 0 40px; margin-bottom: 8px; }
  main[data-ui-review-archive] .ratings-row .platform { margin-bottom: 10px; color: var(--text-secondary); font-size: 13px; text-align: center; }
  main[data-ui-review-archive] .ratings-row .score { display: flex; align-items: baseline; justify-content: center; gap: 4px; }
  main[data-ui-review-archive] .ratings-row .score b { font-size: 44px; font-weight: 600; letter-spacing: -1.6px; line-height: 1; }
  main[data-ui-review-archive] .ratings-row .score span { color: var(--text-secondary); font-size: 17px; }
  main[data-ui-review-archive] [data-ui-review-list] { display: block; max-width: 700px; padding: 0; overflow: visible; }
  main[data-ui-review-archive] [data-ui-review-card][data-review-variant="archive"] { position: relative; min-width: 0; margin: 0; padding: 32px 0; overflow: visible; background: transparent; border: 0; border-top: 1px solid var(--border); border-radius: 0; box-shadow: none; break-inside: avoid; }
  main[data-ui-review-archive] [data-ui-review-card][data-review-variant="archive"]:last-of-type { border-bottom: 1px solid var(--border); }
  main[data-ui-review-archive] .review figcaption { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
  
  main[data-ui-review-archive] .review .proof-mark { position: absolute; right: 0; bottom: 16px; }
  main[data-ui-review-archive] .review cite { font-size: 19px; font-style: normal; font-weight: 600; letter-spacing: -.35px; }
  main[data-ui-review-archive] .review figcaption span { color: var(--text-secondary); font-size: 14px; }
  main[data-ui-review-archive] .review blockquote { margin: 0; }
  main[data-ui-review-archive] .review blockquote p { margin: 0; color: var(--text-primary); font-size: 17px; line-height: 1.65; letter-spacing: -.2px; white-space: pre-wrap; }
  main[data-ui-review-archive] .review blockquote p b { font-weight: 700; }
  main[data-ui-review-archive] .review .neg-block { margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--border); }
  main[data-ui-review-archive] .review .neg-label { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--text-secondary); margin-bottom: 4px; }
  main[data-ui-review-archive] .review .neg-text { margin: 0; color: var(--text-secondary); font-size: 16px; line-height: 1.6; white-space: pre-wrap; }

  main[data-ui-review-archive] .reviews-proof-hint { max-width: 680px; margin: -20px 0 32px; color: var(--text-secondary); font-size: 14px; }

  
  .proof-mark {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: -7px 0;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
  }
  .proof-mark-plus {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .06);
    transition: transform .26s cubic-bezier(.16, 1, .3, 1);
  }
  .proof-mark-plus::before,
  .proof-mark-plus::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--text-primary);
  }
  .proof-mark-plus::before { width: 11px; height: 1px; transform: translate(-50%, -50%); }
  .proof-mark-plus::after { width: 1px; height: 11px; transform: translate(-50%, -50%); }
  .proof-mark[aria-expanded="true"] .proof-mark-plus { transform: rotate(45deg); }
  .proof-mark:hover .proof-mark-plus { background: rgba(0, 0, 0, .1); }
  
  [data-ui-proof-label] { display: inline-flex; align-items: center; gap: 4px; color: var(--text-secondary); font-size: 15px; }
  
  .proof-dialog { position: fixed; inset: 0; z-index: 300; display: flex; align-items: center; justify-content: center; padding: 64px 24px; background: rgba(0, 0, 0, .45); cursor: zoom-out; }
  .proof-dialog[hidden] { display: none; }
  .proof-dialog-image { display: block; max-width: min(900px, 100%); max-height: calc(100vh - 128px); border-radius: 10px; box-shadow: 0 40px 120px rgba(0, 0, 0, .5); }
  .proof-dialog-close { position: fixed; top: 20px; right: 20px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .14); color: #fff; font-size: 26px; line-height: 1; cursor: pointer; transition: background 160ms ease; }
  .proof-dialog-close:hover, .proof-dialog-close:focus-visible { background: rgba(255, 255, 255, .26); }
  .proof-dialog-close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

  
  @media (min-width: 769px) and (max-width: 1024px) {
    .editorial-section.has-quote { display: block; }
    .editorial-section.has-quote > .inner { display: block; }
    
    .quote-card { display: flex; width: 100%; max-width: var(--prose-measure); margin-top: 40px; }

    
    .intro-text.has-quote,
    .deluxe-opening.has-quote { display: block; }
    .intro-text.has-quote > .inner,
    .deluxe-opening.has-quote > .inner { max-width: none; }
    .intro-text.has-quote > .s-quote,
    .deluxe-opening.has-quote > .s-quote {
      width: 100%;
      max-width: var(--prose-measure);
      min-height: 0;
      margin-top: 40px;
    }

    
    .s-text.has-quote:not(.editorial-section),
    .s-text-surface.has-quote:not(.editorial-section) { display: block; }
    .s-text.has-quote:not(.editorial-section) > .s-quote,
    .s-text-surface.has-quote:not(.editorial-section) > .s-quote {
      width: 100%;
      max-width: var(--prose-measure);
      min-height: 0;
      margin-top: 40px;
    }
  }

  
  @media (max-width: 1100px) {
    .wordmark-desktop, .nav-links { display: none; }
    .wordmark-mobile { display: inline; }
    
    .po-wordmark-full .wordmark-desktop { display: inline; }
    .po-wordmark-full .wordmark-mobile { display: none; }
    .hamburger { display: flex; }
  }

  .intro-hero, .s-hero, .photo-frame { aspect-ratio: 7 / 5; overflow: hidden; }
  .intro-hero picture, .s-hero picture, .photo-frame picture, .s-grid picture, [data-ui-strip-item] picture { width: 100%; height: 100%; }
  .intro-hero img, .s-hero img, .photo-frame img, .s-grid img, [data-ui-strip-item] img { width: 100%; height: 100%; object-fit: cover; }
  .s-grid .cell { aspect-ratio: 1; overflow: hidden; }

  [data-ui-strip-track] { display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  [data-ui-strip-track]::-webkit-scrollbar { display: none; }
  [data-strip-variant="text"].strip-section {
    padding: 24px var(--gutter-desktop) 60px;
    overflow: hidden;
    background: var(--bg);
  }
  [data-strip-variant="text"] .strip-label {
    display: block;
    margin: 0 0 24px;
    color: var(--text-primary);
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: .007em;
  }
  [data-strip-variant="text"] [data-ui-strip-track] {
    gap: 8px;
    padding-right: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-mask-image: none;
    mask-image: none;
  }
  [data-strip-variant="text"] [data-ui-strip-item] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 0 0 clamp(280px,calc(100vw - 350px),1080px);
    width: auto;
    min-width: 0;
    height: 300px;
    overflow: hidden;
    align-items: flex-start;
    padding: 48px;
    background: var(--card);
    border: 1px solid var(--border);
    text-align: left;
    border-radius: 18px;
    scroll-snap-align: start;
  }
  [data-strip-variant="text"] [data-ui-strip-item] .strip-tag {
    margin: 0 0 16px;
    color: var(--text-primary);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
  }
  [data-strip-variant="text"] [data-ui-strip-item] p {
    max-width: min(520px,100%);
    margin: 0;
    color: var(--text-secondary);
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -.3px;
  }
  
  [data-strip-variant="text"]:not([data-ui-home-reviews]) [data-ui-strip-item]:not([data-ui-strip-current]) :is(.strip-tag,p) {
    visibility: hidden;
  }
  
  [data-strip-variant="photo-proof"] [data-ui-strip-item] { flex: 0 0 660px; width: 660px; height: 438px; overflow: hidden; scroll-snap-align: start; }
  
  .strip-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding-right: var(--gutter-desktop);
  }
  
  .strip-dots { display: none; }
  .strip-count {
    min-width: 64px;
    margin-right: 8px;
    color: var(--text-secondary);
    font-size: var(--fs-caption);
    font-variant-numeric: tabular-nums;
    line-height: 44px;
    text-align: right;
  }
  .strip-arrow {
    position: relative;
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    color: var(--text-primary);
    background: transparent;
    border: 1px solid var(--border);
    border-radius: 50%;
    cursor: pointer;
  }
  .strip-arrow::before {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
  }
  .strip-arrow--previous::before { transform: translateX(2px) rotate(-135deg); }
  .strip-arrow--next::before { transform: translateX(-2px) rotate(45deg); }
  .strip-arrow:disabled { opacity: .35; cursor: default; }

  [data-ui-hotspot] { position: absolute; width: 44px; height: 44px; padding: 11px; border: 0; border-radius: 50%; background: transparent; }
  [data-ui-hotspot]::before { content: ""; display: block; width: 22px; height: 22px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 1px 5px rgba(0,0,0,.35); }
  [data-ui-hotspot]::after { content: ""; position: absolute; top: 20px; left: 20px; width: 4px; height: 4px; border-radius: 50%; background: #fff; }
  [data-ui-hotspot-panel][hidden] { display: none; }
  [data-ui-hotspot][aria-expanded="true"] [data-ui-hotspot-panel] { opacity: 1; visibility: visible; }

  .room-rate-card { display: block; color: inherit; text-decoration: none; }
  .room-rate-card[aria-current="page"] { cursor: default; }

  
  main[data-ui-utility="contact"] [data-ui-utility-opening] .page-h1 {
    margin-bottom: 10px;
    color: var(--text-primary);
    font-size: 48px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: -.02em;
  }
  main[data-ui-utility="contact"] [data-ui-utility-opening] .intro-sub {
    max-width: 680px;
    color: var(--text-secondary);
    font-size: 19px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
  }
  main[data-ui-utility="contact"] {
    --contact-content-edge: max(var(--gutter-desktop), calc((100% - 1120px) / 2));
  }
  main[data-ui-utility="contact"] [data-ui-utility-opening] {
    padding-right: var(--contact-content-edge);
    padding-left: var(--contact-content-edge);
  }
  main[data-ui-utility="contact"] .contact-row {
    margin-right: var(--contact-content-edge);
    margin-left: var(--contact-content-edge);
  }
  main[data-ui-utility="contact"] .location-map {
    padding-right: var(--contact-content-edge);
    padding-left: var(--contact-content-edge);
  }
  main[data-ui-utility="book"] {
    box-sizing: border-box;
    width: min(840px, calc(100% - (2 * var(--gutter-desktop))));
    max-width: none;
    margin: 0 auto;
    padding: 64px 0 60px;
  }
  main[data-ui-utility="book"] > .page-h1 {
    margin: 0 0 10px;
    color: var(--text-primary);
    font-size: 64px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.035em;
  }
  main[data-ui-utility="book"] > .book-lede {
    font-size: 28px;
    line-height: 1.3;
  }
  
  main[data-ui-utility="book"] > .intro-sub {
    max-width: 620px;
    margin: 0;
    color: var(--text-secondary);
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4;
  }
  main[data-ui-utility="reference"] [data-ui-utility-opening] .page-h1 {
    margin-bottom: 14px;
    color: var(--text-primary);
    font-size: 56px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: -.6px;
  }
  main[data-ui-utility="reference"] [data-ui-utility-opening] .intro-sub {
    max-width: 640px;
    color: var(--text-secondary);
    font-size: 19px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: .1px;
  }

  
  [data-ui-book-form] {
    display: grid;
    gap: 14px;
    max-width: 620px;
    margin-top: 32px;
    padding: 24px;
    background: var(--card);
    border: 0;
    border-radius: var(--radius-panel);
  }
  [data-ui-field] { display: grid; gap: 6px; min-width: 0; }
  [data-ui-field] label { color: var(--text-secondary); font-size: 13px; font-weight: 500; }
  [data-ui-field] :where(input, select, textarea) {
    width: 100%;
    min-height: 48px;
    padding: 11px 13px;
    color: var(--text-primary);
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-control);
    font: inherit;
    font-size: 16px;
  }
  [data-ui-field] textarea { min-height: 76px; resize: vertical; }
  [data-ui-field] :where(input, select, textarea):focus {
    outline: var(--focus-control);
    outline-offset: 2px;
    border-color: var(--control-focus-border);
  }
  [data-ui-field] [aria-invalid="true"] { border-color: var(--error); }
  [data-ui-field-error] { margin: 0; color: var(--error); font-size: 13px; line-height: 18px; }
  [data-ui-form-error-summary] { padding: 16px 18px; color: var(--text-primary); background: var(--card); border-left: 4px solid var(--error); }
  [data-ui-form-error-summary] h2 { margin: 0 0 6px; font-size: 17px; line-height: 24px; }
  [data-ui-form-error-summary] ul { margin: 0; padding-left: 20px; color: var(--error); font-size: 14px; line-height: 21px; }
  [data-ui-form-status] { padding: 16px 18px; color: var(--text-primary); background: var(--card); border-left: 4px solid var(--link); font-size: 14px; line-height: 21px; }
  [data-ui-book-form] .grid-dates,
  [data-ui-book-form] .grid-stay { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; }
  [data-ui-book-form] .book-actions { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; padding-top: 4px; }
  [data-ui-book-form] .book-actions button {
    width: 100%;
    min-height: 48px;
    padding: 12px 18px;
    color: var(--card);
    background: var(--text-primary);
    border: 0;
    border-radius: var(--radius-control);
    font: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
  }
  [data-ui-book-form] .book-actions button:hover { background: #000; }
  [data-ui-book-form] .book-actions button:focus-visible { outline: var(--focus-control); outline-offset: 2px; }
  [data-ui-book-form] .book-actions button:disabled { opacity: .6; cursor: default; }
  [data-ui-book-form] .book-actions-note { margin: 10px 0 0; color: var(--text-secondary); font-size: 13px; line-height: 1.5; text-align: center; }

  
  [data-ui-disclosure-expand-all] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin-top: 12px;
    padding: 0;
    color: var(--link);
    background: none;
    border: 0;
    font: inherit;
    font-size: 19px;
    font-weight: 400;
    line-height: 27px;
    cursor: pointer;
  }
  [data-ui-disclosure-expand-all]:hover { text-decoration: underline; }
  [data-ui-disclosure-expand-all]:focus-visible { outline: var(--focus-control); outline-offset: 4px; }
  [data-ui-disclosure-list] { padding: 20px var(--gutter-desktop) 100px; }
  [data-ui-disclosure-inner] { max-width: 820px; }
  [data-ui-disclosure] { border-bottom: 1px solid var(--border); }
  [data-ui-disclosure]:first-child { border-top: 1px solid var(--border); }
  [data-ui-disclosure-trigger] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 26px 4px;
    color: var(--text-primary);
    list-style: none;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.2px;
    cursor: pointer;
  }
  [data-ui-disclosure-trigger]::-webkit-details-marker { display: none; }
  [data-ui-disclosure-trigger] .chev { flex: 0 0 auto; color: var(--text-secondary); transition: transform 200ms ease; }
  [data-ui-disclosure][open] [data-ui-disclosure-trigger] .chev { transform: rotate(180deg); }
  [data-ui-disclosure-panel] {
    max-width: 680px;
    padding: 0 4px 28px;
    color: var(--text-secondary);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -.2px;
  }
  [data-ui-disclosure-panel] p { margin: 0; }
  main[data-utility-route="policies"] [data-ui-disclosure-panel] p { margin-bottom: 10px; }
  main[data-utility-route="policies"] [data-ui-disclosure-panel] p:last-child { margin-bottom: 0; }
  main[data-utility-route="policies"] [data-ui-disclosure-panel] ul { margin: 0 0 10px; padding-left: 20px; }
  main[data-utility-route="policies"] [data-ui-disclosure-panel] li { margin-bottom: 6px; }
  main[data-utility-route="policies"] [data-ui-disclosure-panel] li:last-child { margin-bottom: 0; }
  [data-ui-disclosure-panel] a,
  [data-ui-disclosure-contact] a { color: var(--link); text-decoration: none; }
  [data-ui-disclosure-panel] a:is(:hover, :focus-visible),
  [data-ui-disclosure-contact] a:is(:hover, :focus-visible) { text-decoration: underline; }
  [data-ui-disclosure-contact] { margin: 38px 0 0; color: var(--text-primary); font-size: 17px; line-height: 1.55; }

  
  [data-ui-table="travel"] { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.35; }
  [data-ui-table="travel"] :where(th, td) { padding: 14px 8px; border-top: 1px solid #e8e8ed; text-align: left; vertical-align: top; }
  [data-ui-table="travel"] th { padding-top: 0; color: var(--text-secondary); border-top: 0; font-size: 12px; font-weight: 600; }
  [data-ui-table="travel"] td:first-child { font-weight: 600; }
  [data-ui-utility-cta].cta { display: inline-block; margin-top: 8px; font-size: 17px; font-weight: 500; }
  [data-ui-utility-cta] .cta-chev { padding-left: 4px; }

  .site-footer { padding: 28px var(--gutter-desktop); color: var(--text-secondary); }
  .footer-inner { border-top: 1px solid var(--border); padding-top: 34px; }
  .footer-crumb { margin-bottom: 28px; font-size: 12px; }
  .footer-crumb a { color: inherit; text-decoration: none; }
  .footer-crumb a:hover { text-decoration: underline; text-decoration-color: var(--link-underline); text-underline-offset: var(--link-offset); }
  .footer-directory { display: grid; grid-template-columns: repeat(3,minmax(140px,180px)); gap: 72px; }
  .footer-col h2, .footer-col a, .footer-legal { font-size: 12px; line-height: 1.65; }
  .footer-col h2 { margin: 0 0 10px; color: var(--text-primary); }
  .footer-col a { display: block; color: var(--text-secondary); text-decoration: none; }
  .footer-legal { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 36px; padding-top: 18px; border-top: 1px solid var(--border); }
  .footer-legal a { color: inherit; text-decoration: none; }
  .footer-legal-right { margin-left: auto; display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 18px; }

  @media (max-width: 768px) {
    :root {
      --fs-label: 15px;
      --lh-label: 20px;
      --fs-headline: 32px;
      --lh-headline: 36px;
      --fs-support: 19px;
      --lh-support: 25px;
      --fs-body: 17px;
    }
    
    .site-nav { padding: 0 var(--gutter-mobile); }
    
    .intro-sub, .sub-head { font-size: 19px; line-height: 25px; }
    .s-text h2, .s-text-surface h2, .section-heading { font-size: 32px; line-height: 36px; }
    
    .activity-headline { font-size: var(--fs-headline); line-height: var(--lh-headline); }
    .s-text p, .s-text-surface p, .body-copy { font-size: 17px; line-height: 1.6; }
    .editorial-link, .cta { font-size: 17px; }
    main[data-ui-utility="contact"] [data-ui-utility-opening] .page-h1 { font-size: 38px; line-height: 42px; }
    main[data-ui-utility="contact"] [data-ui-utility-opening] .intro-sub { font-size: 17px; line-height: 24px; }
    main[data-ui-utility="contact"] { --contact-content-edge: var(--gutter-mobile); }
    main[data-ui-utility="book"] { width: auto; margin: 0 var(--gutter-mobile); padding: 30px 0 44px; }
    main[data-ui-utility="book"] > .page-h1 { font-size: 44px; }
    main[data-ui-utility="book"] > .book-lede { font-size: 22px; line-height: 1.35; }
    main[data-ui-utility="book"] > .intro-sub { font-size: 19px; }
    main[data-ui-utility="reference"] [data-ui-utility-opening] .page-h1 { font-size: 38px; line-height: 42px; letter-spacing: -.3px; }
    main[data-ui-utility="reference"] [data-ui-utility-opening] .intro-sub { font-size: 17px; line-height: 24px; }
    [data-ui-book-form] { gap: 12px; padding: 20px; }
    [data-ui-disclosure-expand-all] { font-size: 17px; line-height: 24px; }
    [data-ui-disclosure-list] { padding: 8px var(--gutter-mobile) 60px; }
    [data-ui-disclosure-trigger] { padding: 22px 2px; font-size: 18px; }
    [data-ui-disclosure-panel] { padding: 0 2px 24px; font-size: 16px; }
    [data-ui-table="travel"] { min-width: 520px; }
    .editorial-section.has-quote { display: block; }
    .editorial-section.has-quote > .inner { display: block; }
    
    .quote-card { display: flex; width: 100%; max-width: var(--prose-measure); min-height: 0; margin-top: 32px; padding: 24px 20px; }

    
    .intro-text.has-quote,
    .deluxe-opening.has-quote,
    .s-text.has-quote:not(.editorial-section),
    .s-text-surface.has-quote:not(.editorial-section) { display: block; }
    .intro-text.has-quote > .s-quote,
    .deluxe-opening .s-quote,
    .s-text.has-quote:not(.editorial-section) .s-quote,
    .s-text-surface.has-quote:not(.editorial-section) .s-quote {
      display: flex;
      width: 100%;
      max-width: var(--prose-measure);
      min-height: 0;
      margin-top: 28px;
    }

    [data-ui-home-reviews] { padding: 32px var(--gutter-mobile) 64px; }
    [data-ui-home-reviews] > h2 { margin-bottom: 20px; font-size: 36px; }
    
    [data-ui-home-reviews] .ratings { display: flex; justify-content: space-between; gap: 12px; padding: 0; margin-bottom: 24px; }
    [data-ui-home-reviews] .rating { flex: 1 1 0; min-width: 0; text-align: left; }
    [data-ui-home-reviews] .rating dt { margin-bottom: 6px; font-size: 12px; }
    [data-ui-home-reviews] .ratings .rating dd { display: flex; align-items: baseline; gap: 2px; margin: 0 0 2px; }
    [data-ui-home-reviews] .ratings .rating dd b { font-size: 26px; letter-spacing: -1px; }
    [data-ui-home-reviews] .ratings .rating dd span { font-size: 14px; }
    [data-ui-home-reviews] .ratings .rating p { font-size: 12px; }
    
    [data-ui-home-reviews] .carousel-frame { position: relative; }
    [data-ui-home-reviews] .carousel-viewport { overflow: hidden; margin: 0 calc(-1 * var(--gutter-mobile)); }
    [data-ui-home-reviews] .carousel-track { display: flex; gap: 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    [data-ui-home-reviews] .carousel-track::-webkit-scrollbar { display: none; }
    [data-ui-home-reviews] .review[data-ui-strip-item] {
      box-sizing: border-box;
      flex: 0 0 100%;
      width: auto;
      height: min(62vh, 520px);
      display: flex;
      flex-direction: column;
      margin: 0;
      padding: 26px var(--gutter-mobile) 22px;
      border: none;
      border-radius: 0;
      overflow: hidden;
    }
    [data-ui-home-reviews] .review cite { font-size: 19px; }
    [data-ui-home-reviews] .review blockquote { flex: 1 1 auto; min-height: 0; overflow: hidden; }
    
    [data-ui-home-reviews] .review blockquote p {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 16;
      overflow: hidden;
      font-size: 16px;
      line-height: 1.5;
    }
    
    [data-ui-home-reviews] .review-read-more {
      display: inline-flex;
      align-items: center;
      flex: 0 0 auto;
      margin-top: 12px;
      font-size: 14px;
      font-weight: 400;
    }
    [data-ui-home-reviews] .carousel-footer { display: flex; align-items: center; justify-content: flex-start; margin-top: 18px; padding: 0; }
    [data-ui-home-reviews] .carousel-controls { display: contents; }
    [data-ui-home-reviews] .nav-pair { display: none; }
    
    [data-ui-home-reviews] .page-counter {
      position: absolute;
      top: 26px;
      
      right: 12px;
      z-index: 2;
      min-width: 0;
      padding: 0;
      background: none;
      border-radius: 0;
      color: var(--text-secondary);
      font-size: 15px;
      line-height: 1.4;
      text-align: right;
    }

    main[data-ui-review-archive].reviews-main { padding: 48px 18px 64px; }
    main[data-ui-review-archive] .reviews-h1 { font-size: 42px; }
    main[data-ui-review-archive] .reviews-intro { font-size: 18px; }
    main[data-ui-review-archive] .ratings-row { gap: 32px; }
    main[data-ui-review-archive] .ratings-row .score b { font-size: 32px; }
    main[data-ui-review-archive] [data-ui-review-card][data-review-variant="archive"] { padding: 24px 0; }
    main[data-ui-review-archive] .review cite { font-size: 17px; }
    main[data-ui-review-archive] .review blockquote p { font-size: 16px; line-height: 1.6; }
    .intro-hero, .s-hero, .photo-frame { aspect-ratio: 4 / 3; }
    [data-strip-variant="text"].strip-section { padding: 16px 0 56px var(--gutter-mobile); }
    [data-strip-variant="text"] .strip-label { margin-bottom: 24px; font-size: 15px; line-height: 20px; }
    [data-strip-variant="text"] [data-ui-strip-track] { padding-right: var(--gutter-mobile); }
    [data-strip-variant="text"] [data-ui-strip-item] { flex-basis: calc(100vw - 104px); width: auto; height: 300px; padding: 36px 28px; }
    [data-strip-variant="text"] [data-ui-strip-item] .strip-tag { font-size: 17px; line-height: 1.3; }
    [data-strip-variant="text"] [data-ui-strip-item] p { font-size: 19px; font-weight: 400; line-height: 25px; letter-spacing: 0; }
    .strip-nav { padding-right: var(--gutter-mobile); }
    [data-strip-variant="photo-proof"] [data-ui-strip-item] { flex-basis: 300px; width: 300px; height: 210px; }
    .site-footer { padding: 24px var(--gutter-mobile) 26px; }
    .footer-directory { grid-template-columns: 1fr; gap: 18px; }
    .footer-legal { display: block; }
    .footer-legal > * { display: inline-block; margin: 8px 14px 0 0; }
    .footer-legal-right { display: block; margin: 0; }
    .footer-legal-right > * { display: inline-block; margin: 8px 14px 0 0; }
  }

  @media (min-width: 1024px) {
    :root { --gutter: 40px; }
  }

  @media (max-width: 340px) {
    [data-ui-book-form] .grid-dates,
    [data-ui-book-form] .grid-stay { grid-template-columns: 1fr; }
  }

  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; }
    .cta:is(:hover, :focus-visible) .cta-chev { transform: none; }
  }
}

@layer exceptions {
  @media (max-width: 768px) {
    [data-ui-contract="home-reading-copy"], [data-ui-contract="home-reading-quote"] { font-size: 18px; }
  }

  
  [data-ui-home-reviews] .review-read-more { color: var(--text-secondary); }

  

  
  @media (max-width: 768px) {
    [data-strip-variant="photo-proof"].strip-section { padding-left: 0; }
    [data-strip-variant="photo-proof"] .strip-header { padding: 0 var(--gutter-mobile); margin-bottom: 20px; }
    [data-strip-variant="photo-proof"] .strip-frame { position: relative; }
    [data-strip-variant="photo-proof"] .strip-scroll {
      padding: 0;
      -webkit-mask-image: none;
      mask-image: none;
    }
    [data-strip-variant="photo-proof"] [data-ui-strip-track] { gap: 0; }
    [data-strip-variant="photo-proof"] [data-ui-strip-item] {
      flex-basis: 100%;
      width: auto;
      height: auto;
      aspect-ratio: 7 / 5;
    }
    [data-strip-variant="photo-proof"] .strip-card { border-radius: 0; }
    [data-strip-variant="photo-proof"] .strip-card--quote {
      height: auto;
      min-height: 320px;
      aspect-ratio: auto;
      
      justify-content: flex-start;
      
      padding: 28px var(--gutter-mobile) 24px;
      border-radius: 0;
    }
    [data-strip-variant="photo-proof"] .strip-card--quote cite {
      order: -1;
      margin-top: 0;
      margin-bottom: 14px;
      
      line-height: 21px;
    }
    [data-strip-variant="photo-proof"] .strip-card--quote blockquote {
      font-size: 18px;
      line-height: 1.5;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 8;
      overflow: hidden;
    }
    
    [data-strip-variant="photo-proof"] .strip-card--quote .quote-desktop { display: none; }
    [data-strip-variant="photo-proof"] .strip-card--quote .quote-mobile { display: -webkit-box; }
    [data-strip-variant="photo-proof"] .strip-card--quote cite strong { font-size: 18px; }
    [data-strip-variant="photo-proof"] .strip-overlay { padding: 20px var(--gutter-mobile); }
    
    [data-strip-variant="photo-proof"] .strip-nav {
      position: absolute;
      top: 12px;
      right: 12px;
      z-index: 2;
      padding: 3px 8px;
      background: rgba(255, 255, 255, .92);
      border-radius: 999px;
      color: var(--text-primary);
    }
    [data-strip-variant="photo-proof"] .strip-arrow { display: none; }
    
    [data-strip-variant="photo-proof"] .strip-count {
      min-width: 0;
      margin-right: 0;
      font-size: 11px;
      line-height: 1.4;
    }
    
    [data-strip-variant="photo-proof"] .strip-dots {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 8px;
      margin: 16px 0 4px;
    }
    [data-strip-variant="photo-proof"] .strip-dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--ink-secondary, #a1a1a6);
      flex: 0 0 auto;
    }
    [data-strip-variant="photo-proof"] .strip-dot.is-current {
      background: var(--text-primary);
    }
  }
}

.intro-text > .inner > .tag,
.deluxe-opening > .inner > .tag,
.suite-opening > .inner > .tag {
  margin: 0 0 12px;
  font-size: var(--fs-label);
  line-height: var(--lh-label);
}

.s-text .tag,
.s-text-surface .tag,
.act-section .tag,
.day-section .tag,
.s-facts .tag,
.closing .tag {
  font-size: var(--fs-label);
  line-height: var(--lh-label);
}

.intro-text > .inner > .page-h1,
.deluxe-opening > .inner > .page-h1,
.suite-opening > .inner > .page-h1 {
  margin-top: 0;
}

.suite-opening > .inner {
  max-width: 760px;
}

@layer components {
  .site-nav { backdrop-filter: blur(20px); }
  .wordmark { letter-spacing: 0.01em; }
  .nav-links a { transition: opacity 160ms; }
  .tray-label { font-weight: 500; }
  .nav-tray-links small { line-height: 1.35; }
  .nav-whatsapp { padding: 13px; margin: -13px -4px -13px -13px; box-sizing: content-box; transition: opacity 160ms; }
  .nav-whatsapp:hover { opacity: 0.65; }
  .hamburger { cursor: pointer; margin-right: -13px; }
  .intro-hero, .s-hero { background: var(--bg); }
  .intro-text, .s-text, .s-text-surface { padding: 100px var(--gutter-desktop); background: var(--bg); }
  .s-text .inner, .s-text-surface .inner { max-width: 640px; }
  .s-text h2, .s-text-surface h2 { margin-bottom: 20px; }
  .s-text .sub-head, .s-text-surface .sub-head { margin-bottom: 20px; }
  .s-text p:last-child, .s-text-surface p:last-child { margin-bottom: 0; }
  .media-stack { display: grid; gap: 8px; background: var(--bg); }
  .s-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; background: var(--bg); }
  .s-grid .cell { background: var(--bg); }
  .hs-wrap { position: relative; }
  .hs .hs-label { position: absolute; bottom: 150%; left: 50%; transform: translateX(-50%); white-space: nowrap; background: rgba(29, 29, 31, .92); color: #fff; font-size: 12px; font-weight: 500; padding: 6px 10px; border-radius: 8px; opacity: 0; pointer-events: none; transition: opacity .15s; }
  .page-h1 { font-weight: 600; margin-bottom: 20px; }
  .intro-sub { letter-spacing: 0.216px; color: var(--text-secondary); max-width: 720px; }
}

@layer components {
  .act-card,
  .fact-card,
  .day-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 36px 32px;
  }

  .room-rate-card[aria-current="page"] {
    background: #ececf0;
    border-color: #c7c7cc;
  }
}

@media (max-width: 768px) {
  
  .act-card,
  .day-card {
    padding: 28px 24px;
  }

  
  .intro-text, .s-text, .s-text-surface { padding: 60px var(--gutter-mobile); }
}

a.cta[href^="/book/"],
a.cta[href^="https://wa.me/"] {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 8px;
  background: var(--text-primary, #1d1d1f);
  color: #fff;
}