:root{--guide-height:0px;--menu-clearance:calc(var(--main-header-height) + 16px);--nav-red:#ed1c24;--liquid-highlight-x:16%;--liquid-highlight-y:12%;--liquid-reflection-start:-70%;--liquid-reflection-end:128%;--liquid-reflection-angle:18deg}
.site-header{gap:18px}
@media(min-width:821px){.hero-copy{padding-top:calc(var(--main-header-height) + 85px)}}
.site-header nav{flex-wrap:nowrap;align-items:center;gap:clamp(12px,2vw,28px);min-width:0;overflow-x:auto;scrollbar-width:none}
.site-header nav::-webkit-scrollbar{display:none}
.site-header nav a{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:8px 4px;white-space:nowrap;transition:color .2s ease;background:transparent}
.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--nav-red);border-color:transparent;background:#07080c;text-shadow:none}
.site-header nav a:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.button{position:relative;overflow:hidden;isolation:isolate;color:#fff8ef;border-color:rgba(255,255,255,.2);background:radial-gradient(circle at var(--liquid-highlight-x) var(--liquid-highlight-y),rgba(255,255,255,.12),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(237,28,36,.055) 50%,rgba(255,255,255,.04)),rgba(0,0,0,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.06),0 7px 16px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.05);backdrop-filter:blur(14px) saturate(128%);transition:color 1500ms,background 1500ms,border-color 1500ms,box-shadow 1500ms,transform 1500ms}
.button:hover,.button:focus-visible,.button:active{color:#fff;border-color:rgba(255,255,255,.52);background:radial-gradient(circle at var(--liquid-highlight-x) var(--liquid-highlight-y),rgba(255,255,255,.18),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.12),rgba(237,28,36,.23) 58%,rgba(255,255,255,.08)),rgba(237,28,36,.24);transform:translateY(-1px)}
.button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.button::after{position:absolute;inset:-45% auto -45% var(--liquid-reflection-start);width:42%;transform:rotate(var(--liquid-reflection-angle));background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);content:"";opacity:0;pointer-events:none}
.button:hover::after,.button:focus-visible::after,.button:active::after{animation:baoliLiquidReflection 1500ms ease forwards}
@keyframes baoliLiquidReflection{0%{left:var(--liquid-reflection-start);opacity:0}18%{opacity:.62}100%{left:var(--liquid-reflection-end);opacity:0}}
@media(max-width:820px){.site-header{gap:10px;padding-inline:12px}.site-header .brand{flex:none}.site-header nav{gap:8px}.site-header nav a{font-size:11px;letter-spacing:0;text-transform:none}.site-header .brand img{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button::after{animation:none!important}.button:hover,.button:focus-visible,.button:active{transform:none}}
@media(max-width:820px){.button{width:fit-content;max-width:100%;padding-inline:16px;align-self:flex-start}.reservation-band .button{width:fit-content;align-self:flex-start}}