/* KEYSPACE1 v2.10.0 — new logo (icon + lockup) and Michroma wordmark. Loaded last. */
@font-face{font-family:'KS Michroma';src:url('fonts/michroma-latin-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--ks-logo-icon:image-set(url('assets/logo/keyspace1-logo-icon.webp') 1x,url('assets/logo/keyspace1-logo-icon@2x.webp') 2x);--ks-logo-lockup:image-set(url('assets/logo/keyspace1-logo-lockup.webp') 1x,url('assets/logo/keyspace1-logo-lockup@2x.webp') 2x)}

/* Full lockup wherever the wide logo was used (standard header, mouse header, footers). */
.atlas-logo-art{background-image:url('assets/logo/keyspace1-logo-lockup.webp')!important;background-image:var(--ks-logo-lockup)!important;background-size:contain!important;background-position:left center!important;background-repeat:no-repeat!important;filter:none!important}

/* Icon-only home logo; RGB glow keeps its spectrum animation on the new icon. */
.ks-original-art,.ks-original-glow{background-image:url('assets/logo/keyspace1-logo-icon.webp')!important;background-image:var(--ks-logo-icon)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;clip-path:none!important}
.ks-original-glow{width:100%!important;right:0!important;opacity:.45}

/* Wordmark (mobile only). */
.ks-wordmark{display:none}
@media(max-width:1050px){
 .ks-main-bar>.ks-original-brand,.header .atlas-logo,.mf-header .atlas-logo{position:relative;display:flex;align-items:center;width:auto;height:44px;aspect-ratio:auto;flex:0 1 auto;min-width:0;padding-left:54px;overflow:hidden}
 .ks-main-bar>.ks-original-brand>.ks-original-art,.ks-main-bar>.ks-original-brand>.ks-original-glow,.header .atlas-logo>.atlas-logo-art,.mf-header .atlas-logo>.atlas-logo-art{position:absolute;left:0;top:0;bottom:auto;right:auto;width:54px!important;height:44px}
 .header .atlas-logo>.atlas-logo-art,.mf-header .atlas-logo>.atlas-logo-art{background-image:url('assets/logo/keyspace1-logo-icon.webp')!important;background-image:var(--ks-logo-icon)!important;background-position:center!important}
 .ks-wordmark{display:block;margin-left:11px;height:18px;font:400 12px/18px 'KS Michroma','Michroma','Helvetica Neue',Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:rgba(236,240,245,.86);background:linear-gradient(100deg,rgba(236,240,245,.86) 0%,rgba(236,240,245,.86) 38%,#b9d6e6 44%,#c7c0e6 50%,#e6c3d3 56%,rgba(236,240,245,.86) 62%,rgba(236,240,245,.86) 100%) 100% 0/300% 100% no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ks-wordmark-shimmer 7s ease-in-out infinite}
}
@media(max-width:360px){.ks-wordmark{margin-left:9px;font-size:10.4px;letter-spacing:.17em}}
@media(max-width:340px){.ks-wordmark{margin-left:7px;font-size:8.8px;letter-spacing:.15em}}
@media(max-width:299px){.ks-wordmark{display:none!important}}
@keyframes ks-wordmark-shimmer{0%{background-position:100% 0}60%,100%{background-position:0% 0}}
@media(prefers-reduced-motion:reduce){.ks-wordmark{animation:none;background:none;-webkit-text-fill-color:rgba(236,240,245,.86)}}

/* Full-screen menu title uses the same wordmark face. */
.ks-menu-wordmark{font-family:'KS Michroma','Michroma',Arial,sans-serif;font-weight:400;letter-spacing:.16em;font-size:15px}