/* =========================================
   INSTITUTE NAVIGATION
========================================= */


.institute-nav {

    position: fixed;

    top:0;
    left:0;
    right:0;

    z-index:10000;

    display:grid;

    grid-template-columns:
    auto 1fr auto;

    align-items:center;

    gap:30px;

    min-height:78px;

    padding:0 28px;


    background:
    rgba(5,5,5,.82);

    backdrop-filter:blur(18px);


    border-bottom:
    1px solid rgba(232,200,106,.25);

}



/* =========================================
   EXIT LINK
========================================= */


.exit-institute {

    color:
    rgba(255,255,255,.7);

    font-size:.7rem;

    letter-spacing:.18em;

    text-transform:uppercase;

    text-decoration:none;

    white-space:nowrap;

    transition:.3s ease;

}


.exit-institute:hover {

    color:#e8c86a;

}



/* =========================================
   BRAND
========================================= */


.institute-brand {
	text-decoration:none;

    color:inherit;

    display:flex;

    align-items:center;

    gap:12px;

}


.infinity-mark {

    color:#e8c86a;

    font-family:Georgia,serif;

    font-size:2.3rem;

    line-height:1;

}


.institute-brand:hover .infinity-mark {

    text-shadow:
    0 0 18px rgba(232,200,106,.8);

}


.institute-brand:hover h1 {

    color:#e8c86a;

}

.institute-brand h1 {

    margin:0;

    color:#fff;

    font-family:Georgia,serif;

    font-size:1.15rem;

    font-weight:500;

}


.institute-brand p {

    margin:2px 0 0;

    color:
    rgba(255,255,255,.7);

    font-size:.72rem;

    letter-spacing:.04em;

}



/* =========================================
   ROOM LINKS
========================================= */


.institute-links {

    display:flex;

    align-items:center;

    gap:22px;

}



.institute-links a {

    position:relative;

    color:
    rgba(255,255,255,.72);

    text-decoration:none;

    font-size:10px;

    letter-spacing:.12em;

    text-transform:uppercase;

    white-space:nowrap;

    transition:.3s ease;

}


.institute-links a:hover {

    color:#e8c86a;

}
.institute-links a.active {
    color:#ef3f8f;
}

/* Active Room */

.institute-links a.active-room {

    color:#e8c86a;

}


.institute-links a.active-room::after {

    content:"";

    position:absolute;

    left:0;

    right:0;

    bottom:-10px;

    height:2px;

    background:#e8c86a;

    box-shadow:
    0 0 12px rgba(232,200,106,.7);

}


/* =========================================
   STICKY INSTITUTE IDENTITY
========================================= */

.institute-brand {

    position: relative;

    z-index: 2;

    text-decoration: none;

    color: inherit;

    display:flex;

    align-items:center;

    gap:12px;

    transition:
    transform .3s ease;

}


.institute-brand:hover {

    transform: translateY(-1px);

}

.infinity-mark {

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;
    height:42px;

    color:#e8c86a;

    font-size:2.3rem;

    transition:
    text-shadow .3s ease,
    transform .3s ease;

}


.institute-brand:hover .infinity-mark {

    transform:scale(1.08);

    text-shadow:

    0 0 12px rgba(232,200,106,.65),
    0 0 25px rgba(232,200,106,.35);

}

@media(max-width:1100px){
body {

    padding-top:90px;

}
    .institute-nav {

        min-height:72px;

        position:fixed;

        top:0;

        left:0;

        right:0;

    }


    .institute-brand h1 {

        font-size:1rem;

    }


    .institute-brand p {

        font-size:.62rem;

    }


}


.mobile-menu-toggle {

    display:none;

    background:none;

    border:none;

}



.mobile-menu-toggle span {

    display:block;

    width:28px;

    height:2px;

    background:#d8b86a;

    margin:6px;

}





.mobile-institute-drawer {

    position:fixed;

    top:0;

    right:-100%;

    width:85%;

    max-width:420px;

    height:100vh;

    background:#050505;

    z-index:2000;

    padding:30px;

    transition:.5s;

    overflow-y:auto;

}



.mobile-institute-drawer.active {

    right:0;

}




.drawer-header {

    display:flex;

    justify-content:space-between;

    color:#d8b86a;

    font-family:Georgia,serif;

    font-size:1.5rem;

}



.drawer-close {

    background:none;

    border:none;

    color:white;

    font-size:2rem;

}




.drawer-section {

    margin-top:40px;

    border-top:

    1px solid

    rgba(216,184,106,.3);

    padding-top:20px;

}



.drawer-section h3 {

    color:#ff5aa5;

    text-transform:uppercase;

    letter-spacing:.15em;

    font-size:.8rem;

}



.drawer-section a {

    display:block;

    padding:12px 0;

    color:white;

    text-decoration:none;

}




@media(max-width:900px){


.institute-links {

    display:none;

}



.mobile-menu-toggle {

    display:block;

}


}