/* Give the boutique name priority over the introductory headline. */
.header{min-height:154px;height:auto;padding-top:18px;padding-bottom:18px;gap:30px}
.header .brand>span{font-family:'Bodoni Moda',Didot,'Bodoni MT',serif;font-size:44px;font-weight:600;font-optical-sizing:none;font-variation-settings:'opsz' 96;letter-spacing:-1.2px}
.header .brand small{font-size:13px;letter-spacing:4px;margin-top:10px}
.hero h1{font-size:clamp(38px,3.5vw,54px);letter-spacing:-1.2px}
@media(max-width:1100px) and (min-width:761px){.header .brand>span{font-size:29px;letter-spacing:-.7px}.header .brand img{width:80px;height:80px}.header .brand small{font-size:11px;letter-spacing:3px}.header nav{gap:10px;font-size:11px}.header{gap:18px;padding-left:3%;padding-right:3%}.header .brand{gap:10px}}
@media(max-width:760px){.header{min-height:155px;padding:20px 6%;display:grid;grid-template-columns:1fr auto;gap:12px}.header .brand{gap:12px;min-width:0}.header .brand img{width:68px;height:68px}.header .brand>span{font-size:clamp(27px,7vw,42px);letter-spacing:-.7px;line-height:1.15}.header .brand small{font-size:11px;letter-spacing:2px;margin-top:9px}.menu-toggle{font-size:0;padding:8px;gap:0}.menu-toggle>span{font-size:24px}.header nav{top:100%}.hero h1{font-size:clamp(29px,7vw,40px);letter-spacing:-.7px}.hero{padding-top:30px}}
@media(max-width:380px){.header{padding-left:5%;padding-right:5%;gap:6px;min-height:140px}.header .brand img{width:54px;height:54px}.header .brand{gap:8px}.header .brand>span{font-size:25px}.header .brand small{font-size:10px;letter-spacing:1.6px}}

@media(max-width:760px){.header .brand>span{min-width:0;overflow-wrap:normal}.header .brand{align-items:center}.header .brand small{line-height:1.5}.header{min-height:165px}}