:root{--header-height:96px;--header-offset:96px;--nav-motion:360ms cubic-bezier(.22,.68,.2,1)}
body{padding-top:var(--header-height)}
.site-header{position:fixed;inset:0 0 auto;height:var(--header-height);display:flex;align-items:center;gap:36px;padding:0 5%;background:#fafaf8;color:#232421;border-bottom:1px solid var(--rule);z-index:40;transform:translateY(0);transition:transform var(--nav-motion)}
.header-hidden{--header-offset:0px}.header-hidden .site-header{transform:translateY(-100%)}
.logo{display:flex;align-items:center;gap:17px;flex-shrink:0}.logo img{width:51px;height:64px;object-fit:contain;filter:invert(1)}.logo>span{display:block;font-size:13px;font-weight:500;line-height:1.7}.logo small{font-size:9px;color:var(--muted);font-weight:400}
.site-header nav{display:flex;margin-left:auto;gap:26px}.site-header nav a{font-size:12px;padding:10px 0;position:relative}.site-header nav a:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:#725736;transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover:after{transform:scaleX(.5)}.site-header nav a[aria-current]:after{transform:scaleX(1)}.site-header nav a[aria-current]{color:#725736}
.site-header>.booking{background:#232421;color:white;border:1px solid #232421;padding:13px 20px;gap:24px}.site-header>.booking:hover{background:#40443d}.menu{display:none}
@media(min-width:901px) and (max-width:1100px){.site-header{gap:20px}.site-header nav{gap:14px}.logo{gap:8px}.logo>span{font-size:11px}.logo img{width:46px}.site-header>.booking{padding:11px 14px;gap:12px}}
@media(max-width:900px){:root{--header-height:76px;--header-offset:76px}.site-header{gap:15px}.logo{gap:8px}.logo img{width:34px;height:48px}.logo>span{font-size:10px}.logo small{font-size:7px}.site-header>.booking{margin-left:auto;padding:9px 12px;gap:10px;font-size:10px}.menu{display:flex;flex-direction:column;justify-content:center;gap:7px;width:36px;height:40px;flex-shrink:0;border:0;background:none;padding:5px;color:#232421}.menu span{width:25px;height:1px;background:currentColor}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fafaf8;border-bottom:1px solid var(--rule);padding:22px 7%;flex-direction:column;gap:5px;margin:0}.site-header nav.open{display:flex}.site-header nav a{font-size:16px;width:fit-content}}
@media(max-width:360px){.logo>span{display:none}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header nav a:after{transition:none}}