/* Cloud’s Boarding House transparent wordmark; infrastructure remains under the separate Haven project. */
header .brand,footer .brand{font-size:0;gap:.75rem}header .brand>span,footer .brand>span{display:inline-block;flex:0 0 auto;box-sizing:border-box;border-radius:50%;background:#fff center/contain no-repeat url('/media/brand-logo.svg');box-shadow:0 2px 12px rgba(6,38,79,.2);color:transparent;font-size:0}header .brand>span{width:4rem;height:4rem;padding:.18rem}header .brand::after,footer .brand::after{content:"Cloud’s Boarding House";font:700 clamp(1.05rem,2.4vw,1.35rem)/1.1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em;color:inherit}footer .brand>span{width:3.15rem;height:3.15rem;padding:.14rem;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 16px rgba(0,0,0,.28)}footer .brand::after{font-size:1rem}
/* Preserve the footer wordmark contrast on its dark background. */
footer .brand{color:#fff}
header .brand.brandHasWordmark::after,footer .brand.brandHasWordmark::after{content:none}
header .brand.brandHasWordmark{width:clamp(11rem,20vw,14rem);min-height:0;padding:.35rem;box-sizing:border-box;flex:0 1 auto}
header .brand.brandHasWordmark .brandLogo{max-height:4rem}
footer .brand.brandHasWordmark{display:inline-flex;width:clamp(14rem,31vw,19rem);padding:.75rem;box-sizing:border-box;border-radius:.75rem;background:#f7f2e8;overflow:hidden}
footer .brand.brandHasWordmark .brandLogo{width:100%;max-width:100%;min-width:0;flex:0 1 100%;margin:0}
@media(max-width:500px){header .brand.brandHasWordmark{width:10.5rem}header .brand.brandHasWordmark .brandLogo{max-height:3.4rem}footer .brand.brandHasWordmark{width:14rem}}