/* The typographic identity introduces both menus; the coloured logo is the hover surprise. */
.site-header .brand-image>img:not(.brand-wordmark){opacity:0}
.site-header .brand-image>img.brand-wordmark{opacity:1}
.site-header .brand-image:focus-visible>img:not(.brand-wordmark){opacity:1}
.site-header .brand-image:focus-visible>img.brand-wordmark{opacity:0}
#site-menu.refined-menu .drawer-logo{position:relative;width:210px;height:66px;flex:none;isolation:isolate}
#site-menu.refined-menu .drawer-logo>img{position:absolute;inset:0;width:100%;height:100%;margin:auto;object-fit:contain;transition:opacity .5s ease;pointer-events:none}
#site-menu.refined-menu .drawer-logo>img:not(.brand-wordmark){opacity:0}
#site-menu.refined-menu .drawer-logo>img.brand-wordmark{opacity:1}
#site-menu.refined-menu .drawer-logo:focus-visible>img:not(.brand-wordmark){opacity:1}
#site-menu.refined-menu .drawer-logo:focus-visible>img.brand-wordmark{opacity:0}
.site-header .top-navigation{gap:clamp(11px,1.6vw,24px);font:400 16px/1.3 MadeMirage,Georgia,serif;letter-spacing:.045em;text-transform:uppercase}
.site-header .top-navigation :is(a,summary){font:inherit;letter-spacing:inherit;text-transform:inherit}
.site-header .top-navigation .nav-dropdown>div{min-width:220px}
.site-header .top-navigation .nav-dropdown>div>a{font:400 15px/1.4 MadeMirage,Georgia,serif;letter-spacing:.04em;text-transform:uppercase}
#site-menu.refined-menu .menu-layout .drawer-navigation :is(.menu-primary>a,.menu-secondary>a){font:400 22px/1.4 MadeMirage,Georgia,serif;letter-spacing:.045em;text-transform:uppercase;padding:7px 0}
#site-menu.refined-menu .menu-category>summary{font:400 21px/1.4 MadeMirage,Georgia,serif;letter-spacing:.045em;text-transform:uppercase}
#site-menu.refined-menu .menu-category-links>a{font:400 18px/1.4 MadeMirage,Georgia,serif;letter-spacing:.04em;text-transform:uppercase;padding:8px 0}
#site-menu.refined-menu .menu-bottom>a{font:400 16px/1.5 MadeMirage,Georgia,serif!important;letter-spacing:.06em;text-transform:uppercase}
.site-header .menu-toggle{font:400 15px/1.4 MadeMirage,Georgia,serif;letter-spacing:.05em;text-transform:uppercase}
@media(hover:hover) and (pointer:fine){
 .site-header .brand-image:hover>img:not(.brand-wordmark),#site-menu.refined-menu .drawer-logo:hover>img:not(.brand-wordmark){opacity:1}
 .site-header .brand-image:hover>img.brand-wordmark,#site-menu.refined-menu .drawer-logo:hover>img.brand-wordmark{opacity:0}
}
@media(max-width:760px){
 #site-menu.refined-menu .menu-layout .drawer-navigation :is(.menu-primary>a,.menu-secondary>a){font-size:20px;padding:6px 0}
 #site-menu.refined-menu .menu-category>summary{font-size:20px}
 #site-menu.refined-menu .drawer-logo{width:200px;height:64px}
 .site-header .menu-toggle{font-size:14px;letter-spacing:.035em}
}
@media(prefers-reduced-motion:reduce){#site-menu.refined-menu .drawer-logo>img{transition:none}}

/* Reserve the fixed header independently from the private preview banner. */
:root{--site-header-height:138px}
body{padding-top:var(--site-header-height)}
.sandbox{margin-top:0!important}
html{scroll-padding-top:calc(var(--site-header-height) + 24px)}
.reservation{top:auto}
@media(max-width:1100px) and (min-width:761px){:root{--site-header-height:122px}}
@media(max-width:760px){:root{--site-header-height:79px}}