.contact { padding-block-end: clamp(80px, 10vw, 140px); }
.contact__box { background: var(--gradient-soft); border: 1px solid var(--line); border-radius: var(--r-lg); padding: clamp(40px, 6vw, 80px); text-align: center; }
.contact__title { font-size: clamp(30px, 4.6vw, 52px); }
.contact__text { margin-block-start: 16px; }
.contact__actions { display: flex; align-items: center; justify-content: center; gap: 22px; flex-wrap: wrap; margin-block-start: 34px; }
.contact__email { font-family: var(--font-mono); font-size: 15px; color: var(--muted); border-block-end: 1px solid var(--line); padding-block-end: 2px; transition: color .2s var(--ease), border-color .2s var(--ease); }
.contact__email:hover { color: var(--text); border-color: var(--violet); }