.page-contact{background:var(--ky-void);color:var(--ky-body)}
.page-contact__hero{padding-top:calc(var(--ky-header-h) + 24px)}
.page-contact__lead{max-width:60ch;margin:12px 0 24px;color:var(--ky-body)}
.page-contact__grid{display:grid;grid-template-columns:1fr;gap:24px}
.page-contact__index{display:flex;flex-direction:column;gap:12px}
.page-contact__cards{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.page-contact__card{border:1px solid var(--ky-line);border-radius:var(--ky-radius);background:var(--ky-hull);transition:border-color .2s var(--ky-ease),transform .2s var(--ky-ease)}
.page-contact__card:hover{border-color:var(--ky-cyan);transform:translateY(-2px)}
.page-contact__card .ky-card__head{font-family:var(--ky-font-mono);color:var(--ky-cyan);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.page-contact__card .ky-card__body{font-size:16px;color:var(--ky-white)}
.page-contact__card .ky-card__meta{font-size:12px;color:var(--ky-body);opacity:.75}
.page-contact__block{margin-bottom:32px}
.page-contact__list{margin:12px 0 20px;padding-left:20px;display:grid;gap:6px}
.page-contact__timeline{display:flex;justify-content:space-between;border-top:2px solid var(--ky-line);padding-top:8px;font-family:var(--ky-font-mono);font-size:12px;color:var(--ky-cyan)}
.page-contact__tick{position:relative}
.page-contact__tick::before{content:"";position:absolute;top:-14px;left:0;width:2px;height:10px;background:var(--ky-cyan)}
.page-contact__filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.page-contact__panels{display:grid;gap:12px}
.page-contact__form{display:grid;gap:16px;border:3px solid var(--ky-line);border-radius:var(--ky-radius);padding:20px;background:var(--ky-hull)}
.page-contact__field{display:grid;gap:6px}
.page-contact__field label{font-family:var(--ky-font-mono);font-size:12px;color:var(--ky-cyan)}
.page-contact__field input,.page-contact__field textarea{background:var(--ky-hull-2);border:1px solid var(--ky-line);border-radius:var(--ky-radius);color:var(--ky-white);padding:10px;font-family:var(--ky-font-body)}
.page-contact__field input:focus,.page-contact__field textarea:focus{outline:2px solid var(--ky-cyan);outline-offset:1px}
.page-contact__hint{font-size:13px;color:var(--ky-body);opacity:.8}
.page-contact__links{font-size:14px;color:var(--ky-body)}
.page-contact__links a{color:var(--ky-cyan)}
.page-contact .ky-btn--primary{background:var(--ky-orange);border-color:var(--ky-orange);color:var(--ky-void)}
@media (min-width:900px){
  .page-contact__grid{grid-template-columns:280px 1fr;gap:40px;align-items:start}
  .page-contact__index{position:sticky;top:calc(var(--ky-header-h) + 16px)}
  .page-contact__panels{grid-template-columns:repeat(2,1fr)}
  .page-contact__form{padding:28px}
}
<<<END>>>