.contact-hero { min-height: 470px; padding: 175px 8vw 95px; background: radial-gradient(ellipse at 78% 25%, #382025 0, transparent 37%), #111112; }
.contact-hero h1 { max-width: 980px; margin: 28px 0 24px; font-size: clamp(58px, 8vw, 118px); letter-spacing: -.075em; line-height: .86; }
.contact-hero h1 em, .contact-layout h2 em, .thank-you h1 em { color: #ed2630; font-family: 'Playfair Display', serif; font-weight: 600; }
.contact-hero > p:last-child { max-width: 530px; margin: 0; color: #c8c4c0; font-size: clamp(17px, 2vw, 22px); line-height: 1.55; }
.contact-layout { display: grid; grid-template-columns: minmax(250px, .75fr) minmax(0, 1.25fr); gap: 10vw; padding: 110px 8vw; background: #f1eee8; color: #111112; }
.contact-layout .eyebrow { color: #686461; }.contact-layout h2 { margin: 28px 0 25px; font-size: clamp(38px, 4.5vw, 65px); line-height: .92; letter-spacing: -.065em; }.contact-details > p:not(.eyebrow) { max-width: 390px; color: #514d49; font-size: 16px; line-height: 1.7; }
.details-list { margin-top: 52px; border-top: 1px solid #bcb5ae; }.details-list div { padding: 16px 0; border-bottom: 1px solid #bcb5ae; }.details-list span { display: block; margin-bottom: 5px; color: #77716d; font: 10px 'DM Mono', monospace; letter-spacing: 1px; text-transform: uppercase; }.details-list strong { font-size: 14px; line-height: 1.55; }
.enquiry-form { display: grid; gap: 22px; padding: clamp(24px, 4vw, 52px); background: #e4dfd7; }.enquiry-form label { display: grid; gap: 9px; color: #302e2d; font: 11px 'DM Mono', monospace; letter-spacing: .8px; text-transform: uppercase; }.enquiry-form small { color: #77716d; font-size: 9px; letter-spacing: .4px; text-transform: none; }.field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.enquiry-form input, .enquiry-form select, .enquiry-form textarea { width: 100%; border: 1px solid #a9a29a; border-radius: 0; padding: 14px 13px; background: #f7f4ee; color: #111112; font: 15px 'Manrope', sans-serif; letter-spacing: 0; text-transform: none; outline: none; }.enquiry-form textarea { resize: vertical; min-height: 145px; line-height: 1.55; }.enquiry-form input:focus, .enquiry-form select:focus, .enquiry-form textarea:focus { border-color: #ed2630; box-shadow: 0 0 0 3px rgba(237, 38, 48, .12); }
.enquiry-form button { justify-self: start; border: 0; padding: 15px 20px; background: #ed2630; color: #fff; font: 11px 'DM Mono', monospace; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; }.enquiry-form button:hover { background: #c81822; }.enquiry-form button span { margin-left: 12px; font-size: 17px; vertical-align: -1px; }.form-note { max-width: 490px; margin: -5px 0 0; color: #706c68; font-size: 12px; line-height: 1.55; }.honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.thank-you { min-height: calc(100vh - 164px); padding: 190px 8vw 100px; background: radial-gradient(ellipse at 75% 30%, #382025 0, transparent 38%), #111112; }.thank-you h1 { margin: 28px 0; font-size: clamp(58px, 8vw, 118px); line-height: .86; letter-spacing: -.075em; }.thank-you p:not(.eyebrow) { max-width: 560px; color: #c8c4c0; font-size: 20px; line-height: 1.6; }.thank-you a { display: inline-block; margin-top: 24px; padding-bottom: 7px; border-bottom: 1px solid #f1eee8; color: #f1eee8; font: 11px 'DM Mono', monospace; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; }.thank-you a span { color: #ed2630; font-size: 17px; }
@media (max-width: 760px) { .contact-hero { min-height: 0; padding: 135px 6vw 72px; }.contact-hero h1 { font-size: 15vw; }.contact-layout { display: block; padding: 75px 6vw; }.enquiry-form { margin-top: 65px; padding: 25px 20px; }.field-grid { grid-template-columns: 1fr; }.thank-you { min-height: calc(100vh - 147px); padding: 140px 6vw 80px; }.thank-you h1 { font-size: 15vw; } }