@layer components{:root{--c-brand--space:var(--space);--c-brand--base:var(--base);--c-brand--color--primary:var(--color--primary);--c-brand--font-family-heading:var(--font-family-heading);--c-brand--font-size-400:var(--font-size-400)}@property --inherit-line-height{syntax:"*";inherits:true}.c-brand{--c-brand--height:calc((var(--c-brand--base, var(--base)))*12);--c-brand--canvas-height:calc((var(--c-brand--base, var(--base)))*12);--c-brand--gap:calc((var(--c-brand--space, var(--space)))*var(--base)*3);--c-brand--text-color:var(--c-brand--color--primary,var(--color--primary));--c-brand--font-size:calc(var(--c-brand--font-size-multiplier, 1)*var(--c-brand--font-size-400, var(--font-size-400)));--c-brand--font-family:var(--c-brand--font-family-heading,var(--font-family-heading));--c-brand--line-height:1.2;display:flex}.c-brand .c-brand__logotype{flex:0 0 auto;height:var(--c-brand--canvas-height)}.c-brand .c-brand__viewbox{aspect-ratio:var(--c-brand--aspect-ratio,auto);height:var(--c-brand--height)}.c-brand .c-brand__container{align-items:center;display:flex;gap:var(--c-brand--gap);height:var(--c-brand--canvas-height)}.c-brand .c-brand__text{--inherit-line-height:var(--c-brand--line-height);align-items:flex-start;color:var(--c-brand--text-color);display:flex;flex:0 1 auto;flex-direction:column;font-family:var(--c-brand--font-family);font-size:var(--c-brand--font-size);height:100%;justify-content:center;line-height:var(--c-brand--line-height);min-width:0}.c-brand .c-brand__line{display:block;white-space:nowrap}}