.contact-form { --contact-primary: #83203f; --contact-secondary: #9c4b64; --contact-text: #292426; --contact-muted: #776f72; --contact-border: #e8c8ce; --contact-border-strong: #d9aeb8; --contact-soft: #fff8fa; --contact-button: #f7dade; --contact-button-active: #b0a387; --contact-serif: Georgia, "Times New Roman", serif; --contact-sans: var(--font-body-family), Arial, Helvetica, sans-serif; width: 100%; color: var(--contact-text); background: rgb(var(--color-background)); } .contact-form, .contact-form * { box-sizing: border-box; } .contact-form__inner { width: 100%; max-width: 1160px; margin: 0 auto; }  .contact-form__hero { max-width: 760px; margin: 0 auto 58px; text-align: center; } .contact-form__eyebrow, .contact-form__info-eyebrow, .contact-form__form-eyebrow { margin: 0 0 15px; font-family: var(--contact-sans); font-size: 10px; font-weight: 600; line-height: 1.3; letter-spacing: 0.18em; color: var(--contact-secondary); text-transform: uppercase; } .contact-form__title { margin: 0; font-family: var(--contact-serif); font-size: clamp(36px, 4.5vw, 54px); font-style: italic; font-weight: 400; line-height: 1.12; letter-spacing: -0.025em; color: var(--contact-text); } .contact-form__subtitle { max-width: 620px; margin: 18px auto 0; font-family: var(--contact-sans); font-size: 13px; font-weight: 400; line-height: 1.8; color: var(--contact-muted); }  .contact-form__layout { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr); width: 100%; overflow: hidden; background: #fff; border: 1px solid var(--contact-border); } .contact-form__info, .contact-form__form-panel { min-width: 0; } .contact-form__info { display: flex; flex-direction: column; justify-content: space-between; min-height: 620px; padding: 52px 48px 46px; background: var(--contact-soft); border-right: 1px solid var(--contact-border); } .contact-form__info-title, .contact-form__form-title { margin: 0; font-family: var(--contact-serif); font-size: 30px; font-style: italic; font-weight: 400; line-height: 1.2; letter-spacing: -0.02em; color: var(--contact-text); } .contact-form__info-copy { max-width: 410px; margin-top: 22px; font-family: var(--contact-sans); font-size: 13px; font-weight: 400; line-height: 1.8; color: var(--contact-muted); } .contact-form__info-copy>*:first-child { margin-top: 0; } .contact-form__info-copy>*:last-child { margin-bottom: 0; } .contact-form__info-copy p, .contact-form__info-copy li { font-size: inherit; line-height: inherit; color: inherit; } .contact-form__info-copy a { color: var(--contact-primary) !important; text-decoration: underline !important; text-underline-offset: 4px; } .contact-form__details { margin-top: 48px; border-top: 1px solid var(--contact-border); } .contact-form__detail { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 18px; padding: 20px 0; border-bottom: 1px solid var(--contact-border); } .contact-form__detail-label { font-family: var(--contact-sans); font-size: 9px; font-weight: 600; line-height: 1.5; letter-spacing: 0.13em; color: var(--contact-secondary); text-transform: uppercase; } .contact-form__detail-value { min-width: 0; font-family: var(--contact-sans); font-size: 12px; font-weight: 400; line-height: 1.65; color: var(--contact-text); word-break: break-word; } .contact-form__detail-link { color: var(--contact-primary) !important; text-decoration: underline !important; text-underline-offset: 4px; }  .contact-form__form-panel { padding: 52px 54px 48px; background: #fff; } .contact-form__form-head { max-width: 520px; margin-bottom: 34px; } .contact-form__form-text { max-width: 500px; margin: 14px 0 0; font-family: var(--contact-sans); font-size: 12px; font-weight: 400; line-height: 1.75; color: var(--contact-muted); } .contact-form__form-wrapper { display: block; width: 100%; } .contact-form__fields { display: flex; flex-direction: column; gap: 20px; } .contact-form__field-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .contact-form__field-block { min-width: 0; } .contact-form__field-label { display: block; margin: 0 0 8px; font-family: var(--contact-sans); font-size: 9px; font-weight: 600; line-height: 1.4; letter-spacing: 0.12em; color: var(--contact-primary); text-transform: uppercase; }  .contact-form .field.contact-form__field, .contact-form .contact-form__field.field { width: 100%; min-height: 54px; margin: 0 !important; color: var(--contact-text); background: #fff !important; border-radius: 0 !important; box-shadow: none !important; } .contact-form .field.contact-form__field::after, .contact-form .contact-form__field.field::after { border: 1px solid var(--contact-border) !important; border-radius: 0 !important; box-shadow: none !important; transition: border-color 180ms ease; } .contact-form .field.contact-form__field:hover::after, .contact-form .contact-form__field.field:hover::after { border-color: var(--contact-border-strong) !important; } .contact-form .field.contact-form__field:focus-within::after, .contact-form .contact-form__field.field:focus-within::after { border-color: var(--contact-button-active) !important; } .contact-form .contact-form__field .field__inner { width: 100%; } .contact-form .contact-form__field .field__input { width: 100%; min-height: 54px; padding: 15px 16px !important; font-family: var(--contact-sans); font-size: 13px !important; font-weight: 400; line-height: 1.5; color: var(--contact-text) !important; caret-color: var(--contact-primary); background: transparent !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; } .contact-form .contact-form__field .field__input::placeholder { opacity: 1 !important; color: #a09699; } .contact-form .contact-form__field .field__label { display: none !important; } .contact-form .contact-form__message-field { align-items: stretch; min-height: 170px !important; } .contact-form .contact-form__message-field .textarea { display: block; width: 100%; min-height: 168px; height: 168px; padding: 15px 16px !important; margin: 0 !important; resize: vertical; }  .contact-form__notice { margin: 0 0 24px; } .contact-form__notice .tips-card, .contact-form__notice [class*="tips-card"] { border-radius: 0 !important; box-shadow: none !important; }  .contact-form__button-wrap { display: flex; justify-content: flex-end; margin-top: 30px; } .contact-form__button { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 250px; min-height: 54px; padding: 0 24px; font-family: var(--contact-sans); font-size: 10px; font-weight: 600; line-height: 1; letter-spacing: 0.12em; color: var(--contact-primary) !important; text-transform: uppercase; cursor: pointer; appearance: none; background: var(--contact-button) !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; transition: color 180ms ease, background-color 180ms ease; } .contact-form__button::before, .contact-form__button::after, .contact-form__button:hover::before, .contact-form__button:hover::after, .contact-form__button:focus::before, .contact-form__button:focus::after, .contact-form__button:focus-visible::before, .contact-form__button:focus-visible::after, .contact-form__button:active::before, .contact-form__button:active::after { display: none !important; content: none !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; } .contact-form__button:hover, .contact-form__button:focus-visible { color: #fff !important; background: var(--contact-button-active) !important; } .contact-form__button:focus, .contact-form__button:active { outline: 0 !important; box-shadow: none !important; }  @media (max-width: 959px) { .contact-form__hero { margin-bottom: 44px; } .contact-form__layout { grid-template-columns: 1fr; } .contact-form__info { min-height: auto; padding: 40px 36px 36px; border-right: 0; border-bottom: 1px solid var(--contact-border); } .contact-form__form-panel { padding: 40px 36px 38px; } .contact-form__details { margin-top: 38px; } } @media (max-width: 575px) { .contact-form__hero { margin-bottom: 34px; } .contact-form__eyebrow, .contact-form__info-eyebrow, .contact-form__form-eyebrow { margin-bottom: 12px; font-size: 9px; } .contact-form__title { font-size: 34px; line-height: 1.15; } .contact-form__subtitle { max-width: 340px; margin-top: 15px; font-size: 12px; line-height: 1.75; } .contact-form__info, .contact-form__form-panel { padding: 30px 20px 28px; } .contact-form__info-title, .contact-form__form-title { font-size: 26px; } .contact-form__info-copy { margin-top: 18px; font-size: 12px; } .contact-form__details { margin-top: 30px; } .contact-form__detail { grid-template-columns: 96px minmax(0, 1fr); gap: 14px; padding: 17px 0; } .contact-form__detail-label { font-size: 8px; } .contact-form__detail-value { font-size: 11px; } .contact-form__form-head { margin-bottom: 26px; } .contact-form__form-text { margin-top: 12px; font-size: 11px; } .contact-form__field-row { grid-template-columns: 1fr; gap: 18px; } .contact-form__fields { gap: 18px; } .contact-form__field-label { margin-bottom: 7px; font-size: 8px; } .contact-form .field.contact-form__field, .contact-form .contact-form__field.field, .contact-form .contact-form__field .field__input { min-height: 52px; } .contact-form .contact-form__field .field__input { padding: 14px !important; font-size: 12px !important; } .contact-form .contact-form__message-field { min-height: 150px !important; } .contact-form .contact-form__message-field .textarea { min-height: 148px; height: 148px; } .contact-form__button-wrap { margin-top: 24px; } .contact-form__button { width: 100%; min-height: 52px; font-size: 9px; } }