/* Inquiry thank-you dialog and sending state, in the site's neutral grey / warm-brown language. */
.ss-inquiry.is-ss-sending .ss-button { cursor: progress; opacity: .72; }
.ss-inquiry-status { grid-column: 1 / -1; margin: 4px 0 0; font: 400 14px/20px 'Manrope', sans-serif; color: #555; }
.ss-inquiry-status.is-error { color: #952d1c; }
.ss-inquiry-status:empty { display: none; }

.ss-thanks {
    width: min(420px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 44px 36px 32px;
    border: 0;
    border-top: 3px solid #937d6a;
    background: #fff;
    color: #333;
    text-align: center;
    box-shadow: 0 24px 60px rgba(30, 26, 22, .22);
}
.ss-thanks::backdrop { background: rgba(28, 26, 24, .55); }
.ss-thanks-close {
    position: absolute; top: 10px; right: 10px;
    width: 36px; height: 36px; display: grid; place-items: center;
    border: 0; background: transparent; color: #777; cursor: pointer;
}
.ss-thanks-close:hover, .ss-thanks-close:focus-visible { color: #937d6a; }
.ss-thanks-mark {
    width: 52px; height: 52px; margin: 0 auto 18px;
    display: grid; place-items: center;
    border: 1px solid #937d6a; border-radius: 50%; color: #937d6a;
}
.ss-thanks h2 { margin: 0 0 10px; font: 400 30px/36px 'Roboto Slab', serif; color: #333; outline: 0; }
.ss-thanks p { margin: 0 0 26px; font: 400 16px/24px 'Manrope', sans-serif; color: #555; }
.ss-thanks-done {
    min-width: 160px; min-height: 44px; padding: 10px 24px;
    border: 0; background: #777; color: #fff; cursor: pointer;
    font: 600 15px/20px 'Roboto Slab', serif; letter-spacing: .04em;
}
.ss-thanks-done:hover, .ss-thanks-done:focus-visible { background: #937d6a; }
.ss-thanks-close:focus-visible, .ss-thanks-done:focus-visible { outline: 2px solid #937d6a; outline-offset: 3px; }

@media (prefers-reduced-motion: no-preference) {
    .ss-thanks[open] { animation: ss-thanks-in .26s cubic-bezier(.2, .8, .2, 1); }
    .ss-thanks[open]::backdrop { animation: ss-thanks-fade .2s ease-out; }
}
@keyframes ss-thanks-in { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes ss-thanks-fade { from { opacity: 0; } to { opacity: 1; } }