#contact-dialog{position:fixed;inset:0;width:min(640px,calc(100vw - 64px));max-width:none;height:fit-content;max-height:calc(100svh - 64px);margin:auto;padding:44px 40px 42px;border:1px solid #e0e3e8;border-radius:12px;overflow:auto;background:#fff;color:#111;box-shadow:0 16px 70px #00000014}
#contact-dialog::backdrop{background:rgba(255,255,255,.42);backdrop-filter:blur(5px)}
#contact-dialog[open]{animation:info-appear 220ms ease both}
.contact-close{position:absolute;right:20px;top:16px;width:32px;height:32px;padding:0;font-size:25px;line-height:1;color:#6a6a6a}
#contact-heading{font-size:20px;font-weight:400;line-height:1.2;letter-spacing:-.5px;margin:0 0 18px}
.contact-email{display:block;width:fit-content;max-width:100%;font-size:clamp(26px,3.6vw,40px);line-height:1.12;letter-spacing:-1.2px;text-decoration:none;color:inherit;overflow-wrap:anywhere}
.contact-email:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.contact-links{margin-top:34px}
#contact-dialog .contact-links p{font-size:17px;line-height:1.6;letter-spacing:-.2px;color:#777;margin:0 0 16px}
#contact-dialog .contact-links p:last-child{margin:0}
.contact-social{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;vertical-align:middle;line-height:1;cursor:pointer;color:#111}
.contact-social svg{display:block;width:16px;height:16px;flex:none;align-self:center}
.contact-social span{display:block;line-height:1;text-decoration:none}
@media(max-width:700px){#contact-dialog{width:calc(100vw - 32px);padding:50px 26px 36px}#contact-heading{font-size:21px}.contact-email{font-size:clamp(22px,6.8vw,38px);letter-spacing:-.8px}.contact-links{margin-top:36px}#contact-dialog .contact-links p{font-size:16px;line-height:1.65;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){#contact-dialog[open]{animation:none}}

/* A line draws under the text; platform icons live in their own footer. */
.contact-email,.contact-social{position:relative;text-decoration:none}
.contact-email:hover{ text-decoration:none }
.contact-email::after,.contact-social::after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 240ms ease}
.contact-email:hover::after,.contact-email:focus-visible::after,.contact-social:hover::after,.contact-social:focus-visible::after{transform:scaleX(1)}
.contact-icon-row{display:flex;align-items:center;gap:22px;margin-top:32px;color:#111}
.contact-icon-row>a,.contact-icon-row>span{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;color:inherit}
.contact-icon-row svg{display:block;width:20px;height:20px}
.contact-icon-row>a:hover{opacity:.6}
@media(prefers-reduced-motion:reduce){.contact-email::after,.contact-social::after{transition:none}}

.contact-email-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.contact-email{padding:0;text-align:left}
#email-copy-status{font-size:12px;line-height:1.4;color:#888;letter-spacing:0}