/* KMH Contact Page — minimal luxe baseline (scoped to this section) */ .kmh-contact-page{--blush:#D58A92;--ivory:#F8F4F1;--mauve:#B97C87;--gold:#D1B06B;--ink:#1F1F22;--porcelain:#EFE7E2;--greige:#D8CEC7;--plum:#4B2D37;--goldLight:#E6D5A6;--goldDeep:#B48A3C; padding: clamp(28px, 4vw, 56px) 0; background: radial-gradient(1200px 600px at 10% -10%, rgba(209,176,107,.22), transparent 60%), radial-gradient(900px 520px at 100% 0%, rgba(213,138,146,.18), transparent 55%), linear-gradient(180deg, var(--ivory), var(--porcelain)); color: var(--ink); } .kmh-wrap{width:min(1100px, calc(100% - 40px)); margin:0 auto;} .kmh-shell{ background: linear-gradient(180deg, rgba(248,244,241,.82), rgba(239,231,226,.55)); border:1px solid rgba(31,31,34,.10); border-radius: 18px; box-shadow: 0 14px 40px rgba(31,31,34,.12); padding: clamp(18px, 2.6vw, 30px); position:relative; overflow:hidden; } .kmh-shell:before{ content:""; position:absolute; inset:-80px -160px auto auto; width:360px; height:360px; background: radial-gradient(circle at 30% 30%, rgba(209,176,107,.55), transparent 60%); filter: blur(1px); pointer-events:none; } .kmh-header{display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; padding: 8px 0 22px;} .kmh-logo{width:84px; height:auto; opacity:.95;} .kmh-title{margin:0; font-size: clamp(30px, 3.2vw, 46px); letter-spacing:.02em;} .kmh-subtitle{margin:0; color: rgba(31,31,34,.75); font-size: 15px;} .kmh-grid{display:grid; grid-template-columns: 1fr 1fr; gap:14px; margin-top: 10px;} .kmh-field{display:flex; flex-direction:column; gap:8px;} .kmh-field-full{grid-column: 1 / -1;} .kmh-field label{font-size: 13px; color: rgba(31,31,34,.85);} .kmh-field input, .kmh-field textarea{ border:1px solid rgba(31,31,34,.14); border-radius: 12px; padding: 12px 12px; background: rgba(248,244,241,.85); color: var(--ink); outline: none; } .kmh-field input:focus, .kmh-field textarea:focus{ border-color: rgba(209,176,107,.55); box-shadow: 0 0 0 4px rgba(209,176,107,.18); } .kmh-actions{display:flex; justify-content:flex-start; margin-top: 6px;} .kmh-btn{ appearance:none; border:1px solid rgba(31,31,34,.14); border-radius: 999px; padding: 12px 18px; background: linear-gradient(180deg, rgba(209,176,107,.95), rgba(180,138,60,.92)); color: #1F1F22; font-weight: 600; letter-spacing:.02em; cursor:pointer; } .kmh-btn:hover{filter: brightness(1.02);} .kmh-divider{height:1px; background: rgba(31,31,34,.10); margin: 22px 0;} .kmh-contact-details{display:grid; gap:8px; font-size:14px; color: rgba(31,31,34,.85);} .kmh-success{padding:12px 14px; border-radius:12px; background: rgba(209,176,107,.16); border:1px solid rgba(209,176,107,.35); margin: 10px 0 0;} .kmh-errors{padding:12px 14px; border-radius:12px; background: rgba(213,138,146,.14); border:1px solid rgba(213,138,146,.35); margin: 10px 0 0;} @media (max-width: 740px){ .kmh-grid{grid-template-columns: 1fr;} }