/* Contact page-only sections: form + side info layout. */

.contact-layout { display: grid; grid-template-columns: .95fr 1.05fr; gap: 56px; align-items: start; }

.cinfo-ic { width: 50px; height: 50px; border-radius: 14px; background: rgba(214, 164, 58, .14); color: var(--gold); display: flex; align-items: center; justify-content: center; margin: 0 0 20px; transition: transform .3s cubic-bezier(.16, 1, .3, 1); }
.cinfo-list { display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.cinfo-row { display: flex; align-items: center; gap: 18px; padding: 22px 4px; border-bottom: 1px solid var(--line); transition: background .3s; }
.cinfo-row:hover { background: var(--cream-2); }
.cinfo-row .cinfo-ic { margin: 0; width: 46px; height: 46px; flex-shrink: 0; }
.cinfo-row b { display: block; font: 700 11.5px var(--body); letter-spacing: .13em; text-transform: uppercase; color: var(--slate); margin-bottom: 4px; }
.cinfo-row a, .cinfo-row span { font: 700 16px var(--heading); color: var(--navy); }
.cinfo-row a:hover { color: var(--gold); }

@media (max-width: 980px) {
	.contact-layout { grid-template-columns: 1fr; }
}