/* Same palette, type and Tabler family as the portfolio. */
.contact-page{min-height:100svh;padding:24px 24px max(24px,env(safe-area-inset-bottom));display:grid;place-items:center}
.contact-card{width:100%;max-width:440px}
.contact-card__header{display:flex;align-items:center;justify-content:space-between}
.contact-card__mark{font-size:48px;line-height:1;font-weight:800;letter-spacing:-.12em;padding-right:6px}.contact-card__mark span{color:var(--accent)}
.contact-card main{margin-top:44px}
.contact-card__intro{display:flex;flex-direction:column;gap:10px}
.contact-card h1{font-size:56px;line-height:1.05;font-weight:600;letter-spacing:-.065em;margin:0;text-wrap:normal}
.contact-card__intro p{font-size:18px;line-height:1.5;margin:0;color:var(--paper)}
.contact-card__intro>span{font-size:14px;color:var(--muted)}
.contact-card__links{display:flex;flex-direction:column;gap:10px;margin-top:28px}
.contact-action{display:flex;gap:16px;align-items:center;min-height:76px;padding:16px 18px;border-radius:12px;background:#20231d;transition:background .25s,transform .25s var(--ease)}
.contact-action>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.contact-action strong{font-size:16px;font-weight:600;line-height:1.35}

.contact-action>.contact__icon{width:28px;height:28px}.contact-action>.ui-icon:last-child{width:20px;height:20px}
.contact-action--primary{background:var(--accent);color:var(--ink)}
@media(hover:hover){.contact-action:hover{background:#2d3325;transform:translateY(-2px)}.contact-action--primary:hover{background:#e5f3ad}}
.save-contact{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:18px;font-size:14px;font-weight:600;color:var(--paper);border-radius:10px}.save-contact:hover{color:var(--accent)}.save-contact .ui-icon{width:20px;height:20px}
.contact-card__footer{margin-top:26px;text-align:center;color:var(--muted);font-size:11px}
.contact-card__intro,.contact-card__links,.save-contact{animation:contact-in .55s var(--ease) both}.contact-card__links{animation-delay:.06s}.save-contact{animation-delay:.12s}
@keyframes contact-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.is-armenian .contact-card h1{font-size:48px;letter-spacing:-.04em}.is-armenian .contact-card__intro p{font-size:17px}.is-armenian .contact-action strong{font-size:15px}
@media(max-width:360px){.contact-page{padding-inline:20px}.contact-action{gap:12px;padding-inline:14px}.contact-card h1{font-size:48px}.contact-card__intro p{font-size:16px}.contact-action strong{font-size:15px}.is-armenian .contact-action strong{font-size:14px}}
@media(max-height:760px){.contact-card main{margin-top:28px}.contact-card__links{margin-top:22px}.contact-action{min-height:70px;padding-block:13px}.contact-card__footer{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.contact-card__intro,.contact-card__links,.save-contact{animation:none}}

.contact-card__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}