.contact{background:#f1f5f2}.contact-grid{grid-template-columns:1.05fr 1fr;gap:32px;align-items:stretch}
.contact-project{position:relative;background:var(--petrol);border-radius:16px;padding:36px;color:#fff;overflow:hidden;border:1px solid #31524e}
.contact-project:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #ffffff0c;border-radius:50%;right:-170px;bottom:-100px;box-shadow:0 0 0 45px #ffffff03;pointer-events:none}
.contact-project-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#ffffff09;border:1px solid #e0a27366;color:#f3b07b;margin-bottom:25px}.contact-project-icon .icon{width:28px;height:28px}
.contact-project .eyebrow.dark-label{color:#f2b17d;font-size:14px;line-height:1.6}.contact .contact-project h2{font-size:42px;line-height:1.15;margin:18px 0 23px;color:#fff}
.contact-grid>.contact-project>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#d0dfda;max-width:490px;margin-bottom:26px}
.contact .contact-project .button{margin-top:0;font-size:14px;gap:10px;padding:16px 20px;border-radius:8px;position:relative;z-index:1}
.contact-project-note{display:block;font:400 14px/1.6 var(--font);color:#b8cfca;margin-top:17px}
.contact .contact-info{padding:0;border:0;display:flex;flex-direction:column;gap:14px;justify-content:space-between}
.contact-heading{padding:8px 3px 10px}.contact-heading .eyebrow{font-size:14px;margin-bottom:12px}.contact-heading h3{font:750 23px/1.35 var(--font-ui);color:var(--petrol);letter-spacing:-.5px}
.contact .contact-method{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border:1px solid #dce5df;border-radius:14px;color:var(--petrol);transition:border-color .25s,box-shadow .25s,transform .25s}
.contact-method-icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:13px;background:#f6e9dd;color:#9a511b;transition:background .25s,color .25s}.contact-method-icon .icon{width:25px;height:25px}
.contact-method-copy{display:block;min-width:0}.contact .contact-method small{font:650 14px/1.5 var(--font-ui);letter-spacing:.4px;color:#61756e;margin:0 0 7px}
.contact-method-copy strong{display:block;font:750 23px/1.3 var(--font-ui);letter-spacing:-.4px}.contact-method-copy>span{display:block;font:400 16px/1.6 var(--font);color:#60746c;margin-top:7px}.contact-address .contact-method-copy strong{font-size:20px}
.contact a.contact-method:hover,.contact a.contact-method:focus-visible{border-color:var(--orange);box-shadow:0 10px 25px #173b3b0c;transform:translateY(-3px)}.contact a.contact-method:hover .contact-method-icon{background:var(--petrol);color:#f2ad77}.contact a.contact-method:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:820px){.contact-grid{grid-template-columns:1fr;gap:28px}.contact-project{padding:30px}.contact .contact-method{padding:22px}.contact .contact-info{gap:14px}}
@media(max-width:600px){.contact-project{padding:25px 22px}.contact .contact-project h2{font-size:35px}.contact .contact-project .button{width:100%;padding:15px 12px;justify-content:center}.contact-heading h3{font-size:22px}.contact .contact-method{padding:20px 16px;gap:14px}.contact-method-icon{width:42px;height:42px;flex-basis:42px;border-radius:10px}.contact-method-icon .icon{width:22px;height:22px}.contact-method-copy strong{font-size:20px}.contact-address .contact-method-copy strong{font-size:18px}.contact-method-copy>span{font-size:14px}.contact .contact-method small{font-size:14px}}
.contact.section{padding:40px 0}
.contact-banner{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:44px;align-items:center;padding:34px 38px}
.contact .contact-banner h2{font-size:38px;margin:12px 0 16px}
.contact-banner-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;color:#d0dfda;max-width:690px}
.contact-banner-action{text-align:center;border-left:1px solid #ffffff25;padding-left:32px}
.contact-banner-action .contact-project-icon{margin:0 auto 16px;width:44px;height:44px}
.contact-banner-action .contact-project-note{font-size:14px;line-height:1.5;margin-top:12px}
@media(max-width:820px){.contact-banner{grid-template-columns:1fr;gap:24px;padding:28px}.contact-banner-action{border-left:0;border-top:1px solid #ffffff25;padding:22px 0 0;text-align:left}.contact-banner-action .contact-project-icon{display:none}.contact .contact-banner h2{font-size:32px}.contact-banner-action .button{width:auto}}
@media(max-width:480px){.contact.section{padding:28px 0}.contact-banner{padding:24px 20px}.contact .contact-banner h2{font-size:29px}.contact-banner-action .button{width:100%}}
@media(prefers-reduced-motion:reduce){.contact .contact-method,.contact-method-icon{transition:none;transform:none!important}}