{"id":2693,"date":"2025-06-10T21:45:28","date_gmt":"2025-06-10T21:45:28","guid":{"rendered":"https:\/\/elmawardy.com\/?page_id=2693"},"modified":"2026-06-18T18:30:07","modified_gmt":"2026-06-18T15:30:07","slug":"home","status":"publish","type":"page","link":"https:\/\/personage.sa\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2693\" class=\"elementor elementor-2693\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7dec03d e-con-full e-flex e-con e-parent\" data-id=\"7dec03d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/personage.sa\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/LandingVideo.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-024ecf3 e-con-full elementor-hidden-tablet elementor-hidden-mobile elementor-hidden-desktop e-flex e-con e-parent\" data-id=\"024ecf3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-cd6d42a e-con-full e-flex e-con e-child\" data-id=\"cd6d42a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d25ad15 picks-header elementor-widget elementor-widget-heading\" data-id=\"d25ad15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">OUR STORY<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49e4e1e elementor-widget elementor-widget-text-editor\" data-id=\"49e4e1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"0\" data-end=\"516\">Founded in 2018, Personage was born from a single ambition: to redefine boundaries and set new standards across the worlds of design, creativity, and retail. From the very beginning, our vision was clear, to create a platform where regional designers could be seen, celebrated, and elevated to the global stage, while reshaping what retail represents, not just as a place to shop, but as an experience, a movement, and a bridge between cultures, ideas, and generations that continues to inspire a new creative era.<\/p><p data-start=\"518\" data-end=\"999\" data-is-last-node=\"\" data-is-only-node=\"\">Beyond retail, our initiatives extend into education, collaboration, and innovation. Through workshops that empower emerging talent, global outreach programs that encourage cultural dialogue, and creative agency projects that unite diverse creative voices, Personage continues to build meaningful pathways for progress, inspiration, and exchange, fostering a dynamic ecosystem where creativity thrives, communities grow, and the boundaries of possibility are constantly reimagined.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d770b13 elementor-widget elementor-widget-html\" data-id=\"d770b13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HTML -->\r\n<a href=\"\/about\" class=\"mnq-quick-btn-link-white\">INTERESTED IN MORE?<\/a>\r\n\r\n<!-- CSS -->\r\n<style>\r\n  .mnq-quick-btn-link-white {\r\n    position: relative;\r\n    display: inline-block;\r\n    flex: 0 0 auto;\r\n    color: #ffffff; \/* white text *\/\r\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    line-height: 0.3;\r\n    text-decoration: none !important;\r\n    background: none !important;\r\n    border: none !important;\r\n    outline: none;\r\n    cursor: pointer;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  .mnq-quick-btn-link-white::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: -9px;\r\n    height: 4px;\r\n    width: 100%;\r\n    background: #ffffff; \/* underline is white *\/\r\n    transform: scaleX(0);\r\n    transform-origin: left center;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .mnq-quick-btn-link-white:hover,\r\n  .mnq-quick-btn-link-white:focus-visible {\r\n    color: #ffffff;\r\n    background: none !important;\r\n  }\r\n\r\n  .mnq-quick-btn-link-white:hover::after,\r\n  .mnq-quick-btn-link-white:focus-visible::after {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .mnq-quick-btn-link-white::after { transition: none; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-299fc78 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"299fc78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4072ef6 e-con-full e-flex e-con e-child\" data-id=\"4072ef6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-732efe1 e-con-full e-flex e-con e-child\" data-id=\"732efe1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a575f9e picks-header elementor-widget elementor-widget-heading\" data-id=\"a575f9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">THIS<br> WEEK\u2019S<br> PICKS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb061f1 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"bb061f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>ANOUD WAS FEELING KIND OF MOODY<br \/>KOREN FELT SLEEPY<br \/>AND SOMEONE WAS CLEARLY GETTING READY TO TRAVEL<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8e217f elementor-widget elementor-widget-html\" data-id=\"e8e217f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HTML -->\n<a href=\"\/this-weeks-picks\" class=\"mnq-quick-btn-link\">SEE WHAT\u2019S UP?<\/a>\n\n<!-- CSS -->\n<style>\n  .mnq-quick-btn-link {\n    position: relative;\n    display: inline-block;\n    flex: 0 0 auto;\n    color: #0000006B;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    font-size: 20px;\n    font-weight: 800;\n    line-height: 0.3;\n    text-decoration: none !important;\n    background: none !important;      \/* kills blue hover flash *\/\n    border: none !important;\n    outline: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent; \/* kills mobile highlight *\/\n  }\n\n  .mnq-quick-btn-link::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: -9px;\n    height: 4px;\n    width: 100%;\n    background: #000;\n    transform: scaleX(0);\n    transform-origin: left center;\n    transition: transform 0.3s ease;\n  }\n\n  .mnq-quick-btn-link:hover,\n  .mnq-quick-btn-link:focus-visible {\n    color: #000;\n    background: none !important;\n  }\n\n  .mnq-quick-btn-link:hover::after,\n  .mnq-quick-btn-link:focus-visible::after {\n    transform: scaleX(1);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .mnq-quick-btn-link::after { transition: none; }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbe3b72 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"bbe3b72\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-647e71f elementor-widget elementor-widget-html\" data-id=\"647e71f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mcom-featured-counter\" data-for=\"featured-picks\"><\/div>\n\n<style>\n.mcom-featured-counter {\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  font-weight: 900;\n  font-size: 120px;\n  color: #000;\n  line-height: 85px;\n  cursor: pointer;\n  user-select: none;\n}\n\n.mcom-featured-counter.ios-bump {\n  transform: translateY(8px);\n}\n<\/style>\n\n<script>\n(function(){\n  function isIOS(){\n    return \/iPad|iPhone|iPod\/.test(navigator.userAgent)\n      || (navigator.userAgent.includes('Mac') && 'ontouchend' in document);\n  }\n\n  function bindCounter(counterEl){\n    if (counterEl.dataset.mcomCounterBound === '1') return;\n    counterEl.dataset.mcomCounterBound = '1';\n\n    const targetId = counterEl.getAttribute('data-for');\n\n    function getCarousel(){\n      return targetId ? document.getElementById(targetId) : null;\n    }\n\n    function getState(carousel){\n      const items = Array.from(carousel.querySelectorAll('.monarq-featured-images__item'));\n      const visible = window.innerWidth <= 767 ? 1 : 2;\n      const index = parseInt(carousel.getAttribute('data-current-index') || '0', 10) || 0;\n\n      return {\n        current: Math.min(index + 1, Math.max(items.length, 1)),\n        total: items.length || 1,\n        visible: visible\n      };\n    }\n\n    function render(){\n      const carousel = getCarousel();\n      if (!carousel) return;\n\n      const state = getState(carousel);\n      counterEl.textContent = state.current + '\/' + state.total;\n    }\n\n    function attach(){\n      const carousel = getCarousel();\n      if (!carousel) return false;\n\n      if (isIOS()) counterEl.classList.add('ios-bump');\n\n      render();\n\n      counterEl.addEventListener('click', function(){\n        const next = carousel.querySelector('.monarq-featured-images__next');\n        if (next) next.click();\n      });\n\n      carousel.addEventListener('mcomFeaturedImagesChange', render);\n      window.addEventListener('resize', render);\n\n      return true;\n    }\n\n    if (attach()) return;\n\n    const start = Date.now();\n    const iv = setInterval(function(){\n      if (attach() || Date.now() - start > 10000) {\n        clearInterval(iv);\n      }\n    }, 150);\n  }\n\n  function initAllCounters(){\n    document.querySelectorAll('.mcom-featured-counter[data-for]').forEach(bindCounter);\n  }\n\n  document.addEventListener('DOMContentLoaded', initAllCounters);\n\n  if (window.elementorFrontend && elementorFrontend.hooks) {\n    elementorFrontend.hooks.addAction('frontend\/element_ready\/global', initAllCounters);\n    elementorFrontend.hooks.addAction('frontend\/element_ready\/widget', initAllCounters);\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea4786f e-con-full e-flex e-con e-child\" data-id=\"ea4786f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95b7b99 elementor-widget elementor-widget-shortcode\" data-id=\"95b7b99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"monarq-featured-images\"\n             id=\"featured-picks\"\n             data-columns=\"2\"\n             data-columns-tablet=\"2\"\n             data-columns-mobile=\"1\"\n             data-autoplay=\"1\"\n             data-interval=\"2800\">\n            <style>#featured-picks{display:block;width:100%;overflow:hidden;position:relative;}#featured-picks .monarq-featured-images__viewport{overflow:hidden;width:100%;touch-action:pan-y pinch-zoom;}#featured-picks .monarq-featured-images__track{display:flex;gap:20px;will-change:transform;transition:transform .45s ease;}#featured-picks .monarq-featured-images__item{display:block;flex:0 0 calc((100% - (2 - 1) * 20px) \/ 2);height:90vh;min-width:0;overflow:hidden;text-decoration:none!important;color:inherit;}#featured-picks .monarq-featured-images__img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;user-select:none!important;-webkit-user-drag:none!important;}#featured-picks .monarq-featured-images__next{appearance:none;-webkit-appearance:none;position:absolute;top:0;right:0;bottom:0;z-index:3;width:min(18vw,180px);border:0!important;border-radius:0!important;margin:0!important;padding:0!important;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.72))!important;box-shadow:none!important;color:#fff!important;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .2s ease;}#featured-picks:hover .monarq-featured-images__next,#featured-picks:focus-within .monarq-featured-images__next{opacity:1;pointer-events:auto;}#featured-picks .monarq-featured-images__next span{display:block;width:18px;height:18px;margin-right:28px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);}@media (max-width:767px){#featured-picks .monarq-featured-images__track{gap:12px;padding-left:30px;padding-right:30px;box-sizing:border-box;}#featured-picks .monarq-featured-images__item{box-sizing:border-box;flex-basis:calc(((100% - 0px) - (1 - 1) * 12px) \/ 1);height:55vh;padding:0;}#featured-picks .monarq-featured-images__next{display:none!important;}}@media (min-width:768px) and (max-width:1199px){#featured-picks .monarq-featured-images__track{gap:16px;}#featured-picks .monarq-featured-images__item{flex-basis:calc((100% - (2 - 1) * 16px) \/ 2);}}<\/style>\n            <div class=\"monarq-featured-images__viewport\">\n                <div class=\"monarq-featured-images__track\">\n                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/w-hooded-benton-sweat\/\" aria-label=\"W&#039; Hooded Benton Sweat\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/4068584210389-A-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"W&#039; Hooded Benton Sweat\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/4068584210389-A-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/4068584210389-A-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/4068584210389-A-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/4068584210389-A-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/4068584210389-A-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/4068584210389-A.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/straight-leg-jeans\/\" aria-label=\"Straight Leg Jeans\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-38-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"Straight Leg Jeans\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-38-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-38-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-38-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-38-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-38-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-38.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/gcds-denim-layered-loose-fit-trousers\/\" aria-label=\"GCDS Denim Layered Loose Fit Trousers\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/chep4-01-C-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"GCDS Denim Layered Loose Fit Trousers\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/chep4-01-C-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/chep4-01-C-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/chep4-01-C-768x960.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/chep4-01-C-1229x1536.webp 1229w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/chep4-01-C-1200x1500.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/chep4-01-C.webp 1280w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/denim-jeans-dusty\/\" aria-label=\"Denim Jeans Dusty\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Prsi-42-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"Denim Jeans Dusty\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Prsi-42-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Prsi-42-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Prsi-42-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Prsi-42-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Prsi-42-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Prsi-42.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/denim-jacket-dusty\/\" aria-label=\"Denim Jacket Dusty\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/PRSI-41I-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"Denim Jacket Dusty\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/PRSI-41I-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/PRSI-41I-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/PRSI-41I-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/PRSI-41I-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/PRSI-41I-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/PRSI-41I.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/cotton-grey-wolf-jacket\/\" aria-label=\"Cotton Grey Wolf Jacket\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-33-B-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"Cotton Grey Wolf Jacket\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-33-B-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-33-B-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-33-B-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-33-B-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-33-B-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-33-B.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/black-puffer-jacket\/\" aria-label=\"Black Puffer Jacket\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/09\/Black-Puffer-Jacket_Jacket_44145_1-1-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"Black Puffer Jacket\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/09\/Black-Puffer-Jacket_Jacket_44145_1-1-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/09\/Black-Puffer-Jacket_Jacket_44145_1-1-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/09\/Black-Puffer-Jacket_Jacket_44145_1-1-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/09\/Black-Puffer-Jacket_Jacket_44145_1-1-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/09\/Black-Puffer-Jacket_Jacket_44145_1-1-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/09\/Black-Puffer-Jacket_Jacket_44145_1-1.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/blue-denim\/\" aria-label=\"BLUE DENIM\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-15-D-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"BLUE DENIM\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-15-D-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-15-D-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-15-D-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-15-D-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-15-D-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-15-D.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/black-hoodie\/\" aria-label=\"BLACK HOODIE\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-12K-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"BLACK HOODIE\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-12K-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-12K-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-12K-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-12K-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-12K-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-12K.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/black-denim\/\" aria-label=\"BLACK DENIM\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voiid-14-G-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"BLACK DENIM\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voiid-14-G-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voiid-14-G-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voiid-14-G-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voiid-14-G-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voiid-14-G-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voiid-14-G.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/zip-up-jacket\/\" aria-label=\"Zip up Jacket\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-30-A-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"Zip up Jacket\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-30-A-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-30-A-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-30-A-768x960.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-30-A-1229x1536.webp 1229w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-30-A-1200x1500.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-30-A.webp 1280w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/washed-puffer-jacket\/\" aria-label=\"Washed puffer jacket\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-31-G-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"Washed puffer jacket\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-31-G-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-31-G-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-31-G-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-31-G-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-31-G-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-31-G.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                <\/div>\n            <\/div>\n            <button class=\"monarq-featured-images__next\" type=\"button\" aria-label=\"Next featured image\">\n                <span aria-hidden=\"true\"><\/span>\n            <\/button>\n            <script>(function(id){if(window.monarqProductUI&&window.monarqProductUI.initFeaturedImages){window.monarqProductUI.initFeaturedImages(document.getElementById(id));}})(\"featured-picks\");<\/script>\n        <\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe9fab0 e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"fe9fab0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-dff1caf e-con-full e-flex e-con e-child\" data-id=\"dff1caf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-880bf46 picks-header elementor-widget elementor-widget-heading\" data-id=\"880bf46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">THIS<br> WEEK\u2019S<br> PICKS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ddc77eb elementor-widget elementor-widget-text-editor\" data-id=\"ddc77eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Anoud was feeling kind of moody, Koren felt sleepy, and someone was clearly getting ready to travel.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0693c48 elementor-widget elementor-widget-html\" data-id=\"0693c48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HTML -->\n<a href=\"\/this-weeks-picks\" class=\"mnq-quick-btn-link\">SEE WHAT\u2019S UP?<\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4219f1f elementor-widget elementor-widget-shortcode\" data-id=\"4219f1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"monarq-featured-images\"\n             id=\"featured-picks-2\"\n             data-columns=\"2\"\n             data-columns-tablet=\"2\"\n             data-columns-mobile=\"1\"\n             data-autoplay=\"1\"\n             data-interval=\"2800\">\n            <style>#featured-picks-2{display:block;width:100%;overflow:hidden;position:relative;}#featured-picks-2 .monarq-featured-images__viewport{overflow:hidden;width:100%;touch-action:pan-y pinch-zoom;}#featured-picks-2 .monarq-featured-images__track{display:flex;gap:20px;will-change:transform;transition:transform .45s ease;}#featured-picks-2 .monarq-featured-images__item{display:block;flex:0 0 calc((100% - (2 - 1) * 20px) \/ 2);height:90vh;min-width:0;overflow:hidden;text-decoration:none!important;color:inherit;}#featured-picks-2 .monarq-featured-images__img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;user-select:none!important;-webkit-user-drag:none!important;}#featured-picks-2 .monarq-featured-images__next{appearance:none;-webkit-appearance:none;position:absolute;top:0;right:0;bottom:0;z-index:3;width:min(18vw,180px);border:0!important;border-radius:0!important;margin:0!important;padding:0!important;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.72))!important;box-shadow:none!important;color:#fff!important;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .2s ease;}#featured-picks-2:hover .monarq-featured-images__next,#featured-picks-2:focus-within .monarq-featured-images__next{opacity:1;pointer-events:auto;}#featured-picks-2 .monarq-featured-images__next span{display:block;width:18px;height:18px;margin-right:28px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);}@media (max-width:767px){#featured-picks-2 .monarq-featured-images__track{gap:12px;padding-left:30px;padding-right:30px;box-sizing:border-box;}#featured-picks-2 .monarq-featured-images__item{box-sizing:border-box;flex-basis:calc(((100% - 0px) - (1 - 1) * 12px) \/ 1);height:55vh;padding:0;}#featured-picks-2 .monarq-featured-images__next{display:none!important;}}@media (min-width:768px) and (max-width:1199px){#featured-picks-2 .monarq-featured-images__track{gap:16px;}#featured-picks-2 .monarq-featured-images__item{flex-basis:calc((100% - (2 - 1) * 16px) \/ 2);}}<\/style>\n            <div class=\"monarq-featured-images__viewport\">\n                <div class=\"monarq-featured-images__track\">\n                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/w-hooded-benton-sweat\/\" aria-label=\"W&#039; Hooded Benton Sweat\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/4068584210389-A-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"W&#039; Hooded Benton Sweat\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/4068584210389-A-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/4068584210389-A-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/4068584210389-A-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/4068584210389-A-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/4068584210389-A-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/4068584210389-A.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/straight-leg-jeans\/\" aria-label=\"Straight Leg Jeans\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-38-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"Straight Leg Jeans\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-38-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-38-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-38-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-38-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-38-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-38.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/gcds-denim-layered-loose-fit-trousers\/\" aria-label=\"GCDS Denim Layered Loose Fit Trousers\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/chep4-01-C-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"GCDS Denim Layered Loose Fit Trousers\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/chep4-01-C-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/chep4-01-C-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/chep4-01-C-768x960.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/chep4-01-C-1229x1536.webp 1229w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/chep4-01-C-1200x1500.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/chep4-01-C.webp 1280w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/denim-jeans-dusty\/\" aria-label=\"Denim Jeans Dusty\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Prsi-42-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"Denim Jeans Dusty\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Prsi-42-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Prsi-42-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Prsi-42-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Prsi-42-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Prsi-42-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Prsi-42.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/denim-jacket-dusty\/\" aria-label=\"Denim Jacket Dusty\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/PRSI-41I-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"Denim Jacket Dusty\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/PRSI-41I-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/PRSI-41I-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/PRSI-41I-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/PRSI-41I-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/PRSI-41I-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/PRSI-41I.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/cotton-grey-wolf-jacket\/\" aria-label=\"Cotton Grey Wolf Jacket\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-33-B-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"Cotton Grey Wolf Jacket\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-33-B-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-33-B-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-33-B-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-33-B-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-33-B-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-33-B.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/black-puffer-jacket\/\" aria-label=\"Black Puffer Jacket\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/09\/Black-Puffer-Jacket_Jacket_44145_1-1-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"Black Puffer Jacket\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/09\/Black-Puffer-Jacket_Jacket_44145_1-1-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/09\/Black-Puffer-Jacket_Jacket_44145_1-1-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/09\/Black-Puffer-Jacket_Jacket_44145_1-1-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/09\/Black-Puffer-Jacket_Jacket_44145_1-1-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/09\/Black-Puffer-Jacket_Jacket_44145_1-1-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/09\/Black-Puffer-Jacket_Jacket_44145_1-1.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/blue-denim\/\" aria-label=\"BLUE DENIM\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-15-D-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"BLUE DENIM\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-15-D-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-15-D-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-15-D-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-15-D-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-15-D-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-15-D.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/black-hoodie\/\" aria-label=\"BLACK HOODIE\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-12K-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"BLACK HOODIE\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-12K-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-12K-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-12K-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-12K-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-12K-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voIId-12K.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/black-denim\/\" aria-label=\"BLACK DENIM\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voiid-14-G-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"BLACK DENIM\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voiid-14-G-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voiid-14-G-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voiid-14-G-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voiid-14-G-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voiid-14-G-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/voiid-14-G.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/zip-up-jacket\/\" aria-label=\"Zip up Jacket\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-30-A-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"Zip up Jacket\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-30-A-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-30-A-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-30-A-768x960.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-30-A-1229x1536.webp 1229w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-30-A-1200x1500.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-30-A.webp 1280w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                                                            <a class=\"monarq-featured-images__item\" href=\"https:\/\/personage.sa\/product\/washed-puffer-jacket\/\" aria-label=\"Washed puffer jacket\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-31-G-819x1024.webp\" class=\"monarq-featured-images__img\" alt=\"Washed puffer jacket\" loading=\"lazy\" draggable=\"false\" srcset=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-31-G-819x1024.webp 819w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-31-G-240x300.webp 240w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-31-G-768x961.webp 768w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-31-G-1228x1536.webp 1228w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-31-G-1200x1501.webp 1200w, https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/CETIP-31-G.webp 1599w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>        <\/a>                                <\/div>\n            <\/div>\n            <button class=\"monarq-featured-images__next\" type=\"button\" aria-label=\"Next featured image\">\n                <span aria-hidden=\"true\"><\/span>\n            <\/button>\n            <script>(function(id){if(window.monarqProductUI&&window.monarqProductUI.initFeaturedImages){window.monarqProductUI.initFeaturedImages(document.getElementById(id));}})(\"featured-picks-2\");<\/script>\n        <\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1ecd2d e-con-full e-flex e-con e-parent\" data-id=\"e1ecd2d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec642b0 elementor-widget elementor-widget-html\" data-id=\"ec642b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- STYLES \u2014 100svh, bottom-aligned scrollbar (40px L\/R\/B), exact 40px gap to images -->\n<section class=\"styles-wrap\">\n  <h2 class=\"styles-title\" aria-hidden=\"true\">STYLES<\/h2>\n\n  <div class=\"styles-scroll\" id=\"stylesScroll\" role=\"region\">\n    <div class=\"styles-row\">\n      <article class=\"style\" data-name=\"Cozy\" role=\"link\" tabindex=\"0\" data-href=\"\/styles\/cozy\">\n        <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/06\/edited-photo.webp\" alt=\"Cosy\">\n      <\/article>\n      <article class=\"style\" data-name=\"Composed\" role=\"link\" tabindex=\"0\" data-href=\"\/styles\/composed\">\n        <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Composed-Azhar-scaled.webp\" alt=\"Composed\">\n      <\/article>\n      <article class=\"style\" data-name=\"Refined\" role=\"link\" tabindex=\"0\" data-href=\"\/styles\/refined\">\n        <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Refined-Abdulrahman-scaled.webp\" alt=\"Refined\">\n      <\/article>\n      <article class=\"style\" data-name=\"Relaxed\" role=\"link\" tabindex=\"0\" data-href=\"\/styles\/relaxed\">\n        <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Relaxed-scaled.webp\" alt=\"Relaxed\">\n      <\/article>\n      <article class=\"style\" data-name=\"Playful\" role=\"link\" tabindex=\"0\" data-href=\"\/styles\/playful\">\n        <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Playful-Azhar-scaled.webp\" alt=\"Playful\">\n      <\/article>\n      <article class=\"style\" data-name=\"Edgy\" role=\"link\" tabindex=\"0\" data-href=\"\/styles\/edgy\">\n        <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Edgy-Alanoud-scaled.webp\" alt=\"Edgy\">\n      <\/article>\n      <article class=\"style\" data-name=\"Dynamic\" role=\"link\" tabindex=\"0\" data-href=\"\/styles\/dynamic\">\n        <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/04\/Dynamic-Abdulrahman-scaled.webp\" alt=\"Dynamic\">\n      <\/article>\n    <\/div>\n\n    <!-- Tooltip INSIDE the scroller so it sticks to the active style -->\n    <div class=\"style-tooltip\" id=\"styleTooltip\" role=\"tooltip\" aria-hidden=\"true\"><\/div>\n  <\/div>\n\n  <!-- Custom scrollbar (absolute bottom, 40px L\/R\/B) -->\n  <div class=\"styles-bar\" id=\"stylesBar\" aria-hidden=\"false\">\n    <div class=\"styles-bar-track\">\n      <div class=\"styles-bar-thumb\" id=\"stylesThumb\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@media (max-width: 640px){\n  \/* \u2705 Give extra space at the START so first item can center *\/\n  .styles-scroll{\n    padding-left: calc(var(--side-pad) + var(--mobile-end-gap));\n  }\n\n  \/* \u2705 Spacer at the start *\/\n  .styles-row::before{\n    content:\"\";\n    flex: 0 0 var(--mobile-end-gap);\n    height: 1px;\n  }\n\n  \/* you already have the end spacer, keep it *\/\n  .styles-row::after{\n    content:\"\";\n    flex: 0 0 var(--mobile-end-gap);\n    height: 1px;\n  }\n}\n\n\/* ===== Vars & layout ===== *\/\n.styles-wrap{\n  --side-pad: 40px;\n  --bottom-pad: 40px;\n  --bar-height: 10px;\n  --gap-to-bar: 40px;\n  --gap: 24px;\n  --title-left: 25px;\n  --model-height: 94%;\n  --model-scale: 1.16;\n  --model-hover-scale: 1.19;\n  --model-y: 78px;\n\n  \/* MOBILE ONLY: extra end space so last card can center *\/\n  --mobile-end-gap: 20px;\n\n  position:relative; width:100%; height:100svh;\n  background:#c7c7c7; overflow-x:hidden; isolation:isolate;\n\n  \/* enables container sizing logic if needed *\/\n  container-type: inline-size;\n}\n\n\/* STYLES heading *\/\n.styles-title{\n  position:absolute; top:0%; left:var(--title-left);\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif;\n  font-weight:900; font-size:225px; letter-spacing:0;\n  color:#000; opacity:.08; pointer-events:none; z-index:0;\n\n  \/* important for accurate measuring + scaling *\/\n  display:inline-block;\n  width:max-content;\n  white-space:nowrap;\n\n  transform:translate3d(0,0,0);\n  transform-origin:left top;\n}\n\n@media (min-width: 641px) {\n  .styles-title {\n    left: var(--side-pad);\n    right: var(--side-pad);\n    top: 0% !important;\n\n    \/* JS scales it uniformly, so don't lock transform here *\/\n    white-space: nowrap;\n    overflow: visible;\n  }\n}\n\n\/* ===== Scroller ===== *\/\n.styles-scroll{\n  position:relative;\n  z-index:1;\n  padding-inline: var(--side-pad);\n  padding-bottom: var(--gap-to-bar);\n  overflow-x:auto; overflow-y:hidden;\n  scroll-behavior:auto;\n  -webkit-overflow-scrolling:touch;\n  scrollbar-width:none; touch-action:auto;\n}\n.styles-scroll::-webkit-scrollbar{ display:none }\n.styles-row{ display:flex; align-items:flex-end; gap:var(--gap); }\n\n\/* Style card *\/\n.style{\n  flex:0 0 calc((100% - var(--gap)*3)\/4);\n  height: calc(100svh - (var(--bottom-pad) + var(--bar-height) + var(--gap-to-bar)));\n  display:flex; align-items:flex-end; justify-content:center; position:relative;\n  overflow:visible;\n\n  cursor:pointer;\n  -webkit-tap-highlight-color: transparent;\n}\n.style:focus-visible{\n  outline:2px solid rgba(0,0,0,.85);\n  outline-offset:6px;\n}\n\n.style img{\n  height:var(--model-height); width:auto; max-width:120%; object-fit:contain; display:block;\n  filter:grayscale(100%) contrast(.95) brightness(1);\n  transition:filter .2s ease, transform .2s ease;\n  transform:translateY(var(--model-y)) scale(var(--model-scale));\n  transform-origin:bottom center;\n  user-select:none; -webkit-user-drag:none; pointer-events:none;\n}\n.style:hover img{ filter:none; transform:translateY(calc(var(--model-y) - 3px)) scale(var(--model-hover-scale)); }\n.style.tapped img{ filter:none; transform:translateY(calc(var(--model-y) - 3px)) scale(var(--model-hover-scale)); }\n\n\/* Tooltip (desktop default: fixed & follows cursor) *\/\n.style-tooltip{\n  position:fixed; left:0; top:0; transform:translate(-50%,-120%);\n  background:#000; color:#fff; padding:8px 10px; border-radius:6px;\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif; font-size:16px; text-transform:uppercase;\n  line-height:1; pointer-events:none; opacity:0;\n  transition:opacity .1s linear;\n  box-shadow:0 6px 18px rgba(0,0,0,.25); z-index:20;\n\n  display:inline-block;\n  white-space:nowrap;\n}\n\n\/* Bottom bar *\/\n.styles-bar{\n  position:absolute; left: var(--side-pad); right: var(--side-pad);\n  bottom: var(--bottom-pad); height: var(--bar-height);\n}\n.styles-bar-track{ position:relative; width:100%; height:100%; background:#dadada; border-radius:5px; overflow:hidden; }\n.styles-bar-thumb{ position:absolute; top:0; left:0; height:100%; background:#000; border-radius:5px; width:60px; cursor:grab; }\n.styles-bar-thumb:active{ cursor:grabbing; }\n\n\/* Desktop niceties *\/\n@media (pointer:fine){\n  .style{ height: calc(100svh - (var(--bottom-pad) + var(--bar-height) + var(--gap-to-bar))); }\n}\n\n\/* ===== MOBILE ONLY ===== *\/\n@media (max-width: 640px){\n  .styles-wrap{\n    --title-left: 15px;\n    --model-height: 96%;\n    --model-scale: 1.26;\n    --model-hover-scale: 1.29;\n    --model-y: 112px;\n    --mobile-tooltip-y: 28px;\n  }\n  .styles-title{ top:-10px; }\n\n  .style{ flex: 0 0 100%; }\n  .style img{ max-width:110%; }\n\n  \/* \u2705 Give the scroller extra space at the END so last item can center *\/\n  .styles-scroll{\n    padding-right: calc(var(--side-pad) + var(--mobile-end-gap));\n  }\n\n  \/* \u2705 Spacer at the end (more reliable across browsers than padding alone) *\/\n  .styles-row::after{\n    content:\"\";\n    flex: 0 0 var(--mobile-end-gap);\n    height: 1px;\n  }\n\n  \/* Bar visible, non-interactive *\/\n  .styles-bar, .styles-bar *{ pointer-events:none !important; }\n  .styles-bar-thumb{ cursor:default; }\n\n  \/* Tooltip: inside scroller, ABSOLUTE so it sticks to the style *\/\n  .style-tooltip{\n    position:absolute;\n    transform: translateX(-50%) !important;\n    background: rgba(0,0,0,0.8);\n    color:#fff; border-radius:3px;\n    padding:13px 12px 10px 12px;\n    text-transform:none; font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif;\n    font-weight:300; font-size:14px; line-height:1.15;\n    box-shadow:0 8px 24px rgba(0,0,0,.18);\n    will-change: opacity;\n    pointer-events:none;\n    z-index:20;\n\n    display:inline-block;\n    white-space:nowrap;\n  }\n  .style-tooltip::after{ display:none; }\n}\n<\/style>\n\n<script>\n(()=> {\n  const scroller = document.getElementById('stylesScroll');\n  const title    = document.querySelector('.styles-title');\n  const wrap     = document.querySelector('.styles-wrap');\n  const track    = document.querySelector('.styles-bar-track');\n  const thumb    = document.getElementById('stylesThumb');\n  const tooltip  = document.getElementById('styleTooltip');\n  const styles   = Array.from(document.querySelectorAll('.style'));\n  const mqMobile = window.matchMedia('(max-width: 640px)');\n  const mqDesk   = window.matchMedia('(min-width: 641px)');\n\n  \/* ================= CLICKABLE CARDS ================= *\/\n  function goToStyle(el){\n    const href = el?.dataset?.href || '\/coming-soon';\n    window.location.href = href;\n  }\n\n  styles.forEach(s=>{\n    s.addEventListener('click', ()=> goToStyle(s));\n    s.addEventListener('keydown', e=>{\n      if(e.key === 'Enter' || e.key === ' '){\n        e.preventDefault();\n        goToStyle(s);\n      }\n    });\n  });\n\n  \/* ================= TITLE FIT (DESKTOP ONLY) ================= *\/\n  function fitTitleToWidth(){\n    if(!mqDesk.matches){\n      title.style.transform = 'translate3d(0,0,0)';\n      return;\n    }\n\n    const sidePad = parseFloat(getComputedStyle(wrap).getPropertyValue('--side-pad')) || 40;\n    const available = wrap.clientWidth - (sidePad * 2);\n    if(available <= 0) return;\n\n    title.style.transform = 'scale(1)';\n    title.style.left = sidePad + 'px';\n\n    const rawW = title.getBoundingClientRect().width;\n    if(!rawW) return;\n\n    const scale = available \/ rawW;\n    const safe = Math.max(0.5, Math.min(scale, 3));\n    title.style.transform = `scale(${safe})`;\n  }\n\n  \/* ================= PARALLAX (NON-DESKTOP) ================= *\/\n  let factor=-0.25, targetX=0, currentX=0, animRunning=false;\n\n  function refreshParallaxConfig(){\n    const viewW=scroller.clientWidth;\n    const maxScroll=Math.max(0, scroller.scrollWidth - viewW);\n    const titleW=title.getBoundingClientRect().width;\n    const titleLeft=parseFloat(getComputedStyle(title).left)||25;\n    factor = maxScroll>0 ? ((viewW - 30) - titleW - titleLeft)\/maxScroll : 0;\n    targetX = scroller.scrollLeft * factor;\n  }\n\n  function tick(){\n    if(!animRunning) return;\n    currentX += (targetX - currentX) * 0.18;\n    if(Math.abs(targetX-currentX)<0.2) currentX = targetX;\n\n    if(!mqDesk.matches){\n      title.style.transform = `translate3d(${currentX}px,0,0)`;\n    }\n    requestAnimationFrame(tick);\n  }\n\n  function onScroll(){\n    targetX = scroller.scrollLeft * factor;\n    if(!animRunning){ animRunning = true; requestAnimationFrame(tick); }\n  }\n\n  \/* ================= SCROLLBAR ================= *\/\n  const clamp=(v,min,max)=>Math.max(min,Math.min(max,v));\n  let dragging=false,startX=0,startLeft=0,maxThumbX=0,maxScroll=0;\n\n  function compute(){\n    const trackW=track.clientWidth;\n    const viewW=scroller.clientWidth;\n    const scrollW=scroller.scrollWidth;\n    const tW=Math.max(36, Math.round(trackW * (viewW \/ Math.max(scrollW,1))));\n    maxThumbX=Math.max(0, trackW - tW);\n    maxScroll=Math.max(0, scrollW - viewW);\n    if(!dragging) thumb.style.width = tW + 'px';\n  }\n\n  function syncThumbToScroll(){\n    if(dragging) return;\n    const ratio = maxScroll>0 ? scroller.scrollLeft\/maxScroll : 0;\n    thumb.style.left = (ratio * maxThumbX) + 'px';\n  }\n\n  function setScrollFromThumb(x){\n    const ratio = maxThumbX>0 ? x\/maxThumbX : 0;\n    scroller.scrollLeft = ratio * maxScroll;\n  }\n\n  \/* ================= MOBILE SNAP + ACTIVE ================= *\/\n  let activeEl=null, snapTimer=null;\n\n  function setActive(el){\n    if(activeEl) activeEl.classList.remove('tapped');\n    activeEl = el || null;\n    if(activeEl){\n      activeEl.classList.add('tapped');\n      positionMobileBubble(activeEl);\n    }\n  }\n\n  function positionMobileBubble(styleEl){\n    if(!styleEl) return;\n    tooltip.textContent = styleEl.dataset.name || '';\n    tooltip.style.opacity = '0';\n\n    requestAnimationFrame(()=>{\n      const img = styleEl.querySelector('img') || styleEl;\n      const bubbleH = tooltip.getBoundingClientRect().height || 0;\n      const bubbleY = parseFloat(getComputedStyle(wrap).getPropertyValue('--mobile-tooltip-y')) || 0;\n      const bubbleTop = Math.max(8, img.offsetTop - bubbleH - 8) + bubbleY;\n\n      tooltip.style.left = (styleEl.offsetLeft + styleEl.offsetWidth\/2) + 'px';\n      tooltip.style.top  = bubbleTop + 'px';\n      tooltip.style.opacity = '1';\n    });\n  }\n\n  function centerStyle(styleEl, behavior='smooth'){\n    if(!styleEl) return;\n\n    const viewCenter = scroller.clientWidth \/ 2;\n    const img = styleEl.querySelector('img') || styleEl;\n    const rect = img.getBoundingClientRect();\n    const delta = (rect.left + rect.width\/2) - viewCenter;\n\n    const rawTarget = scroller.scrollLeft + delta;\n    const max = Math.max(0, scroller.scrollWidth - scroller.clientWidth);\n    scroller.scrollTo({ left: clamp(rawTarget,0,max), behavior });\n  }\n\n  function snapToNearest(){\n    if(!mqMobile.matches) return;\n\n    const viewCenter = scroller.clientWidth \/ 2;\n    let best=null, dist=Infinity;\n\n    styles.forEach(s=>{\n      const img=s.querySelector('img')||s;\n      const r=img.getBoundingClientRect();\n      const d=Math.abs((r.left+r.width\/2)-viewCenter);\n      if(d<dist){ dist=d; best=s; }\n    });\n\n    if(best){\n      centerStyle(best,'smooth');\n      setActive(best);\n    }\n  }\n\n  \/* ================= DESKTOP HOVER TOOLTIP ================= *\/\n  function showHoverTip(name,x,y){\n    if(mqMobile.matches) return;\n    tooltip.textContent = name;\n    tooltip.style.opacity = '1';\n    tooltip.style.transform = 'translate(-50%,-120%)';\n    tooltip.style.left = x + 'px';\n    tooltip.style.top  = y + 'px';\n    tooltip.setAttribute('aria-hidden','false');\n  }\n\n  function hideHoverTip(){\n    if(mqMobile.matches) return;\n    tooltip.style.opacity = '0';\n    tooltip.setAttribute('aria-hidden','true');\n  }\n\n  styles.forEach(s=>{\n    const name = s.dataset.name || '';\n    s.addEventListener('pointerenter', e=>{\n      if(e.pointerType === 'mouse' || e.pointerType === 'pen'){\n        showHoverTip(name, e.clientX, e.clientY);\n      }\n    });\n    s.addEventListener('pointermove', e=>{\n      if(e.pointerType === 'mouse' || e.pointerType === 'pen'){\n        showHoverTip(name, e.clientX, e.clientY);\n      }\n    });\n    s.addEventListener('pointerleave', hideHoverTip);\n  });\n\n  \/* ================= EVENTS ================= *\/\n  scroller.addEventListener('scroll', ()=>{\n    onScroll();\n    syncThumbToScroll();\n\n    if(mqMobile.matches){\n      clearTimeout(snapTimer);\n      snapTimer = setTimeout(snapToNearest,120);\n    }\n  },{passive:true});\n\n  window.addEventListener('resize', ()=>{\n    compute();\n    refreshParallaxConfig();\n    syncThumbToScroll();\n    fitTitleToWidth();\n    onScroll();\n  });\n\n  \/* ================= INIT ================= *\/\n  setTimeout(()=>{\n    compute();\n    refreshParallaxConfig();\n    syncThumbToScroll();\n    fitTitleToWidth();\n    onScroll();\n\n    if(mqMobile.matches && styles.length){\n      requestAnimationFrame(()=>{\n        requestAnimationFrame(()=>{\n          centerStyle(styles[0],'auto');\n          setActive(styles[0]);\n        });\n      });\n    }\n  },100);\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1bab732 e-con-full elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"1bab732\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-8c5c499 e-con-full e-flex e-con e-child\" data-id=\"8c5c499\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a52e62b picks-header elementor-widget elementor-widget-heading\" data-id=\"a52e62b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">DON\u2019T BLINK<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4f33c7 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"b4f33c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">A quieter selection of pieces marked down<br> for a limited time. Seasonal reductions, overlooked favourites,<br> and archive essentials gathered before they disappear again.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8646144 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"8646144\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">Limited selections, seasonal reductions, and archive pieces available for a short time only.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7682414 elementor-widget elementor-widget-html\" data-id=\"7682414\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HTML -->\n<div class=\"mnq-sale-selector-wrap\">\n\n    <a href=\"\/sale\" class=\"mnq-quick-btn-link mnq-sale-trigger\">\n        EXPLORE MORE\n    <\/a>\n\n    <div class=\"mnq-sale-selector\">\n        <a href=\"\/sale-men\">Men<\/a>\n        <a href=\"\/sale-women\">Women<\/a>\n    <\/div>\n\n<\/div>\n\n<style>\n.mnq-sale-selector-wrap{\n    position:relative;\n    display:inline-flex;\n    flex-direction:column;\n    align-items:center;\n}\n\n\/* Dropdown *\/\n.mnq-sale-selector{\n    position:absolute;\n    top:calc(100% + 12px);\n    left:50%;\n    transform:translateX(-50%) translateY(10px);\n\n    display:flex;\n    flex-direction:column;\n    gap:8px;\n\n    min-width:180px;\n    padding:10px;\n\n    background:rgba(0,0,0,0.82);\n    backdrop-filter:blur(14px);\n    -webkit-backdrop-filter:blur(14px);\n\n    border:1px solid rgba(255,255,255,0.08);\n    border-radius:10px;\n\n    opacity:0;\n    visibility:hidden;\n    pointer-events:none;\n\n    transition:\n    opacity .25s ease,\n    transform .25s ease,\n    visibility .25s ease;\n\n    z-index:999;\n}\n\n\/* Active State *\/\n.mnq-sale-selector.active{\n    opacity:1;\n    visibility:visible;\n    pointer-events:auto;\n\n    transform:translateX(-50%) translateY(0);\n}\n\n\/* Selector Buttons *\/\n.mnq-sale-selector a{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    width:100%;\n    padding:12px 16px;\n\n    text-decoration:none !important;\n\n    font-size:13px;\n    font-weight:400;\n    letter-spacing:0.08em;\n    text-transform:uppercase;\n\n    color:#ffffff;\n\n    background:rgba(255,255,255,0.04);\n\n    border:1px solid rgba(255,255,255,0.08);\n    border-radius:6px;\n\n    transition:\n    background .25s ease,\n    border-color .25s ease,\n    transform .25s ease;\n}\n\n.mnq-sale-selector a:hover{\n    background:rgba(255,255,255,0.10);\n    border-color:rgba(255,255,255,0.18);\n\n    transform:translateY(-1px);\n}\n\n.mnq-sale-selector{\n    border-radius:0 !important;\n}\n\n.mnq-sale-selector a{\n    border-radius:0 !important;\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const trigger = document.querySelector(\".mnq-sale-trigger\");\n    const selector = document.querySelector(\".mnq-sale-selector\");\n\n    if (!trigger || !selector) return;\n\n    trigger.addEventListener(\"click\", function(e){\n        e.preventDefault();\n        selector.classList.toggle(\"active\");\n    });\n\n    document.addEventListener(\"click\", function(e){\n        if(!e.target.closest(\".mnq-sale-selector-wrap\")){\n            selector.classList.remove(\"active\");\n        }\n    });\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2412974 elementor-widget elementor-widget-shortcode\" data-id=\"2412974\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><p class=\"woocommerce-info\">No products found.<\/p>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82b1b1e e-con-full e-flex e-con e-parent\" data-id=\"82b1b1e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2ebe96 elementor-widget elementor-widget-html\" data-id=\"a2ebe96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"model-carousel\">\n  <div class=\"model-track\">\n    <!-- Slide 1 -->\n    <section class=\"model-slide\"\n      data-thumb=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/06\/Replacement-Image.webp\">\n      <div class=\"model-overlay\"><\/div>\n      <div class=\"model-inner\">\n        <h2 class=\"model-name\">Azhar<\/h2>\n        <p class=\"model-text\">\n          DIGITAL STRATEGIST \u00b7 CULTURE FIRST STORYTELLING \u00b7 CROSS PLATFORM IMPACT\n        <\/p>\n        <a href=\"\/models\/azhar\" class=\"model-link-btn\">VIEW MORE<\/a>\n      <\/div>\n    <\/section>\n\n    <!-- Slide 2 -->\n    <section class=\"model-slide\"\n      data-thumb=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/06\/Alanoud-1.webp\">\n      <div class=\"model-overlay\"><\/div>\n      <div class=\"model-inner\">\n        <h2 class=\"model-name\">Alanoud<\/h2>\n        <p class=\"model-text\">\n          CONTENT ARCHITECT \u00b7 VISUAL NARRATIVES \u00b7 HIGH ENGAGEMENT COMMUNITIES\n        <\/p>\n        <a href=\"\/models\/alanoud\" class=\"model-link-btn\">VIEW MORE<\/a>\n      <\/div>\n    <\/section>\n\n    <!-- Slide 3 -->\n    <section class=\"model-slide\"\n      data-thumb=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/06\/Adjusted-Image.webp\">\n      <div class=\"model-overlay\"><\/div>\n      <div class=\"model-inner\">\n        <h2 class=\"model-name\">Abdulrahman<\/h2>\n        <p class=\"model-text\">\n          LIFESTYLE CURATOR \u00b7 BRAND ALIGNMENT \u00b7 LONG TERM PARTNERSHIPS\n        <\/p>\n        <a href=\"\/models\/abdulrahman\" class=\"model-link-btn\">VIEW MORE<\/a>\n      <\/div>\n    <\/section>\n\n    <!-- Slide 4 -->\n    <section class=\"model-slide\"\n      data-thumb=\"https:\/\/personage.sa\/wp-content\/uploads\/2026\/05\/DELE.webp\">\n      <div class=\"model-overlay\"><\/div>\n      <div class=\"model-inner\">\n        <h2 class=\"model-name\">Dele<\/h2>\n        <p class=\"model-text\">\n          TREND ANALYST \u00b7 NEW FORMAT ADOPTION \u00b7 COMMUNITY LED CAMPAIGNS\n        <\/p>\n        <a href=\"\/models\/dele\" class=\"model-link-btn\">VIEW MORE<\/a>\n      <\/div>\n    <\/section>\n  <\/div>\n\n  <div class=\"model-mobile-lines\" id=\"modelMobileLines\"><\/div>\n\n  <div class=\"model-dots\" aria-hidden=\"true\">\n    <span class=\"dot is-active\"><\/span>\n    <span class=\"dot\"><\/span>\n    <span class=\"dot\"><\/span>\n    <span class=\"dot\"><\/span>\n  <\/div>\n\n  <aside class=\"model-next-panel\" id=\"modelNextPanel\">\n    <div class=\"model-next-thumb\">\n      <img decoding=\"async\" id=\"modelNextThumb\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/11\/Computer.webp\" alt=\"Next model thumbnail\" loading=\"lazy\">\n    <\/div>\n    <div class=\"model-next-meta\">\n      <div class=\"model-next-top\">\n        <span class=\"model-next-label\">NEXT<\/span>\n        <div class=\"model-next-title-row\">\n          <span class=\"model-next-title\" id=\"modelNextTitle\">Alanoud<\/span>\n          <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/06\/Right-Chevron-White.svg\"\n               alt=\"\"\n               class=\"model-next-arrow\">\n        <\/div>\n      <\/div>\n      <div class=\"model-next-lines\" id=\"modelNextLines\"><\/div>\n    <\/div>\n  <\/aside>\n<\/div>\n\n<style>\n  .model-carousel {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n    overflow: hidden;\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n    color: #ffffff;\n  }\n\n  .model-track {\n    display: flex;\n    align-items: stretch;\n    height: 100%;\n    width: 100%;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;\n    -webkit-overflow-scrolling: touch;\n    scroll-padding-left: 0;\n  }\n\n  .model-track::-webkit-scrollbar {\n    display: none;\n  }\n\n  .model-slide {\n    position: relative;\n    flex: 0 0 100%;\n    max-width: 100%;\n    height: 100%;\n    min-height: 100vh;\n    scroll-snap-align: start;\n    scroll-snap-stop: always;\n    background-size: cover;\n    background-position: center;\n    display: block;\n    overflow: hidden;\n  }\n\n  .model-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n  }\n\n  .model-inner {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    padding: 40px;\n    width: 100%;\n    box-sizing: border-box;\n    z-index: 1;\n    opacity: 0;\n    transform: translateY(10px);\n    transition: opacity 0.3s ease, transform 0.3s ease;\n  }\n\n  .model-slide.is-active .model-overlay {\n    opacity: 1;\n  }\n\n  .model-slide.is-active .model-inner {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .model-name {\n    margin: 0 !important;\n    padding: 0;\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n    font-weight: 900;\n    text-transform: uppercase;\n    color: #ffffff;\n    font-size: clamp(2.6rem, 7.5vw, 6.4rem);\n    letter-spacing: 0.08em;\n    line-height: 0.7 !important;\n    transform: translate(-7px, -20px) !important;\n  }\n\n  .model-text {\n    margin: 0 0 22px !important;\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n    font-weight: 400;\n    font-size: 14px;\n    text-transform: uppercase;\n    color: #ffffff;\n    line-height: 16px !important;\n    max-width: 32rem;\n    opacity: 0.9;\n    letter-spacing: 0.06em;\n  }\n\n  .model-link-btn {\n    position: relative;\n    display: inline-block;\n    flex: 0 0 auto;\n    color: #ffffff;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    font-size: 20px;\n    font-weight: 800;\n    line-height: 0.3;\n    text-decoration: none !important;\n    background: none !important;\n    border: none !important;\n    outline: none !important;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .model-link-btn::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: -9px;\n    height: 4px;\n    width: 100%;\n    background: #ffffff;\n    transform: scaleX(0);\n    transform-origin: left center;\n    transition: transform 0.3s ease;\n  }\n\n  .model-link-btn:hover,\n  .model-link-btn:focus-visible {\n    color: #ffffff;\n    background: none !important;\n  }\n\n  .model-link-btn:hover::after,\n  .model-link-btn:focus-visible::after {\n    transform: scaleX(1);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .model-link-btn::after {\n      transition: none;\n    }\n  }\n\n  .model-dots {\n    display: none;\n  }\n\n  .model-next-panel {\n    position: absolute;\n    right: 40px;\n    bottom: 40px;\n    width: min(360px, 40vw);\n    height: 190px;\n    display: grid;\n    grid-template-columns: 42% 1fr;\n    align-items: flex-end;\n    cursor: pointer;\n    overflow: hidden;\n    z-index: 20;\n  }\n\n  .model-next-thumb {\n    position: relative;\n    overflow: hidden;\n    height: 190px;\n  }\n\n  .model-next-thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n    transform: scale(1.03);\n    transition: transform 0.5s ease;\n  }\n\n  .model-next-panel:hover .model-next-thumb img {\n    transform: scale(1.08);\n  }\n\n  .model-next-meta {\n    position: relative;\n    padding: 16px 18px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: 6px;\n    box-sizing: border-box;\n    align-self: flex-end;\n    background: rgba(15, 15, 15, 0.88);\n    border: 1px solid rgba(80, 80, 80, 0.9);\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n\n  .model-next-top {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  .model-next-label {\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    color: #bcbcbc;\n  }\n\n  .model-next-title-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .model-next-title {\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 23px;\n    font-weight: 900;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    letter-spacing: 0em;\n    text-transform: uppercase;\n    margin-top: -8px;\n  }\n\n  .model-next-arrow {\n    width: 11px;\n    height: 11px;\n    flex: 0 0 auto;\n    transform: translateY(-6.5px);\n  }\n\n  .model-next-lines {\n    display: flex;\n    gap: 3px;\n    align-items: center;\n  }\n\n  .model-next-line {\n    flex: 1;\n    height: 2px;\n    border-radius: 0px;\n    background: rgba(255, 255, 255, 0.25);\n    overflow: hidden;\n    position: relative;\n  }\n\n  .model-next-line::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    width: 100%;\n    background: #ffffff;\n    transform: scaleX(0);\n    transform-origin: center center;\n    transition: transform 0.35s ease, transform-origin 0s;\n  }\n\n  .model-next-line.is-exiting-forward::after {\n    transform-origin: right center;\n    transform: scaleX(0);\n  }\n\n  .model-next-line.is-active-forward::after {\n    transform-origin: left center;\n    transform: scaleX(1);\n  }\n\n  .model-next-line.is-exiting-backward::after {\n    transform-origin: left center;\n    transform: scaleX(0);\n  }\n\n  .model-next-line.is-active-backward::after {\n    transform-origin: right center;\n    transform: scaleX(1);\n  }\n\n  .model-mobile-lines {\n    display: none;\n  }\n\n  @media (max-width: 768px) {\n    .model-inner {\n      padding: 30px 30px 50px 30px;\n    }\n\n    .model-name {\n      font-size: clamp(2rem, 8.5vw, 3.8rem);\n      transform: translate(1px, -20px) !important;\n    }\n\n    .model-next-panel {\n      display: none !important;\n    }\n\n    .model-mobile-lines {\n      display: flex;\n      gap: 3px;\n      position: absolute;\n      left: 30px;\n      right: 30px;\n      bottom: 30px;\n      z-index: 5;\n    }\n  }\n  \n  \/* Main slide model name *\/\n.model-name{\n    font-size: clamp(2.1rem, 6vw, 5.2rem) !important;\n}\n\n\/* Mobile *\/\n@media (max-width:768px){\n    .model-name{\n        font-size: clamp(1.7rem, 7vw, 3.1rem) !important;\n    }\n}\n\n\/* Next panel model name *\/\n.model-next-title{\n    font-size: 19px !important;\n}\n\n\/* Chevron *\/\n.model-next-arrow{\n    width: 9px !important;\n    height: 9px !important;\n    transform: translateY(-5px) !important;\n}\n<\/style>\n\n<script>\n  (function () {\n    const carousel = document.querySelector(\".model-carousel\");\n    if (!carousel) return;\n\n    const track = carousel.querySelector(\".model-track\");\n    const slides = Array.from(carousel.querySelectorAll(\".model-slide\"));\n    const dots = Array.from(carousel.querySelectorAll(\".model-dots .dot\"));\n\n    slides.forEach((slide) => {\n      const bg = slide.dataset.thumb;\n      if (bg) {\n        slide.style.backgroundImage = `url(\"${bg}\")`;\n      }\n    });\n\n    const nextPanel = document.getElementById(\"modelNextPanel\");\n    const nextThumbImg = document.getElementById(\"modelNextThumb\");\n    const nextTitleEl = document.getElementById(\"modelNextTitle\");\n    const desktopLinesContainer = document.getElementById(\"modelNextLines\");\n    const mobileLinesContainer = document.getElementById(\"modelMobileLines\");\n\n    if (!slides.length || !track || !nextThumbImg || !nextTitleEl || !desktopLinesContainer || !mobileLinesContainer) return;\n\n    let currentIndex = 0;\n    let prevIndex = -1;\n    let rafId = null;\n    let isProgrammatic = false;\n    let canClickNext = true;\n\n    const desktopLines = [];\n    const mobileLines = [];\n\n    slides.forEach(() => {\n      const dLine = document.createElement(\"span\");\n      dLine.className = \"model-next-line\";\n      desktopLinesContainer.appendChild(dLine);\n      desktopLines.push(dLine);\n\n      const mLine = document.createElement(\"span\");\n      mLine.className = \"model-next-line\";\n      mobileLinesContainer.appendChild(mLine);\n      mobileLines.push(mLine);\n    });\n\n    function safeScrollToX(x) {\n      track.scrollLeft = x;\n    }\n\n    function updateActiveSlide() {\n      slides.forEach((slide, i) => {\n        slide.classList.toggle(\"is-active\", i === currentIndex);\n      });\n    }\n\n    function updateDots() {\n      if (!dots.length) return;\n      dots.forEach((dot, i) => {\n        dot.classList.toggle(\"is-active\", i === currentIndex);\n      });\n    }\n\n    function getDirection(fromIndex, toIndex) {\n      const total = slides.length;\n      if (fromIndex === toIndex) return 0;\n\n      if (fromIndex === total - 1 && toIndex === 0) return +1;\n      if (fromIndex === 0 && toIndex === total - 1) return -1;\n\n      return toIndex > fromIndex ? +1 : -1;\n    }\n\n    function updateLines(direction) {\n      const allLines = [...desktopLines, ...mobileLines];\n\n      allLines.forEach((line) => {\n        line.classList.remove(\n          \"is-active-forward\",\n          \"is-active-backward\",\n          \"is-exiting-forward\",\n          \"is-exiting-backward\"\n        );\n      });\n\n      if (prevIndex >= 0 && prevIndex !== currentIndex && direction !== 0) {\n        const exitClass =\n          direction > 0 ? \"is-exiting-forward\" : \"is-exiting-backward\";\n\n        const prevDesktop = desktopLines[prevIndex];\n        const prevMobile = mobileLines[prevIndex];\n\n        if (prevDesktop) prevDesktop.classList.add(exitClass);\n        if (prevMobile) prevMobile.classList.add(exitClass);\n\n        setTimeout(() => {\n          if (prevDesktop) prevDesktop.classList.remove(exitClass);\n          if (prevMobile) prevMobile.classList.remove(exitClass);\n        }, 400);\n      }\n\n      const activeClass =\n        direction > 0 ? \"is-active-forward\" : \"is-active-backward\";\n\n      const currDesktop = desktopLines[currentIndex];\n      const currMobile = mobileLines[currentIndex];\n\n      if (currDesktop) currDesktop.classList.add(activeClass);\n      if (currMobile) currMobile.classList.add(activeClass);\n    }\n\n    function updateNextPanel(direction) {\n      const total = slides.length;\n      const nextIndex = (currentIndex + 1) % total;\n      const nextSlide = slides[nextIndex];\n\n      const nextNameEl = nextSlide.querySelector(\".model-name\");\n      nextTitleEl.textContent = nextNameEl ? nextNameEl.textContent : \"NEXT\";\n\n      const thumb =\n        nextSlide.dataset.thumb ||\n        \"https:\/\/personage.sa\/wp-content\/uploads\/2025\/11\/Computer.webp\";\n\n      if (nextThumbImg.src !== thumb) {\n        nextThumbImg.src = thumb;\n      }\n\n      updateLines(direction);\n    }\n\n    function setIndex(newIndex, direction) {\n      prevIndex = currentIndex;\n      currentIndex = newIndex;\n\n      if (typeof direction === \"undefined\") {\n        direction = getDirection(prevIndex, currentIndex);\n      }\n\n      updateDots();\n      updateActiveSlide();\n      updateNextPanel(direction);\n    }\n\n    function goToSlide(index) {\n      if (isProgrammatic) return;\n\n      const total = slides.length;\n      const clampedIndex = (index + total) % total;\n      const targetSlide = slides[clampedIndex];\n      if (!targetSlide) return;\n\n      isProgrammatic = true;\n\n      const direction = +1;\n\n      safeScrollToX(targetSlide.offsetLeft);\n      setIndex(clampedIndex, direction);\n\n      setTimeout(() => {\n        isProgrammatic = false;\n      }, 500);\n    }\n\n    if (nextPanel) {\n      nextPanel.addEventListener(\"click\", (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!canClickNext || isProgrammatic) return;\n\n        canClickNext = false;\n        goToSlide(currentIndex + 1);\n\n        setTimeout(() => {\n          canClickNext = true;\n        }, 500);\n      });\n    }\n\n    track.addEventListener(\"scroll\", () => {\n      if (isProgrammatic) return;\n\n      if (rafId) cancelAnimationFrame(rafId);\n\n      rafId = requestAnimationFrame(() => {\n        const scrollLeft = track.scrollLeft;\n        let nearestIndex = 0;\n        let minDistance = Infinity;\n\n        slides.forEach((slide, index) => {\n          const distance = Math.abs(slide.offsetLeft - scrollLeft);\n          if (distance < minDistance) {\n            minDistance = distance;\n            nearestIndex = index;\n          }\n        });\n\n        if (nearestIndex !== currentIndex) {\n          const direction = getDirection(currentIndex, nearestIndex);\n          setIndex(nearestIndex, direction);\n        }\n      });\n    });\n\n    setIndex(0, +1);\n\n    window.addEventListener(\"resize\", () => {\n      const activeSlide = slides[currentIndex];\n      if (activeSlide) {\n        safeScrollToX(activeSlide.offsetLeft);\n      }\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe78ae3 e-con-full elementor-hidden-desktop e-flex e-con e-parent\" data-id=\"fe78ae3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-97e7719 e-con-full e-flex e-con e-child\" data-id=\"97e7719\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-090774c picks-header elementor-widget elementor-widget-heading\" data-id=\"090774c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">OUR<BR>STORY<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5eeccd8 elementor-widget elementor-widget-text-editor\" data-id=\"5eeccd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"0\" data-end=\"516\">Founded in 2018, Personage was born from a single ambition: to redefine boundaries and set new standards across the worlds of design, creativity, and retail. From the very beginning, our vision was clear, to create a platform where regional designers could be seen, celebrated, and elevated to the global stage, while reshaping what retail represents, not just as a place to shop, but as an experience, a movement, and a bridge between cultures, ideas, and generations that continues to inspire a new creative era.<\/p><p data-start=\"518\" data-end=\"999\" data-is-last-node=\"\" data-is-only-node=\"\">Beyond retail, our initiatives extend into education, collaboration, and innovation. Through workshops that empower emerging talent, global outreach programs that encourage cultural dialogue, and creative agency projects that unite diverse creative voices, Personage continues to build meaningful pathways for progress, inspiration, and exchange, fostering a dynamic ecosystem where creativity thrives, communities grow, and the boundaries of possibility are constantly reimagined.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8774e40 elementor-widget elementor-widget-html\" data-id=\"8774e40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HTML -->\n<nav class=\"stack-links\" aria-label=\"Quick links\">\n  <a class=\"stack-link\" href=\"https:\/\/share.google\/KWaWvzftLhpdDUKLy\">OUR RIYADH LOCATION<\/a>\n  <a class=\"stack-link\" href=\"\/models\">OUR MODELS<\/a>\n  <a class=\"stack-link\" href=\"\/about\">OUR AGENCY<\/a>\n  <a class=\"stack-link\" href=\"\/contact\">REACH OUT<\/a>\n<\/nav>\n\n<!-- CSS -->\n<style>\n  .stack-links {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start; \/* critical \u2014 prevents flex from stretching anchors *\/\n    gap: 15px;\n  }\n\n  .stack-link {\n    position: relative;\n    display: inline-block; \/* ensures underline matches text width *\/\n    flex: 0 0 auto; \/* stop anchor from stretching *\/\n    color: #0000006B;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    font-size: 20px;\n    font-weight: 800;\n    line-height: 0.3em;\n    text-decoration: none !important;\n  }\n\n  \/* underline animation *\/\n  .stack-link::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: -5px;\n    height: 2px;\n    width: 100%;\n    background: #000; \/* underline color *\/\n    transform: scaleX(0);\n    transform-origin: left center;\n    transition: transform 0.3s ease;\n  }\n\n  \/* hover behavior *\/\n  .stack-link:hover {\n    color: #000; \/* text color on hover *\/\n  }\n\n  .stack-link:hover::after {\n    transform: scaleX(1);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .stack-link::after { transition: none; }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d3be35 e-con-full elementor-hidden-tablet elementor-hidden-mobile elementor-hidden-desktop e-flex e-con e-parent\" data-id=\"1d3be35\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-1647289 e-con-full e-flex e-con e-child\" data-id=\"1647289\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72a8817 elementor-widget elementor-widget-html\" data-id=\"72a8817\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- LEFT VIEWER (Animated, robust two-layer swap) -->\r\n<div\r\n  id=\"prxLeft\"\r\n  class=\"prx-view\"\r\n  data-initial=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/1.webp\"\r\n  data-effect=\"fade-zoom\"   <!-- fade-zoom | slide | kenburns -->\r\n  data-duration=\"450\"\r\n>\r\n  <img class=\"prx-layer prx-a\" alt=\"\">\r\n  <img class=\"prx-layer prx-b\" alt=\"\">\r\n<\/div>\r\n\r\n<style>\r\n  #prxLeft.prx-view{\r\n    position:relative; width:100%;\r\n    height:var(--prx-view-h,100%); min-height:90svh;\r\n    background:#fff; overflow:hidden;\r\n  }\r\n  #prxLeft .prx-layer{\r\n    position:absolute; inset:0; width:100%; height:100%;\r\n    object-fit:cover; opacity:0;\r\n    will-change:opacity, transform;\r\n    pointer-events:none;\r\n  }\r\n  #prxLeft .prx-layer.is-top{ z-index:2 }\r\n  #prxLeft .prx-layer.is-bottom{ z-index:1 }\r\n\r\n  \/* ===== Effects ===== *\/\r\n  \/* Fade + Zoom *\/\r\n  #prxLeft[data-effect=\"fade-zoom\"] .enter{ opacity:0; transform:scale(1.02);\r\n    transition:opacity var(--dur,450ms) ease, transform var(--dur,450ms) ease; }\r\n  #prxLeft[data-effect=\"fade-zoom\"] .enter.active{ opacity:1; transform:scale(1); }\r\n  #prxLeft[data-effect=\"fade-zoom\"] .leave{ opacity:1; transform:scale(1);\r\n    transition:opacity var(--dur,450ms) ease, transform var(--dur,450ms) ease; }\r\n  #prxLeft[data-effect=\"fade-zoom\"] .leave.active{ opacity:0; transform:scale(1.01); }\r\n\r\n  \/* Slide *\/\r\n  #prxLeft[data-effect=\"slide\"] .enter{ opacity:0; transform:translateX(8%) scale(1.01);\r\n    transition:transform var(--dur,450ms) ease, opacity var(--dur,450ms) ease; }\r\n  #prxLeft[data-effect=\"slide\"] .enter.active{ opacity:1; transform:translateX(0) scale(1); }\r\n  #prxLeft[data-effect=\"slide\"] .leave{ opacity:1; transform:translateX(0) scale(1);\r\n    transition:transform var(--dur,450ms) ease, opacity var(--dur,450ms) ease; }\r\n  #prxLeft[data-effect=\"slide\"] .leave.active{ opacity:0; transform:translateX(-6%) scale(1.01); }\r\n\r\n  \/* Ken Burns *\/\r\n  #prxLeft[data-effect=\"kenburns\"] .enter{ opacity:0; transform:scale(1.04);\r\n    transition:opacity calc(var(--dur,450ms) * .6) ease, transform var(--dur,450ms) ease; }\r\n  #prxLeft[data-effect=\"kenburns\"] .enter.active{ opacity:1; transform:scale(1); }\r\n  #prxLeft[data-effect=\"kenburns\"] .leave{ opacity:1; transform:scale(1);\r\n    transition:opacity calc(var(--dur,450ms) * .8) ease, transform var(--dur,450ms) ease; }\r\n  #prxLeft[data-effect=\"kenburns\"] .leave.active{ opacity:0; transform:scale(1.02); }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    #prxLeft .prx-layer{ transition:none !important; animation:none !important }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const root = document.getElementById('prxLeft');\r\n  const a = root.querySelector('.prx-a');\r\n  const b = root.querySelector('.prx-b');\r\n\r\n  const getEffect = () => (root.getAttribute('data-effect') || 'fade-zoom').toLowerCase();\r\n  const getDur = () => Math.max(0, parseInt(root.getAttribute('data-duration') || '450', 10));\r\n\r\n  let topIsA = true;\r\n  let animToken = 0; \/\/ prevents races on rapid hovers\r\n\r\n  function resetClasses(el){\r\n    el.classList.remove('enter','leave','active','is-top','is-bottom');\r\n  }\r\n\r\n  function applyClasses(enterEl, leaveEl){\r\n    \/\/ full reset on both layers before applying roles\r\n    resetClasses(enterEl);\r\n    resetClasses(leaveEl);\r\n\r\n    \/\/ stack order\r\n    enterEl.classList.add('is-top');\r\n    leaveEl.classList.add('is-bottom');\r\n\r\n    \/\/ effect roles\r\n    const effect = getEffect();\r\n    enterEl.classList.add('enter');\r\n    leaveEl.classList.add('leave');\r\n\r\n    \/\/ trigger transition next frame\r\n    requestAnimationFrame(() => {\r\n      enterEl.classList.add('active');\r\n      leaveEl.classList.add('active');\r\n    });\r\n  }\r\n\r\n  function swapTo(src){\r\n    if(!src) return;\r\n    const abs = new URL(src, location.href).href;\r\n\r\n    const enterEl = topIsA ? b : a;\r\n    const leaveEl = topIsA ? a : b;\r\n\r\n    \/\/ if already showing same image on top and fully visible, skip\r\n    if (leaveEl.src === abs && parseFloat(getComputedStyle(leaveEl).opacity) >= 0.99) return;\r\n\r\n    const token = ++animToken;\r\n    const duration = getDur();\r\n    root.style.setProperty('--dur', duration + 'ms');\r\n\r\n    \/\/ Preload next then animate\r\n    const pre = new Image();\r\n    const start = () => {\r\n      if (token !== animToken) return; \/\/ canceled by a newer swap\r\n      enterEl.src = abs;\r\n      applyClasses(enterEl, leaveEl);\r\n      \/\/ cleanup after transition: remove role classes so next swap starts clean\r\n      setTimeout(() => {\r\n        if (token !== animToken) return;\r\n        topIsA = !topIsA;\r\n        \/\/ keep only stacking classes\r\n        resetClasses(enterEl);\r\n        resetClasses(leaveEl);\r\n        enterEl.classList.add('is-top');\r\n        leaveEl.classList.add('is-bottom');\r\n        \/\/ ensure top is visible, bottom is hidden (in case CSS didn\u2019t finish)\r\n        enterEl.style.opacity = '1';\r\n        leaveEl.style.opacity = '0';\r\n      }, duration + 60);\r\n    };\r\n\r\n    if (pre.decode) {\r\n      pre.src = abs;\r\n      pre.decode().then(start).catch(start);\r\n    } else {\r\n      pre.onload = start; pre.onerror = start; pre.src = abs;\r\n    }\r\n  }\r\n\r\n  \/\/ Initial image\r\n  const init = root.getAttribute('data-initial');\r\n  if (init) {\r\n    const abs = new URL(init, location.href).href;\r\n    a.src = abs;\r\n    resetClasses(a); resetClasses(b);\r\n    a.classList.add('is-top'); b.classList.add('is-bottom');\r\n    a.style.opacity = '1'; b.style.opacity = '0';\r\n  }\r\n\r\n  \/\/ Sync with right carousel hover (prx:active)\r\n  const onActive = e => swapTo(e?.detail?.image || e?.detail?.src || e?.detail?.url);\r\n  window.addEventListener('prx:active', onActive);\r\n  document.addEventListener('prx:active', onActive);\r\n\r\n  \/\/ Request current on load so it's in sync immediately\r\n  const request = () => {\r\n    const ev = new CustomEvent('prx:request-current');\r\n    window.dispatchEvent(ev); document.dispatchEvent(ev);\r\n  };\r\n  if (document.readyState === 'loading'){\r\n    document.addEventListener('DOMContentLoaded', request, { once:true });\r\n  } else {\r\n    request();\r\n  }\r\n\r\n  \/\/ Manual helper\r\n  window.prxSetActiveImage = swapTo;\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c432c86 e-con-full e-flex e-con e-child\" data-id=\"c432c86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c9a93a2 e-con-full e-flex e-con e-child\" data-id=\"c9a93a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a54bf11 elementor-widget elementor-widget-text-editor\" data-id=\"a54bf11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Explore pieces selected by influencers with a<br \/>distinct point of view. Their edits guide you toward<br \/>a style that feels personal.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d6bab21 e-con-full e-flex e-con e-child\" data-id=\"d6bab21\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0014bd7 elementor-widget elementor-widget-html\" data-id=\"0014bd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- RIGHT CAROUSEL -->\r\n<section class=\"prx-wrap\" aria-label=\"Personas carousel\">\r\n  <div class=\"prx-track\" id=\"prxTrack\">\r\n    <div class=\"prx-row\" id=\"prxRow\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Bottom scrollbar: flush left, 40px inset on the right -->\r\n  <div class=\"prx-bar\">\r\n    <div class=\"prx-rail\">\r\n      <div class=\"prx-thumb\" id=\"prxThumb\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ==== RIGHT CAROUSEL \u2014 WIDTH FIX ==== *\/\r\n\r\n\/* widget-scoped reset *\/\r\n.prx-wrap, .prx-wrap * { box-sizing:border-box }\r\n.prx-wrap { margin:0; padding:0; line-height:0 }\r\n\r\n.prx-wrap{\r\n  --h:30svh;\r\n  --gap:5px;\r\n\r\n  \/* how many cards to show per view (desktop\/tablet\/mobile) *\/\r\n  --visible-desktop: 5.3;\r\n  --visible-tablet:  1.8;\r\n  --visible-mobile:  1.35;\r\n\r\n  --bar-h:10px; --bar-bottom:0px; --bar-right:40px; --gap-to-bar:20px;\r\n  position:relative; width:100%; height:var(--h);\r\n  background:#fff; overflow:hidden;\r\n}\r\n\r\n\/* track *\/\r\n.prx-track{\r\n  position:relative; z-index:1;\r\n  height:calc(100% - (var(--bar-h) + var(--bar-bottom) + var(--gap-to-bar)));\r\n  margin:0; padding:0;\r\n  overflow-x:auto; overflow-y:hidden;\r\n  scroll-behavior:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;\r\n  mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent 100%);\r\n  -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent 100%);\r\n}\r\n.prx-track::-webkit-scrollbar{ display:none }\r\n\r\n.prx-row{\r\n  display:flex; align-items:stretch; gap:var(--gap);\r\n  height:100%; margin:0; padding:0;\r\n}\r\n\r\n\/* card width based on visible count *\/\r\n.prx-card{\r\n  height:100%;\r\n  flex: 0 0 calc( (100% - var(--gap) * (var(--visible-desktop) - 1)) \/ var(--visible-desktop) );\r\n  position:relative; overflow:hidden; cursor:pointer; scroll-snap-align:center;\r\n}\r\n\r\n@media (max-width: 1024px){\r\n  .prx-card{\r\n    flex-basis: calc( (100% - var(--gap) * (var(--visible-tablet) - 1)) \/ var(--visible-tablet) );\r\n  }\r\n}\r\n@media (max-width: 640px){\r\n  .prx-card{\r\n    flex-basis: calc( (100% - var(--gap) * (var(--visible-mobile) - 1)) \/ var(--visible-mobile) );\r\n  }\r\n}\r\n\r\n\/* images fill card height *\/\r\n.prx-card img{\r\n  width:100%; height:100%; object-fit:cover; display:block;\r\n  transform:scale(1.01); transition:transform .2s; user-select:none; -webkit-user-drag:none; pointer-events:none;\r\n}\r\n.prx-card:hover img{ transform:scale(1.06) }\r\n\r\n\/* overlay *\/\r\n.prx-ov{\r\n  position:absolute; inset:0; display:grid; place-items:center;\r\n  background:rgba(0,0,0,0); color:#fff; opacity:0; pointer-events:none;\r\n  transition:background .15s, opacity .15s; text-align:center;\r\n}\r\n.prx-card:hover .prx-ov{ opacity:1; background:rgba(0,0,0,.35) }\r\n\r\n\/* label text only *\/\r\n.prx-label {\r\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n  font-weight: 400;\r\n  font-size: 16px;\r\n  line-height: 1;\r\n  letter-spacing: 0.05em;\r\n  text-transform: uppercase;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #fff;\r\n}\r\n\r\n\/* bottom scrollbar *\/\r\n.prx-bar{ position:absolute; left:0; right:var(--bar-right); bottom:var(--bar-bottom); height:var(--bar-h); z-index:2 }\r\n.prx-rail{ position:relative; width:100%; height:100%; background:#dadada; border-radius:5px; overflow:hidden }\r\n.prx-thumb{ position:absolute; top:0; left:0; height:100%; width:60px; background:#000; border-radius:5px; cursor:grab }\r\n.prx-thumb:active{ cursor:grabbing }\r\n\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  \/\/ your 7 images\r\n  const data = [\r\n    { name:\"Persona 1\", img:\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/1.webp\", href:\"#\"},\r\n    { name:\"Persona 2\", img:\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/2.webp\", href:\"#\"},\r\n    { name:\"Persona 3\", img:\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/1.webp\", href:\"#\"},\r\n    { name:\"Persona 4\", img:\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/2.webp\", href:\"#\"},\r\n    { name:\"Persona 5\", img:\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/1.webp\", href:\"#\"},\r\n    { name:\"Persona 6\", img:\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/2.webp\", href:\"#\"},\r\n    { name:\"Persona 7\", img:\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/1.webp\", href:\"#\" }\r\n  ];\r\n\r\n  const track = document.getElementById('prxTrack');\r\n  const row   = document.getElementById('prxRow');\r\n  const rail  = document.querySelector('.prx-rail');\r\n  const thumb = document.getElementById('prxThumb');\r\n\r\n  \/\/ build cards\r\n  data.forEach((p,i) => {\r\n    const a = document.createElement('a');\r\n    a.className = 'prx-card';\r\n    a.href = p.href;\r\n    a.innerHTML = `\r\n      <img decoding=\"async\" src=\"${p.img}\" alt=\"${p.name}\">\r\n      <div class=\"prx-ov\"><div class=\"prx-label\">${p.name}<\/div><\/div>\r\n    `;\r\n    a.addEventListener('mouseenter', () => announce(i));\r\n    row.appendChild(a);\r\n  });\r\n\r\n  let active = 0;\r\n  function announce(i){\r\n    active = i;\r\n    const image = data[i].img;\r\n    const ev = new CustomEvent('prx:active', { detail:{ image } });\r\n    window.dispatchEvent(ev); document.dispatchEvent(ev);\r\n  }\r\n\r\n  const onReq = () => announce(active);\r\n  window.addEventListener('prx:request-current', onReq);\r\n  document.addEventListener('prx:request-current', onReq);\r\n  announce(0);\r\n\r\n  \/\/ custom scrollbar\r\n  const clamp = (v,min,max)=>Math.max(min,Math.min(max,v));\r\n  let dragging=false,startX=0,startLeft=0,maxThumbX=0,maxScroll=0;\r\n\r\n  function compute(){\r\n    const railW   = rail.clientWidth;\r\n    const viewW   = track.clientWidth;\r\n    const scrollW = track.scrollWidth;\r\n    const tW      = Math.max(36, Math.round(railW * (viewW \/ Math.max(scrollW,1))));\r\n    maxThumbX     = Math.max(0, railW - tW);\r\n    maxScroll     = Math.max(0, scrollW - viewW);\r\n    if(!dragging) thumb.style.width = tW + 'px';\r\n    syncThumb();\r\n  }\r\n  function syncThumb(){\r\n    if(dragging) return;\r\n    const ratio = maxScroll>0 ? (track.scrollLeft\/maxScroll) : 0;\r\n    thumb.style.left = (ratio * maxThumbX) + 'px';\r\n  }\r\n  function setScrollFromThumb(x){\r\n    const ratio = maxThumbX>0 ? (x\/maxThumbX) : 0;\r\n    track.style.scrollBehavior='auto';\r\n    track.scrollLeft = ratio * maxScroll;\r\n  }\r\n\r\n  track.addEventListener('scroll', syncThumb, {passive:true});\r\n  window.addEventListener('resize', compute);\r\n  setTimeout(compute, 0);\r\n\r\n  thumb.addEventListener('pointerdown', (e)=>{\r\n    dragging=true; thumb.setPointerCapture?.(e.pointerId);\r\n    compute(); startX=e.clientX; startLeft=parseFloat(getComputedStyle(thumb).left)||0;\r\n    track.style.scrollBehavior='auto'; e.preventDefault();\r\n  });\r\n  window.addEventListener('pointermove', (e)=>{\r\n    if(!dragging) return;\r\n    const dx = e.clientX - startX;\r\n    const x  = clamp(startLeft + dx, 0, maxThumbX);\r\n    thumb.style.left = x + 'px';\r\n    setScrollFromThumb(x);\r\n    if(e.cancelable) e.preventDefault();\r\n  }, {passive:false});\r\n  window.addEventListener('pointerup', ()=>{\r\n    if(!dragging) return;\r\n    dragging=false; compute(); syncThumb();\r\n  });\r\n\r\n  rail.addEventListener('pointerdown', (e)=>{\r\n    if(e.target === thumb) return;\r\n    const rect = rail.getBoundingClientRect();\r\n    compute();\r\n    const tW = thumb.clientWidth;\r\n    const clickX = clamp(e.clientX - rect.left - tW\/2, 0, maxThumbX);\r\n    thumb.style.left = clickX + 'px';\r\n    setScrollFromThumb(clickX);\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f75c6f e-con-full e-flex e-con e-child\" data-id=\"5f75c6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7cf3342 picks-header elementor-widget elementor-widget-heading\" data-id=\"7cf3342\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">DISCOVER<BR>YOUR<BR>DIRECTION<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2996b4 e-con-full elementor-hidden-tablet elementor-hidden-mobile elementor-hidden-desktop e-flex e-con e-parent\" data-id=\"e2996b4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d90501e picks-header elementor-widget elementor-widget-heading\" data-id=\"d90501e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">OUR STORY<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cced02 elementor-widget elementor-widget-html\" data-id=\"7cced02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<p class=\"personage-about-text\">\r\n  Founded in 2018, Personage was born from a single ambition: to redefine boundaries and set new standards across the worlds of design, creativity, and retail. From the beginning, our vision was clear: to create a platform where regional designers could be seen, celebrated, and elevated to the global stage while reshaping what retail represents, not just as a place to shop but as an experience, a movement, and a bridge between cultures.<br><br>\r\n  Beyond retail, our initiatives extend into education and collaboration. From workshops that empower emerging talent to global outreach programs and agency projects that connect diverse creative communities, Personage continues to build pathways for growth and exchange.\r\n<\/p>\r\n\r\n<style>\r\n  .personage-about-text {\r\n    text-align: center;\r\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n    text-transform: uppercase;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: 16px;\r\n    color: #0000006B;\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    padding-left: 40px;\r\n    padding-right: 40px;\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79b3f8c elementor-widget elementor-widget-html\" data-id=\"79b3f8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- PERSONAGE Simple Continuous Image Marquee -->\r\n<div class=\"personage-marquee\" aria-label=\"Scrolling gallery\">\r\n  <div class=\"personage-marquee-track\">\r\n    <!-- GROUP A -->\r\n    <div class=\"personage-marquee-group\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/Landing-Section-Home.webp\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/1Story.webp\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/2Story.webp\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/Landing-Fallback-1.webp\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/2.webp\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/Landing-Section-Home.webp\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/1Story.webp\"  alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/2Story.webp\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/1Story.webp\" alt=\"\">\r\n    <\/div>\r\n    <!-- GROUP B (duplicate for seamless loop) -->\r\n    <div class=\"personage-marquee-group\" aria-hidden=\"true\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/Landing-Section-Home.webp\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/1Story.webp\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/2Story.webp\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/Landing-Fallback-1.webp\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/2.webp\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/Landing-Section-Home.webp\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/1Story.webp\"  alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/2Story.webp\" alt=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/1Story.webp\" alt=\"\">\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .personage-marquee {\r\n    --size: 40vh;       \/* square side length *\/\r\n    --gap: 20px;         \/* spacing between images *\/\r\n    --speed: 35s;        \/* lower = faster *\/\r\n    width: 100%;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .personage-marquee-track {\r\n    display: flex;\r\n    width: max-content;\r\n    animation: personage-marquee-scroll var(--speed) linear infinite;\r\n  }\r\n\r\n  .personage-marquee-group {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: var(--gap);\r\n    padding-right: var(--gap);\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  \/* Square images, no border radius *\/\r\n  .personage-marquee img {\r\n    width: var(--size);\r\n    height: var(--size);\r\n    object-fit: cover;\r\n    display: block;\r\n    border-radius: 0;\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  @keyframes personage-marquee-scroll {\r\n    from { transform: translateX(0); }\r\n    to   { transform: translateX(-50%); }\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 1024px) { .personage-marquee { --size: 120px; --gap: 18px; } }\r\n  @media (max-width: 768px)  { .personage-marquee { --size: 100px; --gap: 14px; } }\r\n  @media (max-width: 480px)  { .personage-marquee { --size: 80px;  --gap: 12px; } }\r\n\r\n  \/* Reduced motion *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .personage-marquee-track { animation: none; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-402bdf8 e-con-full elementor-hidden-tablet elementor-hidden-mobile elementor-hidden-desktop e-flex e-con e-parent\" data-id=\"402bdf8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-417312d elementor-widget elementor-widget-html\" data-id=\"417312d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"personage-accordion-container\">\n\n  <!-- SEASON 1 -->\n  <div class=\"personage-accordion-item\" data-index=\"1\" style=\"background-image: url('https:\/\/theg-hotels.com\/wp-content\/uploads\/2025\/02\/Pool-Room-Seashell.webp');\">\n    <div class=\"personage-overlay\"><\/div>\n\n    <div class=\"personage-rail\">\n      <span class=\"season-label\">SUMMER 2024<\/span>\n      <span class=\"season-number\">01<\/span>\n    <\/div>\n\n    <div class=\"personage-header-content\">\n      <h3 class=\"season-title\">2024 SUMMER SEASON<\/h3>\n      <p class=\"season-description\">\n        Sun-driven drops, bold color stories, and expressive looks curated for long days, late nights, and everything in between.\n      <\/p>\n      <a href=\"\/lookbook\/2024-summer\" class=\"season-cta\">\n        <span class=\"season-cta-text\">View Lookbook<\/span>\n        <img decoding=\"async\" src=\"https:\/\/theg-hotels.com\/wp-content\/uploads\/2025\/01\/Arrow-Grey.svg\" class=\"season-cta-icon\" alt=\"\">\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- SEASON 2 (DEFAULT ACTIVE) -->\n  <div class=\"personage-accordion-item active\" data-index=\"2\" style=\"background-image: url('https:\/\/theg-hotels.com\/wp-content\/uploads\/2025\/02\/Beach-Room-Seashell.webp');\">\n    <div class=\"personage-overlay\"><\/div>\n\n    <div class=\"personage-rail\">\n      <span class=\"season-label\">WINTER 2024<\/span>\n      <span class=\"season-number\">02<\/span>\n    <\/div>\n\n    <div class=\"personage-header-content\">\n      <h3 class=\"season-title\">2024 WINTER COLLECTION<\/h3>\n      <p class=\"season-description\">\n        Layered silhouettes, deeper palettes, and cinematic styling shaped around colder nights, city streets, and quiet interiors.\n      <\/p>\n      <a href=\"\/lookbook\/2024-winter\" class=\"season-cta\">\n        <span class=\"season-cta-text\">View Lookbook<\/span>\n        <img decoding=\"async\" src=\"https:\/\/theg-hotels.com\/wp-content\/uploads\/2025\/01\/Arrow-Grey.svg\" class=\"season-cta-icon\" alt=\"\">\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- SEASON 3 -->\n  <div class=\"personage-accordion-item\" data-index=\"3\" style=\"background-image: url('https:\/\/theg-hotels.com\/wp-content\/uploads\/2025\/02\/Deluxe-Room-Seashell.webp');\">\n    <div class=\"personage-overlay\"><\/div>\n\n    <div class=\"personage-rail\">\n      <span class=\"season-label\">RAMADAN 2025<\/span>\n      <span class=\"season-number\">03<\/span>\n    <\/div>\n\n    <div class=\"personage-header-content\">\n      <h3 class=\"season-title\">2025 RAMADAN CAPSULE<\/h3>\n      <p class=\"season-description\">\n        A refined capsule inspired by quiet nights, gatherings, and rituals, with modest layering that moves between family and evening outings.\n      <\/p>\n      <a href=\"\/lookbook\/2025-ramadan\" class=\"season-cta\">\n        <span class=\"season-cta-text\">View Lookbook<\/span>\n        <img decoding=\"async\" src=\"https:\/\/theg-hotels.com\/wp-content\/uploads\/2025\/01\/Arrow-Grey.svg\" class=\"season-cta-icon\" alt=\"\">\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- SEASON 4 -->\n  <div class=\"personage-accordion-item\" data-index=\"4\" style=\"background-image: url('https:\/\/theg-hotels.com\/wp-content\/uploads\/2025\/02\/G-Loft-Seashell.webp');\">\n    <div class=\"personage-overlay\"><\/div>\n\n    <div class=\"personage-rail\">\n      <span class=\"season-label\">SUMMER 2025<\/span>\n      <span class=\"season-number\">04<\/span>\n    <\/div>\n\n    <div class=\"personage-header-content\">\n      <h3 class=\"season-title\">2025 SUMMER DROP<\/h3>\n      <p class=\"season-description\">\n        Heat-ready edits, statement pieces, and easy everyday fits built around travel, festivals, and sea-side escapes.\n      <\/p>\n      <a href=\"\/lookbook\/2025-summer\" class=\"season-cta\">\n        <span class=\"season-cta-text\">View Lookbook<\/span>\n        <img decoding=\"async\" src=\"https:\/\/theg-hotels.com\/wp-content\/uploads\/2025\/01\/Arrow-Grey.svg\" class=\"season-cta-icon\" alt=\"\">\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- SEASON 5 -->\n  <div class=\"personage-accordion-item\" data-index=\"5\" style=\"background-image: url('https:\/\/theg-hotels.com\/wp-content\/uploads\/2025\/02\/M-Suite-Seashell.webp');\">\n    <div class=\"personage-overlay\"><\/div>\n\n    <div class=\"personage-rail\">\n      <span class=\"season-label\">FALL 2025<\/span>\n      <span class=\"season-number\">05<\/span>\n    <\/div>\n\n    <div class=\"personage-header-content\">\n      <h3 class=\"season-title\">2025 FALL COLLECTION<\/h3>\n      <p class=\"season-description\">\n        Earthy palettes, layered compositions, and moodier storytelling across streets, rooftops, and transitional spaces.\n      <\/p>\n      <a href=\"\/lookbook\/2025-fall\" class=\"season-cta\">\n        <span class=\"season-cta-text\">View Lookbook<\/span>\n        <img decoding=\"async\" src=\"https:\/\/theg-hotels.com\/wp-content\/uploads\/2025\/01\/Arrow-Grey.svg\" class=\"season-cta-icon\" alt=\"\">\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- VIEW MORE -->\n  <div class=\"personage-accordion-item\" data-index=\"6\" style=\"background-image: url('https:\/\/theg-hotels.com\/wp-content\/uploads\/2025\/02\/G-Suite-Seashell.webp');\">\n    <div class=\"personage-overlay\"><\/div>\n\n    <div class=\"personage-rail\">\n      <span class=\"season-label\">MORE<\/span>\n      <span class=\"season-number\">06<\/span>\n    <\/div>\n\n    <div class=\"personage-header-content\">\n      <h3 class=\"season-title\">VIEW ALL SEASONS<\/h3>\n      <p class=\"season-description\">\n        Explore the full archive of Personage seasons and collections, from early releases to the latest cinematic drops.\n      <\/p>\n      <a href=\"\/lookbook\" class=\"season-cta\">\n        <span class=\"season-cta-text\">View All Lookbooks<\/span>\n        <img decoding=\"async\" src=\"https:\/\/theg-hotels.com\/wp-content\/uploads\/2025\/01\/Arrow-Grey.svg\" class=\"season-cta-icon\" alt=\"\">\n      <\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* -------- CONTAINER -------- *\/\n.personage-accordion-container {\n  display: flex;\n  height: 100svh !important;\n  overflow: hidden;\n}\n\n\/* -------- SLIDES -------- *\/\n.personage-accordion-item {\n  flex: 0.1;\n  position: relative;\n  transition: flex 0.35s ease;\n  cursor: pointer;\n  background-size: cover;\n  background-position: center;\n  padding: 20px;\n  box-sizing: border-box;\n}\n.personage-accordion-item.active {\n  flex: 4;\n}\n\n\/* -------- OVERLAY -------- *\/\n.personage-overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0,0,0,0.6);\n  transition: background 0.4s ease;\n  z-index: 1;\n}\n.personage-accordion-item.active .personage-overlay {\n  background: rgba(0,0,0,0.3);\n}\n.personage-accordion-item:not(.active):hover .personage-overlay {\n  background: rgba(0,0,0,0.3);\n}\n\n\/* -------- VERTICAL RAIL -------- *\/\n\/* Left-aligned, but JS will compute exact pixel offset to center it in closed width *\/\n.personage-rail {\n  position: absolute;\n  top: 25px;\n  bottom: 25px;\n  left: 12px;            \/* fallback; JS overrides with a computed px on load *\/\n  transform: translateX(0);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  z-index: 3;\n  \/* IMPORTANT: no transition on position \u2192 no sliding animation *\/\n  transition: none;\n}\n\n.season-label,\n.season-number {\n  font-family: \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: #fff;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.season-label {\n  writing-mode: vertical-rl;\n  text-orientation: mixed;\n}\n.season-number {\n  writing-mode: horizontal-tb;\n}\n\n\/* -------- CONTENT -------- *\/\n.personage-header-content {\n  position: absolute;\n  bottom: 60px;\n  left: 80px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 720px;\n  opacity: 0;\n  transition: opacity 0.5s ease;\n  z-index: 5;\n}\n.personage-accordion-item.active .personage-header-content {\n  opacity: 1;\n}\n\n.season-title {\n  font-family: \"Helvetica Neue\", sans-serif;\n  font-size: 34px;\n  font-weight: 900;\n  text-transform: uppercase;\n  color: #fff;\n}\n\n.season-description {\n  font-family: \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: #fff;\n  line-height: 1.5;\n  max-width: 500px;\n}\n\n\/* -------- CTA -------- *\/\n.season-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-top: 2px;\n  font-family: \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  font-weight: 900;\n  text-transform: uppercase;\n  color: #fff;\n  text-decoration: none !important;\n}\n\n.season-cta-text {\n  position: relative;\n}\n\n\/* default underline *\/\n.season-cta-text::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: -2px;\n  width: 100%;\n  height: 1px;\n  background-color: #fff;\n  transform: scaleX(1);\n  transform-origin: left center;\n  transition: transform 0.25s ease-out;\n}\n\n\/* hover animation *\/\n.season-cta:hover .season-cta-text::after {\n  transform: scaleX(0);\n}\n\n.season-cta-icon {\n  width: 14px;\n  height: 14px;\n  filter: brightness(0) invert(1);\n}\n<\/style>\n\n<script>\n(function() {\n  const items = document.querySelectorAll('.personage-accordion-item');\n  const rails = document.querySelectorAll('.personage-rail');\n\n  \/\/ Simple accordion behavior\n  items.forEach(item => {\n    item.addEventListener('click', () => {\n      if (item.classList.contains('active')) return;\n      items.forEach(i => i.classList.remove('active'));\n      item.classList.add('active');\n    });\n  });\n\n  \/\/ Center the rail INSIDE the CLOSED width, but keep it left-aligned (no transform)\n  function positionRails() {\n    if (!items.length || !rails.length) return;\n\n    \/\/ Pick a closed item as reference (narrow tab)\n    let referenceItem = Array.from(items).find(i => !i.classList.contains('active')) || items[0];\n    const referenceRail = referenceItem.querySelector('.personage-rail');\n    if (!referenceRail) return;\n\n    const itemRect = referenceItem.getBoundingClientRect();\n    const railRect = referenceRail.getBoundingClientRect();\n\n    const itemWidth = itemRect.width;\n    const railWidth = railRect.width;\n\n    if (!itemWidth || !railWidth) return;\n\n    const leftOffset = (itemWidth - railWidth) \/ 2;\n\n    rails.forEach(rail => {\n      rail.style.left = leftOffset + 'px';\n      rail.style.transform = 'translateX(0)'; \/\/ stays left-aligned in its own coordinate system\n    });\n  }\n\n  \/\/ Initial run after DOM is ready + a small delay to let layout settle\n  document.addEventListener('DOMContentLoaded', () => {\n    setTimeout(positionRails, 80);\n\n    \/\/ Auto-correct for the first ~20s in case fonts\/Elementor keep changing widths\n    const start = Date.now();\n    const interval = setInterval(() => {\n      positionRails();\n      if (Date.now() - start > 20000) {\n        clearInterval(interval);\n      }\n    }, 500);\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-110ba82 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"110ba82\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d8992d0 e-con-full e-flex e-con e-child\" data-id=\"d8992d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3f144f elementor-widget elementor-widget-text-editor\" data-id=\"b3f144f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"134\" data-end=\"464\">Founded in 2018, Personage began with a clear ambition: to redefine boundaries and set new standards in design, creativity, and retail. From the start, the vision was to create a platform where regional designers could be seen and elevated, while reshaping retail into an experience that connects cultures, ideas, and generations.<\/p><p data-start=\"466\" data-end=\"803\">Beyond retail, Personage expands into education, collaboration, and innovation. Through workshops that empower emerging talent, global outreach that sparks cultural dialogue, and agency projects that bring creative voices together, the brand continues to build a dynamic ecosystem where creativity grows and possibilities are reimagined.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c1968c elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"0c1968c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HTML -->\n<nav class=\"stack-links\" aria-label=\"Quick links\">\n  <a class=\"stack-link\" href=\"https:\/\/share.google\/KWaWvzftLhpdDUKLy\">OUR RIYADH LOCATION<\/a>\n  <a class=\"stack-link\" href=\"\/models\">OUR MODELS<\/a>\n  <a class=\"stack-link\" href=\"\/about\">OUR AGENCY<\/a>\n  <a class=\"stack-link\" href=\"\/contact\">REACH OUT<\/a>\n<\/nav>\n\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5a13c1 picks-header elementor-widget elementor-widget-heading\" data-id=\"b5a13c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">OUR<BR>STORY<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6eede1 e-con-full e-flex e-con e-child\" data-id=\"b6eede1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da2b81b elementor-widget elementor-widget-image-carousel\" data-id=\"da2b81b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;2&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper swiper-image-stretch\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 2\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/1Story.webp\" alt=\"1Story\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 2\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/personage.sa\/wp-content\/uploads\/2025\/10\/2Story.webp\" alt=\"2Story\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OUR STORY Founded in 2018, Personage was born from a single ambition: to redefine boundaries and set new standards across [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","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-2693","page","type-page","status-publish","hentry","desktop-align-left","tablet-align-left","mobile-align-left"],"_links":{"self":[{"href":"https:\/\/personage.sa\/wp-json\/wp\/v2\/pages\/2693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/personage.sa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/personage.sa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/personage.sa\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/personage.sa\/wp-json\/wp\/v2\/comments?post=2693"}],"version-history":[{"count":15,"href":"https:\/\/personage.sa\/wp-json\/wp\/v2\/pages\/2693\/revisions"}],"predecessor-version":[{"id":7080,"href":"https:\/\/personage.sa\/wp-json\/wp\/v2\/pages\/2693\/revisions\/7080"}],"wp:attachment":[{"href":"https:\/\/personage.sa\/wp-json\/wp\/v2\/media?parent=2693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}