/* ═══ قسم Contact us ═══
   خاتمة الصفحة: شاشة داكنة بتوهّج جمريّ خافت، عنوان ضخم بلغة الموقع
   (EpicPro الأحمر + «us» بخطّ RuthClair كإيقاع «by» في About)، وسطور
   تواصل تُكشف تباعاً عند الوصول. المراقب في js/contact.js. */

.sec-contact{
  /* فوق الـ pin (z-index:1) وتحت شريط التنقّل (z-index:7) */
  position:relative;
  z-index:2;
  width:100%;
  min-height:100vh;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(58% 42% at 50% 100%, rgba(140,58,24,.16), transparent 74%),
    radial-gradient(130% 95% at 50% 40%, #0d0d0d 0%, #070707 60%, #030303 100%);
}

.sec-contact__inner{
  width:min(760px, 88vw);
  padding:14vh 0 12vh;
  text-align:center;
  direction:ltr;
}

/* السطر التمهيدي الصغير — بلغة السطور الثلاثة في About */
.sec-contact__kicker{
  font-family:'GC EpicPro','Segoe UI',system-ui,sans-serif;
  font-size:clamp(9px, .74vw, 15px);
  letter-spacing:.13em;
  color:#b9b9bc;
  opacity:.7;
}

.sec-contact__title{
  margin-top:2.2vh;
  font-family:'GC EpicPro','Segoe UI',system-ui,sans-serif;
  font-weight:normal;
  font-size:clamp(44px, 6.8vw, 120px);
  letter-spacing:.06em;
  line-height:1;
  color:var(--nav);
}
.sec-contact__title em{
  font-family:'RuthClair','GC EpicPro',cursive;
  font-style:normal;
  font-size:.92em;
  color:#00937a;
  margin-left:.08em;
  vertical-align:-.08em;
  text-transform:uppercase;    /* «US» كبيرة كوزن CONTACT بطلب المستخدم */
}

.sec-contact__lead{
  margin-top:3vh;
  font-family:'Montserrat','Segoe UI',system-ui,sans-serif;
  font-weight:500;
  font-size:clamp(13px, 1.05vw, 20px);
  color:#00937a;
}

/* سطور التواصل */
.sec-contact__links{
  list-style:none;
  margin:6.5vh 0 0;
  padding:0;
}
.sec-contact__links li{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:18px;
  padding:2.6vh 6px;
  border-top:1px solid rgba(255,255,255,.12);
}
.sec-contact__links li:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.sec-contact__links .lbl{
  font-family:'GC EpicPro','Segoe UI',system-ui,sans-serif;
  font-size:clamp(9px, .74vw, 14px);
  letter-spacing:.13em;
  color:#8a8a8e;
  white-space:nowrap;
}
.sec-contact__links a{
  font-family:'Montserrat','Segoe UI',system-ui,sans-serif;
  font-weight:500;
  font-size:clamp(14px, 1.25vw, 24px);
  color:#e8e8ea;
  text-decoration:none;
  transition:color .35s ease;
  overflow-wrap:anywhere;
}
.sec-contact__links a:hover,
.sec-contact__links a:focus-visible{color:var(--nav-hover)}

/* ── الظهور عند الوصول — نفس لغة About: مرّة واحدة ويبقى ── */
.sec-contact .js-reveal{
  opacity:0;
  transform:translateY(26px);
  transition:opacity 1.6s cubic-bezier(.16,.72,.24,1),
             transform 1.9s cubic-bezier(.16,.72,.24,1);
}
.sec-contact .js-reveal.is-in{
  opacity:1;
  transform:none;
}
.sec-contact__links li:nth-child(1){transition-delay:.25s}
.sec-contact__links li:nth-child(2){transition-delay:.45s}
.sec-contact__links li:nth-child(3){transition-delay:.65s}

@media (prefers-reduced-motion:reduce){
  .sec-contact .js-reveal{transition-duration:.01ms;transition-delay:0s}
}

/* ═══ الهواتف: توسيع مساحات اللمس ═══
   نصّ الروابط نفسه رفيع (17px) فالإصبع يخطئه — هامش رأسيّ يكبّر
   مساحة النقر دون تغيير المظهر (الحدود والفواصل باقية كما هي). */
@media (max-width:640px){
  .sec-contact__links a{padding-block:9px}
}