body.contact-page { background: #180f0b !important; color: #f1e9d8; font-family: Jost, Arial, sans-serif; }
.contact-main { width: min(100%, 1280px); margin-inline: auto; padding: 88px 24px 112px; }
.contact-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.contact-eyebrow { margin: 0 0 24px; color: #dbb579; font: 12px/1.5 monospace; letter-spacing: .3em; text-transform: uppercase; }
body.contact-page .contact-copy h1 { margin: 0; color: #f1e9d8; font: 400 clamp(44px, 4.5vw, 68px)/1.12 "Cormorant Garamond", Georgia, serif; letter-spacing: -.025em; }
body.contact-page .contact-copy h1 em { color: #dbb579; font-weight: 400; }
.contact-intro { max-width: 430px; margin: 32px 0 40px; color: #c9bfa9; font-size: 18px; line-height: 1.7; }
.contact-whatsapp { display: inline-block; padding-block: 8px; color: #dbb579; font: italic 28px/1.4 "Cormorant Garamond", Georgia, serif; text-decoration: none; }
.contact-whatsapp:hover { color: #f3d892; }
.contact-form { min-width: 0; padding: 40px; border: 1px solid #58442a; border-radius: 20px; background: #1d150e; box-shadow: 0 20px 55px #d3a45c18; }
.contact-form > label { display: block; margin: 0 0 8px; color: #c9bfa9; font-size: 12px; line-height: 1.5; letter-spacing: .2em; text-transform: uppercase; }
.contact-form > input, .contact-form > textarea { display: block; box-sizing: border-box; width: 100%; min-height: 48px; margin: 0 0 28px; padding: 12px 4px; border: 0; border-bottom: 1px solid #746043; border-radius: 0; background: transparent; color: #f1e9d8; font: inherit; }
.contact-form > textarea { min-height: 150px; resize: vertical; }
.contact-form input::placeholder, .contact-form textarea::placeholder { color: #b6a994; opacity: 1; }
.contact-form :is(input, textarea):focus-visible { outline: 2px solid #dbb579; outline-offset: 4px; }
.contact-form button { width: 100%; min-height: 54px; padding: 16px 24px; border: 0; border-radius: 999px; background: linear-gradient(100deg, #be8b4c, #f4d78d); color: #211309; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.5; letter-spacing: .23em; text-transform: uppercase; cursor: pointer; }
.contact-form button:hover { filter: brightness(1.08); }
.contact-form button:disabled { opacity: .65; cursor: wait; }
.contact-form :is(button, a):focus-visible, .contact-whatsapp:focus-visible { outline: 2px solid #f4d78d; outline-offset: 5px; }
.contact-privacy { margin: -4px 0 24px; color: #b6a994; font-size: 12px; line-height: 1.6; }
.contact-status { margin: 20px 0 0; color: #f3d892; line-height: 1.6; overflow-wrap: anywhere; }
.contact-status[data-error="true"] { color: #ffb6a6; }
.contact-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 900px) {
  .contact-layout { gap: 40px; }
  .contact-form { padding: 28px; }
}
@media (max-width: 700px) {
  .contact-main { padding: 48px 24px 64px; }
  .contact-layout { grid-template-columns: 1fr; gap: 40px; }
  body.contact-page .contact-copy h1 { font-size: clamp(42px, 9vw, 58px); }
  .contact-intro { margin: 24px 0; font-size: 17px; }
  .contact-form { padding: 28px 24px; }
}