{"id":325,"date":"2026-09-29T17:00:54","date_gmt":"2026-09-29T15:00:54","guid":{"rendered":"https:\/\/newgeneration-pictures.com\/?page_id=325"},"modified":"2026-10-01T16:37:58","modified_gmt":"2026-10-01T14:37:58","slug":"heroes-of-the-desert","status":"publish","type":"page","link":"https:\/\/newgeneration-pictures.com\/?page_id=325","title":{"rendered":"heroes of the desert"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   NGP \u2014 FICHE PROJET (El Maddah, Heroes of the Desert, etc.)\n   La police \"Archivo NGP\" doit \u00eatre d\u00e9clar\u00e9e ailleurs (@font-face)\n   ========================================================= *\/\n\n.project-page,\n.project-page * { box-sizing: border-box; }\n\n.project-page {\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  position: relative;\n  overflow: hidden;\n  margin-top: 0;\n  background: #000;\n  color: #fff;\n  font-family: \"Archivo NGP\", Arial, sans-serif;\n  font-weight: 300;\n  opacity: 0;\n  animation: pageIn .85s cubic-bezier(.22,1,.36,1) forwards;\n}\n.project-page a { color: inherit; }\n.project-page ::selection { background: #e3242b; color: #fff; }\n@keyframes pageIn { to { opacity: 1 } }\n\n.project-container { width: auto; margin-left: 3.4375%; margin-right: 3.4375%; }\n\n\/* FULL-SCREEN HERO *\/\n.project-hero {\n  min-height: 100vh;\n  position: relative;\n  overflow: hidden;\n  background: #000;\n  display: flex;\n  align-items: flex-end;\n}\n.project-hero-media { position: absolute; inset: 0; overflow: hidden; }\n.project-hero-image,\n.project-hero-video {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.project-hero-image {\n  opacity: 1;\n  transform: scale(1.035);\n  animation: heroImageSettle 1.7s cubic-bezier(.22,1,.36,1) .05s forwards;\n}\n@keyframes heroImageSettle { to { transform: scale(1) } }\n.project-hero-video {\n  opacity: 0;\n  transition: opacity 1.15s cubic-bezier(.22,1,.36,1);\n  background: #000;\n}\n.project-hero.video-active .project-hero-video { opacity: 1 }\n.project-hero.video-finished .project-hero-video { opacity: 0 }\n\n.project-hero::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  background:\n    linear-gradient(to top, rgba(0,0,0,.96) 0%, rgba(0,0,0,.38) 34%, rgba(0,0,0,.10) 72%),\n    linear-gradient(to right, rgba(0,0,0,.50) 0%, rgba(0,0,0,.10) 44%, rgba(0,0,0,.05) 100%);\n  pointer-events: none;\n}\n.project-topbar {\n  position: absolute;\n  z-index: 5;\n  top: 0; left: 0; right: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 3.9vh;\n  padding-left: 3.4375%;\n  padding-right: 3.4375%;\n}\n.home-logo {\n  display: block;\n  width: 10.15625vw;\n  max-width: 195px;\n  min-width: 120px;\n  flex: 0 0 auto;\n  transition: transform .45s cubic-bezier(.22,1,.36,1), opacity .3s ease;\n}\n.home-logo:hover { transform: translateY(-2px); opacity: .86 }\n.home-logo img { display: block; width: 100% }\n.hero-socials {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 28px;\n  flex: 0 0 auto;\n  height: 54px;\n}\n.hero-socials a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  color: #fff;\n  transition: color .35s ease, transform .45s cubic-bezier(.22,1,.36,1), opacity .35s ease;\n}\n.hero-socials a:hover { color: #e3242b; transform: translateY(-2px) }\n.imdb-wordmark {\n  font-family: Arial Black, \"Archivo NGP\", Arial, sans-serif;\n  font-size: 17px;\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: -.08em;\n  color: #fff;\n}\n.social-logo,\n.network-logo {\n  display: block;\n  object-fit: contain;\n  filter: brightness(0) invert(1);\n  transition: filter .35s ease, transform .45s cubic-bezier(.22,1,.36,1), opacity .35s ease;\n}\n.youtube-logo { width: 22px; height: auto }\n.instagram-logo { width: 21px; height: 21px }\n.hero-social-link:hover .social-logo,\n.network-slot:hover .network-logo {\n  filter: brightness(0) saturate(100%) invert(17%) sepia(98%) saturate(4696%) hue-rotate(352deg) brightness(93%) contrast(91%);\n}\n.hero-copy {\n  position: relative;\n  z-index: 4;\n  width: auto;\n  margin-left: 3.4375%;\n  margin-right: 3.4375%;\n  padding-bottom: 13vh;\n}\n.hero-title {\n  font-size: clamp(38px,5.1vw,76px);\n  line-height: .86;\n  letter-spacing: -.045em;\n  font-weight: 600;\n  margin: 0 0 18px;\n  max-width: 760px;\n  text-transform: uppercase;\n  font-family: \"Archivo NGP\", Arial, sans-serif;\n  font-stretch: 112.5%;\n  font-variation-settings: \"wdth\" 112.5, \"wght\" 600;\n}\n.hero-season { font-size: clamp(16px,1.3vw,20px); margin: 0 0 10px }\n.hero-meta { font-size: clamp(13px,1vw,16px); opacity: .9; margin: 0 }\n.hero-copy > * {\n  opacity: 0;\n  transform: translateY(24px);\n  animation: heroTextIn .9s cubic-bezier(.22,1,.36,1) forwards;\n}\n.hero-copy .hero-title { animation-delay: .25s }\n.hero-copy .hero-season { animation-delay: .38s }\n.hero-copy .hero-meta { animation-delay: .48s }\n@keyframes heroTextIn { to { opacity: 1; transform: none } }\n\n\/* SYNOPSIS *\/\n.synopsis { background: #000; padding: 92px 0 54px; position: relative }\n.synopsis-grid {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) minmax(250px,27.75%);\n  column-gap: 4.25%;\n  align-items: start;\n  width: 100%;\n  position: relative;\n  padding-bottom: 0;\n}\n.section-label {\n  margin: 0 0 24px;\n  font-size: 18px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .01em;\n  font-family: \"Archivo NGP\", Arial, sans-serif;\n  font-stretch: 112.5%;\n  font-variation-settings: \"wdth\" 112.5, \"wght\" 600;\n}\n.synopsis-copy {\n  width: 100%;\n  max-width: none;\n  font-size: 15px;\n  line-height: 1.54;\n  text-align: justify;\n  padding-bottom: 62px;\n}\n.synopsis-copy p { margin: 0 0 18px }\n.project-poster {\n  align-self: start;\n  width: 100%;\n  display: block;\n  box-shadow: 0 20px 60px rgba(0,0,0,.28);\n  transition: transform .75s cubic-bezier(.22,1,.36,1);\n}\n.project-poster:hover { transform: scale(1.018) }\n.network-row {\n  margin-top: 0;\n  display: grid;\n  grid-template-columns: 30% 6.5% 6.5% 6.5% 1fr;\n  align-items: end;\n  min-height: 34px;\n  width: 100%;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n}\n.network-label {\n  grid-column: 1;\n  text-transform: uppercase;\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: .04em;\n  margin: 0;\n}\n.network-slot {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: max-content;\n  min-width: 24px;\n  min-height: 24px;\n  text-decoration: none;\n  color: #fff;\n  transition: color .35s ease, transform .45s cubic-bezier(.22,1,.36,1);\n}\n.network-slot:hover { color: #e3242b; transform: translateY(-2px) }\n.network-youtube { grid-column: 2 }\n.network-imdb { grid-column: 3 }\n.network-instagram { grid-column: 4 }\n.network-logo.youtube-logo { width: 22px }\n.network-logo.instagram-logo { width: 21px; height: 21px }\n.network-imdb.imdb-wordmark { font-size: 16.8px }\n\n@media (min-width: 901px) {\n  .synopsis .project-container { position: relative; padding-bottom: 0 }\n  .synopsis .network-row { position: absolute; left: 0; bottom: 0; width: 100%; margin: 0 }\n}\n@media (max-width: 900px) {\n  .synopsis .network-row { position: relative; left: auto; bottom: auto; width: 100%; margin-top: 28px }\n  .synopsis-copy { padding-bottom: 0 }\n}\n\n\/* WHERE TO WATCH *\/\n.watch { background: #e10c0c; min-height: 150px; display: flex; align-items: center }\n.watch-inner {\n  display: grid;\n  grid-template-columns: 30% 6.5% 6.5% 6.5% 1fr;\n  align-items: center;\n  width: 100%;\n}\n.watch-label {\n  grid-column: 1;\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  text-transform: uppercase;\n  font-family: \"Archivo NGP\", Arial, sans-serif;\n  font-stretch: 112.5%;\n  font-variation-settings: \"wdth\" 112.5, \"wght\" 600;\n}\n.watch-slot {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: max-content;\n  text-decoration: none;\n  color: #fff;\n  transition: opacity .3s ease, transform .45s cubic-bezier(.22,1,.36,1);\n}\n.watch-slot:hover { opacity: .78; transform: translateY(-2px) }\n.watch-shahid { grid-column: 2 }\n.watch-empty { grid-column: 3 }\n.watch-apple { grid-column: 4 }\n.platform-logo { display: block; width: auto; object-fit: contain; filter: brightness(0) invert(1) }\n.platform-logo.shahid { width: clamp(64px,7.2vw,112px); height: auto }\n.platform-logo.apple-tv { width: clamp(46px,5.2vw,82px); height: auto }\n.platform-fallback { display: none; align-items: center; color: #fff; font-weight: 600; white-space: nowrap }\n.shahid-fallback { font-size: clamp(20px,2.2vw,30px); letter-spacing: -.06em }\n.apple-fallback { font-size: clamp(20px,2vw,28px) }\n\n\/* CAST \/ CREW *\/\n.credits { background: #fff; color: #090909; padding: 76px 0 88px }\n.credits-row {\n  display: grid;\n  grid-template-columns: 30% 70%;\n  gap: 0;\n  align-items: start;\n  margin-bottom: 66px;\n  width: 100%;\n}\n.credits-row:last-child { margin-bottom: 0 }\n.credits-heading {\n  font-size: 17px; font-weight: 600; text-transform: uppercase; margin: 0;\n  font-family: \"Archivo NGP\", Arial, sans-serif;\n  font-stretch: 112.5%;\n  font-variation-settings: \"wdth\" 112.5, \"wght\" 600;\n}\n.people-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0,1fr));\n  column-gap: 0;\n  row-gap: 32px;\n  width: 100%;\n  align-items: start;\n}\n.people-grid > div { min-width: 0; padding-right: 14px }\n.people-grid > div:nth-child(4n) { padding-right: 0 }\n.person-role { display: block; font-size: 12px; text-transform: uppercase; color: #4a4a4a; margin-bottom: 2px }\n.person-name { display: block; font-size: 13px; font-weight: 600; text-transform: uppercase; line-height: 1.17 }\n\n\/* SCROLL REVEALS *\/\n.reveal {\n  opacity: 0;\n  transform: translateY(28px);\n  filter: blur(4px);\n  transition: opacity .9s cubic-bezier(.22,1,.36,1), transform 1s cubic-bezier(.22,1,.36,1), filter .8s ease;\n}\n.reveal.visible { opacity: 1; transform: none; filter: blur(0) }\n.reveal-delay-1 { transition-delay: .08s }\n.reveal-delay-2 { transition-delay: .16s }\n.reveal-delay-3 { transition-delay: .24s }\n\n\/* VIDEO SOUND CONTROL + AUTO-HIDE *\/\n.hero-ui { transition: opacity .65s cubic-bezier(.22,1,.36,1), transform .65s cubic-bezier(.22,1,.36,1) }\n.video-sound-control {\n  position: absolute;\n  z-index: 6;\n  right: 3.4375%;\n  bottom: 5.3%;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  appearance: none;\n  border: 0;\n  background: transparent;\n  color: #fff;\n  font-family: \"Archivo NGP\", Arial, sans-serif;\n  font-size: 13px;\n  font-weight: 300;\n  cursor: pointer;\n  opacity: 1;\n  transform: translateY(0);\n  transition: opacity .55s cubic-bezier(.22,1,.36,1), transform .55s cubic-bezier(.22,1,.36,1), color .3s ease;\n}\n.video-sound-control svg { width: 22px; height: 22px; display: block; flex: 0 0 auto }\n.video-sound-control .sound-on { display: none }\n.video-sound-control.is-unmuted .sound-off { display: none }\n.video-sound-control.is-unmuted .sound-on { display: block }\n\n\/* Bouton du son : annule le style des boutons Astra (fond rouge au survol)\n   Blanc par d\u00e9faut, rouge au survol et quand le son est activ\u00e9 *\/\n.project-page .video-sound-control,\n.project-page .video-sound-control:hover,\n.project-page .video-sound-control:focus,\n.project-page .video-sound-control:active {\n  background: transparent !important;\n  border: 0 !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n  outline: none !important;\n}\n.project-page .video-sound-control { color: #fff !important }\n.project-page .video-sound-control:hover,\n.project-page .video-sound-control.is-unmuted { color: #e3242b !important }\n\n.project-hero.video-active.ui-hidden .hero-copy,\n.project-hero.video-active.ui-hidden .video-sound-control {\n  opacity: 0;\n  transform: translateY(10px);\n  pointer-events: none;\n}\n.project-hero.video-active .hero-copy {\n  transition: opacity .65s cubic-bezier(.22,1,.36,1), transform .65s cubic-bezier(.22,1,.36,1);\n}\n.project-hero.video-active .video-sound-control {\n  transition: opacity .55s cubic-bezier(.22,1,.36,1), transform .55s cubic-bezier(.22,1,.36,1);\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n  .network-row { grid-template-columns: 40% 20% 20% 20% }\n  .network-label { grid-column: 1 }\n  .network-youtube { grid-column: 2 }\n  .network-imdb { grid-column: 3 }\n  .network-instagram { grid-column: 4 }\n\n  .project-hero-image, .project-hero-video { object-position: center center }\n\n  .project-container, .hero-copy { width: auto; margin-left: 20px; margin-right: 20px }\n  .project-topbar { padding-top: 22px; padding-left: 20px; padding-right: 20px }\n  .home-logo { width: 145px; min-width: 145px; max-width: 145px }\n  .hero-socials { gap: 18px; height: 46px }\n  .hero-copy { padding-bottom: 11vh }\n  .synopsis-grid { grid-template-columns: 1fr; gap: 38px }\n  .project-poster { max-width: 360px }\n  .watch-inner { grid-template-columns: 40% 20% 20% 20%; gap: 0; padding: 34px 0 }\n  .watch-label { grid-column: 1 }\n  .watch-shahid { grid-column: 2 }\n  .watch-empty { grid-column: 3 }\n  .watch-apple { grid-column: 4 }\n  .credits-row { grid-template-columns: 1fr; gap: 34px }\n  .people-grid { grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 24px }\n  .video-sound-control { right: 20px; bottom: 32px; font-size: 12px }\n}\n@media (max-width: 560px) {\n  .platform-logo.shahid { height: 34px; max-width: 145px }\n  .platform-logo.apple-tv { height: 38px; max-width: 120px }\n  .project-hero { min-height: 760px }\n  .hero-copy { padding-bottom: 90px }\n  .hero-title { font-size: 42px }\n  .synopsis { padding-top: 62px }\n  .people-grid { grid-template-columns: 1fr 1fr; gap: 26px 18px }\n}\n\n\/* Animations r\u00e9duites : limit\u00e9 aux fiches (avant : tout le site) *\/\n@media (prefers-reduced-motion: reduce) {\n  .project-page { animation: none !important; opacity: 1 }\n  .project-page *, .project-page *::before, .project-page *::after { animation: none !important; transition: none !important }\n  .hero-copy > *, .reveal { opacity: 1; transform: none; filter: none }\n  .video-sound-control { transition: none !important }\n}\n\n\/* =========================================================\n   INT\u00c9GRATION WORDPRESS \/ ASTRA \u2014 plein \u00e9cran garanti\n   ========================================================= *\/\nbody:has(.project-page) .site-header,\nbody:has(.project-page) #masthead,\nbody:has(.project-page) .ast-mobile-header-wrap { display: none !important; }\n\nbody:has(.project-page) .entry-content,\nbody:has(.project-page) .ast-container,\nbody:has(.project-page) .site-content,\nbody:has(.project-page) #primary,\nbody:has(.project-page) #main,\nbody:has(.project-page) .site-main,\nbody:has(.project-page) article {\n  padding: 0 !important;\n  margin: 0 !important;\n  max-width: none !important;\n}\n\nhtml:has(.project-page),\nbody:has(.project-page) {\n  background: #000 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.project-page { max-width: 100% !important; margin: 0 !important; }\n\n.hero-title,\n.section-label,\n.watch-label { color: #fff !important; }\n\n\/* Logos SNRT \/ YouTube (fiche \"Tidoukla Tikdimine\") *\/\n.snrt-logo { width: 72px; height: 72px; object-fit: contain; display: block }\n.youtube-watch-logo { width: 150px; height: auto; object-fit: contain; display: block }\n@media (max-width: 900px) {\n  .snrt-logo { width: 60px; height: 60px }\n  .youtube-watch-logo { width: 120px }\n}\n<\/style>\n\n<!--\n  NEW GENERATION PICTURES \u2014 FICHE PROJET \"HEROES OF THE DESERT\"\n  \u00c0 coller dans un bloc \"HTML personnalis\u00e9\" d'une nouvelle page.\n  M\u00eame CSS que la fiche El Maddah (aucune modification n\u00e9cessaire).\n  \u00c0 V\u00c9RIFIER : les 2 URLs d'images ci-dessous (hero + affiche)\n  sont \u00e0 adapter au nom r\u00e9el de tes fichiers dans la m\u00e9diath\u00e8que.\n-->\n<main class=\"project-page\">\n  <section class=\"project-hero\" id=\"top\">\n    <div class=\"project-hero-media\" aria-hidden=\"true\">\n      <img decoding=\"async\" class=\"project-hero-image\" src=\"http:\/\/newgeneration-pictures.com\/wp-content\/uploads\/2026\/09\/heroes-desert-hero.jpg\" alt=\"\">\n      <video class=\"project-hero-video\" id=\"heroes-video\" playsinline=\"\" muted=\"\" preload=\"metadata\">\n        <source src=\"http:\/\/newgeneration-pictures.com\/wp-content\/uploads\/2026\/09\/heroes-desert-trailer.mp4\" type=\"video\/mp4\">\n      <\/video>\n    <\/div>\n    <header class=\"project-topbar\">\n      <a class=\"home-logo page-transition\" href=\"\/\" aria-label=\"Retour \u00e0 l'accueil New Generation Pictures\">\n        <img decoding=\"async\" src=\"http:\/\/newgeneration-pictures.com\/wp-content\/uploads\/2026\/09\/logo.png\" alt=\"New Generation Pictures\">\n      <\/a>\n      <nav class=\"hero-socials\" aria-label=\"Liens du projet\">\n        <a class=\"imdb-wordmark\" href=\"#credits\" aria-label=\"IMDb\">IMDb<\/a>\n        <a class=\"hero-social-link\" href=\"#networks\" aria-label=\"YouTube\">\n          <img decoding=\"async\" class=\"social-logo youtube-logo\" src=\"http:\/\/newgeneration-pictures.com\/wp-content\/uploads\/2026\/09\/youtube.png\" alt=\"YouTube\">\n        <\/a>\n        <a class=\"hero-social-link\" href=\"#networks\" aria-label=\"Instagram\">\n          <img decoding=\"async\" class=\"social-logo instagram-logo\" src=\"http:\/\/newgeneration-pictures.com\/wp-content\/uploads\/2026\/09\/instagram.png\" alt=\"Instagram\">\n        <\/a>\n      <\/nav>\n    <\/header>\n    <div class=\"hero-copy\">\n      <h1 class=\"hero-title\">Heroes of<br>the Desert<\/h1>\n      <p class=\"hero-meta\">15 Episodes&nbsp;&nbsp;\u00b7&nbsp;&nbsp;Drama&nbsp;&nbsp;\u00b7&nbsp;&nbsp;History<\/p>\n    <\/div>\n    <button class=\"video-sound-control hero-ui\" type=\"button\" aria-label=\"Activer le son\" aria-pressed=\"false\">\n      <svg class=\"sound-off\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path fill=\"currentColor\" d=\"M4 9v6h4l5 4V5L8 9H4zm11.5 3c0-1.77-.77-3.36-2-4.46v8.91c1.23-1.1 2-2.68 2-4.45z\"><\/path>\n        <path fill=\"currentColor\" d=\"m18.2 8.2 1.6 1.6L17.6 12l2.2 2.2-1.6 1.6L16 13.6l-2.2 2.2-1.6-1.6 2.2-2.2-2.2-2.2 1.6-1.6L16 10.4l2.2-2.2z\"><\/path>\n      <\/svg>\n      <svg class=\"sound-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path fill=\"currentColor\" d=\"M4 9v6h4l5 4V5L8 9H4zm11.5 3c0-1.77-.77-3.36-2-4.46v8.91c1.23-1.1 2-2.68 2-4.45zm0-7.1v2.06A7 7 0 0 1 19 12a7 7 0 0 1-3.5 6.07v2.03A9 9 0 0 0 21 12a9 9 0 0 0-5.5-7.1z\"><\/path>\n      <\/svg>\n      <span class=\"sound-label\">Activer le son<\/span>\n    <\/button>\n  <\/section>\n  <section class=\"synopsis\">\n    <div class=\"project-container\">\n      <div class=\"synopsis-grid\">\n        <div class=\"reveal\">\n          <h2 class=\"section-label\">Synopsis<\/h2>\n          <div class=\"synopsis-copy\">\n            <p>\u00c0 travers la patience d&rsquo;Al Khansa, la justice inflexible d&rsquo;Al Shanfara et la r\u00e9silience indomptable de Zubaiba, ce drame d\u00e9voile les r\u00e9cits m\u00e9connus qui ont fa\u00e7onn\u00e9 l&rsquo;Arabie pr\u00e9islamique.<\/p>\n            <p>Une fresque historique qui plonge le spectateur au c\u0153ur de la p\u00e9ninsule arabique avant l&rsquo;Islam, \u00e0 une \u00e9poque o\u00f9 les tribus fa\u00e7onnent leur destin entre alliances fragiles, rivalit\u00e9s anciennes, codes d&rsquo;honneur et luttes de pouvoir. \u00c0 travers des personnages pris dans la violence du d\u00e9sert, la force de la parole po\u00e9tique et le poids des traditions, la s\u00e9rie raconte un monde en mutation, o\u00f9 chaque d\u00e9cision peut d\u00e9clencher une guerre, briser une lign\u00e9e ou changer l&rsquo;\u00e9quilibre entre les clans.<\/p>\n            <p>Port\u00e9e par une dimension \u00e9pique et humaine, l&rsquo;\u0153uvre ne se limite pas \u00e0 reconstituer une p\u00e9riode historique : elle interroge les racines de l&rsquo;identit\u00e9 arabe, la place de la femme, la justice, la libert\u00e9 et la m\u00e9moire collective. Dans cet univers rude et majestueux, les h\u00e9ros naissent de la douleur, du courage et du sacrifice, tandis que le d\u00e9sert devient \u00e0 la fois un champ de bataille, un t\u00e9moin silencieux et le miroir d&rsquo;une civilisation en train de se d\u00e9finir.<\/p>\n          <\/div>\n        <\/div>\n        <img decoding=\"async\" class=\"project-poster reveal reveal-delay-1\" src=\"http:\/\/newgeneration-pictures.com\/wp-content\/uploads\/2026\/09\/SaveClip.App_625054164_18564842794017334_7189835564642936353_n.jpg.jpg\" alt=\"Affiche Heroes of the Desert\">\n      <\/div>\n      <div class=\"network-row reveal\" id=\"networks\">\n        <span class=\"network-label\">Suivez-nous sur les r\u00e9seaux<\/span>\n        <a class=\"network-slot network-youtube\" href=\"#networks\" aria-label=\"YouTube\">\n          <img decoding=\"async\" class=\"network-logo youtube-logo\" src=\"http:\/\/newgeneration-pictures.com\/wp-content\/uploads\/2026\/09\/youtube.png\" alt=\"YouTube\">\n        <\/a>\n        <a class=\"network-slot network-imdb imdb-wordmark\" href=\"#credits\" aria-label=\"IMDb\">IMDb<\/a>\n        <a class=\"network-slot network-instagram\" href=\"#networks\" aria-label=\"Instagram\">\n          <img decoding=\"async\" class=\"network-logo instagram-logo\" src=\"http:\/\/newgeneration-pictures.com\/wp-content\/uploads\/2026\/09\/instagram.png\" alt=\"Instagram\">\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n  <section class=\"watch\" id=\"watch\">\n    <div class=\"project-container watch-inner\">\n      <h2 class=\"watch-label reveal\">O\u00f9 regarder<\/h2>\n      <a class=\"watch-slot watch-shahid reveal reveal-delay-1\" href=\"https:\/\/shahid.mbc.net\/\" aria-label=\"MBC Shahid\">\n        <img decoding=\"async\" class=\"platform-logo shahid\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/1e\/Mbc_Shahid_logo.svg\/960px-Mbc_Shahid_logo.svg.png\" alt=\"MBC Shahid\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='inline-flex'\">\n        <span class=\"platform-fallback shahid-fallback\" aria-hidden=\"true\">shahid\u2022\u2022\u2022<\/span>\n      <\/a>\n      <span class=\"watch-empty\" aria-hidden=\"true\"><\/span>\n      <a class=\"watch-slot watch-apple reveal reveal-delay-1\" href=\"https:\/\/tv.apple.com\/\" aria-label=\"Apple TV+\">\n        <img decoding=\"async\" class=\"platform-logo apple-tv\" src=\"https:\/\/thumb.wikimedia.org\/wikipedia\/commons\/thumb\/2\/28\/Apple_TV_Plus_Logo.svg\/960px-Apple_TV_Plus_Logo.svg.png\" alt=\"Apple TV+\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='inline-flex'\">\n        <span class=\"platform-fallback apple-fallback\" aria-hidden=\"true\">tv+<\/span>\n      <\/a>\n    <\/div>\n  <\/section>\n  <section class=\"credits\" id=\"credits\">\n    <div class=\"project-container\">\n      <div class=\"credits-row reveal\">\n        <h2 class=\"credits-heading\">\u00c0 propos du casting<\/h2>\n        <div class=\"people-grid\">\n          <div><span class=\"person-name\">Khaled Najem<\/span><span class=\"person-role\">N<\/span><\/div>\n          <div><span class=\"person-name\">Salloum Haddad<\/span><span class=\"person-role\">N<\/span><\/div>\n          <div><span class=\"person-name\">Nidal Nejem<\/span><span class=\"person-role\">Sakhr ibn Amr ibn al-Sharid<\/span><\/div>\n          <div><span class=\"person-name\">Farah Bseiso<\/span><span class=\"person-role\">Al-Khansa \u2014 Tumadir bint Amr<\/span><\/div>\n          <div><span class=\"person-name\">Monther Rayahneh<\/span><span class=\"person-role\">Al-Shanfara<\/span><\/div>\n          <div><span class=\"person-name\">Siran Riak<\/span><span class=\"person-role\">Zabiba<\/span><\/div>\n          <div><span class=\"person-name\">Adnane Mouhejja<\/span><span class=\"person-role\">Malik Al-Fazari<\/span><\/div>\n          <div><span class=\"person-name\">Azzam Awad<\/span><span class=\"person-role\">Antara ibn Shaddad<\/span><\/div>\n          <div><span class=\"person-name\">Yassine Ahjam<\/span><span class=\"person-role\">N<\/span><\/div>\n          <div><span class=\"person-name\">Ghazi Hussein<\/span><span class=\"person-role\">N<\/span><\/div>\n          <div><span class=\"person-name\">Ezz Al-Arab El Kaghatt<\/span><span class=\"person-role\">N<\/span><\/div>\n          <div><span class=\"person-name\">Mohammed Al-Ibrahimi<\/span><span class=\"person-role\">N<\/span><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"credits-row reveal reveal-delay-1\">\n        <h2 class=\"credits-heading\">\u00c0 propos de l&rsquo;\u00e9quipe<\/h2>\n        <div class=\"people-grid\">\n          <div><span class=\"person-role\">Director<\/span><span class=\"person-name\">Samer Jaber<\/span><\/div>\n          <div><span class=\"person-role\">Writer<\/span><span class=\"person-name\">Dr. Khaled Al Jaber<\/span><\/div>\n          <div><span class=\"person-role\">Writer<\/span><span class=\"person-name\">Samer Jaber<\/span><\/div>\n          <div><span class=\"person-role\">Producer<\/span><span class=\"person-name\">Qatar Media Corporation<\/span><\/div>\n          <div><span class=\"person-role\">Producer<\/span><span class=\"person-name\">Qatar Television<\/span><\/div>\n          <div><span class=\"person-role\">Art Producer<\/span><span class=\"person-name\">Al Hadi Qarnit<\/span><\/div>\n          <div><span class=\"person-role\">Director of Photography<\/span><span class=\"person-name\">N<\/span><\/div>\n          <div><span class=\"person-role\">Editing<\/span><span class=\"person-name\">N<\/span><\/div>\n          <div><span class=\"person-role\">Music \/ Score<\/span><span class=\"person-name\">N<\/span><\/div>\n          <div><span class=\"person-role\">Casting Coordinator<\/span><span class=\"person-name\">N<\/span><\/div>\n          <div><span class=\"person-role\">Production Design<\/span><span class=\"person-name\">N<\/span><\/div>\n          <div><span class=\"person-role\">Costume Design<\/span><span class=\"person-name\">N<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/main>\n<script data-cfasync=\"false\" data-no-optimize=\"1\" data-no-defer=\"1\" data-no-minify=\"1\">\n(function () {\n\n  function initHeroesVideo() {\n\n    const hero = document.querySelector('.project-hero');\n    const video = document.getElementById('heroes-video');\n\n    if (!hero || !video) {\n      return;\n    }\n\n    const soundButton = hero.querySelector('.video-sound-control');\n    const soundLabel = soundButton\n      ? soundButton.querySelector('.sound-label')\n      : null;\n\n    let hideTimer = null;\n\n    \/* =========================================================\n       CONFIGURATION\n       ========================================================= *\/\n\n    const VIDEO_DELAY = 5000; \/\/ 5 secondes\n\n    \/* =========================================================\n       CONFIGURATION VID\u00c9O AUTOPLAY\n       ========================================================= *\/\n\n    video.muted = true;\n    video.defaultMuted = true;\n    video.playsInline = true;\n\n    video.setAttribute('muted', '');\n    video.setAttribute('playsinline', '');\n    video.setAttribute('webkit-playsinline', '');\n\n    \/* =========================================================\n       INTERFACE DU SON\n       ========================================================= *\/\n\n    function syncSoundUI() {\n\n      if (!soundButton || !soundLabel) {\n        return;\n      }\n\n      const unmuted = !video.muted;\n\n      soundButton.classList.toggle('is-unmuted', unmuted);\n\n      soundButton.setAttribute(\n        'aria-pressed',\n        String(unmuted)\n      );\n\n      soundButton.setAttribute(\n        'aria-label',\n        unmuted ? 'Couper le son' : 'Activer le son'\n      );\n\n      soundLabel.textContent =\n        unmuted ? 'Couper le son' : 'Activer le son';\n    }\n\n    \/* =========================================================\n       AFFICHAGE DES CONTR\u00d4LES\n       ========================================================= *\/\n\n    function showHeroUI() {\n\n      hero.classList.remove('ui-hidden');\n\n      clearTimeout(hideTimer);\n\n      if (hero.classList.contains('video-active')) {\n\n        hideTimer = setTimeout(function () {\n\n          hero.classList.add('ui-hidden');\n\n        }, 3000);\n      }\n    }\n\n    \/* =========================================================\n       BOUTON DU SON\n       ========================================================= *\/\n\n    if (soundButton) {\n\n      soundButton.addEventListener('click', function () {\n\n        video.muted = !video.muted;\n\n        syncSoundUI();\n        showHeroUI();\n\n      });\n    }\n\n    syncSoundUI();\n\n    \/* =========================================================\n       ANIMATIONS DES SECTIONS\n       ========================================================= *\/\n\n    const reveals = Array.from(\n      document.querySelectorAll('.project-page .reveal')\n    );\n\n    if (\n      window.matchMedia('(prefers-reduced-motion: reduce)').matches\n    ) {\n\n      reveals.forEach(function (element) {\n        element.classList.add('visible');\n      });\n\n    } else if ('IntersectionObserver' in window) {\n\n      const observer = new IntersectionObserver(\n        function (entries) {\n\n          entries.forEach(function (entry) {\n\n            if (entry.isIntersecting) {\n\n              entry.target.classList.add('visible');\n\n              observer.unobserve(entry.target);\n            }\n          });\n\n        },\n        {\n          threshold: 0.08,\n          rootMargin: '0px 0px -6% 0px'\n        }\n      );\n\n      reveals.forEach(function (element) {\n        observer.observe(element);\n      });\n\n    } else {\n\n      reveals.forEach(function (element) {\n        element.classList.add('visible');\n      });\n    }\n\n    \/* =========================================================\n       COUPER LE SON QUAND ON QUITTE LE HERO\n       ========================================================= *\/\n\n    const synopsis = document.querySelector('.synopsis');\n\n    function muteWhenFicheAppears() {\n\n      if (!synopsis) {\n        return;\n      }\n\n      const rect = synopsis.getBoundingClientRect();\n\n      if (rect.top <= window.innerHeight * 0.98) {\n\n        if (!video.muted) {\n\n          video.muted = true;\n\n          syncSoundUI();\n        }\n      }\n    }\n\n    window.addEventListener(\n      'scroll',\n      muteWhenFicheAppears,\n      { passive: true }\n    );\n\n    \/* =========================================================\n       LANCEMENT DE LA VID\u00c9O\n       ========================================================= *\/\n\n    function playHeroVideo() {\n\n      if (!video) {\n        return;\n      }\n\n      console.log('NGP : tentative de lancement de la vid\u00e9o...');\n\n      \/* Toujours commencer sans son *\/\n      video.muted = true;\n      video.defaultMuted = true;\n\n      video.currentTime = 0;\n\n      syncSoundUI();\n\n      const playPromise = video.play();\n\n      if (playPromise !== undefined) {\n\n        playPromise\n          .then(function () {\n\n            console.log(\n              'NGP : vid\u00e9o lanc\u00e9e avec succ\u00e8s.'\n            );\n\n            hero.classList.add('video-active');\n            hero.classList.remove('video-finished');\n\n            showHeroUI();\n\n          })\n          .catch(function (error) {\n\n            console.log(\n              'NGP : autoplay bloqu\u00e9 ou vid\u00e9o pas encore pr\u00eate.',\n              error\n            );\n\n            \/*\n             * Nouvelle tentative apr\u00e8s quelques instants.\n             *\/\n            setTimeout(function () {\n\n              video.muted = true;\n\n              video.play()\n                .then(function () {\n\n                  hero.classList.add('video-active');\n                  hero.classList.remove('video-finished');\n\n                  showHeroUI();\n\n                })\n                .catch(function (error) {\n\n                  console.log(\n                    'NGP : deuxi\u00e8me tentative \u00e9chou\u00e9e.',\n                    error\n                  );\n\n                });\n\n            }, 1000);\n\n          });\n      }\n    }\n\n    \/* =========================================================\n       ATTENDRE QUE LA VID\u00c9O SOIT PR\u00caTE\n       ========================================================= *\/\n\n    let videoReady = false;\n\n    function markVideoReady() {\n\n      videoReady = true;\n\n      console.log(\n        'NGP : vid\u00e9o pr\u00eate.'\n      );\n    }\n\n    video.addEventListener(\n      'loadedmetadata',\n      markVideoReady,\n      { once: true }\n    );\n\n    video.addEventListener(\n      'canplay',\n      markVideoReady,\n      { once: true }\n    );\n\n    \/* =========================================================\n       D\u00c9MARRAGE APR\u00c8S 5 SECONDES\n       ========================================================= *\/\n\n    setTimeout(function () {\n\n      console.log(\n        'NGP : 5 secondes \u00e9coul\u00e9es.'\n      );\n\n      \/*\n       * Si la vid\u00e9o est d\u00e9j\u00e0 pr\u00eate\n       *\/\n      if (\n        video.readyState >= 2 ||\n        videoReady\n      ) {\n\n        playHeroVideo();\n\n      } else {\n\n        \/*\n         * On attend que la vid\u00e9o soit suffisamment charg\u00e9e.\n         *\/\n        const playWhenReady = function () {\n\n          video.removeEventListener(\n            'canplay',\n            playWhenReady\n          );\n\n          playHeroVideo();\n        };\n\n        video.addEventListener(\n          'canplay',\n          playWhenReady,\n          { once: true }\n        );\n\n        \/*\n         * Force le chargement du fichier.\n         *\/\n        video.load();\n      }\n\n    }, VIDEO_DELAY);\n\n    \/* =========================================================\n       FIN DE LA VID\u00c9O\n       ========================================================= *\/\n\n    video.addEventListener(\n      'ended',\n      function () {\n\n        clearTimeout(hideTimer);\n\n        hero.classList.remove('video-active');\n        hero.classList.remove('ui-hidden');\n\n        hero.classList.add('video-finished');\n\n        video.muted = true;\n\n        syncSoundUI();\n      }\n    );\n\n    \/* =========================================================\n       AFFICHAGE DES CONTR\u00d4LES AU MOUVEMENT\n       ========================================================= *\/\n\n    const movementEvents = [\n      'pointermove',\n      'mousemove',\n      'pointerdown',\n      'touchstart',\n      'touchmove',\n      'wheel',\n      'scroll'\n    ];\n\n    movementEvents.forEach(function (eventName) {\n\n      window.addEventListener(\n        eventName,\n        showHeroUI,\n        { passive: true }\n      );\n\n    });\n\n    \/* =========================================================\n       CLAVIER\n       ========================================================= *\/\n\n    window.addEventListener(\n      'keydown',\n      function (event) {\n\n        const keys = [\n          'ArrowUp',\n          'ArrowDown',\n          'PageUp',\n          'PageDown',\n          'Home',\n          'End',\n          ' '\n        ];\n\n        if (keys.includes(event.key)) {\n\n          showHeroUI();\n        }\n      }\n    );\n\n    muteWhenFicheAppears();\n  }\n\n  \/* =========================================================\n     INITIALISATION WORDPRESS\n     ========================================================= *\/\n\n  if (document.readyState === 'loading') {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initHeroesVideo\n    );\n\n  } else {\n\n    initHeroesVideo();\n  }\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>IMDb Heroes ofthe Desert 15 Episodes&nbsp;&nbsp;\u00b7&nbsp;&nbsp;Drama&nbsp;&nbsp;\u00b7&nbsp;&nbsp;History Activer le son Synopsis \u00c0 travers la patience d&rsquo;Al Khansa, la justice inflexible d&rsquo;Al [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-325","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newgeneration-pictures.com\/index.php?rest_route=\/wp\/v2\/pages\/325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newgeneration-pictures.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/newgeneration-pictures.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/newgeneration-pictures.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newgeneration-pictures.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=325"}],"version-history":[{"count":11,"href":"https:\/\/newgeneration-pictures.com\/index.php?rest_route=\/wp\/v2\/pages\/325\/revisions"}],"predecessor-version":[{"id":347,"href":"https:\/\/newgeneration-pictures.com\/index.php?rest_route=\/wp\/v2\/pages\/325\/revisions\/347"}],"wp:attachment":[{"href":"https:\/\/newgeneration-pictures.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}