.site-brand-mark {
    display: inline-block;
    color: #161616;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}

.site-contact-form {
    display: grid;
    gap: 1rem;
    max-width: 42rem;
    margin: 1rem auto;
    text-align: left;
}

.site-form-notice {
    margin: 0;
    padding: 0.85rem 1rem;
    border-radius: 0.5rem;
}

.site-form-notice-success {
    background: #eaf7ef;
    color: #205c37;
}

.site-form-notice-error {
    background: #fff1ed;
    color: #8b2e1d;
}

.site-form-notice ul {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
}

.site-contact-form label {
    display: grid;
    gap: 0.35rem;
}

.site-contact-form input,
.site-contact-form textarea {
    width: 100%;
    padding: 0.8rem 1rem;
    border: 1px solid #d9dce5;
    border-radius: 0.5rem;
    font: inherit;
}

.site-contact-form button {
    justify-self: start;
    padding: 0.8rem 1.5rem;
    border: 0;
    border-radius: 2rem;
    background: #6558d3;
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
}