/* Centered header; compact on mobile, full copy on desktop. */
/* Hide scrollbar chrome without disabling scrolling. */
html,body{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
.m-only{display:none}
header{position:sticky;top:0;z-index:15;padding:calc(10px + env(safe-area-inset-top)) 0 12px;box-shadow:0 6px 18px -12px rgba(20,61,39,.55)}
header .wrap{display:flex;flex-direction:column;align-items:center;text-align:center}
.brand{justify-content:center;align-items:center;flex-direction:column;gap:0;min-height:44px}
.brand img.brand-logo{width:170px;height:auto;display:block;max-width:100%}
.brand .name{font-size:23px}
.brand .tagline{display:none}
.hero{margin-top:4px}
.hero h1{font-family:'DM Sans',sans-serif;font-size:13.5px!important;font-weight:500;letter-spacing:.01em;line-height:1.3;color:#CFE0D4;white-space:nowrap}
.hero p{display:none}
@media(min-width:760px){
 header{position:relative;padding:18px 0 26px}
 .brand{gap:0}
 .brand img.brand-logo{width:240px;height:auto}
 .brand .name{font-size:28px}
 .brand .tagline{display:block}
 .hero{margin-top:0}
 .hero h1{font-family:'Bricolage Grotesque','DM Sans',sans-serif;font-size:34px!important;font-weight:700;letter-spacing:-.02em;line-height:1.02;color:var(--cream);white-space:normal}
 .hero p{display:block}
}
@media(max-width:759px){
 .closed{margin-top:14px;padding:12px 14px;font-size:15px;border-radius:12px}
 #menu .cat:first-child{margin-top:16px}
 #menu .cat{margin:22px 0 10px}
}
@media(max-width:360px){.brand img.brand-logo{width:156px}}