.contact-block{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;gap: 6px 32px;padding: 24px 26px;border-radius: 18px;border: var(--ds-border);background: var(--ds-surface-sunken);box-shadow: var(--ds-highlight)}.contact-block p{margin: 0}.contact-block__label{grid-column: 1;font-family: var(--dc-font-cond);font-weight: 700;font-size: 14px;letter-spacing: .14em;text-transform: uppercase;color: var(--dc-brume)}.contact-block__email{grid-column: 1;font-size: 18px}.contact-block__mail{color: var(--dc-lumiere);font-weight: 600;overflow-wrap: anywhere;text-underline-offset: 5px;text-decoration-color: color-mix(in srgb,var(--dc-lumiere) 40%,transparent);transition: color var(--ds-dur-fast) var(--ds-ease-out),text-decoration-color var(--ds-dur-fast) var(--ds-ease-out)}.contact-block__mail:hover{color: var(--dc-vert-clair);text-decoration-color: var(--dc-vert-clair)}.contact-block__btn{grid-column: 2;grid-row: 1 / span 2}.contact-block__btn .icon{width: 20px;height: 20px}@media (max-width: 767px){.contact-block{grid-template-columns: minmax(0,1fr);gap: 12px;padding: 18px 16px;text-align: center}.contact-block__btn{grid-column: 1;grid-row: auto;width: 100%}.contact-block__label,.contact-block__email{grid-column: 1}.contact-block__label{order: 2}.contact-block__email{order: 3;font-size: 16px}}.contact-form{display: grid;gap: 16px;margin-top: 28px;padding-top: 26px;border-top: 1px solid var(--dc-ligne)}.contact-block + .contact-form{margin-top: 20px}.contact-form__title{margin: 0;font: var(--dc-h3);color: var(--dc-lumiere)}.contact-form__intro,.contact-form__privacy{margin: 0;font-size: 15px;line-height: 1.6;color: var(--dc-texte-2)}.contact-form__privacy a{color: var(--dc-violet-texte)}.contact-form__form{display: grid;gap: 18px}.contact-form__grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 16px 20px}.contact-form__field{display: grid;gap: 6px;align-content: start;min-width: 0}.contact-form__field--wide{grid-column: 1 / -1}.contact-form__field label{font-size: 14px;font-weight: 600;color: var(--dc-lumiere)}.contact-form__message{min-height: 168px;padding: 14px 16px;line-height: 1.55;resize: vertical}.contact-form__hint{margin: 0;font-size: 13px;color: var(--dc-brume)}.contact-form__error{margin: 0;font-size: 14px;font-weight: 600;color: var(--dc-alerte)}.contact-form [aria-invalid="true"]{border-color: var(--dc-alerte)}.contact-form__notice--ok{border-color: var(--dc-vert)}.contact-form__notice--ok>.icon{color: var(--dc-vert)}.contact-form__submit{justify-self: start;gap: 10px}.contact-form__submit .icon{width: 20px;height: 20px}.contact-form__trap{display: none}@media (max-width: 767px){.contact-form{margin-top: 22px;padding-top: 20px}.contact-form__grid{grid-template-columns: minmax(0,1fr);gap: 14px}.contact-form__submit{justify-self: stretch}}.fx-chars{margin: 4px 0 0;color: var(--dc-brume);font: 700 13px/1 var(--dc-font-cond);letter-spacing: .08em;text-align: right;font-variant-numeric: tabular-nums;transition: color var(--ds-dur-base) var(--ds-ease-out)}.fx-chars.is-ok{color: var(--dc-vert)}