.contact-page{align-items:center;min-height:calc(100vh - 172px);padding:clamp(3rem,8vw,7rem) 0;display:grid}.contact-card{border:1.5px solid var(--color-text);background:#fffdf7;border-radius:.45rem .7rem .5rem .8rem;grid-template-columns:minmax(0,1.04fr) minmax(20rem,.96fr);gap:clamp(2.5rem,7vw,7rem);width:min(100% - 1rem,64rem);margin:0 auto;padding:clamp(2.25rem,5vw,4.75rem);display:grid;position:relative;transform:rotate(-.35deg);box-shadow:12px 14px #536b4d1c}.contact-card:before{content:"";pointer-events:none;border:1px solid #ded6c8d1;border-radius:.3rem .55rem .35rem .65rem;position:absolute;inset:.55rem}.contact-card__stamp{border:1px dashed var(--color-accent);opacity:.64;border-radius:.25rem .42rem .3rem .38rem;gap:.26rem;width:3.4rem;height:3.4rem;padding:.86rem .56rem;display:grid;position:absolute;top:1.2rem;right:1.35rem;transform:rotate(4deg)}.contact-card__stamp span{background:var(--color-accent);border-radius:999px;height:1px;display:block;transform:rotate(-3deg)}.contact-card__stamp span:nth-child(2){width:82%;transform:translate(.18rem)rotate(2deg)}.contact-card__intro,.contact-card__details,.contact-card__signoff{z-index:1;position:relative}.contact-card h1{letter-spacing:-.055em;max-width:9ch;font-size:clamp(3.25rem,7vw,6.2rem);font-weight:620;line-height:.93}[lang=zh] .contact-card h1{letter-spacing:-.06em;max-width:6em;font-size:clamp(3rem,6.4vw,5.5rem);line-height:1.06}.contact-card__invitation{max-width:34rem;margin:var(--space-6) 0 0;font-size:clamp(1.1rem,1.65vw,1.34rem);line-height:1.75}[lang=zh] .contact-card__invitation{line-height:1.95}.contact-card__details{align-content:center;gap:var(--space-6);padding-top:var(--space-6);display:grid}.contact-card__label{margin:0 0 var(--space-2);color:var(--color-muted);letter-spacing:.02em;font-size:.92rem;font-weight:650}.contact-card__email-link{max-width:100%;min-height:44px;color:var(--color-text);overflow-wrap:anywhere;text-decoration-color:var(--color-accent);text-underline-offset:.3em;padding:.48rem 0;font-size:clamp(1.02rem,1.7vw,1.2rem);font-weight:620;text-decoration-thickness:2px;display:inline-block}.contact-card__email-actions{gap:var(--space-3) var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.contact-card__copy{min-height:44px;color:var(--color-accent);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;cursor:pointer;transition:background-color var(--motion-duration) var(--motion-ease), border-color var(--motion-duration) var(--motion-ease), transform var(--motion-duration) var(--motion-ease);background:0 0;justify-content:center;align-items:center;padding:.58rem .82rem;font-size:.9rem;font-weight:620;line-height:1.2;display:inline-flex}.contact-card__copy[hidden]{display:none}.contact-card__copy:hover,.contact-card__copy:focus-visible{background:var(--color-accent-soft);border-color:var(--color-accent);transform:translateY(-1px)rotate(-.35deg)}.contact-card__copy:disabled{cursor:wait;opacity:.68}.contact-card__copy-status{min-height:1.45rem;margin:var(--space-2) 0 0;color:var(--color-accent);font-family:var(--font-hand);font-size:.9rem;line-height:1.45}.contact-card__linkedin{width:fit-content;min-height:48px;color:var(--color-bg);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-sm);transition:background-color var(--motion-duration) var(--motion-ease), transform var(--motion-duration) var(--motion-ease);justify-content:center;align-items:center;padding:.78rem 1rem;font-weight:650;line-height:1.2;text-decoration:none;display:inline-flex}.contact-card__linkedin:hover,.contact-card__linkedin:focus-visible{color:var(--color-bg);background:#3f563b;transform:translateY(-2px)rotate(.25deg)}.contact-card__signoff{max-width:22rem;margin:calc(-1 * var(--space-2)) var(--space-3) 0 0;color:var(--color-accent);font-family:var(--font-hand);grid-column:1/-1;justify-self:end;font-size:clamp(.92rem,1.4vw,1.05rem);line-height:1.45;transform:rotate(-1.6deg)}@media (width<=760px){.contact-page{min-height:calc(100vh - 156px);padding:var(--space-7) 0 var(--space-8)}.contact-card{gap:var(--space-7);grid-template-columns:minmax(0,1fr);width:min(100% - .35rem,36rem);padding:clamp(2rem,8vw,3rem) clamp(1.35rem,6vw,2.5rem);transform:rotate(-.2deg);box-shadow:8px 10px #536b4d1c}.contact-card__stamp{width:2.8rem;height:2.8rem;padding:.7rem .48rem;top:1rem;right:1rem}.contact-card__intro{padding-right:2.35rem}.contact-card__details{gap:var(--space-5);padding-top:0}.contact-card__signoff{grid-column:auto;justify-self:start;margin:0}}@media (width<=420px){.contact-card h1{font-size:clamp(2.7rem,14vw,3.65rem)}.contact-card__linkedin{width:100%}}
