/* 14 Oct 2026: The square Matcha Pilates logo image replaces the text MAT/CHA wordmark. */
.logo-sq{display:block;width:64px;height:64px;border-radius:6px;box-shadow:0 3px 10px rgba(28,68,48,.18);image-rendering:auto}
.wordmark.sq{gap:0}
.wordmark.sq .wm-group{margin-left:16px}
.hero-logo{position:absolute;z-index:3;right:calc(6vw + 42px);top:38px;width:176px;filter:drop-shadow(0 18px 28px rgba(28,68,48,.35))}
.hero-logo img{display:block;width:176px;height:176px;border-radius:10px;border:3px solid #fff}
.mini-logo{display:block;width:34px;height:34px;border-radius:4px;margin:0 auto 6px;border:1.5px solid rgba(255,255,255,.85)}
.about-mark.sq{padding:22px;border-top-width:5px}
.about-mark.sq img{display:block;width:340px;height:340px;max-width:100%;border-radius:10px}
.f-logo{width:60px;height:60px;box-shadow:none}
@media(max-width:1180px){.hero-logo{top:28px;width:150px}.hero-logo img{width:150px;height:150px}}
@media(max-width:980px){
 .hero-logo{position:relative;right:auto;top:auto;margin:30px auto 0;width:150px;order:-1}
 .hero-logo img{width:150px;height:150px}
 .logo-sq{width:54px;height:54px}
 .about-mark.sq img{width:280px;height:280px}
}
@media(min-width:981px){.hero-seal{transform:translateY(-22%)}.hero-logo{top:34px}}
.brand img.logo-sq{width:64px;height:64px;border-radius:6px}
.f-brand img.f-logo{width:60px;height:60px;border-radius:6px}
@media(max-width:980px){.brand img.logo-sq{width:56px;height:56px}}
/* t200u: smaller hero logo on phones so the global claim + example Top 5 reach the first screen */
@media(max-width:640px){.hero-logo{margin:18px auto 0;width:96px}.hero-logo img{width:96px;height:96px;border-width:2px}}
@media(min-width:1240px){.hero-logo{top:28px;width:140px}.hero-logo img{width:140px;height:140px}}
/* t204u: header square logo is now the single Matcha logo in the first screen, so give it a little more presence */
.brand img.logo-sq{width:72px;height:72px}
@media(max-width:980px){.brand img.logo-sq{width:60px;height:60px}}
.hero-logo{display:none!important}