/* The studio navigation stays consistent with the home page. */
#studio-header{height:96px;background:#f3f0e8;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:relative;z-index:5;gap:0;border:0}
#studio-header a{color:#22231f;text-decoration:none}
#studio-header .brand{font-family:Georgia,serif;font-size:34px;letter-spacing:0;display:inline-block;line-height:1;font-weight:400}
#studio-header .brand>img{display:block;width:185px;height:auto}
#studio-header .brand>span{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:3px;text-align:center;margin-top:9px;font-weight:400}
#studio-header nav{display:flex;align-items:center;gap:32px;font-size:12px;height:auto}
#studio-header nav>a{height:auto;display:inline;border:0}
#studio-header nav>a:not(.button):hover{color:#926b4c}
#studio-header nav>a[aria-current=page]{color:#926b4c}
#studio-header .button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;border:1px solid #22231f;padding:12px 20px;background:#22231f;color:#f3f0e8;font-size:12px;transition:.2s}
#studio-header .button:hover{background:#745940;border-color:#745940}
#studio-header .button span{font-size:20px}
#studio-header .menu{display:none}
.app-nav .reservation-label{margin-right:auto;font-size:9px;letter-spacing:2px;color:#977352}
@media(max-width:900px){#studio-header{height:80px}#studio-header nav{gap:18px}}
@media(max-width:650px){#studio-header{padding:0 6%}#studio-header .brand>img{width:157px}#studio-header .menu{display:block;background:transparent;border:0;font-size:24px}#studio-header nav{display:none;position:absolute;top:80px;left:0;right:0;background:#f3f0e8;padding:25px;flex-direction:column;align-items:stretch}#studio-header nav.open{display:flex}.app-nav .reservation-label{display:none}.app-nav{justify-content:space-between}}

/* The booking pages keep the same persistent studio navigation. */
#studio-header{position:sticky;top:0;z-index:50;box-shadow:0 1px 0 #d8d5cb}html{scroll-padding-top:104px}
@media(max-width:900px){html{scroll-padding-top:88px}}
@media(max-width:650px){#studio-header nav{max-height:calc(100dvh - 80px);overflow-y:auto}}
