.lja-header {
    position: sticky;
    top: 0;
    display: block;
    height: auto;
    padding: 0;
    background: rgba(246, 242, 235, .97);
}

.lja-brand-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    min-height: 116px;
    padding: 16px clamp(22px, 5vw, 72px);
}

.lja-header .lja-logo {
    grid-column: 2;
    width: clamp(250px, 25vw, 340px);
}

.lja-brand-row .lja-languages {
    grid-column: 3;
    justify-self: end;
}

.lja-header > nav {
    min-height: 50px;
    justify-content: center;
    align-items: center;
    border-top: 1px solid var(--lja-line);
}

.lja-hero {
    min-height: calc(100vh - 166px);
}

.lja-gallery-section {
    background: #fbf8f2;
}

.lja-section-head {
    margin-bottom: 32px;
}

.lja-card-copy {
    padding-bottom: 12px;
}

.lja-card-image {
    border: 1px solid rgba(32, 31, 29, .08);
}

.lja-studio {
    max-width: 1050px;
}

.lja-studio-nav {
    display: flex;
    gap: 8px;
    margin: -12px 0 34px;
    padding: 7px;
    background: rgba(255, 253, 249, .86);
    border: 1px solid var(--lja-line);
}

.lja-studio-nav a {
    flex: 1;
    padding: 11px 14px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.lja-studio-nav a:first-child {
    color: var(--lja-bg);
    background: var(--lja-ink);
}

.lja-art-form {
    counter-reset: studio-step;
}

.lja-form-section {
    box-shadow: 0 18px 55px rgba(42, 37, 31, .045);
}

.lja-form-section:focus-within {
    border-color: rgba(32, 31, 29, .42);
}

.lja-upload {
    min-height: 180px;
    transition: background .2s, border-color .2s;
}

.lja-upload:hover,
.lja-upload:focus-within {
    background: #fff;
    border-color: var(--lja-ink);
}

.lja-fields input:focus,
.lja-fields textarea:focus,
.lja-fields select:focus,
.lja-dialog input:focus,
.lja-dialog textarea:focus {
    outline: 2px solid rgba(130, 106, 85, .2);
    border-color: var(--lja-accent);
}

.lja-save-row {
    justify-content: space-between;
    box-shadow: 0 10px 45px rgba(37, 32, 25, .12);
}

.lja-manage {
    scroll-margin-top: 110px;
}

.lja-manage-list article {
    transition: transform .2s, background .2s;
}

.lja-manage-list article:hover {
    transform: translateY(-1px);
    background: #fff;
}

@media screen and (min-width: 783px) {
    .admin-bar .lja-header {
        top: 32px;
    }
}

@media (max-width: 780px) {
    .lja-header {
        position: sticky;
        top: 0;
    }

    .admin-bar .lja-header {
        top: 46px;
    }

    .lja-brand-row {
        grid-template-columns: 1fr auto 1fr;
        min-height: 82px;
        padding: 10px 16px;
    }

    .lja-header .lja-logo {
        grid-column: 2;
        width: min(190px, 52vw);
    }

    .lja-brand-row .lja-menu-toggle {
        display: block;
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
    }

    .lja-brand-row .lja-languages {
        grid-column: 3;
        grid-row: 1;
    }

    .lja-header > nav {
        top: 81px;
        min-height: calc(100vh - 81px);
    }

    .lja-studio-nav {
        position: sticky;
        top: 73px;
        z-index: 4;
        overflow-x: auto;
    }

    .admin-bar .lja-studio-nav {
        top: 119px;
    }

    .lja-studio-nav a {
        min-width: 130px;
    }

    .lja-form-section {
        padding: 27px 20px;
    }

    .lja-save-row {
        bottom: 8px;
    }
}
