:root { --sage:#4A6741; --sage-light:#EEF2ED; --earth:#8B6F5E; --cream:#FAFAF7; --ink:#1C1C1A; --ink-light:#5A5A56; --border:#E2E5DF; --white:#FFFFFF; } * { box-sizing:border-box; margin:0; padding:0; } body { font-family:'DM Sans',sans-serif; background:var(--cream); color:var(--ink); font-size:15px; line-height:1.75; } .wrap { max-width:780px; margin:0 auto; padding:56px 32px 80px; } .eyebrow { font-size:11px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--sage); margin-bottom:12px; } h1 { font-family:'DM Serif Display',serif; font-size:36px; line-height:1.15; color:var(--ink); margin-bottom:14px; } .subtitle { font-size:15px; color:var(--ink-light); max-width:560px; margin-bottom:40px; padding-bottom:32px; border-bottom:1px solid var(--border); } h2 { font-family:'DM Serif Display',serif; font-size:20px; color:var(--ink); margin:36px 0 16px; padding-bottom:10px; border-bottom:1px solid var(--border); } p { margin-bottom:14px; color:var(--ink); } a { color:var(--sage); text-decoration:none; } a:hover { text-decoration:underline; } .contact-card { background:var(--white); border:1px solid var(--border); border-radius:12px; padding:28px 32px; margin-bottom:32px; } .contact-card .brand { font-family:'DM Serif Display',serif; font-size:22px; margin-bottom:20px; color:var(--ink); } .contact-row { display:flex; gap:12px; padding:11px 0; border-bottom:1px solid var(--border); font-size:14px; } .contact-row:last-child { border-bottom:none; } .contact-label { width:160px; flex-shrink:0; font-weight:600; font-size:13px; color:var(--ink); } .contact-val { color:var(--ink-light); line-height:1.6; } .contact-val a { color:var(--sage); } .response-badge { display:inline-flex; align-items:center; gap:6px; background:var(--sage-light); color:var(--sage); font-size:12px; font-weight:600; padding:5px 12px; border-radius:20px; margin-top:20px; } .form-wrap { background:var(--white); border:1px solid var(--border); border-radius:12px; padding:28px 32px; margin-top:24px; } .form-group { margin-bottom:18px; } label { display:block; font-size:13px; font-weight:600; color:var(--ink); margin-bottom:6px; } input, textarea, select { width:100%; padding:11px 14px; border:1px solid var(--border); border-radius:8px; font-family:'DM Sans',sans-serif; font-size:14px; color:var(--ink); background:var(--cream); transition:border-color 0.2s; outline:none; } input:focus, textarea:focus { border-color:var(--sage); background:var(--white); } textarea { resize:vertical; min-height:120px; } .optional { font-size:11px; color:var(--ink-light); font-weight:400; margin-left:6px; } .btn { display:inline-block; background:var(--sage); color:white; font-family:'DM Sans',sans-serif; font-size:14px; font-weight:600; padding:12px 28px; border:none; border-radius:8px; cursor:pointer; transition:background 0.2s; } .btn:hover { background:#3a5432; } .info-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:32px; } .info-tile { background:var(--white); border:1px solid var(--border); border-radius:10px; padding:18px 20px; } .info-tile .icon { font-size:20px; margin-bottom:8px; } .info-tile strong { display:block; font-size:13px; margin-bottom:4px; } .info-tile p { font-size:13px; color:var(--ink-light); margin:0; } @media (max-width:600px) { .wrap { padding:36px 18px 60px; } h1 { font-size:28px; } .contact-row { flex-direction:column; gap:4px; } .contact-label { width:auto; } .info-grid { grid-template-columns:1fr; } }