.site-navigation{position:sticky;top:0;width:calc(100% - 2 * var(--site-gutter));max-width:var(--site-width);height:88px;margin:auto;display:flex;align-items:center;z-index:80;gap:24px;background:var(--bg);--menu-accent:color-mix(in srgb,var(--blue) 80%,var(--ink))}
.site-navigation .primary-navigation{display:flex;align-items:center;margin-left:auto;font:16px/1.5 Inter,system-ui,sans-serif}
.site-navigation .utilities{display:flex;gap:0;flex:none}.site-navigation .utilities a,.site-navigation .utilities button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px;font:16px/1.5 Inter,system-ui,sans-serif;background:none;border:0}
.site-navigation .utilities #theme{border-left:1px solid var(--line);margin-left:8px;padding-left:16px}
.site-navigation .nav-booking{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:var(--bg);font:16px/1.5 Inter,system-ui,sans-serif;white-space:nowrap;flex:none}
.site-navigation .nav-booking:hover{background:var(--menu-accent);border-color:var(--menu-accent)}
.page-menu summary{display:flex;gap:8px;align-items:center;min-width:44px;min-height:44px;cursor:pointer;list-style:none;user-select:none;font:16px/1.5 Inter,system-ui,sans-serif}.page-menu summary::-webkit-details-marker{display:none}
.page-menu summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:6px}
.page-menu summary svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.page-menu[open] .menu-chevron{transform:rotate(180deg)}.page-menu .menu-bars{display:none}
.menu-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 320px;gap:32px;padding:32px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 56px -24px #17251d52;max-height:calc(100dvh - 120px);overflow:auto;font:16px/1.5 Inter,system-ui,sans-serif}
.menu-panel h2,.menu-tool-label{font:500 14px/1.5 Inter,system-ui,sans-serif;color:var(--muted);margin:0 0 16px;letter-spacing:normal;text-transform:none}
.menu-tool-label{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.menu-panel .menu-entry{display:flex;align-items:center;gap:16px;padding:8px;border-radius:10px;min-height:64px;font:16px/1.5 Inter,system-ui,sans-serif;transition:background 160ms ease-out,color 160ms ease-out}
.menu-panel a:hover,.menu-panel a[aria-current=page]{background:var(--wash);color:var(--menu-accent)}
.menu-panel a>svg,.menu-feature-copy>svg,.menu-panel button svg{width:16px;height:16px;flex:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-left:auto}
.menu-icon-tile{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--wash);flex:none;color:var(--muted)}
.menu-icon{display:block;width:24px;height:24px;background:currentColor;mask-image:var(--icon);mask-repeat:no-repeat;mask-position:center;mask-size:contain}
.menu-entry:hover .menu-icon-tile,.menu-entry[aria-current=page] .menu-icon-tile{color:var(--menu-accent)}
.menu-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.menu-title{font:500 16px/1.5 Inter,system-ui,sans-serif}.menu-description{font:14px/1.5 Inter,system-ui,sans-serif;color:var(--muted)}
.menu-panel .menu-child{margin-left:56px;min-height:44px}.menu-child .menu-title{font-weight:400}
.menu-panel .menu-feature{display:block;align-self:start;border-radius:16px;overflow:hidden;background:var(--bg)}
.menu-feature>img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}
.menu-feature-copy{display:block;position:relative;padding:24px}.menu-feature-label{display:block;font:500 14px/1.5 Inter,system-ui,sans-serif;color:var(--muted);margin-bottom:8px}
.menu-feature-title{display:block;font:400 22px/1.35 Sora,system-ui,sans-serif}.menu-feature-copy>svg{margin-top:16px}
.menu-legal{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line);padding-top:16px;font:14px/1.5 Inter,system-ui,sans-serif;color:var(--muted)}
.menu-legal a{font:14px/1.5 Inter,system-ui,sans-serif;min-height:24px;padding:0}
.menu-mobile-toolbar,.menu-group-button,.menu-panel .menu-mobile-cta{display:none}
@media(min-width:900px) and (max-width:1199px){.menu-panel{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 260px}}
@media(max-width:899px){
 .site-navigation .nav-booking{display:none}.page-menu summary{justify-content:center}.page-menu .menu-word,.page-menu .menu-chevron{display:none}.page-menu .menu-bars{display:block;width:24px;height:24px}
 .menu-panel{position:fixed;inset:88px 0 0;display:block;max-height:calc(100dvh - 88px);padding:24px;border:0;border-radius:0;box-shadow:none;overflow:auto}
 .menu-group{margin-bottom:32px}.menu-panel .menu-feature{margin-top:32px}.menu-feature>img{aspect-ratio:2}
 .menu-legal{margin-top:32px;justify-content:flex-start;gap:16px}.menu-legal a{min-height:24px}
 .menu-panel .menu-mobile-cta{display:flex;align-items:center;justify-content:center;gap:16px;min-height:48px;border-radius:6px;background:var(--ink);color:var(--bg);font:16px/1.5 Inter,system-ui,sans-serif}
 .menu-mobile-cta>svg{margin-left:0!important}.nav-ready.menu-is-open{overflow:hidden}
 .nav-ready .menu-panel{inset:0;min-height:100dvh;max-height:100dvh;padding:20px 20px 96px}
 .nav-ready .menu-mobile-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:32px;min-height:44px}
 .menu-mobile-toolbar button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px;border:0;background:none;font:14px/1.5 Inter,system-ui,sans-serif}
 .menu-back>svg{transform:rotate(180deg);margin:0!important}.menu-mobile-title{flex:1;font:400 22px/1.35 Sora,system-ui,sans-serif}.menu-close{margin-left:auto}.menu-close svg{width:24px!important;height:24px!important;margin:0!important}
 .nav-ready .menu-group{margin:0}.nav-ready .menu-group-content{display:none}
 .nav-ready .menu-group-button{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:24px 0;min-height:76px;border:0;border-bottom:1px solid var(--line);background:none;font:400 22px/1.35 Sora,system-ui,sans-serif;text-align:left}
 .nav-ready .menu-panel[data-active-group] .menu-group,.nav-ready .menu-panel[data-active-group] .menu-feature,.nav-ready .menu-panel[data-active-group] .menu-legal{display:none}
 .nav-ready .menu-panel[data-active-group] .menu-group.is-active{display:block}.nav-ready .menu-panel[data-active-group] .menu-group-button{display:none}.nav-ready .menu-panel[data-active-group] .menu-group-content{display:block}.nav-ready .menu-panel[data-active-group] .menu-group-content h2{display:none}
 .nav-ready .menu-mobile-cta{position:fixed;inset:auto 20px 20px;margin:0}
}
@media(max-width:760px){.site-navigation{height:76px;gap:8px}.site-navigation .brand img{width:114px}.site-navigation .utilities #theme{padding-left:8px;margin-left:0}}
@media(prefers-reduced-motion:reduce){.site-navigation *{transition:none!important}}
/* Override the incumbent story navigation's generic descendant rules. */
.site-navigation .menu-legal{display:flex}
.site-navigation .menu-legal a{font:14px/1.5 Inter,system-ui,sans-serif}
.site-navigation #language{font:16px/1.5 Inter,system-ui,sans-serif}
.site-navigation .utilities #language{font:16px/1.5 Inter,system-ui,sans-serif}
.menu-mobile-toolbar button[hidden]{display:none}
@media(min-width:900px){
 .menu-group{display:flex;align-self:stretch;min-width:0}
 .menu-group-content{display:flex;flex-direction:column;width:100%}
 .menu-group-content>h2{flex:none}
 .menu-group-content>.menu-entry{flex:none}
 .menu-group-content>.menu-entry:last-child{margin-top:auto}
 .menu-group-content>.menu-tool-label{margin-top:auto}
 .menu-group-content>.menu-tool-label+.menu-entry{margin-top:0}
 .menu-panel .menu-feature{display:flex;flex-direction:column;align-self:stretch}
 .menu-feature>img{flex:1;min-height:0;aspect-ratio:auto;object-fit:cover}
 .menu-feature-copy{flex:none}
}
/* fit.css is loaded late by the home runtime; shared chrome has fixed spec heights. */
.navigation.site-navigation{height:88px}
@media(max-width:760px){.navigation.site-navigation{height:76px}}
.menu-promotions{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:16px;align-self:stretch;min-width:0}
.menu-promotions .menu-feature{min-height:0;margin:0}
.menu-promotions .menu-feature-copy{padding:20px}
.menu-promotions .menu-feature-title{font-size:20px}
.menu-promotions .menu-feature-copy>svg{margin-top:8px}
.menu-panel .menu-newsletter{display:flex;flex-direction:column;min-width:0;min-height:0;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--wash)}
.menu-promotion-link{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:20px;font:16px/1.5 Inter,system-ui,sans-serif;text-decoration:underline;text-underline-offset:5px}
.menu-promotion-link>svg{width:16px;height:16px;margin-left:auto;flex:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:899px){
 .menu-promotions{margin-top:32px;grid-template-rows:auto auto}
 .menu-promotions .menu-feature{margin-top:0}
 .menu-promotions .menu-feature>img{aspect-ratio:2}
 .menu-panel .menu-newsletter{min-height:220px}
 .nav-ready .menu-panel[data-active-group] .menu-promotions{display:none}
}
/* 96b: one natural-ratio image; the original menu owns the available height. */
@media(min-width:900px){.site-navigation:has(.page-menu[open])::after{content:'';position:fixed;inset:0;z-index:-1;background:var(--bg);pointer-events:none}}
.menu-single-promotion{display:block;align-self:end;min-width:0}
.menu-single-promotion .menu-feature{display:block;align-self:start}
.menu-single-promotion .menu-feature>img{display:block;flex:none;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none}
.menu-single-promotion .menu-feature-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:20px}
.menu-single-promotion .menu-feature-label{grid-column:1/-1;margin:0}
.menu-single-promotion .menu-feature-title{font-size:20px;grid-column:1}
.menu-single-promotion .menu-feature-copy>svg{grid-column:2;align-self:center;margin:0}
@media(min-width:900px) and (max-height:800px){
 .menu-panel:has(.menu-single-promotion){padding-block:16px;row-gap:16px}
 .menu-panel:has(.menu-single-promotion) .menu-entry{padding-block:4px}
 .menu-panel:has(.menu-single-promotion) .menu-copy{gap:4px}
 .menu-panel:has(.menu-single-promotion) .menu-group-content>h2{margin-bottom:12px}
}
