:root {
    color-scheme: light;
}

html {
    scroll-behavior: smooth;
}

body {
    min-width: 320px;
}

img {
    max-width: 100%;
}

.section-pad {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.eyebrow {
    color: #536349;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.form-input {
    width: 100%;
    border-radius: 1rem;
    border: 1px solid rgba(74, 52, 40, 0.16);
    background: rgba(255, 255, 255, 0.82);
    padding: 0.85rem 1rem;
    color: #4a3428;
    outline: none;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.form-input:focus {
    border-color: #7f9278;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(127, 146, 120, 0.18);
}

.map-placeholder {
    background:
        linear-gradient(90deg, rgba(74, 52, 40, 0.06) 1px, transparent 1px),
        linear-gradient(rgba(74, 52, 40, 0.06) 1px, transparent 1px),
        #f5ead9;
    background-size: 32px 32px;
}

@media (max-width: 640px) {
    .section-pad {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
}