/* Shared KeyInOut branding and locally hosted typography. */
@font-face{font-family:Inter;src:url("../fonts/inter-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("../fonts/inter-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("../fonts/inter-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("../fonts/inter-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}

:root{--font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{font-family:var(--font-family)!important}
button,input,select,textarea{font-family:inherit}
/* Keep wordmarks proportional at every viewport size. */
img.kio-logotype{display:block;width:165px!important;height:auto!important;max-width:100%;object-fit:contain;flex-shrink:0}
.app-brand img.kio-logotype{width:172px!important}
:is(.brand-with-tagline,.app-brand-with-tagline,.invite-brand-with-tagline){flex-direction:column;align-items:flex-start;gap:4px}
:is(.brand-lockup,.brand-tagline){max-width:100%}
.brand-tagline{font-size:8px;white-space:normal}
[data-theme="dark"] img.kio-logotype{content:url("/assets/img/keyinout-logotype_white.png")}
.login-hero img.kio-logotype{content:url("/assets/img/keyinout-logotype_white.png")}
@media(max-width:520px){img.kio-logotype{width:140px!important}.brand-tagline{font-size:7px}}

img[src$="logo-mark.png"]{object-fit:contain}
/* Override legacy square-icon rules, including their mobile !important rules. */
html body .site-header .brand.brand-with-tagline > img.kio-logotype{width:165px!important;height:auto!important;flex-basis:auto!important}
@media(max-width:520px){html body .site-header .brand.brand-with-tagline > img.kio-logotype{width:140px!important;height:auto!important;flex-basis:auto!important}}