/* Voyage SPA wordmark: editorial serif with a restrained spa signature. */
.logo{gap:12px;flex-shrink:0}
.logo svg{width:34px;height:34px;flex-shrink:0;color:#c9a46b}
.logo .wm{gap:5px}
body.f-serif .logo b,.foot .brand-name{display:flex;align-items:center;gap:11px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(27px,2.2vw,34px);font-weight:500;line-height:1;letter-spacing:-.035em;white-space:nowrap}
.brand-name .brand-voyage{font-style:italic}
.brand-name .brand-spa{display:inline-block;padding:4px 0 3px 11px;border-left:1px solid rgba(208,168,101,.45);font-family:var(--sans);font-size:9px;font-style:normal;font-weight:400;line-height:1.2;letter-spacing:.22em;color:#dcc49d}
.logo .wm small{font-size:8px;font-weight:400;letter-spacing:.15em;line-height:1.4;color:#b8ad9b}
.foot .brand-name{gap:11px;font-size:29px;letter-spacing:-.035em}
@media(max-width:900px){
 .logo{gap:9px}
 .logo svg{width:27px;height:29px}
 body.f-serif .logo b{font-size:27px;gap:8px;letter-spacing:-.035em}
 .logo .brand-spa{padding-left:8px;font-size:8px;letter-spacing:.16em}
 .logo .wm small{display:none}
 .foot .brand-name{font-size:27px}
}
@media(max-width:359px){
 .logo{gap:6px}
 .logo svg{width:23px}
 body.f-serif .logo b{font-size:24px;gap:6px}
 .logo .brand-spa{padding-left:6px;font-size:7px}
}