/* RUSDRAM — CONTACT. Quiet practical page: info, form, live map, FAQ. */

.page-hero {
  position: relative; padding: calc(var(--header-h) + 4rem) 0 3rem;
  background: radial-gradient(120% 80% at 50% 0%, #240a10, var(--black)); text-align: center;
}
.page-hero .kicker { justify-content: center; margin-bottom: 1rem; }
.page-hero h1 { font-family: var(--f-display); font-size: clamp(2.4rem,1.6rem+4vw,4.6rem); color: var(--paper); }
.page-hero p { max-width: 56ch; margin: 1.2rem auto 0; color: var(--smoke-dim); }

.contact { padding: clamp(3.5rem,7vw,6rem) 0; background: var(--black); }
.contact-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(2rem,5vw,4rem); }
@media (max-width: 860px){ .contact-grid{ grid-template-columns: 1fr; } }

.cinfo .item { display: flex; gap: 1rem; padding: 1.1rem 0; border-bottom: 1px solid var(--line); }
.cinfo .item:last-child { border-bottom: 0; }
.cinfo .ic { width: 36px; height: 36px; flex: none; color: var(--brass); }
.cinfo h4 { font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; color: var(--brass); margin-bottom: .3rem; }
.cinfo p, .cinfo a { color: var(--smoke); font-size: .98rem; }
.cinfo a:hover { color: var(--paper); }
.cinfo .sub { color: var(--smoke-dim); font-size: .85rem; }

/* form */
.form { border: 1px solid var(--line); background: var(--black-3); padding: 2rem; }
.form h2 { font-family: var(--f-display); color: var(--paper); font-size: 1.7rem; margin-bottom: 1.4rem; }
.field { margin-bottom: 1rem; }
.field input, .field textarea {
  width: 100%; background: var(--black); border: 1px solid var(--line); color: var(--paper);
  padding: .9rem 1rem; border-radius: 2px; font: inherit; transition: border-color .3s;
}
.field textarea { min-height: 120px; resize: vertical; }
.field input:focus, .field textarea:focus { outline: none; border-color: var(--brass); }
.field input::placeholder, .field textarea::placeholder { color: var(--smoke-dim); }
.form .btn { width: 100%; justify-content: center; }
.form-note { font-size: .8rem; color: var(--smoke-dim); font-style: italic; margin-top: 1rem; text-align: center; }

/* map */
.map { background: var(--black-2); border-top: 1px solid var(--line); }
.map .section-head { text-align: center; margin: 0 auto; padding: clamp(2.5rem,5vw,4rem) 0 1.6rem; }
.map .section-head .kicker { justify-content: center; }
.map iframe { width: 100%; height: 440px; border: 0; display: block; filter: grayscale(.3) contrast(1.05) brightness(.9); }

/* faq mini */
.cfaq { padding: clamp(3rem,6vw,5rem) 0; background: var(--black); }
.cfaq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; max-width: 920px; margin: 2rem auto 0; }
@media (max-width: 640px){ .cfaq-grid{ grid-template-columns: 1fr; } }
.cfaq-item { border: 1px solid var(--line); padding: 1.6rem; background: var(--black-3); }
.cfaq-item h4 { font-family: var(--f-display); color: var(--paper); font-size: 1.15rem; margin-bottom: .5rem; }
.cfaq-item p { color: var(--smoke-dim); font-size: .92rem; }
.cfaq .section-head { text-align: center; margin: 0 auto; }
.cfaq .section-head .kicker { justify-content: center; }