.contact-page { display: flex; flex-direction: column; min-height: 100vh; }
.contact-layout {
  flex: 1;
  width: min(92%, 1460px);
  margin: 0 auto;
  padding: clamp(2rem, 6vw, 5rem) 0;
}
.contact-layout h1 {
  margin: .35rem 0 1.75rem;
  font-family: Almarai, Arial, sans-serif;
  font-size: clamp(2.4rem, 7vw, 6rem);
  line-height: 1.1;
  letter-spacing: -.04em;
  text-transform: none;
}
.contact-details {
  display: grid;
  gap: .65rem;
  width: min(100%, 46rem);
  font-style: normal;
}
.contact-details a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .35rem 1rem;
  padding: 1rem clamp(1rem, 3vw, 1.75rem);
  border: 1px solid #525053;
  border-radius: .65rem;
  background: #141315;
  font-size: clamp(.95rem, 3vw, 1.6rem);
  overflow-wrap: anywhere;
}
.contact-details a:hover { border-color: var(--accent); }
.contact-label {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: .75rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.contact-arrow { color: var(--accent); }