/* White/orange and dark/orange are exact variants of the user's supplied artwork. */
.site-brand-logo .mobiat-brand-svg{display:block;width:100%;height:auto;flex:none;stroke:none;stroke-width:0}
.site-brand-logo :is(.mobiat-brand-on-light,.mobiat-brand-mark,.brand-contrast-name){display:none}
html[data-theme="light"] [data-brand-appearance="auto"] .mobiat-brand-on-dark{display:none}
html[data-theme="light"] [data-brand-appearance="auto"] .mobiat-brand-on-light{display:block}
body #mobiat-native-header .site-brand-logo{display:flex;align-items:center;align-self:center;justify-content:center;width:150px;min-width:150px;min-height:44px;gap:0;flex-shrink:0;line-height:0}
body #mobiat-native-header .site-brand-logo .mobiat-brand-svg{width:100%;height:auto}
/* The orange mark rises above the wordmark. Centre the lettering optically, without altering the artwork. */
body #mobiat-native-header .site-brand-logo :is(.mobiat-brand-on-dark,.mobiat-brand-on-light){transform:translateY(-8%)}
html[data-header-appearance="hero"] body #mobiat-native-header .site-brand-logo .mobiat-brand-on-dark{display:block}
html[data-header-appearance="hero"] body #mobiat-native-header .site-brand-logo .mobiat-brand-on-light{display:none}
[data-site-footer] .site-brand-logo{width:220px;max-width:100%;min-height:44px;gap:0}
@media(max-width:600px){
 body #mobiat-native-header .site-brand-logo{width:124px;min-width:124px}
 body #mobiat-native-header.is-product-scrolled .site-brand-logo{width:32px;min-width:32px;justify-content:center}
 body #mobiat-native-header.is-product-scrolled .site-brand-logo :is(.mobiat-brand-on-dark,.mobiat-brand-on-light){display:none}
 body #mobiat-native-header.is-product-scrolled .site-brand-logo .mobiat-brand-mark{display:block;width:28px;height:auto}
 [data-site-footer] .site-brand-logo{width:200px}
}
@media(max-width:360px){body #mobiat-native-header:not(.is-product-scrolled) .site-brand-logo{width:100px;min-width:100px}}
@media(forced-colors:active){
 .site-brand-logo .mobiat-brand-svg{display:none!important}
 body #mobiat-native-header .site-brand-logo .brand-contrast-name,[data-site-footer] .site-brand-logo .brand-contrast-name{display:block;color:CanvasText;font:650 23px/1.2 var(--font-body);letter-spacing:-.05em}
 body #mobiat-native-header.is-product-scrolled .site-brand-logo .brand-contrast-name{font-size:10px;letter-spacing:-.05em}
}