/* Keep the restaurant name legible without changing the sticky header height. */
.site-header .brand>span{display:block;font-size:20px;font-weight:700;letter-spacing:.055em;line-height:1.25;white-space:nowrap}
.site-header .brand small{font-size:11px;font-weight:600;letter-spacing:.085em;line-height:1.4;margin-top:4px}
.site-header .header-reserve-compact{display:none}
.site-header .header-reserve-full,.site-header .header-reserve-compact{font-size:inherit;line-height:inherit}
@media(min-width:761px) and (max-width:1250px){.site-header .desktop-nav{display:none}.site-header .nav-toggle{display:block}.mobile-navigation{top:96px}}
@media(max-width:760px){
 .site-header{gap:8px}.site-header .brand{gap:8px}.site-header .brand img{height:50px}
 .site-header .brand>span{font-size:16px;letter-spacing:.025em}.site-header .brand small{font-size:10px;letter-spacing:.035em;margin-top:3px}
 .site-header .header-actions{gap:4px}.site-header .header-actions .button{font-size:9px;padding:10px 12px;white-space:nowrap}
 .site-header .header-actions .button .header-reserve-full{display:none}.site-header .header-actions .button .header-reserve-compact{display:inline}
}
@media(max-width:360px){.site-header{gap:6px}.site-header .brand{gap:6px}.site-header .brand img{height:46px}.site-header .brand>span{font-size:14px;letter-spacing:.01em}.site-header .brand small{font-size:8.5px;letter-spacing:.025em}.site-header .header-actions{gap:2px}.site-header .header-actions .button{padding-inline:10px}}