/* Kasendemi Sport brand component ({% brand_logo %}, branding/templates/branding/logo.html).
   Design system: three sizes (sm 24 px, md 32 px, lg 48 px of logo height), a protection zone
   of a quarter of that height, the logo's own ratio always kept (never stretched nor cropped). */
.ks-brand{--ks-brand-h:32px;--ks-brand-clearspace:calc(var(--ks-brand-h)*.25);display:inline-grid;grid-template-columns:auto 1fr;align-items:center;justify-items:start;column-gap:calc(var(--ks-brand-h)*.3);row-gap:calc(var(--ks-brand-h)*.12);min-width:0;max-width:100%;margin-inline-end:var(--ks-brand-clearspace);padding-block:calc(var(--ks-brand-h)*.125);color:inherit;text-decoration:none;line-height:1.15;vertical-align:middle}
a.ks-brand:hover{text-decoration:none}
.ks-brand--sm{--ks-brand-h:24px}.ks-brand--md{--ks-brand-h:32px}.ks-brand--lg{--ks-brand-h:48px}
.ks-brand__mark{display:inline-flex;align-items:center;height:var(--ks-brand-h);max-width:100%;min-width:0}
.ks-brand__picture{display:inline-flex;max-width:100%}
.ks-brand__img{display:block;height:var(--ks-brand-h);width:auto;max-width:min(100%,70vw);object-fit:contain;object-position:left center}
/* Temporary text wordmark, shown until the official logo is imported (never a symbol). */
.ks-brand__wordmark{font-size:calc(var(--ks-brand-h)*.5);font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap}
.ks-brand__name{font-size:calc(var(--ks-brand-h)*.45);font-weight:750;white-space:nowrap}
/* The space in use (KS Network, Team OS…): written under (stack) or beside (inline) the brand. */
.ks-brand__space{grid-column:1/-1;max-width:100%;overflow:hidden;font-size:max(11px,calc(var(--ks-brand-h)*.38));font-weight:650;letter-spacing:.01em;line-height:1.2;color:var(--ks-brand-space-color,currentColor);text-overflow:ellipsis;white-space:nowrap}
.ks-brand--inline{display:inline-flex;align-items:center;column-gap:calc(var(--ks-brand-h)*.4)}
.ks-brand--inline .ks-brand__space{padding-inline-start:calc(var(--ks-brand-h)*.4);border-inline-start:1px solid color-mix(in srgb,currentColor 30%,transparent);line-height:calc(var(--ks-brand-h)*.75)}
.ks-brand--center{justify-items:center;margin-inline:auto}.ks-brand--center .ks-brand__img{object-position:center}.ks-brand--center .ks-brand__space{text-align:center}
/* Official dark-surface version: only the one the current appearance shows is displayed. */
.ks-brand__picture--dark{display:none}
:root[data-theme="dark"] .ks-brand--theme-page .ks-brand__picture--light{display:none}
:root[data-theme="dark"] .ks-brand--theme-page .ks-brand__picture--dark{display:inline-flex}
@media (prefers-color-scheme:dark){.ks-brand--theme-system .ks-brand__picture--light{display:none}.ks-brand--theme-system .ks-brand__picture--dark{display:inline-flex}}
@media (max-width:479px){.ks-brand--md{--ks-brand-h:28px}.ks-brand--lg{--ks-brand-h:40px}}
@media print{.ks-brand .ks-brand__picture--dark{display:none!important}.ks-brand .ks-brand__picture--light{display:inline-flex!important}}