/* Shared logo sizing and section labels. Loaded by the site layout and by the Kids pages.
   --h is the letter height of ZEKASTRA in the header (about 14px on a phone, 25px on wide screens).
   The header shows only the amblem and ZEKASTRA; section names appear in the top-right menu and on the pages. */
.brand{--h:clamp(12px,3.4vw,25px)}
/* Kids headers use the same amblem and wordmark sizes as the site header. */
.kp-brand .kp-mark,.kc-brand img:first-child{width:auto;height:calc(var(--h)*2.1)}
.kp-brand .kp-wordmark,.kc-brand .kc-wordmark{width:auto;height:calc(var(--h)*1.2)}
/* Section names outside the header (home cards, product labels) take the chrome-and-green look of the logos. */
.zk-label{font-family:"ZK Orbitron",var(--display,system-ui),system-ui,sans-serif;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  background:linear-gradient(180deg,#ffffff 0%,#d5dde8 34%,#7c8799 50%,#eef3f8 62%,#a3afbf 100%);-webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px rgba(79,209,165,.55))}