/* Full navigation fits comfortably from 900px; narrower tablets use disclosure. */
.menu-toggle,.mobile-book-link,.mobile-menu-contact{display:none}
@media(max-width:899px){
 .hero>.header-backdrop,.site-header .header-backdrop{height:88px}
 .hero>.rule,.site-header .rule{top:88px}
 .site-header{height:88px}
 .hero .logo,.site-header .logo{top:8px!important;left:5%!important}
 .hero .brand-logo,.site-header .brand-logo{width:105px;height:72px}
 .hero>a.book,.site-header>a.book{display:none}
 .hero>.menu-toggle,.site-header>.menu-toggle{display:flex;align-items:center;gap:12px;position:fixed;right:5%;top:22px;z-index:1002;height:44px;padding:0 14px;border:1px solid #c6a46b;border-radius:24px;background:transparent;color:#f4efe5;font:600 14px/1 Arial;cursor:pointer}
 .menu-toggle-icon{display:flex;flex-direction:column;gap:5px;width:20px}
 .menu-toggle-icon i{display:block;height:2px;width:20px;background:currentColor}
 .menu-toggle[aria-expanded="true"] .menu-toggle-icon i:first-child{transform:translateY(7px) rotate(45deg)}
 .menu-toggle[aria-expanded="true"] .menu-toggle-icon i:nth-child(2){opacity:0}
 .menu-toggle[aria-expanded="true"] .menu-toggle-icon i:last-child{transform:translateY(-7px) rotate(-45deg)}
 .hero>.nav,.site-header>.nav{display:none;position:fixed;left:0;right:0;top:89px;width:100%;height:auto;max-height:calc(100dvh - 89px);overflow-y:auto;margin:0;padding:18px 5% 26px;background:#472327;color:#fff7ed;z-index:1001;gap:0;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;font:17px/1.4 Arial;box-shadow:0 14px 24px #0003}
 .hero>.nav.is-open,.site-header>.nav.is-open{display:flex}
 .hero>.nav a,.site-header>.nav a{display:block;padding:15px 4px;text-decoration:none;border-bottom:1px solid #c6a46b55}
 .hero>.nav .mobile-book-link,.site-header>.nav .mobile-book-link{display:block;border:1px solid #c6a46b;border-radius:99px;margin-top:18px;padding:13px 22px;text-align:center;font-size:15px}
 .menu-toggle:focus-visible{outline:2px solid #c6a46b;outline-offset:4px}
 .hero{padding-top:145px}
}

@media(max-width:899px){
 html.mobile-menu-open,html.mobile-menu-open body{overflow:hidden}
 html.mobile-menu-open .header-backdrop{background:#472327}
 .hero>.nav,.site-header>.nav{height:calc(100vh - 89px);height:calc(100dvh - 89px);max-height:none;padding-bottom:max(26px,env(safe-area-inset-bottom));overscroll-behavior:contain}
 .hero>.nav>*,.site-header>.nav>*{flex-shrink:0}
 .mobile-menu-contact{display:flex;flex-direction:column;margin-top:auto;padding-top:36px}
 .hero>.nav .mobile-menu-contact a,.site-header>.nav .mobile-menu-contact a{border:0;padding:10px 4px;font:15px/1.4 Arial}
}

@media(max-width:899px){.mobile-menu-email{display:block;padding:10px 4px;color:#ffb3b3!important;font:15px/1.4 Arial;overflow-wrap:anywhere}}

@media(max-width:899px){.site-header{height:0}.hero-page{padding-top:145px}}