h1.uppercase {margin-left: -2px;}




#i1 h1 h1 {
    line-height: 1.4;
    font-size: 3.2rem;
    margin-left: -2.5px;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    /*animation: fadeInAnime 15s ease-in-out infinite;*/
}

#i3 svg path {fill: white;}

@keyframes fadeInAnime{
    0% {font-variation-settings: "wght" 250;}
    50% {font-variation-settings: "wght" 300;}
    100% {font-variation-settings: "wght" 250;}
}





.Career {background-color: var(--darkGray);}
.Career header {background: var(--darkGray) !important;}
.Career header * {
    color: var(--backgroundColor);
    fill: var(--backgroundColor);
}
.Career .O {fill: var(--backgroundColor);}
.Career footer {
    margin-top: -12.5rem !important;
    background-color: var(--darkGray) !important;
    background-color: transparent !important;
}
.Career footer * {
    color: var(--backgroundColor);
    fill: var(--backgroundColor);
}

.Contact footer {margin-top: -25rem !important;}

.Archives footer {margin-top: -7.5rem !important;}



footer .O {
    position: absolute;
    left: calc(100% - 45vh);
    bottom: -57.5vh;
}
#i1 .O {
    position: absolute;
    top: 0;
    margin-top: -25vh;
    left: 57.5vw;
    height: 105vh;
    transform: translate(-50%,-50%);
}

.Studio .O, .page .O {
    top: -15.5vh;
    left: 65vw;
    height: 105vh;
    position: absolute;
    transform: translate(-50%,-50%);
}

#Contact footer .O {display: none;}
#c1 .O {
    position: absolute;
    top: -17.5vh;
    left: 65vw;
    height: 105vh;
    transform: translate(-50%,-50%);
}

.Career .page#Career .O {
    top: -45vh;
    left: 57.5vw;
    transform: translate(-50%,-50%);
}

header.is-top {
    padding-top: 4.5rem !important;
    background: transparent !important;
}

header .hamburger {display: none !important;}
header .logo {
    width: 6rem;
    height: 2.7rem;
    transform: translateY(3px);
}
header .logo svg {width: 100%;}


@media screen and (max-width: 480px) {
    
    h1.uppercase {margin-left: -1.2px;}
    #i1 h1 h1 {
        font-size: 2.1rem;
        margin-left: -2.2px;
    }

    .Index footer {margin-top: 0 !important;}
    .Archives footer {margin-top: 0rem !important;}

    footer .O {
        height: 85vh;
        left: calc(100% - 32.5vh);
        bottom: -47.5vh;
    }

    #i1 .O {
    top: -25vh;
    left: 52vw;
    margin-top: 0;
    height: 45vh;
    }

    .Studio .O, .page .O {
        height: 60vh !important;
        top: -30vh;
        left: 50vw;
    }
}

@media screen and (max-width: 480px) {    
    header.is-top {padding-top: 4.5rem !important;}
    header .hamburger {display: block !important;}

    header .menu-button {padding-top: .3rem;}
    header .logo {padding-top: .75rem;}
    
    
    header button.hamburger span::after {
        display: block;
        content: 'MENU';
        font-size: 2.2rem;
        text-transform: uppercase;
        font-family: 'Quiche Sans';
        font-weight: 500;
        margin-left: -1.5rem;
        position: relative;
        z-index: 999;
    }
    header button.hamburger span,
    header button.hamburger span::before,
    header button.hamburger span::after {background-color: transparent !important;}
    header .logo svg {width: 5rem;}

    .Archvieswitch {
        margin-top: 4rem;
        margin-bottom: 1.5rem;
    }
    .Archvieswitch a {    
        font-size: 1.8rem;
        margin-right: 1rem;
    }
}