/* =========================================================
   UNIVERSITY BRANDING — MODERN RESPONSIVE BANNER
========================================================= */

.brand-zone {
    position:relative;
    width:100%;
    margin:0;
    overflow:hidden;
    border-top:2px solid var(--coral, #ee7647);
    border-bottom:1px solid #e2e2ed;
    background:linear-gradient(
        110deg,
        #fff 0%,
        #fbfbff 58%,
        #f2f2fa 100%
    );
}

.brand-zone::before {
    position:absolute;
    top:-140px;
    left:-100px;
    width:360px;
    height:360px;
    border-radius:50%;
    content:"";
    background:radial-gradient(
        circle,
        rgba(238,118,71,.13),
        rgba(238,118,71,0) 70%
    );
    pointer-events:none;
}

.brand-zone::after {
    position:absolute;
    right:-120px;
    bottom:-190px;
    width:430px;
    height:430px;
    border-radius:50%;
    content:"";
    background:radial-gradient(
        circle,
        rgba(98,102,234,.12),
        rgba(98,102,234,0) 70%
    );
    pointer-events:none;
}

/* Logo and university text stay closer together */
.brand-inner {
    position:relative;
    z-index:1;
    display:flex;
    width:min(1050px, calc(100% - 40px));
    align-items:center;
    justify-content:center;
    gap:12px;
    margin:0 auto;
    padding:5px 0 3px;
}

/* =========================================================
   LOGO
========================================================= */

.brand-seal {
    position:relative;
    display:flex;
    flex:0 0 132px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0;
}

.brand-established {
    display:block;
    width:100%;
    margin:0 0 2px;
    color:#25266f;
    font-size:clamp(.72rem, 1vw, .84rem);
    font-weight:850;
    line-height:1;
    text-align:center;
    white-space:nowrap;
}

.brand-seal img {
    display:block;
    width:132px;
    height:100px;
    max-width:100%;
    margin:0;
    border:0;
    border-radius:0;
    background:transparent;
    object-fit:contain;
    box-shadow:none;
    mix-blend-mode:multiply;
}

/* =========================================================
   UNIVERSITY TEXT
========================================================= */

.brand-copy {
    position:relative;
    flex:0 1 820px;
    min-width:0;
    margin:0;
    padding:0 6px;
    text-align:center;
}

.brand-university-established {
    display:block;
    width:100%;
    margin:0 0 1px;
    color:#25266f;
    font-size:clamp(.72rem, 1vw, .84rem);
    font-weight:850;
    line-height:1;
    text-align:right;
    white-space:nowrap;
}

.brand-copy h1 {
    margin:0;
    color:#a40c17;
    font-size:clamp(1.28rem, 2.3vw, 1.85rem);
    font-weight:900;
    line-height:.95;
    letter-spacing:-1.2px;
    text-transform:uppercase;
    text-shadow:0 2px 0 rgba(255,255,255,.9);
}

.brand-copy h2 {
    margin:3px 0 0;
    color:#a40c17;
    font-size:clamp(1.28rem, 2.3vw, 1.85rem);
    font-weight:900;
    line-height:1.02;
    letter-spacing:-.8px;
    text-transform:uppercase;
}

.brand-copy p {
    margin-top:6px;
    font-size:12px;
}

.brand-address {
    margin:5px 0 0;
    color:#3e438d;
    font-size:clamp(.74rem, 1vw, .88rem);
    font-weight:750;
    line-height:1.25;
}

.brand-address + .brand-address {
    margin-top:2px;
}

.brand-zone + nav,
.brand-zone + .navbar,
.navbar {
    margin-top:0;
}

/* =========================================================
   MEDIUM DESKTOP
========================================================= */

@media (max-width:1199px) {

    .brand-inner {
        width:min(980px, calc(100% - 32px));
        gap:10px;
    }

    .brand-seal {
        flex-basis:116px;
    }

    .brand-seal img {
        width:116px;
        height:100px;
    }

    .brand-copy {
        flex-basis:760px;
    }

    .brand-copy h2 {
        font-size:clamp(1.15rem, 2.2vw, 1.58rem);
    }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width:991px) {

    .brand-inner {
        width:calc(100% - 24px);
        gap:8px;
        padding:5px 0 3px;
    }

    .brand-seal {
        flex-basis:96px;
    }

    .brand-seal img {
        width:96px;
        height:82px;
    }

    .brand-copy {
        flex:1 1 auto;
        padding:0 4px;
    }

    .brand-copy h1 {
        font-size:22px;
    }

    .brand-copy h2 {
        font-size:clamp(.98rem, 2.4vw, 1.28rem);
    }

    .brand-copy p {
        font-size:11px;
    }

    .brand-address {
        margin-top:4px;
        font-size:clamp(.66rem, 1.25vw, .76rem);
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px) {

    .brand-inner {
        display:flex !important;
        width:100%;
        flex-direction:column;
        gap:0;
        padding:4px 12px 3px;
        text-align:center;
    }

    .brand-seal {
        flex:0 0 auto;
        width:auto;
        margin:0;
        padding:0;
    }

    .brand-established {
        margin-bottom:1px;
        font-size:.68rem;
    }

    .brand-seal img {
        width:72px;
        height:66px;
        margin:0 auto;
    }

    .brand-copy {
        flex:0 0 auto;
        width:100%;
        margin-top:-3px;
        padding:0;
    }

    .brand-university-established {
        margin:1px 0 0;
        font-size:.65rem;
        line-height:1;
        text-align:center;
    }

    .brand-copy h1 {
        margin-top:0;
        font-size:19px;
        line-height:1;
    }

    .brand-copy h2 {
        margin-top:2px;
        font-size:clamp(.88rem, 4.15vw, 1.1rem);
        line-height:1.05;
    }

    .brand-copy p {
        margin-top:4px;
        font-size:10px;
    }

    .brand-address {
        max-width:650px;
        margin:2px auto 0;
        font-size:clamp(.68rem, 3vw, .82rem);
        line-height:1.2;
    }

    .brand-address + .brand-address {
        margin-top:2px;
    }
}