.contact-envelope{position:absolute;left:62%;top:690px;width:132px;z-index:7;padding:0;transform:rotate(8deg);transition:transform .3s,left .95s,top .95s}
.envelope-paper{height:85px;display:block;position:relative;background:linear-gradient(145deg,#f2dfb9,#ead2a6);border:1px solid #c6ae8d85;border-radius:3px;box-shadow:2px 5px 8px #65503820;isolation:isolate}
.envelope-paper:before{content:'';position:absolute;inset:0;background:linear-gradient(35deg,transparent 49.5%,#c5ad872e 50%,transparent 50.8%),linear-gradient(-35deg,transparent 49.5%,#c5ad872e 50%,transparent 50.8%);border-radius:3px}
.envelope-paper:after{content:'';position:absolute;inset:0;background:linear-gradient(#f8e9cb,#ecd6ae);clip-path:polygon(0 0,100% 0,50% 58%);filter:drop-shadow(0 1px 1px #81674566);z-index:-1}
.envelope-paper i{position:absolute;top:8px;left:15px;font:24px 'Caveat',cursive;color:#877258;transform:rotate(-7deg)}
.envelope-paper b{position:absolute;right:9px;top:8px;width:25px;height:29px;border:2px dotted #f7eed9;background:#9baf9b;color:#fff9e5;font:12px/25px 'Caveat',cursive;transform:rotate(4deg)}
.envelope-label{display:block;font:20px 'Caveat',cursive;margin-top:7px;color:#7a715f}.contact-envelope:hover,.contact-envelope:focus-visible{transform:rotate(0) translateY(-6px)}
body[data-mode=clean] .contact-envelope{left:58%;top:690px;transform:rotate(0)}body[data-mode=notebook] .contact-envelope{left:58%;top:650px;transform:rotate(-8deg)}
@media(min-width:1001px){body[data-mode=chaos] .contact-envelope{left:62%;top:calc(var(--desk-h)*.78);width:7cqw}body[data-mode=chaos] .envelope-paper{height:4.5cqw}body[data-mode=chaos] .envelope-label{font-size:1.1cqw}body[data-mode=chaos] .envelope-paper i{font-size:1.35cqw}}
.get-in-touch{padding:65px 45px 75px;border-top:1px solid #e8e1d7}.contact-eyebrow{font-size:10px;color:#9a8b77;letter-spacing:1px}.get-in-touch h2,.contact-card-body h2{font:500 52px/1.05 'Caveat',cursive;margin:20px 0 32px;color:#635b50}.contact-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:12px}.contact-links>a,.contact-links>button{border-bottom:1px solid #c4b7a6;padding:8px 0;text-align:left}.contact-links a:hover,.contact-links button:hover{color:#a86650}.email-link span{display:block;font-size:10px;color:#958773;margin-top:7px}.copy-feedback{font-size:11px;min-height:18px;margin:18px 0 0;color:#7b856e}.copy-feedback a{text-decoration:underline}#contact-dialog{width:min(580px,92vw)}.contact-card-body{padding:32px 35px 25px;background:repeating-linear-gradient(transparent 0 29px,#a6967c09 29px 30px),#fffcf4}.contact-card-body h2{font-size:48px}.contact-card-body .contact-links{gap:20px}.contact-card-body .email-link{flex-basis:100%;border-bottom:0;font-size:15px}.contact-card-body .email-link span{font-size:12px}
@media(max-width:650px){.contact-envelope{left:45%;top:175px;width:75px;transform:rotate(8deg)}.envelope-paper{height:48px}.envelope-paper i{font-size:17px;left:7px;top:4px}.envelope-paper b{width:16px;height:18px;right:5px;top:5px;font-size:9px;line-height:15px}.envelope-label{font-size:14px;margin-top:3px}body[data-mode=clean] .contact-envelope{left:35%;top:260px}body[data-mode=notebook] .contact-envelope{left:43%;top:620px}.get-in-touch{padding:45px 0}.get-in-touch h2{font-size:44px}.contact-links{gap:20px;font-size:11px}.contact-card-body{padding:26px 24px 20px}.contact-card-body h2{font-size:41px}}
@media(prefers-reduced-motion:reduce){.contact-envelope{transition:none}}
.contact-links{align-items:baseline}
.contact-card-body .email-link{flex-basis:auto;font-size:12px;border-bottom:1px solid #c4b7a6}
.contact-email-address{font-size:11px;line-height:1.6;color:#958773;margin:12px 0 0}
.contact-email-address a:hover{text-decoration:underline}
.contact-email-address{display:flex;align-items:center;gap:9px}
.copy-email-icon{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:7px;color:#958773;border-radius:5px}
.copy-email-icon svg{width:16px;height:16px}
.copy-email-icon:hover{background:#eee8dc;color:#635b50}
@media(max-width:650px){.contact-card-body .email-link{font-size:11px}.contact-card-body .contact-links{gap:18px}.contact-email-address{font-size:10px}}