/* Contact validation and feedback shared with the project submission controls. */
.form-submit-spinner {
    box-sizing: border-box;
    display: inline-block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border: 2px solid currentColor;
    border-inline-end-color: transparent;
    border-radius: 50%;
    animation: form-submit-spin .75s linear infinite;
}
.form-submit-spinner[hidden], .contact-field-error[hidden] { display: none !important; }
.interior .v6-contact .contact-form .global-button.is-loading,
.project-main .project-button.is-loading { opacity: .8; cursor: wait; }
.is-loading > [aria-hidden="true"]:not(.form-submit-spinner) { display: none; }
.form-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.interior .v6-contact .contact-field [aria-invalid="true"] { border-color: #ad192d; }
.interior .v6-contact .contact-field-error { margin: 9px 0 0; color: #ad192d; font-size: 14px; line-height: 1.75; }
/* Match the project success card within the existing enquiry column. */
.interior .v6-contact .contact-success { margin: 0; padding: 45px; border: 1px solid #e6e7eb; border-radius: 18px; background: #fff; text-align: center; }
.contact-success-icon { display: inline-grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; color: #fff; background: var(--ns-ui-brand, #bd2032); font-size: 28px; }
.interior .post-wrap .contact-success-eyebrow { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 24px 0 20px; color: var(--ns-ui-brand, #bd2032); font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }
.contact-success-eyebrow > span { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.interior .v6-contact .contact-success h2 { margin: 0 0 20px; color: var(--ns-ui-ink, #171b35); font-size: 30px; line-height: 1.4; }
.interior .v6-contact .contact-success > p:not(.contact-success-eyebrow) { margin: 0; color: #686e7b; font-size: 15px; line-height: 1.85; }
@keyframes form-submit-spin { to { transform: rotate(360deg); } }
@media (max-width: 500px) {
    .interior .v6-contact .contact-success { padding: 26px 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .form-submit-spinner { animation: none; }
}