/* Nasaq Team — صفحة فريق العمل. يرث ألوان القالب ويعمل بدونه. */
.nqt {
  --a: var(--accent, #FFB020);
  --on-a: var(--on-accent, #0B1020);
  --nb: var(--bg, #0B1020);
  --ni: var(--ink, #F5F3EE);
  --dim: var(--ink-dim, #B4BACB);
  --f: 1; --gut: clamp(20px, 5vw, 64px);
  position: relative; isolation: isolate; overflow: hidden; color: var(--ni); line-height: 1.6;
  padding: clamp(56px, 9vw, 110px) var(--gut) clamp(64px, 9vw, 120px);
  background:
    radial-gradient(55% 45% at 85% 0%, color-mix(in srgb, var(--a) 14%, transparent), transparent 70%),
    radial-gradient(45% 40% at 5% 100%, color-mix(in srgb, #2DD4BF 9%, transparent), transparent 70%),
    linear-gradient(180deg, #101730, var(--nb));
}
.nqt[dir="ltr"] { --f: -1; }
.nqt *, .nqt *::before, .nqt *::after { box-sizing: border-box; }
.nqt > * { max-width: 1200px; margin-inline: auto; }

/* ---------- الرأس ---------- */
.nqt-head { margin-block-end: clamp(40px, 6vw, 72px); }
.nqt-eyebrow { margin: 0 0 14px; display: flex; align-items: center; gap: 12px; color: var(--a); font-weight: 800; font-size: .85rem; letter-spacing: .16em; text-transform: uppercase; }
.nqt-eyebrow::before { content: ""; width: 38px; height: 2px; background: var(--a); }
.nqt-title { margin: 0; font-family: "Readex Pro", inherit; font-weight: 800; font-size: clamp(2.3rem, 6.4vw, 4.8rem); line-height: 1.12; text-wrap: balance; }
.nqt-lead { margin: 18px 0 0; max-width: 54ch; color: var(--dim); font-size: clamp(1.02rem, 1.7vw, 1.25rem); }

/* ---------- الشبكة ---------- */
.nqt-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: clamp(22px, 3vw, 36px); }
.nqt-card { display: grid; gap: 20px; align-content: start; animation: nqt-in .8s cubic-bezier(.2,.8,.2,1) both; animation-delay: calc(var(--i) * .1s + .15s); }
@keyframes nqt-in { from { opacity: 0; transform: translateY(34px); } }

.nqt-photo { position: relative; aspect-ratio: 3 / 4; border-radius: 22px; background: linear-gradient(160deg, #162040, #0B1020); }
.nqt-photo::before { content: ""; position: absolute; inset: 0; z-index: 0; border: 2px solid var(--a); border-radius: 22px; transform: translate(calc(var(--f) * -12px), 12px); transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.nqt-card:hover .nqt-photo::before { transform: translate(calc(var(--f) * -18px), 18px); }
.nqt-img { position: relative; z-index: 1; display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 22px; filter: grayscale(.45) contrast(1.05); transition: filter .5s ease, transform .6s ease; }
.nqt-card:hover .nqt-img { filter: none; }
.nqt-mono { position: relative; z-index: 1; display: grid; place-items: center; width: 100%; height: 100%; border-radius: 22px; background: linear-gradient(160deg, #1b3d52, #101730); color: var(--a); font-family: "Readex Pro", inherit; font-weight: 800; font-size: clamp(4.5rem, 12vw, 8rem); }

.nqt-info { display: grid; gap: 8px; padding-inline-start: 4px; }
.nqt-name { margin: 0; font-family: "Readex Pro", inherit; font-weight: 800; font-size: 1.55rem; line-height: 1.25; }
.nqt-role { margin: 0; color: var(--a); font-weight: 700; font-size: .92rem; }
.nqt-bio { margin: 6px 0 0; color: var(--dim); font-size: 1rem; max-width: 46ch; }
.nqt-links { list-style: none; margin: 10px 0 0; padding: 0; display: flex; gap: 10px; }
.nqt-links a { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(255,255,255,.26); color: var(--ni); text-decoration: none; transition: background .2s, color .2s, transform .2s, border-color .2s; }
.nqt-links a:hover { background: var(--a); color: var(--on-a); border-color: var(--a); transform: translateY(-3px); }
.nqt-links a:focus-visible, .nqt-cta a:focus-visible { outline: 3px solid var(--ni); outline-offset: 3px; }

/* العضو الأول: بطاقة كبيرة بعرض الصف */
.nqt-card.is-lead { grid-column: 1 / -1; grid-template-columns: minmax(240px, 5fr) 7fr; gap: clamp(28px, 6vw, 80px); align-items: center; padding-block-end: 12px; }
.nqt-card.is-lead .nqt-photo { max-width: 460px; }
.nqt-card.is-lead .nqt-name { font-size: clamp(2rem, 4.5vw, 3.2rem); }
.nqt-card.is-lead .nqt-role { font-size: 1.1rem; }
.nqt-card.is-lead .nqt-bio { font-size: clamp(1.05rem, 1.8vw, 1.28rem); max-width: 56ch; }

/* ---------- حالات خاصة ---------- */
.nqt-empty { margin: 0; padding: 36px; text-align: center; border: 1px dashed rgba(255,255,255,.25); border-radius: 20px; color: var(--dim); font-size: 1.15rem; }
.nqt-admin { margin: 14px 0 0; text-align: center; color: var(--a); font-size: .9rem; }

/* ---------- الدعوة ---------- */
.nqt-cta { margin-block-start: clamp(56px, 8vw, 96px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 32px; padding: clamp(24px, 4vw, 40px); border-radius: 26px; border: 1px solid color-mix(in srgb, var(--a) 45%, transparent); background: color-mix(in srgb, var(--a) 8%, transparent); }
.nqt-cta p { margin: 0; font-family: "Readex Pro", inherit; font-weight: 800; font-size: clamp(1.3rem, 3vw, 2rem); }
.nqt-cta a { display: inline-flex; align-items: center; gap: 12px; padding: 15px 28px; border-radius: 999px; background: var(--a); color: var(--on-a); font-weight: 800; text-decoration: none; transition: transform .25s, box-shadow .25s; }
.nqt-cta a:hover { transform: translateY(-3px); box-shadow: 0 14px 34px color-mix(in srgb, var(--a) 38%, transparent); }
.nqt[dir="ltr"] .nqt-i-arrow { transform: scaleX(-1); }

@media (max-width: 760px) {
  .nqt-card.is-lead { grid-template-columns: 1fr; }
  .nqt-card.is-lead .nqt-photo { max-width: none; aspect-ratio: 4 / 5; }
  .nqt-cta { flex-direction: column; align-items: stretch; text-align: center; }
  .nqt-cta a { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { .nqt-card { animation: none; } .nqt *, .nqt-photo::before { transition: none !important; } }