/* The layout, typography and components are the published reference site's CSS.
   These additions adapt its controls and store-specific content to static HTML. */
[hidden]{display:none!important}
html{scroll-padding-top:100px}
.skip-link{position:fixed;left:16px;top:-80px;z-index:200;background:#fff;color:#3d3d3d;padding:12px 18px;border:2px solid #6b60a0}
.skip-link:focus{top:12px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #316e6a;outline-offset:4px}
.mobileOverlay{overflow-y:auto;padding:90px 24px 24px;justify-content:flex-start;gap:0}
.mobileOverlay a{padding:10px 0}
.menuToggle{min-width:44px;min-height:44px}
.annexHeroBottom{position:absolute;bottom:18px;left:24px;right:24px;z-index:5;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;color:white;font-size:10px;text-shadow:0 1px 3px #000}
.video-toggle{border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:8px 14px;color:#fff;background:rgba(0,0,0,.35);font:inherit;cursor:pointer;min-height:40px;white-space:nowrap}
.luxeBrand{letter-spacing:.16em!important}
.annex-photo-note{font-size:11px;line-height:1.8;color:var(--text-lt);margin-top:16px;text-align:center}
#reservation{scroll-margin-top:100px}
.faqItem summary{cursor:pointer;list-style:none}
.faqItem summary::-webkit-details-marker{display:none}
.faqItem[open] .faqIcon{transform:rotate(45deg)}
.faqItem .faqA{display:block}
@media(max-width:600px){.annexHeroBottom{bottom:12px;left:16px;right:16px;gap:8px;font-size:9px}.luxeBrand{font-size:10px!important;letter-spacing:.12em!important}.annexHeroBottom .video-toggle{font-size:10px}.mobileOverlay a{font-size:16px;padding:9px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mobileOverlay a.navBtn{color:#fff}
@media(prefers-reduced-motion:reduce){.luxeContent>*,.luxeCorner,.luxeScroll,.luxeFlow{opacity:1!important;transform:none!important}}