.contact-page{max-width:1280px;margin:0 auto;padding:70px 58px 100px}.contact-page h1,.contact-page h2{margin:0 0 32px;color:var(--blue);font:500 clamp(38px,4vw,58px)/1.12 "Playfair Display",serif}.contact-page p,.contact-page a,.contact-form{font-size:18px}.contact-hero{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.contact-hero img{width:100%;aspect-ratio:1/1;object-fit:cover}.contact-form-section{display:grid;grid-template-columns:1.4fr .9fr;gap:70px;align-items:center;width:100vw;margin:75px 0 0 calc(50% - 50vw);padding:100px max(58px,calc((100vw - 1164px)/2));background:var(--blue);color:#fff}.contact-form-section>img{width:100%;height:586px;object-fit:cover}.contact-form-intro{margin:0 0 34px}.contact-form{display:grid;gap:17px}.contact-form label{display:grid;gap:7px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #fff;padding:12px 14px;background:#fff;color:#111;font:inherit}.contact-form textarea{resize:vertical}.contact-form button{justify-self:start;border:1px solid #fff;background:#fff;color:var(--blue);padding:13px 42px;font:600 17px "Source Sans 3",sans-serif;cursor:pointer}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-top:0}.contact-details>div{padding:18px 0 80px;border-top:1px solid #aaa}.contact-details h2{font-size:42px}.contact-details a{text-decoration:underline}.social-links{display:flex;gap:12px;margin-top:16px}.social-links a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;text-decoration:none}.social-links span{font:600 21px/1 Arial,sans-serif}.contact-map iframe{display:block;width:100%;height:380px;border:0}.contact-map{padding-top:35px}@media(max-width:800px){.contact-page{padding:35px 20px 70px}.contact-hero,.contact-form-section,.contact-details{grid-template-columns:1fr;gap:38px}.contact-hero img,.contact-form-section>img{height:auto;aspect-ratio:1/1}.contact-form-section{margin-top:65px;padding:65px 20px}.contact-details{gap:25px}.contact-details>div{padding-bottom:25px}.contact-map{padding-top:25px}.contact-map iframe{height:340px}}

@media(max-width:800px){.contact-form-section{width:auto;margin-inline:-20px}}