/* =============================================================
 * contact.css — CONTACT US (370:337) SIFIRDAN pixel-perfect.
 * Container 840px kolon (x=220-1060).
 * ============================================================= */

.contact {
  width: 840px; max-width: calc(100% - 48px); margin-inline: auto;
  padding-block: 71px 96px;   /* frame y40 + 71 = 111 (hero başlangıcı) */
}

/* Hero (370:422): 840×364. aspect-ratio ile oran korunur. */
.contact__cover {
  width: 100%; aspect-ratio: 840 / 364;
  border-radius: 2px; overflow: hidden; background: var(--c-surface);
}
.contact__cover img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Grid: sol metin 383px / sağ form 409px, ara 46px. Hero biter y475, eyebrow y550 → 75px */
.contact__grid {
  display: grid; grid-template-columns: 383px 409px; gap: 46px;
  justify-content: space-between; align-items: start;
  margin-top: 75px;
}

/* Eyebrow "Contact Us" (370:425): Manrope 18/28 #5C5C58. title y588 → eyebrow y550, 38px sonra */
.contact__eyebrow { font-family: var(--font-body); font-weight: 400; font-size: 18px; line-height: 28px; color: var(--c-body); margin: 0; }
/* Title (370:424): Lora Medium 26/36, zorunlu 2 satır. lead y670, title biter y588+72=660 → 10px */
.contact__title { font-family: var(--font-heading); font-weight: 500; font-size: 26px; line-height: 36px; color: #000; margin: 38px 0 0; }
/* Lead (370:255): Manrope 16/24, #5C5C58, 3 satır zorunlu kırılım, son cümle bold */
.contact__text { font-family: var(--font-body); font-weight: 400; font-size: 16px; line-height: 24px; color: var(--c-body); margin: 10px 0 0; }
.contact__text strong { font-weight: 700; color: var(--c-body); }

/* Location / Work Hours / Contact (1987:2796/2799/2802): lead biter ~742, ilk blok y758 → 16px.
   Label/value tipografisi + blok aralığı(32px) job-detail'deki (.job__block/.job__label/.job__text)
   AYNI kalıp (Manrope 14/20, label #919191, değer #161614) — aynı bileşen tasarımın iki
   sayfasında da var, job.css'teki blok aralığı basitleştirmesiyle tutarlı kalındı. */
.contact__block { margin: 0 0 32px; }
.contact__block:first-of-type { margin-top: 16px; }
.contact__block--last { margin-bottom: 0; }
.contact__label {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #919191;
  margin: 0 0 8px;
}
.contact__value {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--c-heading);
  margin: 0;
}

.contact__form { width: 409px; }

@media (max-width: 900px) {
  .contact { width: 100%; }
  .contact__grid { grid-template-columns: 1fr; gap: 32px; }
  .contact__form { width: 100%; }
}