header {
    position: sticky;
    top: 0;
    
    background-color: var(--black);
}

.header-group {
    height: var(--header-height);
    background-color: var(--white);
}

.header-tab {
    padding-inline: clamp(1rem, 6vw, 1.25rem);
    height: var(--header-height);
    
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    
    color: var(--white);
    background-color: var(--black);
}

.masthead {
    font-family: var(--patua-one);
    font-size: clamp(1.2rem, 6vw, 1.5rem);
    font-weight: 1000;
}

.header-text {
    font-family: var(--patua-one);
    font-size: 1.2rem;
    font-weight: 1000;
}









/* side menu button */

/*.side-menu-btn, .search-menu-btn {*/
/*    position: relative;*/
/*}*/

/*.side-menu-btn[aria-expanded='true'] .menu-icon-open, .search-menu-btn[aria-expanded='true'] .menu-icon-open {*/
/*    opacity: 0;*/
/*    transform: rotate(90deg);*/
/*}*/

/*.side-menu-btn[aria-expanded='true'] .menu-icon-close, .search-menu-btn[aria-expanded='true'] .menu-icon-close {*/
/*    opacity: 1;*/
/*    transform: translate(-50%, -50%) rotate(0);*/
/*}*/

/*.menu-icon-open, .menu-icon-close {*/
/*    transition: opacity var(--quick-transition), transform var(--quick-transition);*/
/*}*/

/*.menu-icon-close {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/

/*    opacity: 0;*/
/*    transform: translate(-50%, -50%) rotate(-90deg);*/
/*}*/

/* side menu */

/*.side-menu {*/
/*    width: 100%;*/
/*    height: calc(100% - var(--header-height));*/
/*    overflow: hidden;*/

/*    position: fixed;*/
/*    top: var(--header-height);*/
/*    left: -100%;*/

/*    background-color: var(--black);*/
/*    border-block-start: 1px solid var(--dark-grey);*/
/*    box-sizing: border-box;*/
    
/*    visibility: hidden;*/
/*    z-index: 20;*/
/*    transition: left var(--medium-transition), visibility var(--medium-transition);*/
/*}*/

/*.side-menu:not([hidden]) {*/
/*    left: 0;*/
/*    visibility: visible;*/
/*}*/

/*.side-menu-scroll {*/
/*    flex: 1;*/
/*    min-height: 0;*/
/*    overflow-y: auto;*/
/*}*/

/*.side-menu-row[open] {*/
/*    .chevron-icon {*/
/*        transform: rotate(180deg);*/
/*    }*/
/*}*/

/*.side-menu-row-content {*/
/*    font-family: var(--lora);*/
/*    font-size: 1.05rem;*/
/*    font-weight: 600;*/
    
/*    background-color: var(--darkest-grey);*/
/*}*/

/*.side-menu-row-summary, .side-menu-row-content {*/
/*    border-block-end: 1px solid var(--dark-grey);*/
/*}*/

/*.side-menu-row-summary, .side-menu-row-content {*/
/*    height: var(--header-height);*/
    
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/

/*    box-sizing: border-box;*/
/*    cursor: pointer;*/
/*}*/

/*.side-menu-auth {*/
/*    position: static;*/
/*    width: 100%;*/
/*    height: var(--header-height);*/

/*    display: grid;*/
/*    grid-template-columns: 1fr 1px 1fr;*/
/*    align-items: center;*/

/*    color: var(--white);*/
/*    background-color: inherit;*/
/*    border-block-start: 1px solid var(--dark-grey);*/
/*}*/

/*.side-menu-auth-btn {*/
/*    height: 100%;*/
/*    cursor: pointer;*/
/*}*/

/* media queries */

/*@media (min-width: 1024px) {*/
/*    .side-menu {*/
/*        border-block-start: none;*/
/*    }*/
    
/*    .side-menu::before {*/
/*        content: '';*/
/*        display: block;*/
        
/*        width: 100%;*/
/*        height: 1px;*/
        
/*        background-color: var(--dark-grey);*/
/*        clip-path: polygon(0 0, 100% 0, calc(100% - 1px) 100%, 0 100%);*/
/*    }*/
/*}*/

/*@media (min-width: 726px) {*/
/*    .side-menu {*/
/*        --menu-width: 363px;*/
/*        left: calc(-1 * min(var(--menu-width), 100%));*/
/*        width: min(var(--menu-width), 100%);*/
/*    }*/
/*}*/