/* Contact — full-viewport hero, then details left and the form right. */
.contact__grid { display: grid; gap: 3rem; align-items: start; }
.contact__info h2 { max-width: 10em; }
@media (min-width: 960px) { .contact__grid { grid-template-columns: 5fr 6fr; column-gap: clamp(3rem, 8vw, 8rem); } }
.ways { margin-top: 1.75rem; border-top: 1px solid var(--line); }
.ways li { border-bottom: 1px solid var(--line); }
.ways a, .ways__static { display: grid; grid-template-columns: 6.5rem 1fr; gap: 1rem; align-items: baseline; padding: 1.05rem 0; text-decoration: none; transition: padding .4s var(--ease); }
.ways__k { font: 600 .72rem/1.6 var(--font-body); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.ways__v { font: 500 1.35rem/1.3 var(--font-display); }
.ways a:hover { padding-left: .6rem; }
@media (max-width: 480px) { .ways a, .ways__static { grid-template-columns: 1fr; gap: .15rem; } }
.ask-sec { display: grid; gap: 2rem; align-items: start; }
.ask { counter-reset: ask; border-top: 1px solid var(--line); }
.ask li { display: grid; grid-template-columns: 3.2rem 1fr; gap: .75rem; padding: 1.1rem 0; border-bottom: 1px solid var(--line); font-size: 1.04rem; }
.ask li span { font-family: var(--font-display); font-style: italic; font-size: 1.3rem; color: var(--terra); line-height: 1.3; }
@media (min-width: 900px) { .ask-sec { grid-template-columns: 4fr 7fr; column-gap: clamp(2rem, 6vw, 6rem); } }

.priv { display: grid; gap: 1.5rem; align-items: start; }
.priv .prose p { color: var(--ink-soft); }
@media (min-width: 900px) { .priv { grid-template-columns: 5fr 6fr; column-gap: 5rem; } }