@font-face{font-family:BrandSerif;src:url(brand-regular.woff) format('woff');font-weight:400;font-display:swap}
@font-face{font-family:BrandSerif;src:url(brand-bold.woff) format('woff');font-weight:700;font-display:swap}
.brand,.mobile-brand,.concept-logo{font-family:BrandSerif,Georgia,serif;letter-spacing:-.025em}
.brand{font-size:1rem;gap:9px}
.brand small{font-family:'Segoe UI',Arial,sans-serif;font-size:.75rem}
.brand-mark{width:38px;height:38px;background:none;border-radius:0;object-fit:contain}
h1,.hero h2,.concept-slide>h2{font-family:BrandSerif,Georgia,serif;font-weight:700}
.hero .hero-phrase,.sample-quote{font-family:BrandSerif,Georgia,serif;font-weight:400}
.install-brand-icon{display:block;margin-bottom:20px}
@media(max-width:900px){.mobile-brand{display:flex;align-items:center;gap:10px;font-size:1.125rem}}

/* One wordmark: the tile supplies the initial Д; all glyphs share a baseline. */
.brand{display:block}
.brand-wordmark{display:block;width:100%;height:auto}
.brand>.brand-wordmark{max-width:196px}
.brand small{margin-top:6px}
.mobile-brand .brand-wordmark,.concept-logo .brand-wordmark{width:250px;max-width:100%}
.concept-logo{flex-shrink:0}
@media(max-width:600px){.mobile-brand .brand-wordmark,.concept-logo .brand-wordmark{width:240px}}