.connect-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;border-bottom:1px solid var(--line)}
.connect-heading h2{margin:22px 0}
.connect-heading>p{font-size:15px;line-height:1.95;color:var(--muted);max-width:460px}
.reader-mail{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);max-width:460px}
.reader-mail>.eyebrow{display:flex;align-items:center;gap:10px}
.reader-mail-address{display:block;font:22px/1.5 var(--serif);margin:12px 0 18px;overflow-wrap:anywhere;user-select:text}
.reader-mail .button{min-height:48px;gap:30px}
.reader-mail .reader-mail-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:12px;max-width:370px}
.connect-card{position:relative;padding:34px;border:1px solid #cdbb94;background:linear-gradient(120deg,#faf7efb3,#e8d8b733);min-width:0}
.connect-card::before{content:"";position:absolute;top:-1px;left:34px;width:60px;height:2px;background:var(--copper)}
.connect-profile{display:flex;gap:18px;align-items:center;margin-top:26px}
.connect-monogram{display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border:1px solid #b59a65;border-radius:50%;font:22px var(--serif);color:var(--ink)}
.connect-profile h3{font:400 25px/1.4 var(--serif);margin:0 0 5px}
.connect-handle{font-size:12px;line-height:1.8;color:var(--muted)}
.connect-card>p{font-size:14px;line-height:1.85;color:var(--muted);margin:23px 0}
.connect-card .button{min-height:48px;gap:28px}
.author-connect-link{display:flex;align-items:center;gap:22px;width:fit-content;margin-top:24px;padding-block:7px;font-size:13px;border-bottom:1px solid #b59a65}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 24px}
.author-connect-link:focus-visible,.connect-card a:focus-visible,.footer-links a:focus-visible{outline:2px solid var(--copper);outline-offset:5px}
.author-connect-link:hover,.footer-links a:hover{color:var(--copper)}
@media(max-width:1000px){.connect-section{gap:40px}.connect-card{padding:28px}.connect-card::before{left:28px}.connect-profile{gap:14px}.connect-profile h3{font-size:23px}}
@media(max-width:680px){.connect-section{grid-template-columns:1fr;gap:30px}.connect-heading>p{font-size:14px}.connect-card{padding:25px 22px}.connect-card::before{left:22px}.connect-profile h3{font-size:22px}.connect-monogram{width:50px;height:50px;font-size:20px}.connect-card .button{display:flex;justify-content:space-between;width:100%}.footer-links{gap:12px 18px}}
@media(prefers-contrast:more),print{.connect-card{background-image:none}}