html {
    scroll-behavior: smooth;
}

.site-header {
    background-color: transparent;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

.site-header.is-scrolled {
    background-color: #070B14;
    border-color: rgba(84, 68, 52, 0.4);
}

#mobile-menu {
    background-color: #070B14;
}

#mobile-menu:not(.is-open) {
    display: none;
}

#mobile-menu.is-open {
    display: flex;
    overflow-y: auto;
}

.purpose-fields {
    display: none;
    flex-direction: column;
    gap: 1rem;
}

.purpose-fields.is-visible {
    display: flex;
}

.site-input,
.site-select,
.site-textarea {
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #544434;
    border-radius: 0;
    color: #dfe2f0;
    font-family: "Source Serif 4", serif;
    font-size: 16px;
    line-height: 26px;
    padding: 0.75rem 0;
}

.site-input:focus,
.site-select:focus,
.site-textarea:focus {
    outline: none;
    border-bottom-color: #F09000;
}

.site-select option {
    background: #070B14;
    color: #dfe2f0;
}

.work-card[hidden] {
    display: none;
}

.nav-dropdown-panel {
    display: none;
}

.nav-dropdown:hover .nav-dropdown-panel,
.nav-dropdown:focus-within .nav-dropdown-panel {
    display: block;
}