/* CÜNAM v88 — refined institutional brand typography */
@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope-latin-ext-variable.woff2") format("woff2-variations");
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

.brand-copy {
    gap: 3px !important;
    line-height: 1 !important;
}

.brand-copy strong {
    font-family: Inter, "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif !important;
    font-size: clamp(1.24rem, 1.5vw, 1.76rem) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .025em !important;
}

.brand-copy small {
    font-family: Manrope, "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif !important;
    font-size: clamp(.69rem, .78vw, .88rem) !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: .008em !important;
    color: rgba(248, 251, 252, .9) !important;
}

@media (max-width: 767px) {
    .brand-copy {
        gap: 2px !important;
    }

    .brand-copy strong {
        font-size: 1.08rem !important;
        font-weight: 700 !important;
        letter-spacing: .02em !important;
    }

    .brand-copy small {
        display: block !important;
        max-width: 170px !important;
        overflow: visible !important;
        font-size: .63rem !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
    }
}

@media (max-width: 430px) {
    .brand-copy small {
        display: none !important;
    }
}