/* A compact closing invitation with a clear reading and action hierarchy. */
#contact{padding-block:clamp(64px,7vw,104px);text-align:left;}
#contact .contact-top{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(40px,8vw,112px);}
#contact .contact-heading .kicker{margin:0 0 24px;color:#baa58b;font-size:10px;letter-spacing:.23em;}
#contact .contact-heading .h2{margin:0;max-width:100%;font-size:clamp(34px,4.1vw,56px);line-height:1.35;letter-spacing:.01em;}
#contact .contact-detail .lead{margin:0;max-width:440px;font-size:15px;line-height:1.95;color:#b9b0a4;text-wrap:pretty;}
#contact .contact-detail .btn-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;justify-content:start;margin:28px 0 0;}
#contact .btn-row .btn{min-height:52px;padding:14px 18px;justify-content:center;font-size:11px;letter-spacing:.08em;white-space:nowrap;}
#contact .btn-row .btn-line{color:#e4dbcf;border-color:#c4ae9655;}
#contact .btn-line .line-icon{color:#06c755;width:17px;height:17px;}
#contact .contact-bottom{display:flex;align-items:center;gap:36px;margin-top:56px;padding-top:24px;border-top:1px solid #c4ae962b;}
#contact .contact-info{flex:1;display:grid;grid-template-columns:1fr auto;gap:8px 24px;margin:0;justify-content:start;align-items:center;font-size:11px;letter-spacing:.04em;color:#a99f92;}
#contact .contact-info .email-link{font-size:14px;color:#e1d8cb;justify-self:start;}
#contact .contact-info>span{grid-column:1;grid-row:2;}
#contact .contact-info>a:last-child{grid-column:2;grid-row:1 / span 2;min-height:44px;display:flex;align-items:center;gap:14px;color:#d1c4b3;}
#contact .contact-info>a:last-child::after{content:'↗';font-size:18px;}
#contact .social-links{margin:0;gap:8px;}
#contact .social-links a{width:38px;height:38px;color:#c1b7a9;border-color:#c4ae9638;}
#contact .social-links a svg{width:16px;height:16px;}
#contact a:focus-visible{outline:2px solid #c4ae96;outline-offset:5px;}
@media(max-width:760px){
 #contact .contact-top{grid-template-columns:1fr;gap:26px;}
 #contact .contact-heading .kicker{margin-bottom:18px;}
 #contact .contact-heading .h2{font-size:clamp(32px,8.5vw,42px);}
 #contact .contact-detail .lead{font-size:13px;max-width:480px;}
 #contact .contact-detail .btn-row{margin-top:24px;gap:10px;max-width:480px;}
 #contact .btn-row .btn{padding:13px 10px;font-size:10px;min-height:50px;}
 #contact .contact-bottom{margin-top:36px;padding-top:22px;align-items:flex-start;gap:20px;flex-wrap:wrap;}
 #contact .contact-info{flex-basis:100%;grid-template-columns:1fr;gap:10px;}
 #contact .contact-info>a:last-child{grid-column:1;grid-row:3;justify-self:start;}
}