.contact-page .contact-hero{padding:clamp(7rem,11vw,10rem) 0 3.5rem;background:#f6f7f6}
.contact-page .contact-hero h1{max-width:900px;margin:0;font-size:clamp(2.8rem,5vw,5rem);font-weight:700;line-height:1.05;letter-spacing:-.035em;color:#17191b}
.contact-page .contact-hero p{max-width:680px;margin:1.2rem 0 0;font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.6;color:#4d5559}
.contact-page .contact-main{padding:clamp(3rem,6vw,6rem) 0;background:#f3f2ee}
.contact-page .contact-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(2.5rem,5vw,5rem);align-items:start;padding:clamp(1.5rem,4vw,3.5rem);overflow:hidden;background:linear-gradient(135deg,#fffaf4 0%,#fff 34%,#fbfbf9 100%);border-radius:16px;box-shadow:0 22px 60px rgba(25,28,29,.08)}
.contact-page .contact-details h2,.contact-page .contact-form h2{margin:0 0 1.5rem;font-size:clamp(1.7rem,2.5vw,2.4rem);font-weight:650;letter-spacing:-.025em;line-height:1.15}
.contact-page .contact-details address{font-style:normal}
.contact-page .contact-details dl{margin:0}
.contact-page .contact-detail-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid #e6e1da}
.contact-page .contact-detail-item:first-child{padding-top:0}
.contact-page .contact-detail-item:last-child{padding-bottom:0;border-bottom:0}
.contact-page .contact-detail-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:#f8e5d1;color:#83562d}
.contact-page .contact-detail-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contact-page .contact-details dt{margin:0 0 .35rem;color:#5a6064;font-size:.9rem;font-weight:700}
.contact-page .contact-details dd{margin:0;font-size:1.1rem;line-height:1.5}
.contact-page .contact-details a{color:#1b1e20;text-decoration:underline;text-decoration-color:#d49a5b;text-underline-offset:.22em}
.contact-page .contact-form{min-width:0;padding-left:clamp(2.5rem,4vw,4.5rem);border-left:1px solid #e3ded6}
@media(max-width:820px){.contact-page .contact-layout{grid-template-columns:1fr;gap:2rem;padding:clamp(1.25rem,5vw,2rem)}.contact-page .contact-form{padding:2rem 0 0;border-top:1px solid #e3ded6;border-left:0}.contact-page .contact-hero{padding-bottom:2.5rem}}

.contact-page .contact-details h2,
.contact-page .contact-form h2{
  font-size:var(--section-title-size)!important;
  font-weight:700!important;
  line-height:1.04!important;
  letter-spacing:-.03em!important;
}