.studio-header {
    height: 98px;
    display: flex;
    align-items: center;
    background: #0a0712;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.studio-header-inner {
    width: min(1632px, calc(100% - 48px));
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.studio-brand {
    display: flex;
    align-items: center;
    gap: 16px;
}

.studio-brand img {
    width: 74px;
    height: 54px;
    object-fit: contain;
}

.studio-brand strong {
    font: 700 26px Inter;
    letter-spacing: -.05em;
}

.studio-user {
    display: flex;
    align-items: center;
    gap: 26px;
    color: #938d9e;
    font: 500 13px JetBrains Mono;
}

.studio-user form {
    margin: 0;
}

.studio-user button {
    padding: 10px 0;
    border: 0;
    background: transparent;
    color: #d9d4df;
    font: 700 10px JetBrains Mono;
    letter-spacing: .3em;
    text-transform: uppercase;
    cursor: pointer;
}

.studio-user button:hover {
    color: #ff2d95;
}

.studio-user i {
    margin-right: 9px;
    color: #8c8795;
    font-size: 20px;
    font-style: normal;
    vertical-align: middle;
}

@media (max-width: 640px) {
    .studio-header-inner {
        width: calc(100% - 32px);
    }

    .studio-brand img {
        width: 52px;
    }

    .studio-brand strong {
        font-size: 18px;
    }

    .studio-user {
        gap: 12px;
    }

    .studio-user > span {
        display: none;
    }
}