/* ==========================================================================
   Страница «Контакты» (/contacts/) — handoff design_handoff_contacts_skotovody.
   Все .ct-* — дословно из handoff events.css, заскоуплены под .ev-scope.
   ========================================================================== */

/* ── §2 Каналы связи ── */
.ev-scope .ct-channels { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
@media (max-width: 640px) { .ev-scope .ct-channels { grid-template-columns: 1fr; } }
.ev-scope .ct-channel { display: flex; flex-direction: column; gap: 4px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-xl); padding: 24px 26px; text-decoration: none; transition: border-color .15s, box-shadow .15s, transform .15s; }
.ev-scope .ct-channel:hover { border-color: var(--forest); box-shadow: var(--shadow-sm); transform: translateY(-3px); }
.ev-scope .ct-channel-ic { width: 46px; height: 46px; border-radius: 13px; background: var(--forest-soft); display: grid; place-items: center; margin-bottom: 12px; }
.ev-scope .ct-channel-l { font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-mute); }
.ev-scope .ct-channel-v { font-family: var(--font-display); font-size: 21px; font-weight: 600; letter-spacing: -0.01em; margin-top: 3px; word-break: break-word; color: var(--ink); }
.ev-scope .ct-channel-d { font-size: 13.5px; color: var(--ink-3); line-height: 1.5; margin-top: 7px; text-wrap: pretty; }
.ev-scope .ct-channel-cta { margin-top: 16px; display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: var(--forest-ink); }
.ev-scope .ct-channel:hover .ct-channel-cta { color: var(--forest); }

/* ── §3 Строка-успокоение ── */
.ev-scope .ct-reassure { display: flex; align-items: flex-start; gap: 11px; margin-top: 18px; font-size: 14px; line-height: 1.5; color: var(--ink-3); max-width: 720px; text-wrap: pretty; }
.ev-scope .ct-dot { width: 9px; height: 9px; border-radius: 100px; background: var(--forest); box-shadow: 0 0 0 4px var(--forest-soft); flex-shrink: 0; margin-top: 5px; }

/* ── §4 Команда ── */
.ev-scope .ct-team-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin: 56px 0 26px; }
.ev-scope .ct-team-note { font-size: 14.5px; line-height: 1.55; color: var(--ink-3); max-width: 360px; text-wrap: pretty; }
.ev-scope .ct-team-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
@media (max-width: 720px) { .ev-scope .ct-team-grid { grid-template-columns: 1fr; } }
.ev-scope .ct-person { display: flex; gap: 20px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-xl); padding: 24px; align-items: flex-start; transition: border-color .15s, box-shadow .15s, transform .15s; }
.ev-scope .ct-person:hover { border-color: var(--forest); box-shadow: var(--shadow-md); transform: translateY(-3px); }
.ev-scope .ct-person-photo { width: 116px; height: 138px; border-radius: 14px; overflow: hidden; flex-shrink: 0; background: var(--bg-sunk); }
.ev-scope .ct-person-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 480px) { .ev-scope .ct-person { gap: 15px; padding: 18px; } .ev-scope .ct-person-photo { width: 88px; height: 108px; } }
.ev-scope .ct-person-body { min-width: 0; flex: 1; }
.ev-scope .ct-person-topic { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ochre-deep); background: var(--ochre-soft); padding: 4px 10px; border-radius: 6px; }
.ev-scope .ct-person-name { font-family: var(--font-display); font-size: 22px; font-weight: 600; letter-spacing: -0.01em; margin-top: 11px; color: var(--ink); }
.ev-scope .ct-person-role { font-size: 13.5px; color: var(--ink-3); line-height: 1.5; margin-top: 7px; text-wrap: pretty; }
.ev-scope .ct-person-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; }
/* Телефон-чип: ссылка ИЛИ кнопка «показать телефон» (защита от ботов) — единый вид. */
.ev-scope .ct-person-links a,
.ev-scope .ct-person-links .ct-reveal { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; font-size: 13px; font-weight: 600; color: var(--ink-2); background: var(--bg-sunk); border: 1px solid var(--line); padding: 8px 13px; border-radius: 100px; text-decoration: none; cursor: pointer; font-family: inherit; transition: color .15s, border-color .15s, background .15s; }
.ev-scope .ct-person-links a:hover,
.ev-scope .ct-person-links .ct-reveal:hover { color: var(--forest-ink); border-color: var(--forest); background: var(--forest-soft); }

/* ── §5 Форма + сайдбар ── */
.ev-scope .ct-form-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,0.75fr); gap: 28px; align-items: start; }
@media (max-width: 880px) { .ev-scope .ct-form-grid { grid-template-columns: 1fr; } }

/* §5а Форма (поля — единая система .reg-* + intl-tel телефон, как во всех формах) */
.ev-scope .ct-form { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-2xl); padding: 34px 36px; }
@media (max-width: 540px) { .ev-scope .ct-form { padding: 26px 22px; } }
.ev-scope .ct-form-h { font-family: var(--font-display); font-size: 26px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); }
.ev-scope .ct-form-sub { font-size: 14px; color: var(--ink-3); margin: 8px 0 22px; line-height: 1.55; }
.ev-scope .ct-agree { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: var(--ink-3); margin-top: 16px; line-height: 1.5; }
.ev-scope .ct-agree input { margin-top: 2px; flex-shrink: 0; accent-color: var(--forest); }
.ev-scope .ct-agree a { color: var(--forest-ink); font-weight: 600; }
.ev-scope .ct-form-body > .btn { margin-top: 18px; }

/* Экран успеха */
.ev-scope .ct-sent { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 4px 0; }
.ev-scope .ct-sent-ic { width: 64px; height: 64px; border-radius: 100px; background: var(--forest-soft); display: grid; place-items: center; margin-bottom: 16px; }
.ev-scope .ct-sent-h { font-family: var(--font-display); font-size: 24px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); }
.ev-scope .ct-sent-p { font-size: 15px; color: var(--ink-3); line-height: 1.6; margin: 10px 0 20px; max-width: 440px; }

/* §5б Сайдбар */
.ev-scope .ct-aside { display: flex; flex-direction: column; gap: 16px; }
.ev-scope .ct-aside-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-xl); padding: 22px 24px; }
.ev-scope .ct-aside-h { display: flex; align-items: center; gap: 9px; font-family: var(--font-display); font-size: 18px; font-weight: 600; color: var(--ink); }
.ev-scope .ct-aside-p { font-size: 14px; color: var(--ink-3); line-height: 1.55; margin: 8px 0 16px; }
.ev-scope .ct-direct-btns { display: flex; flex-direction: column; gap: 9px; }
.ev-scope .ct-direct-btns .btn { justify-content: flex-start; }