/* ---- BOSS brand lockup. Poppins is used ONLY here, never for body text. ---- */
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/static/fonts/poppins-500.woff2") format("woff2");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/static/fonts/poppins-700.woff2") format("woff2");
}

/* One font-size on the wrapper sizes the whole lockup. */
.boss-lockup {
    display: inline-flex;
    align-items: center;
    gap: .43em;
    max-width: 100%;
    font-family: "Poppins", sans-serif;
    line-height: 1;
    letter-spacing: 0;
    white-space: nowrap;
    text-decoration: none;
    /* Keeps the tiny tracked caps evenly spaced (no per-glyph pixel snapping). */
    text-rendering: geometricPrecision;
}
.boss-lockup--large { font-size: 56px; }
.boss-lockup--medium { font-size: 40px; }
.boss-lockup--compact { font-size: 26px; }

.boss-mark {
    flex: none;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background: #F2A93B;
    box-shadow: inset -0.17em -0.17em 0 rgba(0, 0, 0, .08);
}
.boss-text { display: flex; flex-direction: column; }
.boss-name {
    font-weight: 700;
    font-size: 1em;
    letter-spacing: .1em;
    line-height: 1;
}
.boss-long {
    font-weight: 500;
    font-size: .3em;
    letter-spacing: .24em;
    text-transform: uppercase;
    margin-top: .17em;
    white-space: nowrap;
}

.boss-lockup--dark .boss-name { color: #FFFFFF; }
.boss-lockup--dark .boss-long { color: #C9CCD3; }
.boss-lockup--light .boss-name { color: #16181D; }
.boss-lockup--light .boss-long { color: #6B6F78; }

/* Mark on its own, for places with no room for the full lockup. */
.boss-mark-link { display: inline-flex; font-size: 26px; line-height: 1; text-decoration: none; }

/* Mobile topbar: the sidebar is a hidden drawer there, so show just the mark. */
.topbar-mark { display: none; }
@media (max-width: 767px) {
    .topbar-mark { display: inline-flex; }
}

/* Home (tiles) page: medium lockup above the tiles. */
.home-brand { margin: 4px 0 28px; }