/* A direct invitation, with the destination visible before leaving the site. */
.contact-introduction{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8%;align-items:center;padding:64px 0 72px}
.contact-introduction h2{font-size:clamp(56px,7.1vw,110px);line-height:1.02}
.contact-invitation{padding:0;max-width:480px}
.contact-invitation>p{font:400 16px/1.7 'IBM Plex Sans',Arial,sans-serif;letter-spacing:0;max-width:32ch;margin:0 0 27px;color:#e1ccc5}
.contact-link{align-items:center;gap:24px;padding:25px 0 24px;border-top:1px solid #f1e8de44;min-height:148px}
.contact-link-copy{display:block;min-width:0}
.contact-link-title{display:block;font:400 clamp(32px,3.2vw,46px)/1.08 Newsreader,Georgia,serif;letter-spacing:-.03em;color:var(--chalk)}
.contact-route{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:18px;font-size:13px;line-height:1.6;color:#d8bdb5}
.contact-route .contact-handle{font-size:13px;line-height:1.6;color:var(--chalk)}
.contact-link .contact-arrow{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:var(--chalk);color:var(--oxblood);font-size:28px;line-height:1}
.contact-link:focus-visible{outline:2px solid var(--chalk);outline-offset:8px}
.contact-link:hover .contact-arrow,.contact-link:focus-visible .contact-arrow{transform:translate(3px,-3px)}
@media(min-width:761px) and (max-width:1000px){
 .contact-introduction{gap:6%;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
 .contact-introduction h2{font-size:6.8vw}
 .contact-invitation>p{font-size:15px}
 .contact-link{gap:14px}
 .contact-link .contact-arrow{flex-basis:46px;width:46px;height:46px;font-size:25px}
}
@media(max-width:760px){
 .contact-introduction{grid-template-columns:minmax(0,1fr);gap:30px;padding:35px 0 38px}
 .contact-introduction h2{font-size:clamp(42px,10.5vw,76px);line-height:1.04}
 .contact-invitation{max-width:480px}
 .contact-invitation>p{font-size:15px;line-height:1.7;max-width:34ch;margin-bottom:22px}
 .contact-link{padding:22px 0;gap:18px;min-height:142px}
 .contact-link-title{font-size:36px}
 .contact-route{margin-top:15px;gap:5px 12px}
 .contact-link .contact-arrow{flex-basis:48px;width:48px;height:48px;font-size:26px}
}
@media(max-width:360px){
 .contact-introduction h2{font-size:40px}
 .contact-link-title{font-size:32px}
 .contact-link{gap:12px}
 .contact-route{display:grid;gap:2px}
 .contact-link .contact-arrow{flex-basis:44px;width:44px;height:44px;font-size:24px}
}