.contact-intro{max-width:800px;margin:auto;padding:5rem 2rem 3rem;text-align:center}.contact-intro h2{margin:.35rem 0;color:var(--ink);font-size:clamp(2rem,4vw,3.5rem);line-height:1.15}.contact-layout{max-width:1000px;margin:auto;padding:1rem 2rem 6rem;display:grid;grid-template-columns:.8fr 1.2fr;gap:1.5rem}.contact-details,.contact-form-card{padding:2rem;border-radius:16px}.contact-details{background:var(--ink);color:#fff}.contact-details h3,.contact-form-card h3{margin:0 0 1.5rem;font-size:1.45rem}.contact-details div{padding:1.1rem 0;border-top:1px solid #ffffff2e}.contact-details span{display:block;margin-bottom:.4rem;color:#b9e6e8;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.contact-details p{margin:0}.contact-details a{color:#fff;text-decoration:none}.contact-form-card{background:#e8f4f4;color:var(--ink)}.contact-form-card>p{margin-bottom:1.5rem}.form-placeholder{min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.5rem;border:1px dashed #75aeb7;border-radius:10px;background:#fff;text-align:center}.form-placeholder span{font-size:.88rem}.form-placeholder code{padding:.45rem .65rem;border-radius:5px;background:#f1f6f7;color:var(--teal);font-size:.78rem}@media(max-width:700px){.contact-intro{padding:3.5rem 1.3rem 2rem}.contact-layout{grid-template-columns:1fr;padding:1rem 1.3rem 4rem}.contact-details,.contact-form-card{padding:1.5rem}}