.contact-page{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;padding-block:100px 130px;min-height:65vh}
.contact-eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--green);margin-bottom:22px}
.contact-copy h1{font-size:clamp(42px,4.5vw,68px);font-weight:500;letter-spacing:-.05em;line-height:1.06;margin:0 0 28px}
.contact-copy>p:last-child{max-width:490px}
.contact-card{padding:42px;background:var(--fog);border-radius:22px}
.contact-card h2{font-size:26px;letter-spacing:-.03em}
.contact-email{display:inline-block;color:var(--green);font-size:clamp(20px,2vw,27px);letter-spacing:-.03em;margin-top:22px;overflow-wrap:anywhere}
.contact-email:hover{text-decoration:underline;text-underline-offset:5px}
.contact-card p{font-size:16px;margin-top:24px}
.contact-card .button{margin-top:28px}
@media(max-width:1000px){.contact-page{gap:40px}.contact-card{padding:30px}}
@media(max-width:760px){.contact-page{grid-template-columns:1fr;padding-block:55px 70px;gap:34px}.contact-copy h1{font-size:46px}.contact-card{padding:28px 24px}.contact-copy p{font-size:17px}.site-header>.button{font-size:13px;min-height:42px;padding-inline:16px}}
@media(max-width:360px){.contact-copy h1{font-size:39px}.site-header{gap:12px}.site-header>.wordmark{font-size:24px}}