/* One clean horizontal signature everywhere: butterfly + KBA. */
.brand,.kba-section-brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none;min-height:44px}
.brand .kba-brand-mark,.kba-section-brand .kba-brand-mark{display:block;width:64px;height:40px;object-fit:contain;flex:none;margin:0}
.brand .kba-brand-type,.kba-section-brand .kba-brand-type{display:block;margin:0;font:38px/1 Georgia,serif;letter-spacing:.06em;color:#f2e6cf}
.kba-section-brand{margin-bottom:24px}
.site-footer .brand{gap:14px}
.site-footer .kba-brand-mark{width:80px;height:50px}
.site-footer .kba-brand-type{font-size:46px}
@media(max-width:700px){.site-header .brand{gap:9px}.site-header .kba-brand-mark{width:54px;height:34px}.site-header .kba-brand-type{font-size:31px}}
@media(max-width:1100px){.site-header .desktop-nav{display:none}.site-header .mobile-menu{display:block}}
/* The symbol leaves the cauldron on a viewport layer, free of section clipping. */
.kba-butterfly-flight{position:fixed;z-index:100;pointer-events:none;width:88px;height:55px;perspective:350px;will-change:transform,opacity;filter:drop-shadow(0 0 8px #c5a56d44)}
.kba-flight-wing{position:absolute;top:0;bottom:0;width:50%;background-image:url('/kba-butterfly.v1.webp');background-size:200% 100%;background-repeat:no-repeat;backface-visibility:visible}
.kba-flight-wing.left{left:0;background-position:left center;transform-origin:100% 50%;animation:kba-flap-left .32s ease-in-out infinite alternate}
.kba-flight-wing.right{right:0;background-position:right center;transform-origin:0 50%;animation:kba-flap-right .32s ease-in-out infinite alternate}
@keyframes kba-flap-left{from{transform:rotateY(0deg)}to{transform:rotateY(-64deg)}}
@keyframes kba-flap-right{from{transform:rotateY(0deg)}to{transform:rotateY(64deg)}}
@media(prefers-reduced-motion:reduce){.kba-butterfly-flight{display:none}}

/* The full name sits under the complete signature in the header and footer. */
.site-header .brand,.site-footer .brand{display:inline-grid;grid-template-columns:auto auto;column-gap:12px;row-gap:4px;justify-items:start;align-items:center}
.brand .kba-tagline{grid-column:1/-1;justify-self:center;margin:0;font:10px/1.4 Arial,sans-serif;letter-spacing:.12em;color:#c5a56d;white-space:nowrap}
.site-footer .brand{column-gap:14px;row-gap:7px}
.site-footer .kba-tagline{font-size:11px}
@media(max-width:700px){.site-header .brand{column-gap:9px;row-gap:4px}.site-header .kba-tagline{font-size:9px;letter-spacing:.1em}}

/* Align the header's full name with the visible butterfly edge. */
.site-header .kba-tagline{justify-self:start;padding-left:4px;font-size:12px;letter-spacing:.08em}
@media(max-width:700px){.site-header .kba-tagline{padding-left:3px;font-size:11px;letter-spacing:.07em}}