:root{
  --bg:#070707;
  --text:#f5f5f5;
  --red:#e62b1e;
  --lightText:#111;
  --lightMuted:#666;
  --lightBorder: rgba(0,0,0,.10);
}

*{box-sizing:border-box}
html,body{height:100%}
html{ scroll-behavior:smooth; }

body{
  margin:0;
  font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  background:#fff;
  color: var(--lightText);
  overflow-x:hidden;
   padding-top: 90px;
}

#pageContent{ position:relative; z-index:1; }
a{color:inherit; text-decoration:none}

/* =========================
   NAVBAR (ثابت بكل الصفحات)
   ========================= */
.site-header .navbar{
  border-bottom: 1px solid rgba(0,0,0,.08);
  z-index: 9999; /* ✅ يضل فوق أي شي */
}



.brand-left{
  display:flex;
  align-items:baseline;
  gap:6px;
  font-weight:900;
  letter-spacing:.2px;
}

.brand-mark{ font-size:22px; line-height:1; color:#111; }
.brand-mark .ted{ color: var(--red); }
.brand-mark .x{ color: var(--red); }
.brand-city{ font-size:22px; line-height:1; color:#111; }

.nav-pill{
  color:#111 !important;
  font-weight:700;
  padding: 10px 14px !important;
  border-radius: 999px;
  transition: color .15s ease, background .15s ease;
}
.nav-pill:hover{ color: var(--red) !important; }

/* ✅ Active filled red + text white */
.navbar .nav-link.active{
  color:#fff !important;
  background: var(--red);
  border-radius: 999px;
  padding: 10px 14px !important;
}
/* ✅ يلغي الفراغ الأبيض فقط فوق الهيرو */
#home.hero-dark{
  margin-top: -90px;
  padding-top: 90px;
}

/* =========================
   HERO (أغمق + watermark أصغر)
   ========================= */
.hero-dark{
  position:relative;
  min-height: 100vh;
  display:flex;
  align-items:center;
  color: var(--text);
  overflow:hidden;

  /* ✅ عتمة زيادة */
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(230,43,30,.18), transparent 60%),
    radial-gradient(900px 500px at 90% 20%, rgba(255,59,47,.12), transparent 55%),
    linear-gradient(180deg, rgba(0,0,0,.70), rgba(0,0,0,.78)),
    var(--bg);
}

/* ✅ Watermark أصغر لتخفيف القص */
.hero-dark::before{
  content:"";
  position:absolute;
  inset:-10%;
  background-image: url("assets/tedx_logo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: min(160vw, 2000px);
  opacity: 0.14;
  z-index: 0;
  pointer-events: none;
  filter:
    drop-shadow(0 28px 70px rgba(230,43,30,.40))
    drop-shadow(0 0 10px rgba(255,255,255,.18));
}
.hero-dark > *{ position:relative; z-index:1; }

.hero-simple{
  text-align:center;
  padding: 10px 0;
}

/* ✅ تكبير الخطوط  */
.hero-main{
  margin: 0 0 10px;
  font-size: 50px;
  font-weight: 900;
  letter-spacing: 1px;
 
  text-shadow: 0 18px 55px rgba(0,0,0,.85);
}
.hero-tedx{ color: var(--red); }
.hero-aau{ color: #fff; }

.hero-tagline{
  margin: 0 0 34px;
  font-size: 44px;
  font-weight: 800;
  letter-spacing: .2px;
  text-shadow: 0 18px 55px rgba(0,0,0,.85);
}

/* ✅ نفس الألوان، وترتيب مضبوط */
.hero-tagline .tpow{ color:#fff; }
.hero-tagline .diff{
  color: var(--red);
  position: relative;
  display:inline-block;
  padding-bottom: 8px;
}
.hero-tagline .diff::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height: 2px;
  background: rgba(255,59,47,.95);
  border-radius: 999px;
}

/* =========================
   Countdown inline (بدون مربعات + :)
   ========================= */
.countdown-inline{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap: 18px;
  max-width: 900px;
  margin: 0 auto;
}

.countdown-inline .unit{
  text-align:center;
  min-width: 120px;
}

.countdown-inline .num{
  font-size: 64px;
  font-weight: 900;
  line-height: 1;
  color:#fff;
  letter-spacing: 1px;
  text-shadow:
    0 12px 30px rgba(230,43,30,.28),
    0 0 2px rgba(255,255,255,.35);
}

.countdown-inline .label{
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.75);
}

.countdown-inline .sep{
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
  color: rgba(255,255,255,.55);
  transform: translateY(-10px);
}

/* =========================
   Scroll indicator 
   ========================= */
.scroll-indicator{
  margin-top: 150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap: 10px;
  opacity: .85;
  animation: scrollFloat 2.2s ease-in-out infinite;
}

.scroll-text{
  font-size: 12px;
  letter-spacing: .22em;
  color: rgba(255,255,255,.60);
}

.scroll-line{
  width: 2px;
  height: 42px;
  background: var(--red);
  border-radius: 999px;
  box-shadow: 0 14px 40px rgba(230,43,30,.25);
}

@keyframes scrollFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-8px); }
}
/* =========================
   ABOUT Section (NEW)
   ========================= */
.about-section{
  background:#fff;
}

.about-kicker{
  display:inline-flex;
  align-items:center;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(230,43,30,.08);
  border: 1px solid rgba(230,43,30,.16);
  color: #c61f16;
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 18px;
}

.about-title{
  margin: 0 0 16px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: .2px;
}

.about-title-black{
  color: #111;
  font-size: 54px;
}

.about-title-red{
  color: var(--red);
  font-size: 38px;
  font-weight: 900;
}

.about-body{
  margin: 0 0 18px;
  color: #111;
  font-size: 16px;
  line-height: 1.9;
  max-width: 62ch;
}

.about-quote{
  display:flex;
  gap: 14px;
  align-items:flex-start;
  margin-top: 10px;
}

.quote-bar{
  width: 3px;
  min-height: 56px;
  background: var(--red);
  border-radius: 999px;
  margin-top: 2px;
}

.quote-text{
  margin: 0;
  color:#111;
  font-size: 16px;
  line-height: 1.9;
  max-width: 62ch;
}

/* Right stat cards */
.stat-card{
  background:#fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  padding: 18px 16px;
  text-align:center;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  height: 100%;
}

.stat-icon{
  width: 44px;
  height: 44px;
  margin: 0 auto 10px;
  color: var(--red);
}

.stat-icon svg{
  width: 100%;
  height: 100%;
}

.stat-value{
  font-size: 28px;
  font-weight: 900;
  color:#111;
  line-height: 1.1;
}

.stat-label{
  margin-top: 8px;
  font-size: 12px;
  letter-spacing: .14em;
  color: rgba(0,0,0,.55);
  font-weight: 800;
}

/* Mobile tweaks */
@media (max-width: 520px){
  .about-title-black{ font-size: 40px; }
  .about-title-red{ font-size: 28px; }
}

/* =========================
   ABOUT: Full screen on laptop
   ========================= */
.about-section{
  min-height: 90vh;
  display: flex;
  align-items: center;
}

/* =========================
   ABOUT cards styles (إذا كانت موجودة مسبقاً)
   ========================= */
.stat-card{
  background:#fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  padding: 18px 16px;
  text-align:center;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  height: 100%;
}
.stat-icon{
  width: 44px;
  height: 44px;
  margin: 0 auto 10px;
  color: var(--red);
}
.stat-icon svg{ width:100%; height:100%; }
.stat-value{
  font-size: 20px;
  font-weight: 900;
  color:#111;
  line-height: 1.1;
}
.stat-label{
  margin-top: 8px;
  font-size: 12px;
  letter-spacing: .10em;
  color: rgba(0,0,0,.55);
  font-weight: 800;
}

/* =========================
   SPEAKERS: Full screen + layout
   ========================= */
.speakers-section{
  min-height: 100vh;
  display: flex;
  align-items: center;
  background: #adadad;
}


.speakers-head{
  padding-top: 6px;
}

.speakers-kicker{
  font-size: 12px;
  letter-spacing: .22em;
  font-weight: 900;
  color: var(--red);
  margin-bottom: 10px;
}

.speakers-title{
  margin: 0 0 10px;
  font-weight: 900;
  font-size: 60px;
  line-height: 1.05;
  letter-spacing: .2px;
}
.speakers-tedx{ color: var(--red); }
.speakers-word{ color: #111; }

.speakers-sub{
  margin: 0;
  color: #111;
  font-size: 16px;
  line-height: 1.6;
}

/* Speaker cards */
.speaker-card{
  background: #f3f4f6; /* أبيض غامق مائل للرمادي */
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 22px;
  padding: 26px 22px;
  display: flex;
  gap: 18px;
  align-items: flex-start;
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
  height: 100%;
}

.speaker-left{
  flex: 0 0 auto;
}

.speaker-avatar{
  width: 108px;
  height: 108px;
  border-radius: 50%;
  background: #0b0b0b; /* صورة سوداء سادة */
  position: relative;
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
}

/* mic icon under/over the circle like reference */
.speaker-mic{
  position: absolute;
  right: -8px;
  bottom: -8px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f0f0f0;
  color: var(--red);
  display: grid;
  place-items: center;
  box-shadow: 0 10px 22px rgba(0,0,0,.12);
}
.speaker-mic svg{
  width: 18px;
  height: 18px;
}

.speaker-body{
  flex: 1 1 auto;
  min-width: 0;
}

.speaker-name{
  margin: 0 0 8px;
  font-size: 26px;
  font-weight: 900;
  color: #111;
}

.speaker-role{
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 12px;
}

.speaker-desc{
  margin: 0 0 18px;
  color: #111;
  font-size: 14px;
  line-height: 1.9;
  max-width: 52ch;
}

.speaker-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  color: #111;
  text-decoration: none;
}
.speaker-link:hover{
  color: #111;
  text-decoration: underline;
}
.speaker-link .arrow{
  font-weight: 900;
}

/* Mobile */
@media (max-width: 520px){
  .about-section,
  .speakers-section{
    min-height: auto;
    display: block;
  }

  .speakers-title{
    font-size: 38px;
  }

  .speaker-card{
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .speaker-desc{
    max-width: none;
  }
}

/* =========================
   SPONSOR (NEW DESIGN)
   ========================= */
.sponsor-section{
  min-height: 90vh;
  display: flex;
  align-items: center;
  background: #2b2b2b; /* رمادي غامق */
}

/* Header texts */
.sponsor-head{
  padding-top: 6px;
}

.sponsor-kicker{
  font-size: 13px;
  letter-spacing: .22em;
  font-weight: 900;
  color: var(--red);
  margin-bottom: 10px;
  text-transform: uppercase;
}

.sponsor-title{
  margin: 0 0 10px;
  font-weight: 900;
  font-size: 60px;
  line-height: 1.05;
  letter-spacing: .2px;
}

.sponsor-tedx{ color: var(--red); }
.sponsor-word{ color: #111; }

.sponsor-sub{
  margin: 0;
  color: #111;
  font-size: 16px;
  line-height: 1.6;
}

/* Slider row */
.sponsor-slider{
  display: flex;
  gap: 18px;
  overflow-x: auto;
  padding: 18px 6px 10px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.sponsor-slider::-webkit-scrollbar{
  height: 10px;
}
.sponsor-slider::-webkit-scrollbar-track{
  background: rgba(255,255,255,.12);
  border-radius: 999px;
}
.sponsor-slider::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.25);
  border-radius: 999px;
}
.sponsor-slider::-webkit-scrollbar-thumb:hover{
  background: rgba(255,255,255,.34);
}

/* Cards */
.sponsor-card{
  flex: 0 0 auto;
  width: 270px;
  height: 340px;
  border-radius: 22px;
  position: relative;
  overflow: hidden;
  scroll-snap-align: start;
  box-shadow: 0 18px 55px rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.10);

  /* خلفية "صورة" حمراء داكنة */
  background:
    radial-gradient(520px 260px at 20% 15%, rgba(255,59,47,.45), transparent 60%),
    radial-gradient(420px 260px at 90% 10%, rgba(230,43,30,.55), transparent 60%),
    linear-gradient(180deg, rgba(120,0,0,.55), rgba(30,0,0,.75));
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease;
}

.sponsor-card:hover{
  transform: translateY(-6px);
  border-color: rgba(255,255,255,.22);
  box-shadow: 0 26px 70px rgba(0,0,0,.34);
  filter: brightness(1.08) saturate(1.05);
}

/* text bottom-left */
.sponsor-card-overlay{
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  color: #fff;
  text-align: left;
}

.sponsor-card-title{
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 900;
  text-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.sponsor-card-desc{
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
  color: rgba(255,255,255,.88);
}

/* Make header text readable on dark background */
.sponsor-section .sponsor-word,
.sponsor-section .sponsor-sub{
  color: #fff;
}
.sponsor-section .sponsor-sub{
  color: rgba(255,255,255,.86);
}

/* Mobile */
@media (max-width: 520px){
  .sponsor-section{
    min-height: auto;
    display: block;
  }
  .sponsor-title{ font-size: 38px; }
  .sponsor-card{ width: 240px; height: 320px; }
}
/* ✅ زيادة مساحة قسم السبونسر (بدون تكرار) */
.sponsor-section{
  padding-top: 90px;
  padding-bottom: 120px;
}

/* ✅ عنوان كل صف: أقصى اليسار + لون */
.sponsor-row-title{
  font-weight: 900;
  font-size: 26px;
  margin: 18px 0 10px;
  text-align: left;
  color: #e7e7e7; /* غيريه للون اللي بدك */
}

/* ✅ نخلي السلايدر يتحرك تلقائيًا */
.sponsor-slider{
  position: relative;
  overflow: hidden;     /* مهم للحركة */
  padding: 18px 6px 10px;
}

/* ✅ التراك المتحرك */
.sponsor-track{
  display: flex;
  gap: 18px;
  width: max-content;
  animation: sponsorMove 12s ease-in-out infinite alternate;
  will-change: transform;
}

/* ✅ وقف الحركة عند المرور */
.sponsor-slider:hover .sponsor-track{
  animation-play-state: paused;
}

/* ✅ تكبير المستطيلات شوي (بدون تكسير تصميمك الأساسي) */
.sponsor-card{
  width: 290px;
  height: 200px;
}

/* ✅ Hover: يبرز + يغير لون */
.sponsor-card:hover{
  transform: translateY(-6px) scale(1.04);
  background:
    radial-gradient(520px 260px at 20% 15%, rgba(255,59,47,.55), transparent 60%),
    radial-gradient(420px 260px at 90% 10%, rgba(230,43,30,.75), transparent 60%),
    linear-gradient(180deg, rgba(255,20,20,.65), rgba(60,0,0,.85));
}

/* ✅ حركة يمين/شمال */
@keyframes sponsorMove{
  from { transform: translateX(0); }
  to   { transform: translateX(-360px); }
}

/* =========================
   TEAM (NEW DESIGN)
   ========================= */
.team-section{
  background: #f3f4f6;      /* أبيض مائل للرمادي الفاتح */
  min-height: 135vh;        /* تقريباً طول صفحتين */
  display: flex;
  align-items: flex-start;
}

/* Header */
.team-head{
  padding-top: 6px;
}

.team-kicker{
  font-size: 12px;
  letter-spacing: .22em;
  font-weight: 900;
  color: var(--red);
  margin-bottom: 10px;
  text-transform: uppercase;
}

.team-title{
  margin: 0 0 10px;
  font-weight: 900;
  font-size: 60px;
  line-height: 1.05;
  letter-spacing: .2px;
}

.team-title-black{ color:#111; }
.team-title-red{ color: var(--red); }

.team-sub{
  margin: 0;
  color: #111;
  font-size: 16px;
  line-height: 1.6;
}

/* One slider that moves both rows together */
.team-slider{
  overflow-x: auto;
  padding: 18px 6px 12px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

/* scrollbar (optional but nice) */
.team-slider::-webkit-scrollbar{
  height: 10px;
}
.team-slider::-webkit-scrollbar-track{
  background: rgba(0,0,0,.08);
  border-radius: 999px;
}
.team-slider::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.18);
  border-radius: 999px;
}
.team-slider::-webkit-scrollbar-thumb:hover{
  background: rgba(0,0,0,.26);
}

/* rows wrapper */
.team-rows{
  display: grid;
  grid-template-rows: auto auto;
  gap: 18px;
  width: max-content; /* مهم عشان سكرول */
}

/* each row is horizontal */
.team-row{
  display: flex;
  gap: 18px;
  width: max-content;
}

/* Card */
.team-card{
  flex: 0 0 auto;
  width: 240px;      /* قريب جداً من الصورة */
  height: 300px;
  border-radius: 22px;
  position: relative;
  overflow: hidden;
  scroll-snap-align: start;
   background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
 
  /* صورة مؤقتاً سوداء سادة */
  background-color: #0b0b0b;

  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 16px 45px rgba(0,0,0,.12);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.team-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 24px 70px rgba(0,0,0,.18);
  filter: brightness(1.06);
}

/* bottom-left text */
.team-card-overlay{
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  color: #ebebeb;
  text-align: left;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:16px;
}

.team-card-title{
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 900;
  text-shadow: 0 10px 30px rgba(0,0,0,.35);
   position: relative;
  
}
.team-card::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:75%;   /* نسبة التعتيم من تحت */
  background: linear-gradient(
    to top,
    rgba(0,0,0,.85),
    rgba(0,0,0,.45),
    rgba(0,0,0,0)
  );
  z-index:1;
  pointer-events:none;
}

.team-card-role{
  margin: 0;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.88);
  line-height: 2;
   
}

/* Mobile */
@media (max-width: 520px){
  .team-section{
    min-height: auto;
    display: block;
  }
  .team-title{ font-size: 38px; }
  .team-card{ width: 220px; height: 280px; }
}


/* =========================
   STAY TUNED (75% height)
   ========================= */
.stay-section{
  min-height: 45vh;
  display: flex;
  align-items: center;
  background: #a11212;
}

.stay-inner{
  max-width: 760px;
  margin: 0 auto;
}

.stay-title{
  margin: 0 0 12px;
  font-size: 190px;
  font-weight: 990;
  color: #fff;
  letter-spacing: .5px;
}

.stay-sub{
  margin: 0 0 26px;
  font-size: 20px;
  color: rgba(255,255,255,.92);
  line-height: 1.7;
}

.stay-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 28px;
  border-radius: 14px;
  background: #fff;
  color: #111;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 18px 50px rgba(0,0,0,.22);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.stay-btn:hover{
  transform: translateY(-3px);
  box-shadow: 0 26px 70px rgba(0,0,0,.28);
  filter: brightness(.96);
}

/* =========================
   FOOTER 2 (75% height)
   ========================= */
.footer2-section{
  min-height: 75vh;
  display: flex;
  align-items: center;
  background: #1f1f1f;
  color: #fff;
}

.footer2-brand{
  font-size: 30px;
  font-weight: 900;
  letter-spacing: .2px;
  margin-bottom: 14px;
}

.f2-tedx{ color: var(--red); }
.f2-aau{ color: #fff; text-transform: uppercase; }

.footer2-desc{
  margin: 0;
  color: rgba(255,255,255,.76);
  font-size: 14px;
  line-height: 1.9;
  max-width: 52ch;
}

.footer2-title{
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 14px;
  color: #fff;
}

.footer2-links{
  display: grid;
  gap: 10px;
}

.footer2-links a{
  color: rgba(255,255,255,.78);
  text-decoration: none;
  font-weight: 700;
  width: fit-content;
  transition: color .15s ease, transform .15s ease;
}

.footer2-links a:hover{
  color: #fff;
  transform: translateX(2px);
}

.footer2-icons{
  display: flex;
  gap: 14px;
  margin-top: 6px;
}

.social-ic{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.80);
  transition: transform .18s ease, background .18s ease, color .18s ease;
  text-decoration: none;
}

.social-ic svg{
  width: 20px;
  height: 20px;
}

.social-ic:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.12);
  color: var(--red);
}

.footer2-divider{
  margin: 34px 0 14px;
  height: 1px;
  background: rgba(255,255,255,.10);
}

.footer2-bottom{
  text-align: center;
  color: rgba(255,255,255,.70);
  font-size: 13px;
  line-height: 1.6;
}

/* Mobile */
@media (max-width: 520px){
  .stay-title{ font-size: 44px; }
  .footer2-section{ min-height: auto; display: block; }
  .stay-section{ min-height: auto; display: block; padding: 30px 0; }
}


/* =========================
   باقي الصفحات (بدون تغيير)
   ========================= */
.section{margin-top:0}

.section-light{
  background:#fff;
  color: var(--lightText);
}

.section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.section h2{ margin:0; font-size:22px; }

.muted{ color: var(--lightMuted); }

.section-light .person{
  border:1px solid var(--lightBorder);
  background:#fff;
  border-radius: 22px;
  overflow:hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.section-light .person:hover{
  transform: translateY(-2px);
  border-color: rgba(230,43,30,.45);
  box-shadow: 0 16px 40px rgba(230,43,30,.10), 0 14px 28px rgba(0,0,0,.10);
}

.img-wrap{ aspect-ratio: 4/3; background:#f3f3f3; }
.person-img{ width:100%; height:100%; object-fit:cover; display:block; }
.person-meta{ padding:12px 12px 14px; }
.person-meta h3{ margin:0 0 4px; font-size:16px; color:#111; }
.person-meta p{ margin:0; font-size:13px; }

.footer{
  margin-top:42px;
  padding-top:18px;
  border-top:1px solid rgba(0,0,0,.10);
  text-align:center;
}
.footer-light .muted{ color: var(--lightMuted); }

/* موبايل */
@media (max-width: 520px){
  .hero-main{ font-size: 52px; }
  .hero-tagline{ font-size: 24px; }

  .countdown-inline{
    gap: 10px;
    flex-wrap: wrap;
  }
  .countdown-inline .unit{ min-width: 44%; }
  .countdown-inline .num{ font-size: 42px; }
  .countdown-inline .sep{ display:none; } /* بالموبايل نخفي : عشان ترتيب أسهل */
}