/* A quiet closing contact page: live platform marks and exact account names. */
#contact.contact-social {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: max(780px, 100svh);
  padding: 108px clamp(48px, 7vw, 130px) 66px;
  border-top: 1px solid rgba(190,208,225,.12);
  color: #e5edf3;
  background: #08172b;
  background-image: none;
}
#contact.contact-social .contact-inner { width: 100%; max-width: 1040px; margin: 0 auto; }
#contact.contact-social .contact-heading { text-align: center; }
#contact.contact-social .footer-brand { justify-content: center; gap: 13px; margin-bottom: 31px; }
#contact.contact-social .footer-brand > span { font-size: 42px; color: #c7d5e1; }
#contact.contact-social .footer-brand b { font-size: 11px; font-weight: 400; letter-spacing: .2em; }
#contact.contact-social .footer-brand small { font-size: 8px; color: #92a4b7; letter-spacing: .18em; }
#contact.contact-social #contact-title { margin: 0; font-weight: 400; line-height: 1.35; }
#contact.contact-social #contact-title .ar { font-family: 'Aref Ruqaa', 'Amiri', serif; font-size: clamp(54px, 5.2vw, 81px); font-weight: 700; }
#contact.contact-social #contact-title .en { font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(60px, 5.5vw, 88px); font-weight: 500; }
#contact.contact-social .footer-phrase { margin-top: 18px; }
#contact.contact-social .footer-phrase .ar { font-size: 23px; line-height: 1.7; color: #bacad9; }
#contact.contact-social .footer-phrase .en { font: 500 24px/1.4 'Cormorant Garamond', Georgia, serif; color: #bacad9; }
#contact.contact-social .contact-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 62px; margin: 40px auto 0; max-width: 900px; }
#contact.contact-social .contact-link { display: flex; align-items: center; gap: 17px; min-width: 0; padding: 22px 0; border-bottom: 1px solid rgba(190,208,225,.18); text-decoration: none; color: #dce7f0; transition: color .2s ease, border-color .2s ease; }
#contact.contact-social .contact-link:hover { color: #fff; border-color: rgba(216,230,241,.62); }
#contact.contact-social .contact-link:focus-visible { outline: 1px solid #dce7f0; outline-offset: 7px; }
#contact.contact-social .contact-email { grid-column: 1 / -1; max-width: 580px; width: 100%; margin: 0 auto 8px; }
#contact.contact-social .contact-icon { flex: 0 0 28px; width: 28px; height: 28px; color: #bfd0de; }
#contact.contact-social .contact-icon-solid { width: 26px; height: 26px; flex-basis: 28px; }
#contact.contact-social .contact-link-copy { display: flex; flex-direction: column; gap: 6px; min-width: 0; flex: 1; align-items: flex-start; }
#contact.contact-social .contact-platform { font: 400 12px/1.3 Arial, sans-serif; letter-spacing: .1em; color: #91a5b9; }
#contact.contact-social .contact-account { direction: ltr; unicode-bidi: isolate; font: 400 clamp(14px, 1.1vw, 17px)/1.5 Arial, sans-serif; letter-spacing: .005em; overflow-wrap: anywhere; }
#contact.contact-social .contact-email .contact-account { font-size: clamp(15px, 1.3vw, 19px); }
#contact.contact-social .contact-arrow { flex: 0 0 16px; font: 400 19px/1 Georgia, serif; color: #9eb2c4; }
#contact.contact-social .contact-colophon { margin-top: 34px; text-align: center; }
#contact.contact-social .footer-note { margin: 0; color: #899daf; font-size: 14px; line-height: 1.7; }
#contact.contact-social .copyright { margin-top: 14px; color: #8094a8; font-size: 10px; line-height: 1.7; letter-spacing: .065em; }
@media (max-width: 760px) {
  #contact.contact-social { min-height: 0; padding: 91px 28px 110px; }
  #contact.contact-social .footer-brand { margin-bottom: 24px; }
  #contact.contact-social .contact-links { grid-template-columns: 1fr; gap: 0; max-width: 470px; margin-top: 28px; }
  #contact.contact-social .contact-link { gap: 14px; padding: 22px 0; }
  #contact.contact-social .contact-email { grid-column: auto; max-width: none; margin-bottom: 0; }
  #contact.contact-social .contact-account { font-size: 14px; }
  #contact.contact-social .contact-email .contact-account { font-size: 14px; }
  #contact.contact-social .contact-icon { width: 26px; height: 26px; flex-basis: 26px; }
  #contact.contact-social .contact-colophon { margin-top: 30px; }
  #contact.contact-social .footer-phrase .ar { font-size: 22px; }
  #contact.contact-social .footer-phrase .en { font-size: 23px; }
}
@media (max-width: 380px) {
  #contact.contact-social { padding-inline: 24px; }
  #contact.contact-social .contact-account,
  #contact.contact-social .contact-email .contact-account { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  #contact.contact-social .contact-link { transition: none; }
}