{"id":19,"date":"2025-06-02T03:15:27","date_gmt":"2025-06-02T03:15:27","guid":{"rendered":"https:\/\/maaloufarchitects.com\/home-1\/"},"modified":"2026-10-22T11:27:48","modified_gmt":"2026-10-22T11:27:48","slug":"home-1","status":"publish","type":"page","link":"https:\/\/maaloufarchitects.com\/","title":{"rendered":"Home 1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t<div class=\"elementor-element elementor-element-186fa28 e-flex e-con-boxed e-con e-parent\" data-id=\"186fa28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4161bc9 elementor-view-stacked elementor-shape-circle elementor-widget elementor-widget-icon\" data-id=\"4161bc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_direction&quot;:&quot;negative&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.1999999999999999555910790149937383830547332763671875,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet_extra&quot;,&quot;tablet&quot;,&quot;mobile_extra&quot;,&quot;mobile&quot;]}\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"#whoweare\">\n\t\t\t<i aria-hidden=\"true\" class=\"antra-icon- antra-icon-arrow-down\"><\/i>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3cdd7e0 e-con e-atomic-element e-flexbox-base e-default-div e-f134e5d \" data-id=\"3cdd7e0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3cdd7e0\">\n    \t\t<div class=\"elementor-element elementor-element-afc091c elementor-widget elementor-widget-html\" data-id=\"afc091c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =====================================================\r\n     ANTOINE MAALOUF ARCHITECTS\r\n     FULLSCREEN HOMEPAGE HERO SLIDER\r\n     FIXED TITLE + DESCRIPTION\r\n===================================================== -->\r\n\r\n<section class=\"ama-slider\" id=\"ama-home-slider\">\r\n\r\n    <!-- SLIDE 1: SALON BEYROUTH -->\r\n    <div class=\"ama-slide active ama-slide-1\"\r\n         style=\"background-image:url('https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/10\/architectural-edit-1782401495813-scaled.webp')\">\r\n    <\/div>\r\n\r\n    <!-- SLIDE 2: INTERNAZIONALE -->\r\n    <div class=\"ama-slide ama-slide-2\"\r\n         data-bg=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/10\/Internazionale-scaled.webp\">\r\n    <\/div>\r\n\r\n    <!-- SLIDE 3: DAR ZEFTA -->\r\n    <div class=\"ama-slide ama-slide-3\"\r\n         data-bg=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/10\/Dar-Zefta-scaled.webp\">\r\n    <\/div>\r\n\r\n    <!-- SLIDE 4: SAUDI PRESS AGENCY -->\r\n    <div class=\"ama-slide ama-slide-4\"\r\n         data-bg=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/10\/Saudi-Press-Agency-scaled.webp\">\r\n    <\/div>\r\n\r\n\r\n    <!-- DARK OVERLAY -->\r\n    <div class=\"ama-overlay\"><\/div>\r\n\r\n\r\n    <!-- FIXED TITLE AND DESCRIPTION -->\r\n    <div class=\"ama-content\">\r\n\r\n        <div class=\"ama-text\">\r\n\r\n            <h1>\r\n                <span>Bringing architecture back<\/span>\r\n                <span>to its foundations.<\/span>\r\n            <\/h1>\r\n\r\n            <p>\r\n                For three generations, Antoine Maalouf Architects\r\n                has been an experiential design studio that\r\n                tackles every aspect of space intervention.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- DESKTOP CARDS -->\r\n    <div class=\"ama-cards\">\r\n\r\n        <div class=\"ama-info-card\">\r\n\r\n            <div>\r\n                <strong>70+ Years Of:<\/strong><br>\r\n                Architectural Design And Restoration<br>\r\n                Interiors And Scenography, Furniture,<br>\r\n                Fixtures, Lighting And Industrial Design\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ama-image-card\">\r\n\r\n            <img fetchpriority=\"high\"\r\n                id=\"ama-card-image\"\r\n                src=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/10\/architectural-edit-1782401495813-scaled.webp\"\r\n                alt=\"Antoine Maalouf Architects\"\r\n                width=\"270\"\r\n                height=\"320\"\r\n                loading=\"eager\"\r\n                decoding=\"async\">\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- SCROLL ARROW -->\r\n    <a\r\n        class=\"ama-scroll\"\r\n        href=\"#next-section\"\r\n        aria-label=\"Scroll down\">\r\n        \u2193\r\n    <\/a>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   HEADER\r\n===================================================== *\/\r\n\r\n.elementor-location-header {\r\n    position: relative;\r\n    z-index: 9999 !important;\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n.elementor-location-header,\r\n.elementor-location-header > .elementor-element,\r\n.elementor-location-header .e-con,\r\n.elementor-location-header .elementor-section {\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n    background-image: none !important;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MAIN SLIDER\r\n===================================================== *\/\r\n\r\n.ama-slider {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n    height: 100svh;\r\n    min-height: 700px;\r\n\r\n    margin-top: -100px !important;\r\n    margin-bottom: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    overflow: hidden;\r\n    background: #2c1b10;\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BACKGROUND SLIDES\r\n===================================================== *\/\r\n\r\n.ama-slide {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n\r\n    background-position: center center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n\r\n    transition:\r\n        opacity 1.1s ease,\r\n        visibility 1.1s ease;\r\n\r\n    z-index: 1;\r\n}\r\n\r\n.ama-slide.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   DARK OVERLAY\r\n===================================================== *\/\r\n\r\n.ama-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background: rgba(35, 20, 10, 0.38);\r\n\r\n    z-index: 3;\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FIXED CONTENT\r\n===================================================== *\/\r\n\r\n.ama-content {\r\n    position: relative;\r\n    z-index: 5;\r\n\r\n    width: 100%;\r\n    max-width: 1450px;\r\n    height: 100%;\r\n\r\n    margin: 0 auto;\r\n    padding: 155px 50px 80px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TITLE AND DESCRIPTION\r\n===================================================== *\/\r\n\r\n.ama-text {\r\n    width: 100%;\r\n    max-width: 800px;\r\n}\r\n\r\n.ama-text h1 {\r\n    margin: 0 0 25px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(52px, 4.2vw, 76px);\r\n    font-weight: 400;\r\n    line-height: 1.08;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.ama-text h1 span {\r\n    display: block;\r\n    white-space: nowrap;\r\n}\r\n\r\n.ama-text p {\r\n    width: 100%;\r\n    max-width: 660px;\r\n\r\n    margin: 0;\r\n\r\n    color: #ffffff;\r\n    font-size: 17px;\r\n    line-height: 1.45;\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   INITIAL TEXT ANIMATION ONLY\r\n===================================================== *\/\r\n\r\n.ama-text h1 {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n\r\n    animation:\r\n        amaTextIn 0.8s\r\n        cubic-bezier(.22,.61,.36,1)\r\n        0.2s forwards;\r\n}\r\n\r\n.ama-text p {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n\r\n    animation:\r\n        amaTextIn 0.8s\r\n        cubic-bezier(.22,.61,.36,1)\r\n        0.45s forwards;\r\n}\r\n\r\n@keyframes amaTextIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   DESKTOP CARDS\r\n===================================================== *\/\r\n\r\n.ama-cards {\r\n    position: absolute;\r\n\r\n    right: 50px;\r\n    bottom: 42px;\r\n\r\n    z-index: 6;\r\n\r\n    display: flex;\r\n    align-items: flex-end;\r\n    gap: 25px;\r\n\r\n    animation:\r\n        amaCardsIn 0.8s\r\n        cubic-bezier(.22,.61,.36,1)\r\n        0.55s both;\r\n}\r\n\r\n@keyframes amaCardsIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateX(35px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   INFORMATION CARD\r\n===================================================== *\/\r\n\r\n.ama-info-card {\r\n    width: 270px;\r\n    height: 320px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    padding: 35px 27px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    border-radius: 27px;\r\n\r\n    background: rgba(38, 27, 18, 0.94);\r\n    color: #ffffff;\r\n\r\n    font-size: 17px;\r\n    line-height: 1.45;\r\n}\r\n\r\n.ama-info-card strong {\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   IMAGE CARD\r\n===================================================== *\/\r\n\r\n.ama-image-card {\r\n    width: 270px;\r\n    height: 320px;\r\n\r\n    overflow: hidden;\r\n    border-radius: 27px;\r\n    background: #2c1b10;\r\n}\r\n\r\n.ama-image-card img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    transition: opacity 0.45s ease;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SCROLL ARROW\r\n===================================================== *\/\r\n\r\n.ama-scroll {\r\n    position: absolute;\r\n\r\n    z-index: 20;\r\n\r\n    left: 50%;\r\n    bottom: 30px;\r\n\r\n    transform: translateX(-50%);\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n    background: #ffffff;\r\n    color: #bd8d47;\r\n\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n.ama-scroll:hover {\r\n    transform: translateX(-50%) translateY(3px);\r\n    color: #bd8d47;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media (max-width: 1200px) and (min-width: 768px) {\r\n\r\n    .ama-content {\r\n        padding: 145px 35px 70px;\r\n    }\r\n\r\n    .ama-text {\r\n        max-width: 650px;\r\n    }\r\n\r\n    .ama-text h1 {\r\n        font-size: clamp(42px, 4vw, 58px);\r\n    }\r\n\r\n    .ama-text p {\r\n        max-width: 550px;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .ama-cards {\r\n        right: 35px;\r\n        bottom: 35px;\r\n        gap: 18px;\r\n    }\r\n\r\n    .ama-info-card,\r\n    .ama-image-card {\r\n        width: 215px;\r\n        height: 270px;\r\n    }\r\n\r\n    .ama-info-card {\r\n        padding: 25px 20px;\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .ama-slider {\r\n        width: 100%;\r\n        height: 100svh;\r\n        min-height: 620px;\r\n\r\n        margin-top: -70px !important;\r\n    }\r\n\r\n    .ama-slide {\r\n        background-size: cover;\r\n        background-position: center center;\r\n    }\r\n\r\n    .ama-slide-1,\r\n    .ama-slide-2,\r\n    .ama-slide-3,\r\n    .ama-slide-4 {\r\n        background-position: center center;\r\n    }\r\n\r\n    .ama-overlay {\r\n        background: rgba(30, 16, 8, 0.38);\r\n    }\r\n\r\n    \/* Hide desktop cards *\/\r\n    .ama-cards {\r\n        display: none !important;\r\n    }\r\n\r\n    \/* Fixed text *\/\r\n    .ama-content {\r\n        width: 100%;\r\n        height: 100%;\r\n        max-width: none;\r\n\r\n        margin: 0;\r\n        padding: 110px 14px 70px;\r\n\r\n        box-sizing: border-box;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    .ama-text {\r\n        width: 100%;\r\n        max-width: 100%;\r\n    }\r\n\r\n    .ama-text h1 {\r\n        width: 100%;\r\n\r\n        margin: 0 0 13px;\r\n\r\n        font-size: clamp(22px, 6.8vw, 27px);\r\n        line-height: 1.08;\r\n        letter-spacing: -0.3px;\r\n    }\r\n\r\n    .ama-text h1 span {\r\n        display: block;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .ama-text p {\r\n        width: 100%;\r\n        max-width: 290px;\r\n\r\n        margin: 0;\r\n\r\n        font-size: 12px;\r\n        line-height: 1.35;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .ama-scroll {\r\n        left: 50%;\r\n        bottom: 25px;\r\n\r\n        width: 48px;\r\n        height: 48px;\r\n\r\n        font-size: 25px;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SMALL MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .ama-content {\r\n        padding-left: 10px;\r\n        padding-right: 10px;\r\n    }\r\n\r\n    .ama-text h1 {\r\n        font-size: 21px;\r\n    }\r\n\r\n    .ama-text p {\r\n        max-width: 275px;\r\n        font-size: 11px;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   REDUCED MOTION\r\n===================================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .ama-slide,\r\n    .ama-text h1,\r\n    .ama-text p,\r\n    .ama-cards {\r\n        animation: none !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .ama-text h1,\r\n    .ama-text p,\r\n    .ama-cards {\r\n        opacity: 1;\r\n        transform: none;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    function initAmaSlider() {\r\n\r\n        const slider =\r\n            document.getElementById(\"ama-home-slider\");\r\n\r\n        if (!slider || slider.dataset.initialized === \"true\") {\r\n            return;\r\n        }\r\n\r\n        slider.dataset.initialized = \"true\";\r\n\r\n        const slides =\r\n            Array.from(slider.querySelectorAll(\".ama-slide\"));\r\n\r\n        const cardImage =\r\n            slider.querySelector(\"#ama-card-image\");\r\n\r\n        if (slides.length < 2) {\r\n            return;\r\n        }\r\n\r\n        let currentSlide = 0;\r\n\r\n        const slideDuration = 6000;\r\n        const preloadDelay = 3500;\r\n\r\n        let changeToken = 0;\r\n\r\n\r\n        \/* =============================================\r\n           LOAD BACKGROUND\r\n        ============================================= *\/\r\n\r\n        function loadBackground(slide) {\r\n\r\n            if (!slide.dataset.bg) {\r\n                return Promise.resolve();\r\n            }\r\n\r\n            if (slide.dataset.bgLoaded === \"true\") {\r\n                return Promise.resolve();\r\n            }\r\n\r\n            if (slide._amaLoadPromise) {\r\n                return slide._amaLoadPromise;\r\n            }\r\n\r\n            slide._amaLoadPromise = new Promise(function (resolve) {\r\n\r\n                const image = new Image();\r\n\r\n                image.onload = function () {\r\n\r\n                    slide.style.backgroundImage =\r\n                        'url(\"' + slide.dataset.bg + '\")';\r\n\r\n                    slide.dataset.bgLoaded = \"true\";\r\n\r\n                    resolve();\r\n                };\r\n\r\n                image.onerror = function () {\r\n                    resolve();\r\n                };\r\n\r\n                image.src = slide.dataset.bg;\r\n\r\n            });\r\n\r\n            return slide._amaLoadPromise;\r\n        }\r\n\r\n\r\n        \/* =============================================\r\n           CHANGE CARD IMAGE\r\n        ============================================= *\/\r\n\r\n        function updateCardImage(slide, token) {\r\n\r\n            if (!cardImage) {\r\n                return;\r\n            }\r\n\r\n            if (window.matchMedia(\"(max-width: 767px)\").matches) {\r\n                return;\r\n            }\r\n\r\n            const imageURL =\r\n                slide.dataset.bg ||\r\n                slide.style.backgroundImage\r\n                    .replace(\/^url\\([\"']?\/, \"\")\r\n                    .replace(\/[\"']?\\)$\/, \"\");\r\n\r\n            if (!imageURL) {\r\n                return;\r\n            }\r\n\r\n            const preloadedImage = new Image();\r\n\r\n            preloadedImage.onload = function () {\r\n\r\n                if (token !== changeToken) {\r\n                    return;\r\n                }\r\n\r\n                cardImage.style.opacity = \"0\";\r\n\r\n                setTimeout(function () {\r\n\r\n                    if (token !== changeToken) {\r\n                        return;\r\n                    }\r\n\r\n                    cardImage.src = imageURL;\r\n                    cardImage.style.opacity = \"1\";\r\n\r\n                }, 220);\r\n\r\n            };\r\n\r\n            preloadedImage.src = imageURL;\r\n        }\r\n\r\n\r\n        \/* =============================================\r\n           SHOW SLIDE\r\n        ============================================= *\/\r\n\r\n        function showSlide(index) {\r\n\r\n            const slide = slides[index];\r\n\r\n            const token = ++changeToken;\r\n\r\n            loadBackground(slide).then(function () {\r\n\r\n                if (token !== changeToken) {\r\n                    return;\r\n                }\r\n\r\n                slides.forEach(function (item) {\r\n                    item.classList.remove(\"active\");\r\n                });\r\n\r\n                slide.classList.add(\"active\");\r\n\r\n                updateCardImage(slide, token);\r\n\r\n            });\r\n        }\r\n\r\n\r\n        \/* =============================================\r\n           PRELOAD SECOND SLIDE\r\n        ============================================= *\/\r\n\r\n        setTimeout(function () {\r\n\r\n            loadBackground(slides[1]);\r\n\r\n        }, preloadDelay);\r\n\r\n\r\n        \/* =============================================\r\n           AUTOMATIC SLIDESHOW\r\n        ============================================= *\/\r\n\r\n        setInterval(function () {\r\n\r\n            currentSlide =\r\n                (currentSlide + 1) % slides.length;\r\n\r\n            showSlide(currentSlide);\r\n\r\n            const nextIndex =\r\n                (currentSlide + 1) % slides.length;\r\n\r\n            setTimeout(function () {\r\n\r\n                loadBackground(slides[nextIndex]);\r\n\r\n            }, preloadDelay);\r\n\r\n        }, slideDuration);\r\n\r\n    }\r\n\r\n\r\n    if (document.readyState === \"loading\") {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initAmaSlider\r\n        );\r\n\r\n    } else {\r\n\r\n        initAmaSlider();\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-13c5638 e-con-full e-flex e-con e-parent\" data-id=\"13c5638\" data-element_type=\"container\" data-e-type=\"container\" id=\"whoweare\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3561890 e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"3561890\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;opal-move-up&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cf0efb3 e-con-full e-flex e-con e-child\" data-id=\"cf0efb3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71f2c91 e-con-full e-flex e-con e-child\" data-id=\"71f2c91\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1d3ebc elementor-widget__width-initial about-text elementor-widget elementor-widget-heading\" data-id=\"c1d3ebc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 data-cursor=\"-opaque\" class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/maaloufarchitects.com\/blogspage\" class=\"featured-link\">\n    <span class=\"c-primary\">With works featured in <\/span>\n    Monocle Magazine, Architectural Digest Italy, <br>\n    Architectural Digest Middle East, Cond\u00e9 Nast Traveler, and Gallery Magazine\n<\/a>\n\n<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-765ad26 elementor-widget__width-initial about-text elementor-widget elementor-widget-text-editor\" data-id=\"765ad26\" 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><strong>To Antoine Maalouf Architects, space design and development are not just a matter of aesthetics. We actively engage local contexts to cultivate architectures that are familiar, comforting and adaptable, in order to enhance our shared environment.<\/strong><\/p><p>\u00a0<\/p><p><strong>Antoine Maalouf, Principal<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c04409 service-card e-flex e-con-boxed e-con e-child\" data-id=\"4c04409\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5bc8bea e-con-full process-card e-flex elementor-invisible e-con e-child\" data-id=\"5bc8bea\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;opal-move-right&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7b821d0 e-con-full service-top e-flex e-con e-child\" data-id=\"7b821d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a6462a8 e-con-full process-title e-flex e-con e-child\" data-id=\"a6462a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb3b202 elementor-widget elementor-widget-heading\" data-id=\"fb3b202\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 data-cursor=\"-opaque\" class=\"elementor-heading-title elementor-size-default\">Study and research<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b77d92d e-con-full e-flex e-con e-child\" data-id=\"b77d92d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b75b85 elementor-widget elementor-widget-image\" data-id=\"4b75b85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t<div class=\"antra-wrapper-image-widget\">\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/TOTA-11-scaled.jpg\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31316f7 process-line elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"31316f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e247cb service-content elementor-widget elementor-widget-text-editor\" data-id=\"3e247cb\" 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><strong>Work begins with research. Client demands and the space are thoroughly studied in order to develop preliminary drawings and find the most appropriate consultants to be present from the project\u2019s earliest stages of design.<\/strong><\/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-b5bdaf4 e-con-full process-card e-flex elementor-invisible e-con e-child\" data-id=\"b5bdaf4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;opal-move-up&quot;,&quot;animation_delay&quot;:200}\">\n\t\t<div class=\"elementor-element elementor-element-295b1e3 e-con-full e-flex e-con e-child\" data-id=\"295b1e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a674cb9 e-con-full process-title e-flex e-con e-child\" data-id=\"a674cb9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9466ac elementor-widget elementor-widget-heading\" data-id=\"e9466ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 data-cursor=\"-opaque\" class=\"elementor-heading-title elementor-size-default\">Sketches, and Clay Models<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cbbda4 e-con-full e-flex e-con e-child\" data-id=\"6cbbda4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b44f2c elementor-widget elementor-widget-image\" data-id=\"6b44f2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t<div class=\"antra-wrapper-image-widget\">\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/elementor\/thumbs\/ChatGPT-Image-Jul-17-2026-02_09_04-PM-rqjd69k4ipsmmxfr7ozugm0lxi8l0mbw6zbxznhdps.png\" title=\"ChatGPT Image Jul 17, 2026, 02_09_04 PM\" alt=\"ChatGPT Image Jul 17, 2026, 02_09_04 PM\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-129fdee process-line elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"129fdee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc9b3ad elementor-widget elementor-widget-text-editor\" data-id=\"fc9b3ad\" 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><strong>Drawings of spatial layout are prioritized and issued first, as form should always follow function. Design sketches and virtual clay models are issued once the spatial layout is made fully operational.<\/strong><\/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-2129479 e-con-full process-card e-flex elementor-invisible e-con e-child\" data-id=\"2129479\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;opal-move-up&quot;,&quot;animation_delay&quot;:300}\">\n\t\t<div class=\"elementor-element elementor-element-bcab2c2 e-con-full e-flex e-con e-child\" data-id=\"bcab2c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-567ca40 e-con-full process-title e-flex e-con e-child\" data-id=\"567ca40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a7c02c elementor-widget elementor-widget-heading\" data-id=\"8a7c02c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 data-cursor=\"-opaque\" class=\"elementor-heading-title elementor-size-default\">Three dimensional Modeling and\n Rendering<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03a749b e-con-full e-flex e-con e-child\" data-id=\"03a749b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0984c5 elementor-widget elementor-widget-image\" data-id=\"e0984c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t<div class=\"antra-wrapper-image-widget\">\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/elementor\/thumbs\/DSCF0731-1-rq5d1vu87412hcz20gfy7siv73arapik0u25ma9nsg.jpg\" title=\"DSCF0731\" alt=\"DSCF0731\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b64294d process-line elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b64294d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f860f2c elementor-widget elementor-widget-text-editor\" data-id=\"f860f2c\" 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><strong>Real-life three-dimensional simulations are essential to studying materials, lighting and other architectural specifications to be used. We work on achieving 3D models that render the space accurately and as close as possible to the final design.<\/strong><\/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-583c179 e-con-full process-card e-flex elementor-invisible e-con e-child\" data-id=\"583c179\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;opal-move-left&quot;,&quot;animation_delay&quot;:400}\">\n\t\t<div class=\"elementor-element elementor-element-c88638e e-con-full e-flex e-con e-child\" data-id=\"c88638e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9e37b18 e-con-full process-title e-flex e-con e-child\" data-id=\"9e37b18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32f338c elementor-widget elementor-widget-heading\" data-id=\"32f338c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 data-cursor=\"-opaque\" class=\"elementor-heading-title elementor-size-default\">Prototyping and execution<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b522fe e-con-full e-flex e-con e-child\" data-id=\"5b522fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ffd0b2 elementor-widget elementor-widget-image\" data-id=\"4ffd0b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t<div class=\"antra-wrapper-image-widget\">\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/elementor\/thumbs\/DSCF0250-rqj7mjsm66mzeofonv9s1ve5v02uk9fndfacja79y8.jpg\" title=\"DSCF0250\" alt=\"DSCF0250\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f701de4 process-line elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"f701de4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d7f3c9 elementor-widget elementor-widget-text-editor\" data-id=\"5d7f3c9\" 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><strong>Prototyping furniture and fixtures is often done in our workshop under our premises or at the workshops of collaborating companies. After approval of the final product, all is sent to the factories for execution.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-8330a5b e-flex e-con-boxed e-con e-child\" data-id=\"8330a5b\" data-element_type=\"container\" data-e-type=\"container\" id=\"services\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1ac6f4e e-con-full stats-box e-flex elementor-invisible e-con e-child\" data-id=\"1ac6f4e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;zoomIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55e59a8 elementor-widget elementor-widget-counter\" data-id=\"55e59a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Operational since<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"1949\" data-from-value=\"0\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e699073 e-con-full stats-box e-flex elementor-invisible e-con e-child\" data-id=\"e699073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;zoomIn&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da48528 elementor-widget elementor-widget-counter\" data-id=\"da48528\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Designed and executed Projects<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\">+<\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"200\" data-from-value=\"0\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a972fd0 e-con-full stats-box e-flex elementor-invisible e-con e-child\" data-id=\"a972fd0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;zoomIn&quot;,&quot;animation_delay&quot;:300}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-691ff2a elementor-widget elementor-widget-counter\" data-id=\"691ff2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Works in countries and states<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\">+<\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"10\" data-from-value=\"0\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d15a4b e-con-full stats-box e-flex elementor-invisible e-con e-child\" data-id=\"4d15a4b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;zoomIn&quot;,&quot;animation_delay&quot;:400}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb69e7a elementor-widget elementor-widget-counter\" data-id=\"bb69e7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Tackled sectors and industries<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\">+<\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"10\" data-from-value=\"0\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ad81f7 e-flex e-con-boxed e-con e-parent\" data-id=\"0ad81f7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-890131e e-con-full e-flex e-con e-child\" data-id=\"890131e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a0bbc4f e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"a0bbc4f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;opal-move-right&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cf2f48 subtitle-position-above elementor-mobile_extra-align-left elementor-mobile-align-center elementor-widget__width-initial elementor-widget elementor-widget-antra-heading\" data-id=\"4cf2f48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"antra-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-wrapper-inner\"><h2 class=\"elementor-heading-title elementor-size-default\" data-cursor=\"-opaque\">To engage a space,\n<span class=\"c-primary\"> one must feel bound to <\/span>and enthralled by it<\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1012589 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"1012589\" 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><strong>For Antoine Maalouf, architecture and design must captivate the senses. The recognition of familiar elements in structure, material, sound and light \u2013 components that leave an impression \u2013 is essential to establishing a spatial<br \/>relationship.<\/strong><\/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-85599f5 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"85599f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;opal-move-left&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7388f2d elementor-widget elementor-widget-image\" data-id=\"7388f2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t<div class=\"antra-wrapper-image-widget\" data-cursor=\"-opaque\">\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-18-2026-10_58_58-AM-600x600.png\" title=\"ChatGPT Image Jun 18, 2026, 10_58_58 AM\" alt=\"ChatGPT Image Jun 18, 2026, 10_58_58 AM\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d5d183 e-con-full full-bleed-mobile e-flex e-con e-parent\" data-id=\"5d5d183\" 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-29e0914 elementor-absolute floating-model elementor-invisible elementor-widget elementor-widget-image\" data-id=\"29e0914\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_animation&quot;:&quot;opal-move-left&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t<div class=\"antra-wrapper-image-widget\" data-cursor=\"-opaque\">\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-23-2026-01_05_58-PM.png\" class=\"attachment-full size-full wp-image-9464\" alt=\"\" srcset=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-23-2026-01_05_58-PM.png 1536w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-23-2026-01_05_58-PM-300x200.png 300w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-23-2026-01_05_58-PM-1024x683.png 1024w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-23-2026-01_05_58-PM-768x512.png 768w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-23-2026-01_05_58-PM-860x573.png 860w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-23-2026-01_05_58-PM-1000x667.png 1000w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b330fcb e-con-full e-flex e-con e-parent\" data-id=\"b330fcb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9ff26a elementor-widget elementor-widget-html\" data-id=\"b9ff26a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ANTOINE MAALOUF ARCHITECTS \u2014 DETAIL FRAMING -->\r\n\r\n<section id=\"ama-detail-framing\" class=\"details-carousel-section\">\r\n  <div class=\"details-bg-sketch\"><\/div>\r\n\r\n  <div class=\"details-content\">\r\n    <div class=\"details-text\">\r\n      <h2>Detail Framing<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"details-gallery-wrap\">\r\n      <button type=\"button\" class=\"carousel-arrow left\"\r\n              aria-label=\"Previous thumbnails\">\u2190<\/button>\r\n\r\n      <div class=\"details-carousel\" id=\"detailsCarousel\"><\/div>\r\n\r\n      <button type=\"button\" class=\"carousel-arrow right\"\r\n              aria-label=\"Next thumbnails\">\u2192<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FULLSCREEN VIEWER -->\r\n<div id=\"amaDetailLightbox\"\r\n     class=\"ama-detail-lightbox\"\r\n     role=\"dialog\"\r\n     aria-modal=\"true\"\r\n     aria-label=\"Detail Framing image viewer\"\r\n     aria-hidden=\"true\">\r\n\r\n  <button type=\"button\" class=\"ama-detail-close\"\r\n          aria-label=\"Close image\">\u00d7<\/button>\r\n\r\n  <button type=\"button\" class=\"ama-detail-prev\"\r\n          aria-label=\"Previous image\">\u2190<\/button>\r\n\r\n  <div class=\"ama-detail-stage\">\r\n    <img class=\"ama-detail-large\" alt=\"\">\r\n    <div class=\"ama-detail-count\"><\/div>\r\n  <\/div>\r\n\r\n  <button type=\"button\" class=\"ama-detail-next\"\r\n          aria-label=\"Next image\">\u2192<\/button>\r\n<\/div>\r\n\r\n<style>\r\n\/* SECTION *\/\r\n#ama-detail-framing,\r\n#ama-detail-framing *,\r\n#amaDetailLightbox,\r\n#amaDetailLightbox * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ama-detail-framing {\r\n  position: relative;\r\n  padding: 70px 90px;\r\n  background: #f4f1eb;\r\n  overflow: hidden;\r\n}\r\n\r\n#ama-detail-framing .details-bg-sketch {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    url(\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-6-2026-11_25_17-AM.png\")\r\n    center \/ cover;\r\n  opacity: .08;\r\n  pointer-events: none;\r\n}\r\n\r\n#ama-detail-framing .details-content {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: grid;\r\n  grid-template-columns: 280px minmax(0, 1fr);\r\n  align-items: center;\r\n  gap: 40px;\r\n}\r\n\r\n#ama-detail-framing .details-text h2 {\r\n  margin: 0;\r\n  color: #111;\r\n  font-size: 42px;\r\n  line-height: 1.15;\r\n}\r\n\r\n\/* THUMBNAIL CAROUSEL *\/\r\n#ama-detail-framing .details-gallery-wrap {\r\n  position: relative;\r\n  min-width: 0;\r\n  padding: 0 12px;\r\n}\r\n\r\n#ama-detail-framing .details-carousel {\r\n  display: flex;\r\n  gap: 15px;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  scroll-behavior: smooth;\r\n  scroll-snap-type: x mandatory;\r\n  scrollbar-width: none;\r\n  -webkit-overflow-scrolling: touch;\r\n  padding: 12px 0 16px;\r\n}\r\n\r\n#ama-detail-framing .details-carousel::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n#ama-detail-framing .detail-item {\r\n  appearance: none;\r\n  border: 0;\r\n  padding: 0;\r\n  margin: 0;\r\n  background: transparent;\r\n  flex: 0 0 170px;\r\n  width: 170px;\r\n  cursor: pointer;\r\n  scroll-snap-align: start;\r\n  transition: transform .25s ease;\r\n}\r\n\r\n#ama-detail-framing .detail-item:hover {\r\n  transform: translateY(-5px);\r\n}\r\n\r\n#ama-detail-framing .detail-item img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 360px;\r\n  object-fit: cover;\r\n  border-radius: 8px;\r\n}\r\n\r\n\/* OUTER CAROUSEL ARROWS *\/\r\n#ama-detail-framing .carousel-arrow {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 48px;\r\n  height: 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 5;\r\n  border: 1px solid #b98a32;\r\n  border-radius: 50%;\r\n  background: #fff;\r\n  color: #111;\r\n  font-size: 21px;\r\n  line-height: 1;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  box-shadow: 0 8px 20px #0002;\r\n}\r\n\r\n#ama-detail-framing .carousel-arrow.left {\r\n  left: -25px;\r\n}\r\n\r\n#ama-detail-framing .carousel-arrow.right {\r\n  right: -25px;\r\n}\r\n\r\n#ama-detail-framing .carousel-arrow:hover {\r\n  background: #b98a32;\r\n  color: #fff;\r\n}\r\n\r\n\/* FULLSCREEN MODAL *\/\r\n#amaDetailLightbox {\r\n  position: fixed !important;\r\n  inset: 0 !important;\r\n  width: 100vw !important;\r\n  height: 100vh !important;\r\n  height: 100dvh !important;\r\n  display: none !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  background: rgba(0,0,0,.95) !important;\r\n  z-index: 2147483640 !important;\r\n  padding: 72px 82px 60px !important;\r\n  margin: 0 !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\n#amaDetailLightbox.ama-is-open {\r\n  display: flex !important;\r\n}\r\n\r\n#amaDetailLightbox .ama-detail-stage {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 0;\r\n  min-width: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  pointer-events: none;\r\n}\r\n\r\n#amaDetailLightbox .ama-detail-large {\r\n  display: block !important;\r\n  max-width: 100% !important;\r\n  max-height: 100% !important;\r\n  width: auto !important;\r\n  height: auto !important;\r\n  object-fit: contain !important;\r\n  border: 0 !important;\r\n  border-radius: 0 !important;\r\n  box-shadow: none !important;\r\n  pointer-events: auto;\r\n}\r\n\r\n\/* MODAL CONTROLS *\/\r\n#amaDetailLightbox .ama-detail-close,\r\n#amaDetailLightbox .ama-detail-prev,\r\n#amaDetailLightbox .ama-detail-next {\r\n  position: absolute !important;\r\n  z-index: 20 !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  width: 48px !important;\r\n  height: 48px !important;\r\n  min-width: 48px !important;\r\n  border: 1px solid #d6b06a !important;\r\n  border-radius: 50% !important;\r\n  background: #fff !important;\r\n  color: #171717 !important;\r\n  opacity: 1 !important;\r\n  visibility: visible !important;\r\n  font: normal 24px\/1 Arial, sans-serif !important;\r\n  cursor: pointer !important;\r\n  pointer-events: auto !important;\r\n  box-shadow: 0 6px 20px #0004 !important;\r\n}\r\n\r\n#amaDetailLightbox .ama-detail-close {\r\n  top: calc(16px + env(safe-area-inset-top)) !important;\r\n  right: calc(16px + env(safe-area-inset-right)) !important;\r\n  font-size: 31px !important;\r\n}\r\n\r\n#amaDetailLightbox .ama-detail-prev {\r\n  left: 18px !important;\r\n  top: 50% !important;\r\n  transform: translateY(-50%) !important;\r\n}\r\n\r\n#amaDetailLightbox .ama-detail-next {\r\n  right: 18px !important;\r\n  top: 50% !important;\r\n  transform: translateY(-50%) !important;\r\n}\r\n\r\n#amaDetailLightbox .ama-detail-close:hover,\r\n#amaDetailLightbox .ama-detail-prev:hover,\r\n#amaDetailLightbox .ama-detail-next:hover {\r\n  background: #b98a32 !important;\r\n  color: white !important;\r\n}\r\n\r\n#amaDetailLightbox .ama-detail-count {\r\n  position: absolute;\r\n  bottom: -34px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  color: #fff;\r\n  font: 13px\/1.4 Arial, sans-serif;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1100px) {\r\n  #ama-detail-framing {\r\n    padding: 55px 50px;\r\n  }\r\n\r\n  #ama-detail-framing .details-content {\r\n    grid-template-columns: 220px minmax(0,1fr);\r\n    gap: 30px;\r\n  }\r\n\r\n  #ama-detail-framing .details-text h2 {\r\n    font-size: 34px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n  #ama-detail-framing {\r\n    padding: 50px 0;\r\n  }\r\n\r\n  #ama-detail-framing .details-content {\r\n    display: block;\r\n  }\r\n\r\n  #ama-detail-framing .details-text {\r\n    text-align: center;\r\n    padding: 0 22px;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  #ama-detail-framing .details-text h2 {\r\n    font-size: 29px;\r\n  }\r\n\r\n  #ama-detail-framing .details-gallery-wrap {\r\n    padding: 0 24px;\r\n  }\r\n\r\n  #ama-detail-framing .details-carousel {\r\n    gap: 12px;\r\n    padding: 5px 0 12px;\r\n  }\r\n\r\n  #ama-detail-framing .detail-item {\r\n    flex: 0 0 min(72vw,300px);\r\n    width: min(72vw,300px);\r\n  }\r\n\r\n  #ama-detail-framing .detail-item img {\r\n    height: min(95vw,390px);\r\n  }\r\n\r\n  #ama-detail-framing .detail-item:hover {\r\n    transform: none;\r\n  }\r\n\r\n  #ama-detail-framing .carousel-arrow {\r\n    width: 38px;\r\n    height: 38px;\r\n    font-size: 18px;\r\n  }\r\n\r\n  #ama-detail-framing .carousel-arrow.left {\r\n    left: 4px;\r\n  }\r\n\r\n  #ama-detail-framing .carousel-arrow.right {\r\n    right: 4px;\r\n  }\r\n\r\n  #amaDetailLightbox {\r\n    padding:\r\n      calc(72px + env(safe-area-inset-top))\r\n      48px\r\n      calc(60px + env(safe-area-inset-bottom))\r\n      !important;\r\n  }\r\n\r\n  #amaDetailLightbox .ama-detail-close {\r\n    width: 42px !important;\r\n    height: 42px !important;\r\n    min-width: 42px !important;\r\n  }\r\n\r\n  #amaDetailLightbox .ama-detail-prev,\r\n  #amaDetailLightbox .ama-detail-next {\r\n    width: 38px !important;\r\n    height: 38px !important;\r\n    min-width: 38px !important;\r\n    font-size: 19px !important;\r\n  }\r\n\r\n  #amaDetailLightbox .ama-detail-prev {\r\n    left: 5px !important;\r\n  }\r\n\r\n  #amaDetailLightbox .ama-detail-next {\r\n    right: 5px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n  #ama-detail-framing .detail-item {\r\n    flex-basis: 76vw;\r\n    width: 76vw;\r\n  }\r\n\r\n  #ama-detail-framing .detail-item img {\r\n    height: 340px;\r\n  }\r\n\r\n  #amaDetailLightbox {\r\n    padding-left: 43px !important;\r\n    padding-right: 43px !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #ama-detail-framing .details-carousel {\r\n    scroll-behavior: auto;\r\n  }\r\n\r\n  #ama-detail-framing .detail-item {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  function init() {\r\n    const section = document.getElementById(\"ama-detail-framing\");\r\n    const modal = document.getElementById(\"amaDetailLightbox\");\r\n\r\n    if (!section || !modal || section.dataset.amaReady === \"yes\") {\r\n      return;\r\n    }\r\n\r\n    section.dataset.amaReady = \"yes\";\r\n\r\n    const base =\r\n      \"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/\";\r\n\r\n    \/* ALL 60 IMAGES IN THEIR ORIGINAL ORDER *\/\r\n    const images = [\r\n      \"10\/la-fuente-scaled.webp\",\r\n      \"10\/La-fuente-2-scaled.webp\",\r\n      \"10\/dar-zefta-1.webp\",\r\n      \"10\/DAR-ZEFTA-2-scaled.webp\",\r\n      \"10\/DAR-ZEFTA-39-scaled.webp\",\r\n      \"10\/dar-zefta-3-scaled.webp\",\r\n      \"10\/DAR-ZEFTA-4.webp\",\r\n      \"10\/DAR-ZEFTA-22-scaled.webp\",\r\n      \"10\/DAR-ZEFTA-37-scaled.webp\",\r\n      \"07\/DAR-ZEFTA-53-scaled.jpg\",\r\n      \"10\/DSCF0250.jpg\",\r\n      \"07\/DSCF0731.jpg\",\r\n      \"07\/NOV-30-of-37-scaled.jpg\",\r\n      \"07\/OCTLR-5-of-21-scaled.jpg\",\r\n      \"07\/7-scaled.jpg\",\r\n      \"07\/1-scaled.jpg\",\r\n      \"07\/4-1-scaled.jpg\",\r\n      \"07\/6-scaled.jpg\",\r\n      \"07\/studio-banana-agency-asset-2026-06-25T190309.968-scaled.jpg\",\r\n      \"07\/studio-banana-agency-asset-2026-06-25T190324.701-scaled.jpg\",\r\n      \"07\/studio-banana-agency-asset-2026-06-25T191000.229-scaled.jpg\",\r\n      \"07\/Three-16-2-scaled.jpg\",\r\n      \"07\/Motto-3-2-scaled.jpg\",\r\n      \"07\/Motto-1-2-scaled.jpg\",\r\n      \"07\/studio-banana-hq-vision-2-1-scaled.jpg\",\r\n      \"07\/studio-banana-hq-vision-12-1-scaled.jpg\",\r\n      \"07\/studio-banana-agency-asset-2026-06-25T150800.822-1-scaled.jpg\",\r\n      \"07\/6O8A6213-1-scaled.jpg\",\r\n      \"07\/6O8A6592-1-scaled.jpg\",\r\n      \"07\/lamp-1-2-1-scaled.jpg\",\r\n      \"07\/mirror-1-1-scaled.jpg\",\r\n      \"07\/studio-banana-agency-asset-2026-06-20T153938.925-1-scaled.jpg\",\r\n      \"07\/studio-banana-agency-asset-2026-06-20T155519.439-1-scaled.jpg\",\r\n      \"07\/studio-banana-hq-vision-2026-06-25T181231.389-scaled.jpg\",\r\n      \"08\/studio-banana-hq-vision-2026-06-25T181116.569-scaled.webp\",\r\n      \"07\/studio-banana-hq-vision-2026-06-25T174845.068-scaled.jpg\",\r\n      \"07\/architectural-edit-1782555118693-scaled.jpg\",\r\n      \"07\/Grasshopper-6-scaled.jpg\",\r\n      \"07\/Grasshopper-15-scaled.png\",\r\n      \"07\/Grasshopper-17-scaled.jpg\",\r\n      \"07\/Grasshopper-3-scaled.png\",\r\n      \"07\/Grasshopper-1-scaled.jpg\",\r\n      \"07\/Grasshopper-4-scaled.jpg\",\r\n      \"07\/Grasshopper-5-scaled.jpg\",\r\n      \"07\/TOTA-13-scaled.jpg\",\r\n      \"07\/TOTA-8-scaled.jpg\",\r\n      \"07\/TOTA-9-scaled.png\",\r\n      \"07\/TOTA-10-scaled.jpg\",\r\n      \"07\/TOTA-11-scaled.jpg\",\r\n      \"07\/TOTA-12-scaled.jpg\",\r\n      \"07\/studio-banana-hq-vision-2026-06-25T165933.493-1-scaled.jpg\",\r\n      \"07\/studio-banana-hq-vision-2026-06-25T170310.969-1-scaled.jpg\",\r\n      \"07\/studio-banana-hq-vision-2026-06-25T170359.163-1-scaled.png\",\r\n      \"07\/studio-banana-hq-vision-2026-06-25T170413.912-1-scaled.jpg\",\r\n      \"07\/studio-banana-hq-vision-2026-06-25T170530.457-1-scaled.png\",\r\n      \"07\/studio-banana-hq-vision-2026-06-25T170931.257-1-scaled.jpg\",\r\n      \"07\/studio-banana-hq-vision-2026-06-25T172130.526-1-scaled.jpg\",\r\n      \"07\/studio-banana-hq-vision-2026-06-25T173007.564-1-scaled.jpg\",\r\n      \"07\/studio-banana-hq-vision-2026-06-25T175642.331-1-scaled.jpg\",\r\n      \"07\/architectural-edit-1782400689088-1-scaled.jpg\"\r\n    ];\r\n\r\n    const carousel = section.querySelector(\"#detailsCarousel\");\r\n    const large = modal.querySelector(\".ama-detail-large\");\r\n    const count = modal.querySelector(\".ama-detail-count\");\r\n    const close = modal.querySelector(\".ama-detail-close\");\r\n    const prev = modal.querySelector(\".ama-detail-prev\");\r\n    const next = modal.querySelector(\".ama-detail-next\");\r\n\r\n    let current = 0;\r\n    let focusBefore = null;\r\n    let oldHtmlOverflow = \"\";\r\n    let oldBodyOverflow = \"\";\r\n\r\n    \/* CREATE THUMBNAILS *\/\r\n    images.forEach(function (path, index) {\r\n      const button = document.createElement(\"button\");\r\n      button.type = \"button\";\r\n      button.className = \"detail-item\";\r\n      button.setAttribute(\"aria-label\", \"Open image \" + (index + 1));\r\n\r\n      const img = document.createElement(\"img\");\r\n      img.src = base + path;\r\n      img.alt = \"Detail Framing image \" + (index + 1);\r\n      img.loading = index < 3 ? \"eager\" : \"lazy\";\r\n      img.decoding = \"async\";\r\n\r\n      button.appendChild(img);\r\n      carousel.appendChild(button);\r\n    });\r\n\r\n    const thumbs = Array.from(\r\n      carousel.querySelectorAll(\".detail-item\")\r\n    );\r\n\r\n    \/* MOVE MODAL DIRECTLY INTO BODY *\/\r\n    document.body.appendChild(modal);\r\n\r\n    function isOpen() {\r\n      return modal.classList.contains(\"ama-is-open\");\r\n    }\r\n\r\n    function showImage() {\r\n      const img = thumbs[current].querySelector(\"img\");\r\n\r\n      large.src = img.src;\r\n      large.alt = img.alt;\r\n\r\n      count.textContent = (current + 1) + \" \/ \" + thumbs.length;\r\n    }\r\n\r\n    function openImage(index) {\r\n      if (isOpen()) return;\r\n\r\n      focusBefore = document.activeElement;\r\n      oldHtmlOverflow = document.documentElement.style.overflow;\r\n      oldBodyOverflow = document.body.style.overflow;\r\n\r\n      current = index;\r\n      showImage();\r\n\r\n      modal.classList.add(\"ama-is-open\");\r\n      modal.setAttribute(\"aria-hidden\", \"false\");\r\n\r\n      document.documentElement.style.overflow = \"hidden\";\r\n      document.body.style.overflow = \"hidden\";\r\n\r\n      close.focus({ preventScroll: true });\r\n    }\r\n\r\n    function closeImage() {\r\n      if (!isOpen()) return;\r\n\r\n      modal.classList.remove(\"ama-is-open\");\r\n      modal.setAttribute(\"aria-hidden\", \"true\");\r\n\r\n      document.documentElement.style.overflow = oldHtmlOverflow;\r\n      document.body.style.overflow = oldBodyOverflow;\r\n\r\n      large.removeAttribute(\"src\");\r\n\r\n      if (focusBefore && typeof focusBefore.focus === \"function\") {\r\n        focusBefore.focus({ preventScroll: true });\r\n      }\r\n    }\r\n\r\n    function changeImage(direction) {\r\n      if (!isOpen()) return;\r\n\r\n      current = (current + direction + thumbs.length) % thumbs.length;\r\n      showImage();\r\n    }\r\n\r\n    \/* THUMBNAIL CLICKS *\/\r\n    thumbs.forEach(function (button, index) {\r\n      button.addEventListener(\"click\", function () {\r\n        openImage(index);\r\n      });\r\n    });\r\n\r\n    \/* OUTER CAROUSEL ARROWS *\/\r\n    function moveCarousel(direction) {\r\n      const first = thumbs[0];\r\n\r\n      if (!first) return;\r\n\r\n      const gap = parseFloat(getComputedStyle(carousel).gap) || 15;\r\n      const step = first.getBoundingClientRect().width + gap;\r\n\r\n      carousel.scrollBy({\r\n        left: direction * step,\r\n        behavior: \"smooth\"\r\n      });\r\n    }\r\n\r\n    section.querySelector(\".carousel-arrow.left\")\r\n      .addEventListener(\"click\", function () {\r\n        moveCarousel(-1);\r\n      });\r\n\r\n    section.querySelector(\".carousel-arrow.right\")\r\n      .addEventListener(\"click\", function () {\r\n        moveCarousel(1);\r\n      });\r\n\r\n    \/* FULLSCREEN CONTROLS *\/\r\n    close.addEventListener(\"click\", closeImage);\r\n\r\n    prev.addEventListener(\"click\", function () {\r\n      changeImage(-1);\r\n    });\r\n\r\n    next.addEventListener(\"click\", function () {\r\n      changeImage(1);\r\n    });\r\n\r\n    modal.addEventListener(\"click\", function (event) {\r\n      if (\r\n        event.target === modal ||\r\n        event.target === modal.querySelector(\".ama-detail-stage\")\r\n      ) {\r\n        closeImage();\r\n      }\r\n    });\r\n\r\n    \/* KEYBOARD *\/\r\n    document.addEventListener(\"keydown\", function (event) {\r\n      if (!isOpen()) return;\r\n\r\n      if (event.key === \"Escape\") {\r\n        event.preventDefault();\r\n        closeImage();\r\n      }\r\n\r\n      if (event.key === \"ArrowLeft\") {\r\n        event.preventDefault();\r\n        changeImage(-1);\r\n      }\r\n\r\n      if (event.key === \"ArrowRight\") {\r\n        event.preventDefault();\r\n        changeImage(1);\r\n      }\r\n\r\n      if (event.key === \"Tab\") {\r\n        const controls = [close, prev, next];\r\n        const index = controls.indexOf(document.activeElement);\r\n\r\n        if (event.shiftKey && index <= 0) {\r\n          event.preventDefault();\r\n          next.focus();\r\n        } else if (!event.shiftKey && index === 2) {\r\n          event.preventDefault();\r\n          close.focus();\r\n        }\r\n      }\r\n    });\r\n\r\n    \/* MOBILE SWIPE *\/\r\n    let startX = 0;\r\n    let startY = 0;\r\n\r\n    modal.addEventListener(\"touchstart\", function (event) {\r\n      if (!isOpen() || event.touches.length !== 1) return;\r\n\r\n      startX = event.touches[0].clientX;\r\n      startY = event.touches[0].clientY;\r\n    }, { passive: true });\r\n\r\n    modal.addEventListener(\"touchend\", function (event) {\r\n      if (!isOpen() || event.changedTouches.length !== 1) return;\r\n\r\n      const dx = event.changedTouches[0].clientX - startX;\r\n      const dy = event.changedTouches[0].clientY - startY;\r\n\r\n      if (Math.abs(dx) > 50 && Math.abs(dx) > Math.abs(dy)) {\r\n        changeImage(dx < 0 ? 1 : -1);\r\n      }\r\n    }, { passive: true });\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", init);\r\n  } else {\r\n    init();\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-8a35a03 e-con e-atomic-element e-flexbox-base e-default-div e-95b707d \" data-id=\"8a35a03\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8a35a03\">\n    \t\t<div class=\"elementor-element elementor-element-979ee23 elementor-widget elementor-widget-shortcode\" data-id=\"979ee23\" 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\">\n    <section\n        id=\"ama-testimonials-269761\"\n        class=\"ama-testimonials-section\"\n        style=\"\n            background-image:\n            url('https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/08\/sketch-1.webp');\n        \"\n    >\n\n        <div class=\"ama-testimonials-overlay\"><\/div>\n\n\n        <div class=\"ama-testimonials-inner\">\n\n\n            \n                <header class=\"ama-testimonials-header\">\n\n                    <h2>\n                        Feedback &amp; Case Studies                    <\/h2>\n\n                <\/header>\n\n            \n\n            <div class=\"ama-testimonials-slider\">\n\n\n                <!-- DESKTOP PREVIOUS -->\n\n                <button\n                    type=\"button\"\n                    class=\"\n                        ama-testimonial-arrow\n                        ama-testimonial-prev\n                        ama-testimonial-desktop-arrow\n                    \"\n                    aria-label=\"Previous testimonial\"\n                >\n                    \u2039\n                <\/button>\n\n\n                <!-- FIXED IMAGE -->\n\n                <div class=\"ama-testimonials-fixed-image\">\n\n                    <div class=\"ama-testimonial-image-wrap\">\n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/10\/antoine-maalouf.webp\"\n                            alt=\"Antoine Maalouf\"\n                            loading=\"lazy\"\n                        >\n\n                    <\/div>\n\n\n                    <!-- MOBILE NAVIGATION -->\n\n                    <div class=\"ama-testimonial-mobile-navigation\">\n\n                        <button\n                            type=\"button\"\n                            class=\"\n                                ama-testimonial-arrow\n                                ama-testimonial-mobile-prev\n                            \"\n                            aria-label=\"Previous testimonial\"\n                        >\n                            \u2039\n                        <\/button>\n\n                        <button\n                            type=\"button\"\n                            class=\"\n                                ama-testimonial-arrow\n                                ama-testimonial-mobile-next\n                            \"\n                            aria-label=\"Next testimonial\"\n                        >\n                            \u203a\n                        <\/button>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- TESTIMONIAL VIEWPORT -->\n\n                <div class=\"ama-testimonials-viewport\">\n\n                    <div class=\"ama-testimonials-track\">\n\n                        \n\n                            <article\n                                class=\"\n                                    ama-testimonial-slide\n                                    is-active                                \"\n                                data-index=\"0\"\n                            >\n\n                                <div class=\"ama-testimonial-content-column\">\n\n\n                                    <div class=\"ama-testimonial-quote\">\n\n\n                                        <div class=\"ama-testimonial-preview\">\n\n                                            <p>\n                                                Working with Antoine Maalouf has been a true pleasure and privilege. Over the past ten years, from one project to another, Antoine became much more than my architect; he became a dear friend and trusted creative partner.\r\n\r\nFrom the very beginning, he brought exceptional passion, commitment, and generosity to our work together. He helped shape the interiors of Dar Zefta, as well as the architecture and interiors of Zefta Art H\u2026                                            <\/p>\n\n                                        <\/div>\n\n\n                                        \n                                            <button\n                                                type=\"button\"\n                                                class=\"ama-testimonial-read-more\"\n                                                data-modal-target=\"ama-modal-10616\"\n                                            >\n\n                                                Read More\n\n                                                <span aria-hidden=\"true\">\n                                                    \u2197\n                                                <\/span>\n\n                                            <\/button>\n\n                                        \n\n                                    <\/div>\n\n\n                                    <!--\n                                    PERSON NAME \/ TITLE REMOVED HERE.\n                                    It now appears only at end of modal.\n                                    -->\n\n\n                                <\/div>\n\n                            <\/article>\n\n\n                            \n                                <div\n                                    id=\"ama-modal-10616\"\n                                    class=\"ama-testimonial-modal\"\n                                    aria-hidden=\"true\"\n                                    data-ama-owner=\"ama-testimonials-269761\"\n                                >\n\n                                    <div\n                                        class=\"ama-testimonial-modal-backdrop\"\n                                    ><\/div>\n\n\n                                    <div\n                                        class=\"ama-testimonial-modal-dialog\"\n                                        role=\"dialog\"\n                                        aria-modal=\"true\"\n                                        aria-labelledby=\"ama-modal-title-10616\"\n                                    >\n\n                                        <button\n                                            type=\"button\"\n                                            class=\"ama-testimonial-modal-close\"\n                                            aria-label=\"Close testimonial\"\n                                        >\n                                            \u00d7\n                                        <\/button>\n\n\n                                        <span\n                                            class=\"ama-testimonial-modal-label\"\n                                        >\n                                            Full Testimonial\n                                        <\/span>\n\n\n                                        <!-- FULL TESTIMONIAL FIRST -->\n\n                                        <div\n                                            class=\"ama-testimonial-modal-text\"\n                                        >\n                                            <p>Working with Antoine Maalouf has been a true pleasure and privilege. Over the past ten years, from one project to another, Antoine became much more than my architect; he became a dear friend and trusted creative partner.<\/p>\n<p>From the very beginning, he brought exceptional passion, commitment, and generosity to our work together. He helped shape the interiors of Dar Zefta, as well as the architecture and interiors of Zefta Art House, with a deep respect for the spirit of the place and a genuine sensitivity to its history, materials, and emotional meaning.<\/p>\n<p>What makes Antoine special is his rare ability to combine tradition with modern creative design. He understands heritage without being trapped by it, and he brings contemporary ideas without ever disconnecting them from context. He has a refined eye for materials, textures, colors, and objects, and he is able to bring together pieces from different eras and styles in a way that feels seamless, warm, and authentic.<\/p>\n<p>His design approach is eclectic, but never random. Every detail has intention. Every space tells a story. And beyond the design itself, Antoine remains committed until the very end, from concept to execution, ensuring that the original vision is carried through with care and precision.<\/p>\n<p>I am grateful for the journey we have shared and for the beauty, soul, and character he helped bring to Dar Zefta and Zefta Art House. Antoine is not only a talented architect and designer; he is a passionate creator, a generous collaborator, and a person who puts heart into every project he touches.<\/p>\n                                        <\/div>\n\n\n                                        <!--\n                                        PERSON NAME + TITLE\n                                        NOW AT END OF FULL TESTIMONIAL\n                                        -->\n\n                                        <div\n                                            class=\"ama-testimonial-modal-person\"\n                                        >\n\n                                            <h3\n                                                id=\"ama-modal-title-10616\"\n                                            >\n                                                Bahjat El-Darwiche                                            <\/h3>\n\n\n                                            \n                                                <p>\n                                                    Founder of Dar Zefta and Zefta Art House, Senior partner Strategy &amp; Middle East                                                <\/p>\n\n                                            \n                                        <\/div>\n\n\n                                    <\/div>\n\n                                <\/div>\n\n                            \n\n                            \n\n                            <article\n                                class=\"\n                                    ama-testimonial-slide\n                                                                    \"\n                                data-index=\"1\"\n                            >\n\n                                <div class=\"ama-testimonial-content-column\">\n\n\n                                    <div class=\"ama-testimonial-quote\">\n\n\n                                        <div class=\"ama-testimonial-preview\">\n\n                                            <p>\n                                                Antoine Maalouf was the only architect we wanted to work with to shape the interior of Salon Beyrouth. We had first discovered his work in a small restaurant we visited, where its charming, soulful details made us fall in love with his approach.\r\n\r\nWe were deeply aligned on the aesthetic and spirit of what Salon Beyrouth could be. Our exchanges felt so organic that the very first rendering proposed by his office was the one.\r\n\u2026                                            <\/p>\n\n                                        <\/div>\n\n\n                                        \n                                            <button\n                                                type=\"button\"\n                                                class=\"ama-testimonial-read-more\"\n                                                data-modal-target=\"ama-modal-10615\"\n                                            >\n\n                                                Read More\n\n                                                <span aria-hidden=\"true\">\n                                                    \u2197\n                                                <\/span>\n\n                                            <\/button>\n\n                                        \n\n                                    <\/div>\n\n\n                                    <!--\n                                    PERSON NAME \/ TITLE REMOVED HERE.\n                                    It now appears only at end of modal.\n                                    -->\n\n\n                                <\/div>\n\n                            <\/article>\n\n\n                            \n                                <div\n                                    id=\"ama-modal-10615\"\n                                    class=\"ama-testimonial-modal\"\n                                    aria-hidden=\"true\"\n                                    data-ama-owner=\"ama-testimonials-269761\"\n                                >\n\n                                    <div\n                                        class=\"ama-testimonial-modal-backdrop\"\n                                    ><\/div>\n\n\n                                    <div\n                                        class=\"ama-testimonial-modal-dialog\"\n                                        role=\"dialog\"\n                                        aria-modal=\"true\"\n                                        aria-labelledby=\"ama-modal-title-10615\"\n                                    >\n\n                                        <button\n                                            type=\"button\"\n                                            class=\"ama-testimonial-modal-close\"\n                                            aria-label=\"Close testimonial\"\n                                        >\n                                            \u00d7\n                                        <\/button>\n\n\n                                        <span\n                                            class=\"ama-testimonial-modal-label\"\n                                        >\n                                            Full Testimonial\n                                        <\/span>\n\n\n                                        <!-- FULL TESTIMONIAL FIRST -->\n\n                                        <div\n                                            class=\"ama-testimonial-modal-text\"\n                                        >\n                                            <p>Antoine Maalouf was the only architect we wanted to work with to shape the interior of Salon Beyrouth. We had first discovered his work in a small restaurant we visited, where its charming, soulful details made us fall in love with his approach.<\/p>\n<p>We were deeply aligned on the aesthetic and spirit of what Salon Beyrouth could be. Our exchanges felt so organic that the very first rendering proposed by his office was the one.<\/p>\n<p>He understood our vision and brought it to life.<\/p>\n                                        <\/div>\n\n\n                                        <!--\n                                        PERSON NAME + TITLE\n                                        NOW AT END OF FULL TESTIMONIAL\n                                        -->\n\n                                        <div\n                                            class=\"ama-testimonial-modal-person\"\n                                        >\n\n                                            <h3\n                                                id=\"ama-modal-title-10615\"\n                                            >\n                                                Raya Kazoun and Moustafa Makki                                            <\/h3>\n\n\n                                            \n                                                <p>\n                                                    Founders and Managers of Salon Beyrouth                                                <\/p>\n\n                                            \n                                        <\/div>\n\n\n                                    <\/div>\n\n                                <\/div>\n\n                            \n\n                            \n\n                            <article\n                                class=\"\n                                    ama-testimonial-slide\n                                                                    \"\n                                data-index=\"2\"\n                            >\n\n                                <div class=\"ama-testimonial-content-column\">\n\n\n                                    <div class=\"ama-testimonial-quote\">\n\n\n                                        <div class=\"ama-testimonial-preview\">\n\n                                            <p>\n                                                Antoine Maalouf and his team are exceptionally creative, professional, and solution-oriented. They have a unique ability to transform ideas into beautiful, functional spaces while navigating challenges with ease and efficiency. Working with them has been a pleasure.                                            <\/p>\n\n                                        <\/div>\n\n\n                                        \n\n                                    <\/div>\n\n\n                                    <!--\n                                    PERSON NAME \/ TITLE REMOVED HERE.\n                                    It now appears only at end of modal.\n                                    -->\n\n\n                                <\/div>\n\n                            <\/article>\n\n\n                            \n\n                            \n\n                            <article\n                                class=\"\n                                    ama-testimonial-slide\n                                                                    \"\n                                data-index=\"3\"\n                            >\n\n                                <div class=\"ama-testimonial-content-column\">\n\n\n                                    <div class=\"ama-testimonial-quote\">\n\n\n                                        <div class=\"ama-testimonial-preview\">\n\n                                            <p>\n                                                Antoine combines a strong appreciation for time efficiency with a keen understanding of budgetary constraints. He is also highly knowledgeable about the history of Lebanese design. We collaborated on the production and scenography of two major studiocur\/art projects in Baalbek and Tripoli, where he demonstrated an impressive ability to adapt creatively to the specific spatial, logistical, and site-related constraints of each l\u2026                                            <\/p>\n\n                                        <\/div>\n\n\n                                        \n                                            <button\n                                                type=\"button\"\n                                                class=\"ama-testimonial-read-more\"\n                                                data-modal-target=\"ama-modal-10612\"\n                                            >\n\n                                                Read More\n\n                                                <span aria-hidden=\"true\">\n                                                    \u2197\n                                                <\/span>\n\n                                            <\/button>\n\n                                        \n\n                                    <\/div>\n\n\n                                    <!--\n                                    PERSON NAME \/ TITLE REMOVED HERE.\n                                    It now appears only at end of modal.\n                                    -->\n\n\n                                <\/div>\n\n                            <\/article>\n\n\n                            \n                                <div\n                                    id=\"ama-modal-10612\"\n                                    class=\"ama-testimonial-modal\"\n                                    aria-hidden=\"true\"\n                                    data-ama-owner=\"ama-testimonials-269761\"\n                                >\n\n                                    <div\n                                        class=\"ama-testimonial-modal-backdrop\"\n                                    ><\/div>\n\n\n                                    <div\n                                        class=\"ama-testimonial-modal-dialog\"\n                                        role=\"dialog\"\n                                        aria-modal=\"true\"\n                                        aria-labelledby=\"ama-modal-title-10612\"\n                                    >\n\n                                        <button\n                                            type=\"button\"\n                                            class=\"ama-testimonial-modal-close\"\n                                            aria-label=\"Close testimonial\"\n                                        >\n                                            \u00d7\n                                        <\/button>\n\n\n                                        <span\n                                            class=\"ama-testimonial-modal-label\"\n                                        >\n                                            Full Testimonial\n                                        <\/span>\n\n\n                                        <!-- FULL TESTIMONIAL FIRST -->\n\n                                        <div\n                                            class=\"ama-testimonial-modal-text\"\n                                        >\n                                            <p>Antoine combines a strong appreciation for time efficiency with a keen understanding of budgetary constraints. He is also highly knowledgeable about the history of Lebanese design. We collaborated on the production and scenography of two major studiocur\/art projects in Baalbek and Tripoli, where he demonstrated an impressive ability to adapt creatively to the specific spatial, logistical, and site-related constraints of each location!<\/p>\n                                        <\/div>\n\n\n                                        <!--\n                                        PERSON NAME + TITLE\n                                        NOW AT END OF FULL TESTIMONIAL\n                                        -->\n\n                                        <div\n                                            class=\"ama-testimonial-modal-person\"\n                                        >\n\n                                            <h3\n                                                id=\"ama-modal-title-10612\"\n                                            >\n                                                Karina el Helou                                            <\/h3>\n\n\n                                            \n                                                <p>\n                                                    Founder of studiocur\/art, former head of Sursock museum, Curator of &quot;The Silent Echo&quot; and &quot;Cycles of collapsing progress&quot;                                                <\/p>\n\n                                            \n                                        <\/div>\n\n\n                                    <\/div>\n\n                                <\/div>\n\n                            \n\n                            \n                    <\/div>\n\n                <\/div>\n\n\n                <!-- DESKTOP NEXT -->\n\n                <button\n                    type=\"button\"\n                    class=\"\n                        ama-testimonial-arrow\n                        ama-testimonial-next\n                        ama-testimonial-desktop-arrow\n                    \"\n                    aria-label=\"Next testimonial\"\n                >\n                    \u203a\n                <\/button>\n\n            <\/div>\n\n\n            <!-- DOTS -->\n\n            <div class=\"ama-testimonial-dots\">\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"\n                            ama-testimonial-dot\n                            is-active                        \"\n                        data-slide=\"0\"\n                        aria-label=\"Go to testimonial 1\"\n                    ><\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"\n                            ama-testimonial-dot\n                                                    \"\n                        data-slide=\"1\"\n                        aria-label=\"Go to testimonial 2\"\n                    ><\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"\n                            ama-testimonial-dot\n                                                    \"\n                        data-slide=\"2\"\n                        aria-label=\"Go to testimonial 3\"\n                    ><\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"\n                            ama-testimonial-dot\n                                                    \"\n                        data-slide=\"3\"\n                        aria-label=\"Go to testimonial 4\"\n                    ><\/button>\n\n                \n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <style>\n\n        \/* =====================================================\n           SECTION\n        ===================================================== *\/\n\n        #ama-testimonials-269761 {\n            --ama-gold: #c59b52;\n            --ama-black: #171717;\n            --ama-grey: #676767;\n            --ama-background: #f5f5f3;\n            --ama-arrow-size: 52px;\n\n            position: relative;\n\n            isolation: isolate;\n\n            width: 100%;\n\n            overflow: hidden;\n\n            padding:\n                clamp(70px, 8vw, 130px)\n                clamp(20px, 4vw, 70px);\n\n            background-color: var(--ama-background);\n\n            background-repeat: no-repeat;\n            background-position: center;\n            background-size: cover;\n\n            font-family: inherit;\n        }\n\n\n        #ama-testimonials-269761 *,\n        #ama-testimonials-269761 *::before,\n        #ama-testimonials-269761 *::after {\n            box-sizing: border-box;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonials-overlay {\n            position: absolute;\n\n            inset: 0;\n\n            z-index: -1;\n\n            background:\n                rgba(247, 246, 243, 0.82);\n\n            pointer-events: none;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonials-inner {\n            position: relative;\n\n            width: min(100%, 1500px);\n\n            margin: 0 auto;\n        }\n\n\n        \/* =====================================================\n           TITLE\n        ===================================================== *\/\n\n        #ama-testimonials-269761        .ama-testimonials-header {\n            margin-bottom:\n                clamp(45px, 5vw, 75px);\n\n            text-align: center;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonials-header h2 {\n            margin: 0;\n\n            color: var(--ama-black);\n\n            font-size:\n                clamp(38px, 4vw, 64px);\n\n            line-height: 1.05;\n\n            font-weight: 500;\n\n            letter-spacing: -0.04em;\n        }\n\n\n        \/* =====================================================\n           MAIN GRID\n        ===================================================== *\/\n\n        #ama-testimonials-269761        .ama-testimonials-slider {\n            position: relative;\n\n            display: grid;\n\n            grid-template-columns:\n                var(--ama-arrow-size)\n                minmax(300px, 420px)\n                minmax(380px, 680px)\n                var(--ama-arrow-size);\n\n            align-items: center;\n            justify-content: center;\n\n            gap:\n                clamp(20px, 3vw, 58px);\n        }\n\n\n        \/* =====================================================\n           FIXED PORTRAIT\n        ===================================================== *\/\n\n        #ama-testimonials-269761        .ama-testimonials-fixed-image {\n            position: relative;\n\n            width: 100%;\n\n            min-width: 0;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonial-image-wrap {\n            width: 100%;\n            max-width: 420px;\n\n            aspect-ratio: 0.68;\n\n            overflow: hidden;\n\n            border-radius: 28px;\n\n            background: #ddd;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonial-image-wrap img {\n            display: block;\n\n            width: 100%;\n            height: 100%;\n\n            object-fit: cover;\n            object-position: center;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonial-mobile-navigation {\n            display: none;\n        }\n\n\n        \/* =====================================================\n           MOVING TESTIMONIALS\n        ===================================================== *\/\n\n        #ama-testimonials-269761        .ama-testimonials-viewport {\n            width: 100%;\n\n            min-width: 0;\n\n            overflow: hidden;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonials-track {\n            display: flex;\n\n            width: 100%;\n\n            transition:\n                transform 0.65s\n                cubic-bezier(.22, .61, .36, 1);\n\n            will-change: transform;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonial-slide {\n            display: flex;\n\n            align-items: center;\n\n            flex: 0 0 100%;\n\n            min-width: 100%;\n\n            padding: 5px;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonial-content-column {\n            width: 100%;\n\n            min-width: 0;\n\n            max-width: 680px;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonial-quote {\n            margin-bottom: 0;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonial-preview {\n            color: var(--ama-black);\n\n            font-size:\n                clamp(21px, 1.75vw, 31px);\n\n            line-height: 1.25;\n\n            font-weight: 500;\n\n            letter-spacing: -0.025em;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonial-preview p {\n            margin: 0;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonial-preview p::before {\n            content: \"\u201c\";\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonial-preview p::after {\n            content: \"\u201d\";\n        }\n\n\n        \/* =====================================================\n           READ MORE\n        ===================================================== *\/\n\n        #ama-testimonials-269761        .ama-testimonial-read-more {\n            display: inline-flex;\n\n            align-items: center;\n            justify-content: center;\n\n            gap: 10px;\n\n            margin-top: 28px;\n\n            padding: 12px 24px;\n\n            border: 0;\n\n            border-radius: 40px;\n\n            background: var(--ama-gold);\n\n            color: #fff;\n\n            font-family: inherit;\n\n            font-size: 16px;\n\n            font-weight: 600;\n\n            line-height: 1;\n\n            cursor: pointer;\n\n            transition:\n                background 0.3s ease,\n                color 0.3s ease,\n                transform 0.3s ease;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonial-read-more:hover {\n            background: #111;\n\n            color: #fff;\n\n            transform: translateY(-2px);\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonial-read-more span {\n            font-size: 14px;\n        }\n\n\n        \/* =====================================================\n           ARROWS\n        ===================================================== *\/\n\n        #ama-testimonials-269761        .ama-testimonial-arrow {\n            position: relative;\n\n            z-index: 5;\n\n            display: flex;\n\n            align-items: center;\n            justify-content: center;\n\n            flex: 0 0 var(--ama-arrow-size);\n\n            width: var(--ama-arrow-size);\n\n            height: var(--ama-arrow-size);\n\n            margin: 0;\n\n            padding: 0;\n\n            border:\n                1px solid rgba(0, 0, 0, 0.12);\n\n            border-radius: 50%;\n\n            background:\n                rgba(255, 255, 255, 0.95);\n\n            color: var(--ama-black);\n\n            font-family: Arial, sans-serif;\n\n            font-size: 36px;\n\n            font-weight: 300;\n\n            line-height: 1;\n\n            cursor: pointer;\n\n            box-shadow:\n                0 8px 25px\n                rgba(0, 0, 0, 0.07);\n\n            transition:\n                transform 0.3s ease,\n                background 0.3s ease,\n                color 0.3s ease;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonial-arrow:hover {\n            background: var(--ama-gold);\n\n            color: #fff;\n\n            transform: scale(1.06);\n        }\n\n\n        \/* =====================================================\n           DOTS\n        ===================================================== *\/\n\n        #ama-testimonials-269761        .ama-testimonial-dots {\n            display: flex;\n\n            align-items: center;\n            justify-content: center;\n\n            gap: 9px;\n\n            margin-top: 42px;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonial-dot {\n            width: 8px;\n\n            height: 8px;\n\n            margin: 0;\n\n            padding: 0;\n\n            border: 0;\n\n            border-radius: 50%;\n\n            background:\n                rgba(0, 0, 0, 0.22);\n\n            cursor: pointer;\n\n            transition:\n                width 0.3s ease,\n                border-radius 0.3s ease,\n                background 0.3s ease;\n        }\n\n\n        #ama-testimonials-269761        .ama-testimonial-dot.is-active {\n            width: 28px;\n\n            border-radius: 20px;\n\n            background: var(--ama-gold);\n        }\n\n\n        \/* =====================================================\n           LAPTOP\n        ===================================================== *\/\n\n        @media (max-width: 1200px) {\n\n            #ama-testimonials-269761 {\n                --ama-arrow-size: 48px;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonials-slider {\n                grid-template-columns:\n                    var(--ama-arrow-size)\n                    minmax(260px, 370px)\n                    minmax(340px, 1fr)\n                    var(--ama-arrow-size);\n\n                gap: 32px;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonial-image-wrap {\n                max-width: 370px;\n            }\n        }\n\n\n        \/* =====================================================\n           TABLET\n        ===================================================== *\/\n\n        @media (max-width: 1024px) {\n\n            #ama-testimonials-269761 {\n                --ama-arrow-size: 46px;\n\n                padding-left: 24px;\n\n                padding-right: 24px;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonials-slider {\n                grid-template-columns:\n                    var(--ama-arrow-size)\n                    minmax(220px, 310px)\n                    minmax(0, 1fr)\n                    var(--ama-arrow-size);\n\n                gap: 20px;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonial-image-wrap {\n                max-width: 310px;\n\n                border-radius: 22px;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonial-preview {\n                font-size:\n                    clamp(20px, 2.3vw, 26px);\n            }\n        }\n\n\n        \/* =====================================================\n           MOBILE\n        ===================================================== *\/\n\n        @media (max-width: 767px) {\n\n            #ama-testimonials-269761 {\n                --ama-arrow-size: 43px;\n\n                padding:\n                    60px\n                    18px;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonials-header {\n                margin-bottom: 38px;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonials-header h2 {\n                font-size:\n                    clamp(33px, 10vw, 46px);\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonials-slider {\n                display: flex;\n\n                flex-direction: column;\n\n                width: 100%;\n\n                gap: 0;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonials-fixed-image {\n                order: 1;\n\n                width: 100%;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonial-image-wrap {\n                width: 100%;\n\n                max-width: none;\n\n                aspect-ratio: 1 \/ 1.15;\n\n                border-radius: 20px;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonial-mobile-navigation {\n                display: flex;\n\n                align-items: center;\n                justify-content: center;\n\n                gap: 14px;\n\n                margin-top: 18px;\n\n                margin-bottom: 34px;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonial-mobile-navigation\n            .ama-testimonial-arrow {\n                position: relative;\n\n                inset: auto;\n\n                display: flex;\n\n                transform: none;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonial-mobile-navigation\n            .ama-testimonial-arrow:hover {\n                transform: scale(1.06);\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonial-desktop-arrow {\n                display: none;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonials-viewport {\n                order: 2;\n\n                width: 100%;\n\n                overflow: hidden;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonial-slide {\n                display: block;\n\n                padding: 0;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonial-content-column {\n                width: 100%;\n\n                max-width: none;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonial-preview {\n                font-size:\n                    clamp(19px, 5.3vw, 24px);\n\n                line-height: 1.3;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonial-read-more {\n                margin-top: 23px;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonial-dots {\n                margin-top: 32px;\n            }\n        }\n\n\n        \/* =====================================================\n           SMALL MOBILE\n        ===================================================== *\/\n\n        @media (max-width: 420px) {\n\n            #ama-testimonials-269761 {\n                padding-left: 14px;\n\n                padding-right: 14px;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonial-preview {\n                font-size: 21px;\n            }\n\n\n            #ama-testimonials-269761            .ama-testimonial-dots {\n                display: none;\n            }\n        }\n\n\n        \/* =====================================================\n           CLICK SUPPORT\n        ===================================================== *\/\n\n        #ama-testimonials-269761        .ama-testimonial-arrow,\n\n        #ama-testimonials-269761        .ama-testimonial-read-more,\n\n        #ama-testimonials-269761        .ama-testimonial-dot {\n\n            pointer-events: auto !important;\n\n            touch-action: manipulation;\n\n            -webkit-tap-highlight-color: transparent;\n        }\n\n    <\/style>\n\n\n\n    <!-- =====================================================\n         GLOBAL MODAL CSS\n    ====================================================== -->\n\n    <style>\n\n        .ama-testimonial-modal {\n            position: fixed !important;\n\n            inset: 0 !important;\n\n            top: 0 !important;\n            right: 0 !important;\n            bottom: 0 !important;\n            left: 0 !important;\n\n            width: 100vw !important;\n\n            height: 100vh !important;\n            height: 100dvh !important;\n\n            display: flex !important;\n\n            align-items: center !important;\n            justify-content: center !important;\n\n            padding: 25px !important;\n\n            margin: 0 !important;\n\n            opacity: 0 !important;\n\n            visibility: hidden !important;\n\n            pointer-events: none !important;\n\n            overflow: hidden !important;\n\n            box-sizing: border-box !important;\n\n            isolation: isolate !important;\n\n            transform: none !important;\n\n            z-index: 2147483000 !important;\n\n            transition:\n                opacity 0.3s ease,\n                visibility 0.3s ease !important;\n        }\n\n\n        .ama-testimonial-modal.is-open {\n            opacity: 1 !important;\n\n            visibility: visible !important;\n\n            pointer-events: auto !important;\n        }\n\n\n        \/* =====================================================\n           BACKDROP\n        ===================================================== *\/\n\n        .ama-testimonial-modal-backdrop {\n            position: absolute !important;\n\n            inset: 0 !important;\n\n            width: 100% !important;\n\n            height: 100% !important;\n\n            background:\n                rgba(0, 0, 0, 0.68) !important;\n\n            backdrop-filter:\n                blur(5px) !important;\n\n            -webkit-backdrop-filter:\n                blur(5px) !important;\n\n            pointer-events: auto !important;\n\n            z-index: 1 !important;\n        }\n\n\n        \/* =====================================================\n           WHITE MODAL BOX\n        ===================================================== *\/\n\n        .ama-testimonial-modal-dialog {\n            position: relative !important;\n\n            z-index: 2 !important;\n\n            width: min(100%, 820px) !important;\n\n            max-height: min(85vh, 900px) !important;\n            max-height: min(85dvh, 900px) !important;\n\n            overflow-x: hidden !important;\n\n            overflow-y: auto !important;\n\n            overscroll-behavior: contain !important;\n\n            -webkit-overflow-scrolling: touch !important;\n\n            padding:\n                clamp(35px, 5vw, 70px) !important;\n\n            border-radius: 25px !important;\n\n            background:\n                #f7f6f3 !important;\n\n            box-sizing: border-box !important;\n\n            box-shadow:\n                0 30px 100px\n                rgba(0, 0, 0, 0.25) !important;\n\n            transform:\n                translateY(25px) !important;\n\n            transition:\n                transform 0.35s ease !important;\n\n            pointer-events: auto !important;\n\n            touch-action: pan-y !important;\n        }\n\n\n        .ama-testimonial-modal.is-open\n        .ama-testimonial-modal-dialog {\n            transform:\n                translateY(0) !important;\n        }\n\n\n        \/* =====================================================\n           CLOSE X\n        ===================================================== *\/\n\n        .ama-testimonial-modal-close {\n            position: sticky !important;\n\n            top: 0 !important;\n\n            float: right !important;\n\n            z-index: 2147483647 !important;\n\n            display: flex !important;\n\n            align-items: center !important;\n            justify-content: center !important;\n\n            width: 42px !important;\n\n            min-width: 42px !important;\n\n            height: 42px !important;\n\n            min-height: 42px !important;\n\n            margin:\n                -15px\n                -15px\n                10px\n                15px !important;\n\n            padding: 0 !important;\n\n            border: 0 !important;\n\n            border-radius: 50% !important;\n\n            background:\n                #ffffff !important;\n\n            color:\n                #111111 !important;\n\n            font-family:\n                Arial, Helvetica, sans-serif !important;\n\n            font-size: 27px !important;\n\n            font-weight: 400 !important;\n\n            line-height: 1 !important;\n\n            cursor: pointer !important;\n\n            visibility: visible !important;\n\n            opacity: 1 !important;\n\n            pointer-events: auto !important;\n\n            touch-action: manipulation !important;\n\n            appearance: none !important;\n\n            -webkit-appearance:\n                none !important;\n\n            box-shadow:\n                0 3px 15px\n                rgba(0, 0, 0, 0.10) !important;\n        }\n\n\n        .ama-testimonial-modal-close:hover,\n        .ama-testimonial-modal-close:focus,\n        .ama-testimonial-modal-close:active {\n\n            background:\n                #ffffff !important;\n\n            color:\n                #111111 !important;\n\n            outline:\n                none !important;\n\n            transform:\n                none !important;\n        }\n\n\n        \/* =====================================================\n           FULL TESTIMONIAL LABEL\n        ===================================================== *\/\n\n        .ama-testimonial-modal-label {\n            display: block;\n\n            margin-bottom: 20px;\n\n            color: #c59b52;\n\n            font-size: 12px;\n\n            font-weight: 700;\n\n            letter-spacing: 0.14em;\n\n            text-transform: uppercase;\n        }\n\n\n        \/* =====================================================\n           FULL TESTIMONIAL TEXT\n        ===================================================== *\/\n\n        .ama-testimonial-modal-text {\n            color: #222;\n\n            font-size:\n                clamp(17px, 1.5vw, 21px);\n\n            line-height: 1.7;\n        }\n\n\n        .ama-testimonial-modal-text p {\n            margin: 0 0 1.25em;\n        }\n\n\n        .ama-testimonial-modal-text p:last-child {\n            margin-bottom: 0;\n        }\n\n\n        \/* =====================================================\n           PERSON AT END OF TESTIMONIAL\n        ===================================================== *\/\n\n        .ama-testimonial-modal-person {\n            margin-top: 38px;\n\n            padding-top: 24px;\n\n            border-top:\n                1px solid\n                rgba(0, 0, 0, 0.12);\n        }\n\n\n        .ama-testimonial-modal-person h3 {\n            margin:\n                0\n                0\n                7px !important;\n\n            color:\n                #171717 !important;\n\n            font-size:\n                clamp(21px, 2vw, 27px) !important;\n\n            line-height:\n                1.15 !important;\n\n            font-weight:\n                700 !important;\n\n            letter-spacing:\n                -0.025em !important;\n        }\n\n\n        .ama-testimonial-modal-person p {\n            margin: 0 !important;\n\n            color:\n                #6a6a6a !important;\n\n            font-size:\n                15px !important;\n\n            line-height:\n                1.5 !important;\n\n            font-weight:\n                500 !important;\n        }\n\n\n        \/* =====================================================\n           BACKGROUND PAGE LOCK\n        ===================================================== *\/\n\n        html.ama-testimonial-modal-open {\n            overflow: hidden !important;\n        }\n\n\n        body.ama-testimonial-modal-open {\n            overflow: hidden !important;\n        }\n\n\n        \/* =====================================================\n           MOBILE MODAL\n        ===================================================== *\/\n\n        @media (max-width: 767px) {\n\n            .ama-testimonial-modal {\n                align-items: flex-end !important;\n\n                padding:\n                    12px\n                    12px\n                    env(safe-area-inset-bottom)\n                    12px !important;\n            }\n\n\n            .ama-testimonial-modal-dialog {\n                width: 100% !important;\n\n                max-height: 90vh !important;\n                max-height: 90dvh !important;\n\n                padding:\n                    25px\n                    24px\n                    35px !important;\n\n                border-radius:\n                    24px\n                    24px\n                    0\n                    0 !important;\n            }\n\n\n            .ama-testimonial-modal-close {\n                width: 40px !important;\n\n                min-width: 40px !important;\n\n                height: 40px !important;\n\n                min-height: 40px !important;\n\n                margin:\n                    0\n                    -5px\n                    10px\n                    15px !important;\n\n                font-size:\n                    26px !important;\n            }\n\n\n            .ama-testimonial-modal-person {\n                margin-top: 30px;\n\n                padding-top: 20px;\n            }\n\n\n            .ama-testimonial-modal-person h3 {\n                font-size: 21px !important;\n            }\n\n\n            .ama-testimonial-modal-person p {\n                font-size: 14px !important;\n            }\n\n        }\n\n    <\/style>\n\n\n\n    <script>\n\n    (function () {\n\n        function initAmaTestimonials() {\n\n\n            const section =\n                document.getElementById(\n                    \"ama-testimonials-269761\"                );\n\n\n            if (\n                !section ||\n                section.dataset.amaInitialised === 'true'\n            ) {\n                return;\n            }\n\n\n            section.dataset.amaInitialised = 'true';\n\n\n            const track =\n                section.querySelector(\n                    '.ama-testimonials-track'\n                );\n\n\n            const slides =\n                Array.from(\n                    section.querySelectorAll(\n                        '.ama-testimonial-slide'\n                    )\n                );\n\n\n            const desktopPreviousButton =\n                section.querySelector(\n                    '.ama-testimonial-prev'\n                );\n\n\n            const desktopNextButton =\n                section.querySelector(\n                    '.ama-testimonial-next'\n                );\n\n\n            const mobilePreviousButton =\n                section.querySelector(\n                    '.ama-testimonial-mobile-prev'\n                );\n\n\n            const mobileNextButton =\n                section.querySelector(\n                    '.ama-testimonial-mobile-next'\n                );\n\n\n            const dots =\n                Array.from(\n                    section.querySelectorAll(\n                        '.ama-testimonial-dot'\n                    )\n                );\n\n\n            if (\n                !track ||\n                !slides.length\n            ) {\n                return;\n            }\n\n\n            let currentSlide = 0;\n\n            let touchStartX = null;\n\n            let touchStartY = null;\n\n            let savedScrollPosition = 0;\n\n\n            \/* =================================================\n               MOVE MODALS DIRECTLY TO BODY\n            ================================================= *\/\n\n            const modals =\n                Array.from(\n                    track.querySelectorAll(\n                        '.ama-testimonial-modal'\n                    )\n                );\n\n\n            modals.forEach(function (modal) {\n\n                document.body.appendChild(\n                    modal\n                );\n\n            });\n\n\n\n            \/* =================================================\n               SHOW SLIDE\n            ================================================= *\/\n\n            function showSlide(index) {\n\n\n                if (index < 0) {\n                    index = slides.length - 1;\n                }\n\n\n                if (\n                    index >= slides.length\n                ) {\n                    index = 0;\n                }\n\n\n                currentSlide = index;\n\n\n                track.style.transform =\n                    'translate3d(-' +\n                    (currentSlide * 100) +\n                    '%, 0, 0)';\n\n\n                slides.forEach(\n                    function (\n                        slide,\n                        slideIndex\n                    ) {\n\n                        const active =\n                            slideIndex ===\n                            currentSlide;\n\n\n                        slide.classList.toggle(\n                            'is-active',\n                            active\n                        );\n\n\n                        slide.setAttribute(\n                            'aria-hidden',\n                            active\n                                ? 'false'\n                                : 'true'\n                        );\n\n                    }\n                );\n\n\n                dots.forEach(\n                    function (\n                        dot,\n                        dotIndex\n                    ) {\n\n                        const active =\n                            dotIndex ===\n                            currentSlide;\n\n\n                        dot.classList.toggle(\n                            'is-active',\n                            active\n                        );\n\n\n                        dot.setAttribute(\n                            'aria-current',\n                            active\n                                ? 'true'\n                                : 'false'\n                        );\n\n                    }\n                );\n\n            }\n\n\n\n            \/* =================================================\n               FIND OPEN MODAL\n            ================================================= *\/\n\n            function getOpenModal() {\n\n                return modals.find(\n                    function (modal) {\n\n                        return modal.classList.contains(\n                            'is-open'\n                        );\n\n                    }\n                ) || null;\n\n            }\n\n\n\n            \/* =================================================\n               LOCK BACKGROUND PAGE\n            ================================================= *\/\n\n            function lockBackgroundPage() {\n\n\n                savedScrollPosition =\n                    window.pageYOffset ||\n                    document.documentElement.scrollTop ||\n                    0;\n\n\n                document.documentElement\n                    .classList.add(\n                        'ama-testimonial-modal-open'\n                    );\n\n\n                document.body\n                    .classList.add(\n                        'ama-testimonial-modal-open'\n                    );\n\n\n                document.body.style.position =\n                    'fixed';\n\n\n                document.body.style.top =\n                    '-' +\n                    savedScrollPosition +\n                    'px';\n\n\n                document.body.style.left =\n                    '0';\n\n\n                document.body.style.right =\n                    '0';\n\n\n                document.body.style.width =\n                    '100%';\n\n            }\n\n\n\n            \/* =================================================\n               UNLOCK BACKGROUND PAGE\n            ================================================= *\/\n\n            function unlockBackgroundPage() {\n\n\n                document.documentElement\n                    .classList.remove(\n                        'ama-testimonial-modal-open'\n                    );\n\n\n                document.body\n                    .classList.remove(\n                        'ama-testimonial-modal-open'\n                    );\n\n\n                document.body.style.position =\n                    '';\n\n\n                document.body.style.top =\n                    '';\n\n\n                document.body.style.left =\n                    '';\n\n\n                document.body.style.right =\n                    '';\n\n\n                document.body.style.width =\n                    '';\n\n\n                window.scrollTo(\n                    0,\n                    savedScrollPosition\n                );\n\n            }\n\n\n\n            \/* =================================================\n               CLOSE MODAL\n            ================================================= *\/\n\n            function closeModal(modal) {\n\n\n                if (!modal) {\n                    return;\n                }\n\n\n                modal.classList.remove(\n                    'is-open'\n                );\n\n\n                modal.setAttribute(\n                    'aria-hidden',\n                    'true'\n                );\n\n\n                unlockBackgroundPage();\n\n\n                touchStartX = null;\n\n                touchStartY = null;\n\n            }\n\n\n\n            \/* =================================================\n               CLOSE CURRENT OPEN MODAL\n            ================================================= *\/\n\n            function closeOpenModal() {\n\n\n                const openModal =\n                    getOpenModal();\n\n\n                if (openModal) {\n\n                    closeModal(\n                        openModal\n                    );\n\n                }\n\n            }\n\n\n\n            \/* =================================================\n               OPEN MODAL\n            ================================================= *\/\n\n            function openModal(modal) {\n\n\n                if (!modal) {\n                    return;\n                }\n\n\n                const alreadyOpen =\n                    getOpenModal();\n\n\n                if (alreadyOpen) {\n\n                    alreadyOpen.classList.remove(\n                        'is-open'\n                    );\n\n\n                    alreadyOpen.setAttribute(\n                        'aria-hidden',\n                        'true'\n                    );\n\n                }\n\n\n                lockBackgroundPage();\n\n\n                modal.classList.add(\n                    'is-open'\n                );\n\n\n                modal.setAttribute(\n                    'aria-hidden',\n                    'false'\n                );\n\n\n                const dialog =\n                    modal.querySelector(\n                        '.ama-testimonial-modal-dialog'\n                    );\n\n\n                if (dialog) {\n\n                    dialog.scrollTop = 0;\n\n                }\n\n\n                const closeButton =\n                    modal.querySelector(\n                        '.ama-testimonial-modal-close'\n                    );\n\n\n                if (closeButton) {\n\n                    window.setTimeout(\n                        function () {\n\n                            try {\n\n                                closeButton.focus({\n                                    preventScroll: true\n                                });\n\n                            } catch (error) {\n\n                                closeButton.focus();\n\n                            }\n\n                        },\n                        50\n                    );\n\n                }\n\n            }\n\n\n\n            \/* =================================================\n               PREVIOUS\n            ================================================= *\/\n\n            function showPreviousTestimonial(event) {\n\n\n                if (event) {\n\n                    event.preventDefault();\n\n                    event.stopPropagation();\n\n                }\n\n\n                closeOpenModal();\n\n\n                showSlide(\n                    currentSlide - 1\n                );\n\n            }\n\n\n\n            \/* =================================================\n               NEXT\n            ================================================= *\/\n\n            function showNextTestimonial(event) {\n\n\n                if (event) {\n\n                    event.preventDefault();\n\n                    event.stopPropagation();\n\n                }\n\n\n                closeOpenModal();\n\n\n                showSlide(\n                    currentSlide + 1\n                );\n\n            }\n\n\n\n            \/* =================================================\n               DESKTOP ARROWS\n            ================================================= *\/\n\n            if (desktopPreviousButton) {\n\n                desktopPreviousButton.addEventListener(\n                    'click',\n                    showPreviousTestimonial\n                );\n\n            }\n\n\n            if (desktopNextButton) {\n\n                desktopNextButton.addEventListener(\n                    'click',\n                    showNextTestimonial\n                );\n\n            }\n\n\n\n            \/* =================================================\n               MOBILE ARROWS\n            ================================================= *\/\n\n            if (mobilePreviousButton) {\n\n                mobilePreviousButton.addEventListener(\n                    'click',\n                    showPreviousTestimonial\n                );\n\n            }\n\n\n            if (mobileNextButton) {\n\n                mobileNextButton.addEventListener(\n                    'click',\n                    showNextTestimonial\n                );\n\n            }\n\n\n\n            \/* =================================================\n               DOTS\n            ================================================= *\/\n\n            dots.forEach(function (dot) {\n\n\n                dot.addEventListener(\n                    'click',\n                    function (event) {\n\n\n                        event.preventDefault();\n\n                        event.stopPropagation();\n\n\n                        const requestedSlide =\n                            parseInt(\n                                this.getAttribute(\n                                    'data-slide'\n                                ),\n                                10\n                            );\n\n\n                        if (\n                            Number.isNaN(\n                                requestedSlide\n                            )\n                        ) {\n                            return;\n                        }\n\n\n                        closeOpenModal();\n\n\n                        showSlide(\n                            requestedSlide\n                        );\n\n                    }\n                );\n\n            });\n\n\n\n            \/* =================================================\n               READ MORE BUTTONS\n            ================================================= *\/\n\n            section.querySelectorAll(\n                '.ama-testimonial-read-more'\n            ).forEach(function (button) {\n\n\n                button.addEventListener(\n                    'click',\n                    function (event) {\n\n\n                        event.preventDefault();\n\n                        event.stopPropagation();\n\n\n                        const modalId =\n                            this.getAttribute(\n                                'data-modal-target'\n                            );\n\n\n                        if (!modalId) {\n                            return;\n                        }\n\n\n                        const modal =\n                            document.getElementById(\n                                modalId.trim()\n                            );\n\n\n                        openModal(\n                            modal\n                        );\n\n                    }\n                );\n\n            });\n\n\n\n            \/* =================================================\n               MODAL EVENTS\n            ================================================= *\/\n\n            modals.forEach(function (modal) {\n\n\n                const closeButton =\n                    modal.querySelector(\n                        '.ama-testimonial-modal-close'\n                    );\n\n\n                const backdrop =\n                    modal.querySelector(\n                        '.ama-testimonial-modal-backdrop'\n                    );\n\n\n                const dialog =\n                    modal.querySelector(\n                        '.ama-testimonial-modal-dialog'\n                    );\n\n\n                if (closeButton) {\n\n\n                    closeButton.addEventListener(\n                        'click',\n                        function (event) {\n\n\n                            event.preventDefault();\n\n                            event.stopPropagation();\n\n\n                            closeModal(\n                                modal\n                            );\n\n                        }\n                    );\n\n\n                    closeButton.addEventListener(\n                        'touchend',\n                        function (event) {\n\n\n                            event.preventDefault();\n\n                            event.stopPropagation();\n\n\n                            closeModal(\n                                modal\n                            );\n\n                        },\n                        {\n                            passive: false\n                        }\n                    );\n\n                }\n\n\n                if (backdrop) {\n\n\n                    backdrop.addEventListener(\n                        'click',\n                        function (event) {\n\n\n                            event.preventDefault();\n\n                            event.stopPropagation();\n\n\n                            closeModal(\n                                modal\n                            );\n\n                        }\n                    );\n\n\n                    backdrop.addEventListener(\n                        'touchend',\n                        function (event) {\n\n\n                            event.preventDefault();\n\n                            event.stopPropagation();\n\n\n                            closeModal(\n                                modal\n                            );\n\n                        },\n                        {\n                            passive: false\n                        }\n                    );\n\n                }\n\n\n                if (dialog) {\n\n\n                    dialog.addEventListener(\n                        'click',\n                        function (event) {\n\n                            event.stopPropagation();\n\n                        }\n                    );\n\n\n                    dialog.addEventListener(\n                        'touchmove',\n                        function (event) {\n\n                            event.stopPropagation();\n\n                        },\n                        {\n                            passive: true\n                        }\n                    );\n\n                }\n\n            });\n\n\n\n            \/* =================================================\n               MOBILE SWIPE\n            ================================================= *\/\n\n            track.addEventListener(\n                'touchstart',\n                function (event) {\n\n\n                    if (\n                        event.target.closest(\n                            'button, a'\n                        )\n                    ) {\n\n                        touchStartX = null;\n\n                        touchStartY = null;\n\n                        return;\n\n                    }\n\n\n                    const touch =\n                        event.changedTouches[0];\n\n\n                    touchStartX =\n                        touch.clientX;\n\n\n                    touchStartY =\n                        touch.clientY;\n\n                },\n                {\n                    passive: true\n                }\n            );\n\n\n            track.addEventListener(\n                'touchend',\n                function (event) {\n\n\n                    if (\n                        touchStartX === null ||\n                        touchStartY === null ||\n                        event.target.closest(\n                            'button, a'\n                        )\n                    ) {\n\n                        touchStartX = null;\n\n                        touchStartY = null;\n\n                        return;\n\n                    }\n\n\n                    const touch =\n                        event.changedTouches[0];\n\n\n                    const horizontalDistance =\n                        touchStartX -\n                        touch.clientX;\n\n\n                    const verticalDistance =\n                        touchStartY -\n                        touch.clientY;\n\n\n                    if (\n                        Math.abs(\n                            horizontalDistance\n                        ) < 50 ||\n                        Math.abs(\n                            verticalDistance\n                        ) >\n                        Math.abs(\n                            horizontalDistance\n                        )\n                    ) {\n\n                        touchStartX = null;\n\n                        touchStartY = null;\n\n                        return;\n\n                    }\n\n\n                    closeOpenModal();\n\n\n                    if (\n                        horizontalDistance > 0\n                    ) {\n\n                        showSlide(\n                            currentSlide + 1\n                        );\n\n                    } else {\n\n                        showSlide(\n                            currentSlide - 1\n                        );\n\n                    }\n\n\n                    touchStartX = null;\n\n                    touchStartY = null;\n\n                },\n                {\n                    passive: true\n                }\n            );\n\n\n\n            \/* =================================================\n               KEYBOARD\n            ================================================= *\/\n\n            document.addEventListener(\n                'keydown',\n                function (event) {\n\n\n                    const openModal =\n                        getOpenModal();\n\n\n                    if (openModal) {\n\n\n                        if (\n                            event.key ===\n                            'Escape'\n                        ) {\n\n                            event.preventDefault();\n\n\n                            closeModal(\n                                openModal\n                            );\n\n                        }\n\n\n                        return;\n\n                    }\n\n\n                    if (\n                        event.key ===\n                        'ArrowLeft'\n                    ) {\n\n                        showSlide(\n                            currentSlide - 1\n                        );\n\n                    }\n\n\n                    if (\n                        event.key ===\n                        'ArrowRight'\n                    ) {\n\n                        showSlide(\n                            currentSlide + 1\n                        );\n\n                    }\n\n                }\n            );\n\n\n\n            \/* =================================================\n               START\n            ================================================= *\/\n\n            showSlide(0);\n\n        }\n\n\n\n        if (\n            document.readyState ===\n            'loading'\n        ) {\n\n            document.addEventListener(\n                'DOMContentLoaded',\n                initAmaTestimonials\n            );\n\n        } else {\n\n            initAmaTestimonials();\n\n        }\n\n    })();\n\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b392336 e-con e-atomic-element e-flexbox-base e-default-div e-4b85884 \" data-id=\"b392336\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b392336\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-da7ee10 e-con-full e-flex e-con e-parent\" data-id=\"da7ee10\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6555bde elementor-widget elementor-widget-video\" data-id=\"6555bde\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Maalouf-website.mp4\" loop=\"\" controls=\"\" preload=\"metadata\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c7a62e e-flex e-con-boxed e-con e-parent\" data-id=\"1c7a62e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9d75ffd e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"9d75ffd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;opal-move-up&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-933f962 e-con-full e-flex e-con e-child\" data-id=\"933f962\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93f3ff1 subtitle-position-above elementor-mobile_extra-align-left elementor-mobile-align-center elementor-widget elementor-widget-antra-heading\" data-id=\"93f3ff1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"antra-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-wrapper-inner\"><div class=\"elementor-sub-title\"><span class=\"elementor-title-span\">                <span class=\"elementor-button-icon antra-subtitle-icon-left\">\n                    <i aria-hidden=\"true\" class=\"antra-icon- antra-icon-dot\"><\/i>                <\/span>\n                straight from the newsroom<\/span><\/div><\/div>\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-80c1a5e e-con-full e-flex e-con e-child\" data-id=\"80c1a5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b02cc3 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"0b02cc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 data-cursor=\"-opaque\" class=\"elementor-heading-title elementor-size-default\"> <span class=\"c-primary\">Insights <\/span>&amp; Podcasts.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c2f853 elementor-widget elementor-widget-shortcode\" data-id=\"5c2f853\" 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\">    <style>\n    \/* Page-only backdrop: behind the EXISTING header *\/\n    body:has(.ama-press-page) { background:#f7f7f7; }\n    body:has(.ama-press-page)::before {\n        content:\"\"; position:absolute; top:0; left:0; right:0;\n        height:330px; pointer-events:none; z-index:0;\n        background:linear-gradient(to bottom,#a9a9a9 0%,#d4d4d4 33%,#f0f0f0 70%,#f7f7f7 100%);\n    }\n    body:has(.ama-press-page) .elementor-location-header,\n    body:has(.ama-press-page) .hfe-site-header { z-index:100; }\n    .ama-press-page, .ama-press-page *, .ama-press-grid, .ama-press-grid * { box-sizing:border-box; }\n    .ama-press-page { --gold:#c89a4b; --ink:#171717; --muted:#69635d; position:relative; z-index:1; width:100%; padding-top:155px; color:var(--ink); }\n    .ama-press-hero { margin:0 0 28px; padding:0 0 8px; }\n    .ama-press-hero-content { position:relative; padding-left:27px; }\n    .ama-press-hero-content::before { content:\"\"; position:absolute; left:0; top:5px; bottom:5px; width:1px; background:var(--gold); }\n    .ama-press-page-title { margin:0!important; font:400 clamp(40px,5vw,72px)\/1.1 Georgia,'Times New Roman',serif!important; letter-spacing:-.035em; color:var(--ink); }\n    .ama-press-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:15px 18px; margin-bottom:30px; background:#fff; border-radius:20px; box-shadow:0 12px 40px #0000000d; }\n    .ama-press-filters { display:flex; flex-wrap:wrap; gap:7px; }\n    .ama-press-filter { display:inline-flex; align-items:center; min-height:40px; padding:10px 17px; border-radius:30px; text-decoration:none!important; color:#393939; font-size:13px; }\n    .ama-press-filter:hover { background:#f0ede8; color:#171717; }\n    .ama-press-filter.is-active { background:#171717; color:white; }\n    .ama-press-search-form { position:relative; flex:0 1 300px; }\n    .ama-press-search-input { width:100%; height:46px; padding:0 48px 0 18px!important; border:1px solid #e1ddd7!important; border-radius:40px!important; background:white!important; font-size:13px; }\n    .ama-press-search-button { position:absolute; right:7px; top:4px; width:38px; height:38px; padding:0!important; border:0!important; background:transparent!important; color:#222!important; cursor:pointer; }\n    .ama-press-search-button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; }\n    .ama-press-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:28px; }\n    .ama-press-blog-card { display:flex; flex-direction:column; min-width:0; height:100%; overflow:hidden; border-radius:25px; background:#fff; box-shadow:0 14px 45px #0000000f; transition:transform .3s,box-shadow .3s; }\n    .ama-press-blog-card:hover { transform:translateY(-5px); box-shadow:0 22px 50px #0000001a; }\n    .ama-press-blog-card-link { display:flex; flex-direction:column; flex:1; height:100%; color:inherit!important; text-decoration:none!important; }\n    \/* Fixed identical image frame for every Insights \/ Podcast \/ Article card *\/\n    .ama-press-blog-image-wrap { position:relative; display:block; width:100%; aspect-ratio:4\/3; overflow:hidden; background:#ebe7df; flex-shrink:0; }\n    .ama-press-blog-image-wrap img.ama-press-blog-image { position:absolute!important; inset:0; width:100%!important; max-width:none!important; height:100%!important; min-height:0!important; margin:0!important; padding:0!important; object-fit:cover!important; object-position:center!important; transition:transform .5s; }\n    .ama-press-blog-card:hover img.ama-press-blog-image { transform:scale(1.035); }\n    .ama-press-blog-placeholder { width:100%; height:100%; background:#ebe7df; }\n    .ama-press-blog-category { position:absolute; top:16px; left:16px; z-index:2; padding:9px 14px; border-radius:30px; background:#c89a4b; color:#fff; font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }\n    .ama-press-blog-content { display:flex; flex:1; flex-direction:column; padding:25px; }\n    .ama-press-blog-title { margin:0 0 15px!important; font:400 clamp(23px,2vw,32px)\/1.13 Georgia,'Times New Roman',serif!important; color:#171717; }\n    .ama-press-blog-excerpt { margin:0 0 20px; color:#69635d; font-size:14px; line-height:1.65; }\n    .ama-press-blog-footer { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:18px; }\n    .ama-press-blog-button { border-bottom:1px solid #c89a4b; padding-bottom:5px; font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }\n    .ama-press-blog-arrow { font-size:22px; }\n    .ama-press-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:48px 0 30px; }\n    .ama-press-page-number { display:inline-flex; align-items:center; justify-content:center; min-width:43px; height:43px; border:1px solid #e2ddd7; border-radius:50%; color:#333!important; background:white; text-decoration:none!important; }\n    .ama-press-page-number.is-current { background:#c89a4b; border-color:#c89a4b; color:white!important; }\n    .ama-press-empty { padding:60px 25px; text-align:center; background:#faf9f7; border-radius:20px; }\n    \/* Homepage grid remains available via <div class=\"ama-press-grid\" style=\"--ama-columns:3\">      <article class=\"ama-press-card\"><a class=\"ama-press-card-link\" href=\"https:\/\/maaloufarchitects.com\/?press_article=beiruts-heritage-buildings-11-historic-landmarks-that-have-been-lovingly-restored\">\n        <div class=\"ama-press-image-wrap\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"551\" src=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beihouse-2-1024x576.webp\" class=\"ama-press-image wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beihouse-2-1024x576.webp 1024w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beihouse-2-300x169.webp 300w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beihouse-2-768x432.webp 768w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beihouse-2-1536x864.webp 1536w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beihouse-2-860x484.webp 860w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beihouse-2-1000x563.webp 1000w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beihouse-2.webp 1920w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/>          <span class=\"ama-press-category\">Insights<\/span>        <\/div>\n        <div class=\"ama-press-content\"><h3 class=\"ama-press-title\">AD Middle East &#8211; Beirut\u2019s Heritage Buildings: 11 Historic Landmarks That Have Been Lovingly Restored<\/h3>\n          <p class=\"ama-press-excerpt\">The Lebanese capital&#8217;s heritage buildings are making a remarkable comeback as vibrant cultural and social spaces. By\u00a0Amelia Dhuga November 26, 2025 &nbsp; A stroll\u2026<\/p>                  <\/div>\n      <\/a><\/article>\n          <article class=\"ama-press-card\"><a class=\"ama-press-card-link\" href=\"https:\/\/maaloufarchitects.com\/?press_article=10350\">\n        <div class=\"ama-press-image-wrap\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"727\" height=\"1024\" src=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/1-2-727x1024-1.jpg\" class=\"ama-press-image wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/1-2-727x1024-1.jpg 727w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/1-2-727x1024-1-213x300.jpg 213w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/1-2-727x1024-1-447x629.jpg 447w\" sizes=\"auto, (max-width: 727px) 100vw, 727px\" \/>          <span class=\"ama-press-category\">Insights<\/span>        <\/div>\n        <div class=\"ama-press-content\"><h3 class=\"ama-press-title\">Monocle Magazine \u2013 Ivory Hours news<\/h3>\n          <p class=\"ama-press-excerpt\">news Monocle Magazine \u2013 Ivory Hours &nbsp; &nbsp;<\/p>                  <\/div>\n      <\/a><\/article>\n          <article class=\"ama-press-card\"><a class=\"ama-press-card-link\" href=\"https:\/\/maaloufarchitects.com\/?press_article=galerie-magazine-the-ultimate-art-design-guide-to-beirut\">\n        <div class=\"ama-press-image-wrap\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"727\" height=\"1024\" src=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beirut_p001-727x1024-1.jpg\" class=\"ama-press-image wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beirut_p001-727x1024-1.jpg 727w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beirut_p001-727x1024-1-213x300.jpg 213w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beirut_p001-727x1024-1-447x629.jpg 447w\" sizes=\"auto, (max-width: 727px) 100vw, 727px\" \/>          <span class=\"ama-press-category\">Insights<\/span>        <\/div>\n        <div class=\"ama-press-content\"><h3 class=\"ama-press-title\">Galerie Magazine &#8211; The Ultimate Art &#038; Design Guide to Beirut<\/h3>\n          <p class=\"ama-press-excerpt\">The Ultimate Art and Design Guide to Beirut A thrilling cultural revival is putting the storied Lebanese capital back on the map. By\u00a0Alya Chehab\u2026<\/p>                  <\/div>\n      <\/a><\/article>\n    <\/div> *\/\n    .ama-press-grid { display:grid; grid-template-columns:repeat(var(--ama-columns,3),minmax(0,1fr)); gap:34px 24px; }\n    .ama-press-card { min-width:0; }\n    .ama-press-card-link { display:block; color:inherit!important; text-decoration:none!important; }\n    .ama-press-image-wrap { display:block; position:relative; width:100%; aspect-ratio:1.12\/1; overflow:hidden; border-radius:25px; background:#ebe7df; }\n    .ama-press-image-wrap img.ama-press-image { position:absolute!important; inset:0; width:100%!important; height:100%!important; object-fit:cover!important; transition:transform .4s; }\n    .ama-press-card:hover .ama-press-image { transform:scale(1.035); }\n    .ama-press-category { position:absolute; top:16px; left:16px; z-index:2; background:#c89a4b; color:white; padding:8px 14px; border-radius:30px; font-size:12px; }\n    .ama-press-content { padding-top:15px; }\n    .ama-press-title { margin:0 0 8px; font-size:clamp(20px,1.7vw,28px); font-weight:400; line-height:1.2; }\n    .ama-press-excerpt { color:#69635d; font-size:14px; line-height:1.6; }\n    .ama-press-read-more { display:inline-block; margin-top:12px; border-bottom:1px solid; font-size:12px; text-transform:uppercase; }\n    @media(max-width:1024px) {\n      .ama-press-page { padding-top:125px; }\n      .ama-press-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }\n      .ama-press-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }\n      .ama-press-toolbar { flex-direction:column; align-items:stretch; }\n      .ama-press-search-form { flex-basis:auto; width:100%; }\n    }\n    @media(max-width:767px) {\n      body:has(.ama-press-page)::before { height:245px; }\n      .ama-press-page { padding-top:115px; }\n      .ama-press-hero { margin-bottom:20px; }\n      .ama-press-hero-content { padding-left:20px; }\n      .ama-press-page-title { font-size:40px!important; }\n      .ama-press-toolbar { padding:12px; border-radius:16px; }\n      .ama-press-filters { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }\n      .ama-press-filter { flex-shrink:0; }\n      .ama-press-blog-grid, .ama-press-grid { grid-template-columns:1fr; gap:25px; }\n      .ama-press-blog-content { padding:22px; }\n    }\n    <\/style>\n    <div class=\"ama-press-grid\" style=\"--ama-columns:3\">      <article class=\"ama-press-card\"><a class=\"ama-press-card-link\" href=\"https:\/\/maaloufarchitects.com\/?press_article=beiruts-heritage-buildings-11-historic-landmarks-that-have-been-lovingly-restored\">\n        <div class=\"ama-press-image-wrap\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"551\" src=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beihouse-2-1024x576.webp\" class=\"ama-press-image wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beihouse-2-1024x576.webp 1024w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beihouse-2-300x169.webp 300w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beihouse-2-768x432.webp 768w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beihouse-2-1536x864.webp 1536w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beihouse-2-860x484.webp 860w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beihouse-2-1000x563.webp 1000w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beihouse-2.webp 1920w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/>          <span class=\"ama-press-category\">Insights<\/span>        <\/div>\n        <div class=\"ama-press-content\"><h3 class=\"ama-press-title\">AD Middle East &#8211; Beirut\u2019s Heritage Buildings: 11 Historic Landmarks That Have Been Lovingly Restored<\/h3>\n          <p class=\"ama-press-excerpt\">The Lebanese capital&#8217;s heritage buildings are making a remarkable comeback as vibrant cultural and social spaces. By\u00a0Amelia Dhuga November 26, 2025 &nbsp; A stroll\u2026<\/p>                  <\/div>\n      <\/a><\/article>\n          <article class=\"ama-press-card\"><a class=\"ama-press-card-link\" href=\"https:\/\/maaloufarchitects.com\/?press_article=10350\">\n        <div class=\"ama-press-image-wrap\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"727\" height=\"1024\" src=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/1-2-727x1024-1.jpg\" class=\"ama-press-image wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/1-2-727x1024-1.jpg 727w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/1-2-727x1024-1-213x300.jpg 213w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/1-2-727x1024-1-447x629.jpg 447w\" sizes=\"auto, (max-width: 727px) 100vw, 727px\" \/>          <span class=\"ama-press-category\">Insights<\/span>        <\/div>\n        <div class=\"ama-press-content\"><h3 class=\"ama-press-title\">Monocle Magazine \u2013 Ivory Hours news<\/h3>\n          <p class=\"ama-press-excerpt\">news Monocle Magazine \u2013 Ivory Hours &nbsp; &nbsp;<\/p>                  <\/div>\n      <\/a><\/article>\n          <article class=\"ama-press-card\"><a class=\"ama-press-card-link\" href=\"https:\/\/maaloufarchitects.com\/?press_article=galerie-magazine-the-ultimate-art-design-guide-to-beirut\">\n        <div class=\"ama-press-image-wrap\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"727\" height=\"1024\" src=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beirut_p001-727x1024-1.jpg\" class=\"ama-press-image wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beirut_p001-727x1024-1.jpg 727w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beirut_p001-727x1024-1-213x300.jpg 213w, https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/Beirut_p001-727x1024-1-447x629.jpg 447w\" sizes=\"auto, (max-width: 727px) 100vw, 727px\" \/>          <span class=\"ama-press-category\">Insights<\/span>        <\/div>\n        <div class=\"ama-press-content\"><h3 class=\"ama-press-title\">Galerie Magazine &#8211; The Ultimate Art &#038; Design Guide to Beirut<\/h3>\n          <p class=\"ama-press-excerpt\">The Ultimate Art and Design Guide to Beirut A thrilling cultural revival is putting the storied Lebanese capital back on the map. By\u00a0Alya Chehab\u2026<\/p>                  <\/div>\n      <\/a><\/article>\n    <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0a0975f e-con e-atomic-element e-flexbox-base e-default-div e-1a1249c \" data-id=\"0a0975f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0a0975f\">\n    \t\t<div class=\"elementor-element elementor-element-69fd54d elementor-widget elementor-widget-shortcode\" data-id=\"69fd54d\" 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\">\n\t<section\n\t\tid=\"ama-gallery-535683\"\n\t\tclass=\"ama-two-row-gallery\"\n\t\tdata-autoplay=\"false\"\n\t\tdata-speed=\"4500\"\n\t>\n\n\t\t<div class=\"ama-gallery-rows\">\n\n\n\t\t\t<!-- TOP ROW -->\n\n\t\t\t<div class=\"ama-gallery-row ama-gallery-row-top\">\n\n\t\t\t\t<div class=\"ama-gallery-viewport\">\n\n\t\t\t\t\t<div class=\"ama-gallery-track\">\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-wide\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"0\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural sketch 1\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/12-1.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural sketch 1\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-medium\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"1\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural sketch 2\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/7.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural sketch 2\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-large\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"2\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural sketch 3\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/4.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural sketch 3\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-medium\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"3\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural sketch 4\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/3.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural sketch 4\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-wide\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"4\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural sketch 5\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/1.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural sketch 5\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-large\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"5\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural sketch 6\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/20.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural sketch 6\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-medium\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"6\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural sketch 7\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/10-1.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural sketch 7\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-wide\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"7\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural sketch 8\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/15.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural sketch 8\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-medium\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"8\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural sketch 9\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/9-1.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural sketch 9\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-large\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"9\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural sketch 10\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/11-1.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural sketch 10\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\n\t\t\t<!-- BOTTOM ROW -->\n\n\t\t\t<div class=\"ama-gallery-row ama-gallery-row-bottom\">\n\n\t\t\t\t<div class=\"ama-gallery-viewport\">\n\n\t\t\t\t\t<div class=\"ama-gallery-track\">\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-medium\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"10\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural drawing 11\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/8.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural drawing 11\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-large\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"11\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural drawing 12\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/13-1.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural drawing 12\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-wide\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"12\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural drawing 13\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/14-1.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural drawing 13\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-medium\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"13\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural drawing 14\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/16-1.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural drawing 14\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-wide\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"14\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural drawing 15\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/17-1.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural drawing 15\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-large\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"15\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural drawing 16\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/18-1.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural drawing 16\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-medium\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"16\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural drawing 17\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/19.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural drawing 17\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-large\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"17\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural drawing 18\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/2.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural drawing 18\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-wide\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"18\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural drawing 19\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/5.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural drawing 19\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"ama-gallery-item ama-gallery-medium\"\n\t\t\t\t\t\t\t\tdata-gallery-index=\"19\"\n\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"ama-gallery-image-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Architectural drawing 20\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/07\/6.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Architectural drawing 20\"\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t<\/article>\n\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\n\n\t\t<!-- MAIN PREVIOUS ARROW -->\n\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"ama-gallery-arrow ama-gallery-prev\"\n\t\t\taria-label=\"Previous gallery position\"\n\t\t>\n\n\t\t\t<svg\n\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\td=\"M15 5L8 12L15 19\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"1.7\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\/>\n\t\t\t<\/svg>\n\n\t\t<\/button>\n\n\n\t\t<!-- MAIN NEXT ARROW -->\n\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"ama-gallery-arrow ama-gallery-next\"\n\t\t\taria-label=\"Next gallery position\"\n\t\t>\n\n\t\t\t<svg\n\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\td=\"M9 5L16 12L9 19\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"1.7\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\/>\n\t\t\t<\/svg>\n\n\t\t<\/button>\n\n\n\t\t<!-- FULLSCREEN MODAL -->\n\n\t\t<div\n\t\t\tclass=\"ama-gallery-modal\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\n\t\t\t<div class=\"ama-gallery-modal-backdrop\"><\/div>\n\n\t\t\t<div\n\t\t\t\tclass=\"ama-gallery-modal-dialog\"\n\t\t\t\trole=\"dialog\"\n\t\t\t\taria-modal=\"true\"\n\t\t\t\taria-label=\"Architectural gallery image\"\n\t\t\t>\n\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"ama-gallery-modal-close\"\n\t\t\t\t\taria-label=\"Close image\"\n\t\t\t\t>\n\t\t\t\t\t\u00d7\n\t\t\t\t<\/button>\n\n\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"ama-gallery-modal-arrow ama-gallery-modal-prev\"\n\t\t\t\t\taria-label=\"Previous image\"\n\t\t\t\t>\n\t\t\t\t\t\u2039\n\t\t\t\t<\/button>\n\n\n\t\t\t\t<img\n\t\t\t\t\tclass=\"ama-gallery-modal-image\"\n\t\t\t\t\tsrc=\"\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t>\n\n\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"ama-gallery-modal-arrow ama-gallery-modal-next\"\n\t\t\t\t\taria-label=\"Next image\"\n\t\t\t\t>\n\t\t\t\t\t\u203a\n\t\t\t\t<\/button>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\n\t<\/section>\n\n\n\t<style>\n\n\t\/* =====================================================\n\t   MAIN SECTION\n\t   ===================================================== *\/\n\n\t#ama-gallery-535683 {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tpadding: 22px 0;\n\t\toverflow: hidden;\n\t\tbackground: #f7f7f5;\n\t}\n\n\t#ama-gallery-535683 * {\n\t\tbox-sizing: border-box;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-rows {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 28px;\n\t\twidth: 100%;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-row {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-viewport {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t\tcursor: grab;\n\t\ttouch-action: pan-y;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-viewport.is-dragging {\n\t\tcursor: grabbing;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-track {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 28px;\n\t\twidth: max-content;\n\t\tpadding: 0 7vw;\n\n\t\twill-change: transform;\n\n\t\ttransition:\n\t\t\ttransform 0.7s cubic-bezier(.22, .61, .36, 1);\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-track.is-dragging {\n\t\ttransition: none;\n\t}\n\n\n\t\/* =====================================================\n\t   IMAGE ITEMS\n\t   ===================================================== *\/\n\n\t#ama-gallery-535683 .ama-gallery-item {\n\t\tposition: relative;\n\t\tflex: 0 0 auto;\n\t\theight: 350px;\n\t\toverflow: hidden;\n\t\tborder-radius: 11px;\n\t\tbackground: #eee7d8;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-medium {\n\t\twidth: 390px;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-wide {\n\t\twidth: 520px;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-large {\n\t\twidth: 660px;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-image-button {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\tborder-radius: inherit;\n\t\tbackground: transparent;\n\t\toverflow: hidden;\n\t\tcursor: pointer;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-image-button img {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tobject-fit: cover;\n\t\tobject-position: center;\n\n\t\tuser-select: none;\n\t\t-webkit-user-drag: none;\n\n\t\ttransition:\n\t\t\ttransform 0.6s ease,\n\t\t\tfilter 0.4s ease;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-image-button:hover img {\n\t\ttransform: scale(1.025);\n\t\tfilter: contrast(1.03);\n\t}\n\n\n\t\/* =====================================================\n\t   MAIN ARROWS\n\t   ===================================================== *\/\n\n\t#ama-gallery-535683 .ama-gallery-arrow {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tz-index: 100;\n\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\twidth: 54px;\n\t\theight: 54px;\n\t\tpadding: 0;\n\n\t\tborder: 1px solid rgba(0, 0, 0, 0.12);\n\t\tborder-radius: 50%;\n\n\t\tbackground: rgba(255, 255, 255, 0.96);\n\t\tcolor: #111;\n\n\t\tcursor: pointer;\n\t\ttransform: translateY(-50%);\n\n\t\tbox-shadow: 0 9px 30px rgba(0, 0, 0, 0.13);\n\n\t\ttouch-action: manipulation;\n\t\t-webkit-tap-highlight-color: transparent;\n\n\t\ttransition:\n\t\t\tbackground 0.25s ease,\n\t\t\tcolor 0.25s ease,\n\t\t\tborder-color 0.25s ease,\n\t\t\ttransform 0.25s ease;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-arrow svg {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tpointer-events: none;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-arrow:hover {\n\t\tbackground: #c59b52;\n\t\tcolor: #fff;\n\t\tborder-color: #c59b52;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-prev {\n\t\tleft: 26px;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-next {\n\t\tright: 26px;\n\t}\n\n\n\t\/* =====================================================\n\t   FULLSCREEN MODAL\n\t   ===================================================== *\/\n\n\t#ama-gallery-535683 .ama-gallery-modal {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tz-index: 2147483647;\n\n\t\tdisplay: none;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\twidth: 100%;\n\t\theight: 100vh;\n\t\theight: 100dvh;\n\n\t\tpadding: 30px;\n\n\t\tpointer-events: none;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-modal.is-open {\n\t\tdisplay: flex;\n\t\tpointer-events: auto;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-modal-backdrop {\n\t\tposition: fixed;\n\t\tinset: 0;\n\n\t\tbackground: rgba(0, 0, 0, 0.88);\n\n\t\tbackdrop-filter: blur(5px);\n\t\t-webkit-backdrop-filter: blur(5px);\n\n\t\tcursor: pointer;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-modal-dialog {\n\t\tposition: relative;\n\t\tz-index: 2;\n\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\twidth: min(1300px, 100%);\n\t\theight: min(850px, calc(100dvh - 60px));\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-modal-image {\n\t\tdisplay: block;\n\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\n\t\twidth: auto;\n\t\theight: auto;\n\n\t\tobject-fit: contain;\n\t\tuser-select: none;\n\t\t-webkit-user-drag: none;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-modal-close {\n\t\tposition: fixed;\n\t\ttop: 24px;\n\t\tright: 24px;\n\t\tz-index: 20;\n\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\twidth: 48px;\n\t\theight: 48px;\n\t\tpadding: 0;\n\n\t\tborder: 0;\n\t\tborder-radius: 50%;\n\n\t\tbackground: #fff;\n\t\tcolor: #111;\n\n\t\tfont-family: Arial, sans-serif;\n\t\tfont-size: 30px;\n\t\tline-height: 1;\n\n\t\tcursor: pointer;\n\t\ttouch-action: manipulation;\n\n\t\tbox-shadow: 0 8px 25px rgba(0, 0, 0, 0.16);\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-modal-arrow {\n\t\tposition: fixed;\n\t\ttop: 50%;\n\t\tz-index: 20;\n\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\twidth: 52px;\n\t\theight: 52px;\n\t\tpadding: 0;\n\n\t\tborder: 1px solid rgba(255, 255, 255, 0.35);\n\t\tborder-radius: 50%;\n\n\t\tbackground: rgba(255, 255, 255, 0.12);\n\t\tcolor: #fff;\n\n\t\tfont-family: Arial, sans-serif;\n\t\tfont-size: 40px;\n\t\tline-height: 1;\n\n\t\tcursor: pointer;\n\t\ttransform: translateY(-50%);\n\n\t\ttouch-action: manipulation;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-modal-prev {\n\t\tleft: 25px;\n\t}\n\n\t#ama-gallery-535683 .ama-gallery-modal-next {\n\t\tright: 25px;\n\t}\n\n\tbody.ama-gallery-modal-open {\n\t\toverflow: hidden !important;\n\t}\n\n\n\t\/* =====================================================\n\t   TABLET\n\t   ===================================================== *\/\n\n\t@media (max-width: 1024px) {\n\n\t\t#ama-gallery-535683 {\n\t\t\tpadding: 20px 0;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-rows {\n\t\t\tgap: 20px;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-track {\n\t\t\tgap: 20px;\n\t\t\tpadding: 0 65px;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-item {\n\t\t\theight: 290px;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-medium {\n\t\t\twidth: 310px;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-wide {\n\t\t\twidth: 420px;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-large {\n\t\t\twidth: 510px;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-arrow {\n\t\t\twidth: 48px;\n\t\t\theight: 48px;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-prev {\n\t\t\tleft: 12px;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-next {\n\t\t\tright: 12px;\n\t\t}\n\t}\n\n\n\t\/* =====================================================\n\t   MOBILE\n\t   ===================================================== *\/\n\n\t@media (max-width: 767px) {\n\n\t\t#ama-gallery-535683 {\n\t\t\tpadding: 12px 0 75px;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-rows {\n\t\t\tgap: 14px;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-track {\n\t\t\tgap: 14px;\n\t\t\tpadding: 0 18px;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-item,\n\t\t#ama-gallery-535683 .ama-gallery-medium,\n\t\t#ama-gallery-535683 .ama-gallery-wide,\n\t\t#ama-gallery-535683 .ama-gallery-large {\n\t\t\twidth: 80vw;\n\t\t\theight: 235px;\n\t\t\tborder-radius: 8px;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-arrow {\n\t\t\ttop: auto;\n\t\t\tbottom: 14px;\n\n\t\t\twidth: 44px;\n\t\t\theight: 44px;\n\n\t\t\ttransform: none;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-prev {\n\t\t\tleft: calc(50% - 54px);\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-next {\n\t\t\tright: calc(50% - 54px);\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-modal {\n\t\t\tpadding: 65px 10px 80px;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-modal-dialog {\n\t\t\twidth: 100%;\n\t\t\theight: calc(100dvh - 130px);\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-modal-close {\n\t\t\ttop: 15px;\n\t\t\tright: 15px;\n\n\t\t\twidth: 42px;\n\t\t\theight: 42px;\n\n\t\t\tfont-size: 26px;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-modal-arrow {\n\t\t\ttop: auto;\n\t\t\tbottom: 18px;\n\n\t\t\twidth: 44px;\n\t\t\theight: 44px;\n\n\t\t\ttransform: none;\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-modal-prev {\n\t\t\tleft: calc(50% - 54px);\n\t\t}\n\n\t\t#ama-gallery-535683 .ama-gallery-modal-next {\n\t\t\tright: calc(50% - 54px);\n\t\t}\n\t}\n\n\t<\/style>\n\n\n\t<script>\n\n\t(function () {\n\n\t\tfunction initAmaTwoRowGallery() {\n\n\t\t\tconst gallery = document.getElementById(\n\t\t\t\t\"ama-gallery-535683\"\t\t\t);\n\n\t\t\tif (\n\t\t\t\t!gallery ||\n\t\t\t\tgallery.dataset.initialised === 'true'\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tgallery.dataset.initialised = 'true';\n\n\n\t\t\tconst topViewport = gallery.querySelector(\n\t\t\t\t'.ama-gallery-row-top .ama-gallery-viewport'\n\t\t\t);\n\n\t\t\tconst bottomViewport = gallery.querySelector(\n\t\t\t\t'.ama-gallery-row-bottom .ama-gallery-viewport'\n\t\t\t);\n\n\t\t\tconst topTrack = gallery.querySelector(\n\t\t\t\t'.ama-gallery-row-top .ama-gallery-track'\n\t\t\t);\n\n\t\t\tconst bottomTrack = gallery.querySelector(\n\t\t\t\t'.ama-gallery-row-bottom .ama-gallery-track'\n\t\t\t);\n\n\t\t\tconst topItems = Array.from(\n\t\t\t\tgallery.querySelectorAll(\n\t\t\t\t\t'.ama-gallery-row-top .ama-gallery-item'\n\t\t\t\t)\n\t\t\t);\n\n\t\t\tconst bottomItems = Array.from(\n\t\t\t\tgallery.querySelectorAll(\n\t\t\t\t\t'.ama-gallery-row-bottom .ama-gallery-item'\n\t\t\t\t)\n\t\t\t);\n\n\t\t\tconst allItems = Array.from(\n\t\t\t\tgallery.querySelectorAll(\n\t\t\t\t\t'.ama-gallery-item'\n\t\t\t\t)\n\t\t\t).sort(function (firstItem, secondItem) {\n\n\t\t\t\treturn (\n\t\t\t\t\tparseInt(\n\t\t\t\t\t\tfirstItem.dataset.galleryIndex,\n\t\t\t\t\t\t10\n\t\t\t\t\t) -\n\t\t\t\t\tparseInt(\n\t\t\t\t\t\tsecondItem.dataset.galleryIndex,\n\t\t\t\t\t\t10\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t});\n\n\n\t\t\tconst previousButton = gallery.querySelector(\n\t\t\t\t'.ama-gallery-prev'\n\t\t\t);\n\n\t\t\tconst nextButton = gallery.querySelector(\n\t\t\t\t'.ama-gallery-next'\n\t\t\t);\n\n\t\t\tconst modal = gallery.querySelector(\n\t\t\t\t'.ama-gallery-modal'\n\t\t\t);\n\n\t\t\tconst modalImage = gallery.querySelector(\n\t\t\t\t'.ama-gallery-modal-image'\n\t\t\t);\n\n\t\t\tconst modalClose = gallery.querySelector(\n\t\t\t\t'.ama-gallery-modal-close'\n\t\t\t);\n\n\t\t\tconst modalBackdrop = gallery.querySelector(\n\t\t\t\t'.ama-gallery-modal-backdrop'\n\t\t\t);\n\n\t\t\tconst modalPrevious = gallery.querySelector(\n\t\t\t\t'.ama-gallery-modal-prev'\n\t\t\t);\n\n\t\t\tconst modalNext = gallery.querySelector(\n\t\t\t\t'.ama-gallery-modal-next'\n\t\t\t);\n\n\n\t\t\tif (\n\t\t\t\t!topViewport ||\n\t\t\t\t!bottomViewport ||\n\t\t\t\t!topTrack ||\n\t\t\t\t!bottomTrack ||\n\t\t\t\t!topItems.length ||\n\t\t\t\t!bottomItems.length\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\n\t\t\tlet currentPosition = 0;\n\t\t\tlet currentModalIndex = 0;\n\n\t\t\tlet touchStartX = null;\n\t\t\tlet touchStartY = null;\n\n\t\t\tlet autoplayTimer = null;\n\n\t\t\tconst autoplay =\n\t\t\t\tgallery.dataset.autoplay === 'true';\n\n\t\t\tconst autoplaySpeed =\n\t\t\t\tparseInt(\n\t\t\t\t\tgallery.dataset.speed,\n\t\t\t\t\t10\n\t\t\t\t) || 4500;\n\n\n\t\t\t\/*\n\t\t\t * Calculate an item's centered horizontal position.\n\t\t\t *\/\n\t\t\tfunction getCenteredPosition(\n\t\t\t\titem,\n\t\t\t\ttrack,\n\t\t\t\tviewport\n\t\t\t) {\n\n\t\t\t\tif (!item) {\n\t\t\t\t\treturn 0;\n\t\t\t\t}\n\n\t\t\t\tconst viewportWidth =\n\t\t\t\t\tviewport.offsetWidth;\n\n\t\t\t\tconst itemWidth =\n\t\t\t\t\titem.offsetWidth;\n\n\t\t\t\tconst centeredPosition =\n\t\t\t\t\titem.offsetLeft -\n\t\t\t\t\t(\n\t\t\t\t\t\tviewportWidth -\n\t\t\t\t\t\titemWidth\n\t\t\t\t\t) \/ 2;\n\n\t\t\t\tconst maximumPosition =\n\t\t\t\t\tMath.max(\n\t\t\t\t\t\t0,\n\t\t\t\t\t\ttrack.scrollWidth -\n\t\t\t\t\t\tviewportWidth\n\t\t\t\t\t);\n\n\t\t\t\treturn Math.min(\n\t\t\t\t\tMath.max(\n\t\t\t\t\t\tcenteredPosition,\n\t\t\t\t\t\t0\n\t\t\t\t\t),\n\t\t\t\t\tmaximumPosition\n\t\t\t\t);\n\t\t\t}\n\n\n\t\t\t\/*\n\t\t\t * Go to a position.\n\t\t\t *\n\t\t\t * Top row moves normally.\n\t\t\t * Bottom row moves in reverse.\n\t\t\t *\/\n\t\t\tfunction goToPosition(index) {\n\n\t\t\t\tconst maximumSlides = Math.max(\n\t\t\t\t\ttopItems.length,\n\t\t\t\t\tbottomItems.length\n\t\t\t\t);\n\n\t\t\t\tif (index < 0) {\n\t\t\t\t\tindex = maximumSlides - 1;\n\t\t\t\t}\n\n\t\t\t\tif (index >= maximumSlides) {\n\t\t\t\t\tindex = 0;\n\t\t\t\t}\n\n\t\t\t\tcurrentPosition = index;\n\n\n\t\t\t\tconst topIndex =\n\t\t\t\t\tcurrentPosition %\n\t\t\t\t\ttopItems.length;\n\n\n\t\t\t\tconst bottomIndex =\n\t\t\t\t\t(\n\t\t\t\t\t\tbottomItems.length -\n\t\t\t\t\t\t1 -\n\t\t\t\t\t\t(\n\t\t\t\t\t\t\tcurrentPosition %\n\t\t\t\t\t\t\tbottomItems.length\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\n\n\t\t\t\tconst topPosition =\n\t\t\t\t\tgetCenteredPosition(\n\t\t\t\t\t\ttopItems[topIndex],\n\t\t\t\t\t\ttopTrack,\n\t\t\t\t\t\ttopViewport\n\t\t\t\t\t);\n\n\n\t\t\t\tconst bottomPosition =\n\t\t\t\t\tgetCenteredPosition(\n\t\t\t\t\t\tbottomItems[bottomIndex],\n\t\t\t\t\t\tbottomTrack,\n\t\t\t\t\t\tbottomViewport\n\t\t\t\t\t);\n\n\n\t\t\t\ttopTrack.style.transform =\n\t\t\t\t\t'translate3d(-' +\n\t\t\t\t\ttopPosition +\n\t\t\t\t\t'px, 0, 0)';\n\n\n\t\t\t\tbottomTrack.style.transform =\n\t\t\t\t\t'translate3d(-' +\n\t\t\t\t\tbottomPosition +\n\t\t\t\t\t'px, 0, 0)';\n\t\t\t}\n\n\n\t\t\tfunction nextPosition() {\n\n\t\t\t\tgoToPosition(\n\t\t\t\t\tcurrentPosition + 1\n\t\t\t\t);\n\n\t\t\t\trestartAutoplay();\n\t\t\t}\n\n\n\t\t\tfunction previousPosition() {\n\n\t\t\t\tgoToPosition(\n\t\t\t\t\tcurrentPosition - 1\n\t\t\t\t);\n\n\t\t\t\trestartAutoplay();\n\t\t\t}\n\n\n\t\t\tfunction startAutoplay() {\n\n\t\t\t\tif (!autoplay) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tstopAutoplay();\n\n\t\t\t\tautoplayTimer = window.setInterval(\n\t\t\t\t\tfunction () {\n\n\t\t\t\t\t\tgoToPosition(\n\t\t\t\t\t\t\tcurrentPosition + 1\n\t\t\t\t\t\t);\n\t\t\t\t\t},\n\t\t\t\t\tautoplaySpeed\n\t\t\t\t);\n\t\t\t}\n\n\n\t\t\tfunction stopAutoplay() {\n\n\t\t\t\tif (!autoplayTimer) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\twindow.clearInterval(\n\t\t\t\t\tautoplayTimer\n\t\t\t\t);\n\n\t\t\t\tautoplayTimer = null;\n\t\t\t}\n\n\n\t\t\tfunction restartAutoplay() {\n\n\t\t\t\tif (!autoplay) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tstartAutoplay();\n\t\t\t}\n\n\n\t\t\t\/*\n\t\t\t * Main arrows.\n\t\t\t *\/\n\t\t\tif (previousButton) {\n\n\t\t\t\tpreviousButton.addEventListener(\n\t\t\t\t\t'click',\n\t\t\t\t\tfunction (event) {\n\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\n\t\t\t\t\t\tpreviousPosition();\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\n\t\t\tif (nextButton) {\n\n\t\t\t\tnextButton.addEventListener(\n\t\t\t\t\t'click',\n\t\t\t\t\tfunction (event) {\n\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\n\t\t\t\t\t\tnextPosition();\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\n\t\t\t\/*\n\t\t\t * Swipe both rows.\n\t\t\t *\/\n\t\t\tfunction handleTouchStart(event) {\n\n\t\t\t\tif (\n\t\t\t\t\tevent.target.closest(\n\t\t\t\t\t\t'button, a'\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\ttouchStartX = null;\n\t\t\t\t\ttouchStartY = null;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\t!event.changedTouches ||\n\t\t\t\t\t!event.changedTouches.length\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst touch =\n\t\t\t\t\tevent.changedTouches[0];\n\n\t\t\t\ttouchStartX = touch.clientX;\n\t\t\t\ttouchStartY = touch.clientY;\n\n\t\t\t\tstopAutoplay();\n\t\t\t}\n\n\n\t\t\tfunction handleTouchEnd(event) {\n\n\t\t\t\tif (\n\t\t\t\t\ttouchStartX === null ||\n\t\t\t\t\ttouchStartY === null\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\t!event.changedTouches ||\n\t\t\t\t\t!event.changedTouches.length\n\t\t\t\t) {\n\t\t\t\t\ttouchStartX = null;\n\t\t\t\t\ttouchStartY = null;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst touch =\n\t\t\t\t\tevent.changedTouches[0];\n\n\t\t\t\tconst horizontalDistance =\n\t\t\t\t\ttouchStartX -\n\t\t\t\t\ttouch.clientX;\n\n\t\t\t\tconst verticalDistance =\n\t\t\t\t\ttouchStartY -\n\t\t\t\t\ttouch.clientY;\n\n\n\t\t\t\tif (\n\t\t\t\t\tMath.abs(\n\t\t\t\t\t\thorizontalDistance\n\t\t\t\t\t) < 50 ||\n\t\t\t\t\tMath.abs(\n\t\t\t\t\t\tverticalDistance\n\t\t\t\t\t) >\n\t\t\t\t\tMath.abs(\n\t\t\t\t\t\thorizontalDistance\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\ttouchStartX = null;\n\t\t\t\t\ttouchStartY = null;\n\n\t\t\t\t\trestartAutoplay();\n\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\n\t\t\t\tif (horizontalDistance > 0) {\n\t\t\t\t\tnextPosition();\n\t\t\t\t} else {\n\t\t\t\t\tpreviousPosition();\n\t\t\t\t}\n\n\n\t\t\t\ttouchStartX = null;\n\t\t\t\ttouchStartY = null;\n\t\t\t}\n\n\n\t\t\t[\n\t\t\t\ttopViewport,\n\t\t\t\tbottomViewport\n\t\t\t].forEach(function (viewport) {\n\n\t\t\t\tviewport.addEventListener(\n\t\t\t\t\t'touchstart',\n\t\t\t\t\thandleTouchStart,\n\t\t\t\t\t{\n\t\t\t\t\t\tpassive: true\n\t\t\t\t\t}\n\t\t\t\t);\n\n\t\t\t\tviewport.addEventListener(\n\t\t\t\t\t'touchend',\n\t\t\t\t\thandleTouchEnd,\n\t\t\t\t\t{\n\t\t\t\t\t\tpassive: true\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\n\n\t\t\t\/*\n\t\t\t * Fullscreen modal image.\n\t\t\t *\/\n\t\t\tfunction updateModalImage(index) {\n\n\t\t\t\tif (!allItems.length) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (index < 0) {\n\t\t\t\t\tindex = allItems.length - 1;\n\t\t\t\t}\n\n\t\t\t\tif (index >= allItems.length) {\n\t\t\t\t\tindex = 0;\n\t\t\t\t}\n\n\t\t\t\tcurrentModalIndex = index;\n\n\t\t\t\tconst sourceImage =\n\t\t\t\t\tallItems[index].querySelector(\n\t\t\t\t\t\t'img'\n\t\t\t\t\t);\n\n\t\t\t\tif (!sourceImage) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tmodalImage.src =\n\t\t\t\t\tsourceImage.currentSrc ||\n\t\t\t\t\tsourceImage.src;\n\n\t\t\t\tmodalImage.alt =\n\t\t\t\t\tsourceImage.alt || '';\n\t\t\t}\n\n\n\t\t\tfunction openModal(index) {\n\n\t\t\t\tif (!modal) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tupdateModalImage(index);\n\n\t\t\t\tmodal.classList.add(\n\t\t\t\t\t'is-open'\n\t\t\t\t);\n\n\t\t\t\tmodal.setAttribute(\n\t\t\t\t\t'aria-hidden',\n\t\t\t\t\t'false'\n\t\t\t\t);\n\n\t\t\t\tdocument.body.classList.add(\n\t\t\t\t\t'ama-gallery-modal-open'\n\t\t\t\t);\n\n\t\t\t\tstopAutoplay();\n\t\t\t}\n\n\n\t\t\tfunction closeModal() {\n\n\t\t\t\tif (!modal) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tmodal.classList.remove(\n\t\t\t\t\t'is-open'\n\t\t\t\t);\n\n\t\t\t\tmodal.setAttribute(\n\t\t\t\t\t'aria-hidden',\n\t\t\t\t\t'true'\n\t\t\t\t);\n\n\t\t\t\tdocument.body.classList.remove(\n\t\t\t\t\t'ama-gallery-modal-open'\n\t\t\t\t);\n\n\t\t\t\trestartAutoplay();\n\t\t\t}\n\n\n\t\t\tallItems.forEach(\n\t\t\t\tfunction (item, itemIndex) {\n\n\t\t\t\t\tconst button =\n\t\t\t\t\t\titem.querySelector(\n\t\t\t\t\t\t\t'.ama-gallery-image-button'\n\t\t\t\t\t\t);\n\n\t\t\t\t\tif (!button) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tbutton.addEventListener(\n\t\t\t\t\t\t'click',\n\t\t\t\t\t\tfunction (event) {\n\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tevent.stopPropagation();\n\n\t\t\t\t\t\t\topenModal(itemIndex);\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t);\n\n\n\t\t\tif (modalClose) {\n\n\t\t\t\tmodalClose.addEventListener(\n\t\t\t\t\t'click',\n\t\t\t\t\tfunction (event) {\n\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\n\t\t\t\t\t\tcloseModal();\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\n\t\t\tif (modalBackdrop) {\n\n\t\t\t\tmodalBackdrop.addEventListener(\n\t\t\t\t\t'click',\n\t\t\t\t\tfunction (event) {\n\n\t\t\t\t\t\tevent.preventDefault();\n\n\t\t\t\t\t\tcloseModal();\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\n\t\t\tif (modalPrevious) {\n\n\t\t\t\tmodalPrevious.addEventListener(\n\t\t\t\t\t'click',\n\t\t\t\t\tfunction (event) {\n\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\n\t\t\t\t\t\tupdateModalImage(\n\t\t\t\t\t\t\tcurrentModalIndex - 1\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\n\t\t\tif (modalNext) {\n\n\t\t\t\tmodalNext.addEventListener(\n\t\t\t\t\t'click',\n\t\t\t\t\tfunction (event) {\n\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\n\t\t\t\t\t\tupdateModalImage(\n\t\t\t\t\t\t\tcurrentModalIndex + 1\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\n\t\t\t\/*\n\t\t\t * Keyboard navigation.\n\t\t\t *\/\n\t\t\tdocument.addEventListener(\n\t\t\t\t'keydown',\n\t\t\t\tfunction (event) {\n\n\t\t\t\t\tif (\n\t\t\t\t\t\tmodal &&\n\t\t\t\t\t\tmodal.classList.contains(\n\t\t\t\t\t\t\t'is-open'\n\t\t\t\t\t\t)\n\t\t\t\t\t) {\n\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tevent.key === 'Escape'\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tcloseModal();\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tevent.key === 'ArrowLeft'\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tupdateModalImage(\n\t\t\t\t\t\t\t\tcurrentModalIndex - 1\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tevent.key === 'ArrowRight'\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tupdateModalImage(\n\t\t\t\t\t\t\t\tcurrentModalIndex + 1\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\n\t\t\t\t\tif (\n\t\t\t\t\t\tevent.key === 'ArrowLeft'\n\t\t\t\t\t) {\n\t\t\t\t\t\tpreviousPosition();\n\t\t\t\t\t}\n\n\n\t\t\t\t\tif (\n\t\t\t\t\t\tevent.key === 'ArrowRight'\n\t\t\t\t\t) {\n\t\t\t\t\t\tnextPosition();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\n\n\t\t\t\/*\n\t\t\t * Recalculate after resizing.\n\t\t\t *\/\n\t\t\tlet resizeTimer = null;\n\n\t\t\twindow.addEventListener(\n\t\t\t\t'resize',\n\t\t\t\tfunction () {\n\n\t\t\t\t\twindow.clearTimeout(\n\t\t\t\t\t\tresizeTimer\n\t\t\t\t\t);\n\n\t\t\t\t\tresizeTimer = window.setTimeout(\n\t\t\t\t\t\tfunction () {\n\n\t\t\t\t\t\t\tgoToPosition(\n\t\t\t\t\t\t\t\tcurrentPosition\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t},\n\t\t\t\t\t\t150\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t);\n\n\n\t\t\t\/*\n\t\t\t * Initial position.\n\t\t\t *\/\n\t\t\tgoToPosition(0);\n\t\t\tstartAutoplay();\n\t\t}\n\n\n\t\tif (\n\t\t\tdocument.readyState === 'loading'\n\t\t) {\n\n\t\t\tdocument.addEventListener(\n\t\t\t\t'DOMContentLoaded',\n\t\t\t\tinitAmaTwoRowGallery\n\t\t\t);\n\n\t\t} else {\n\n\t\t\tinitAmaTwoRowGallery();\n\t\t}\n\n\t})();\n\n\t<\/script>\n\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2ef59cd e-flex e-con-boxed e-con e-child\" data-id=\"2ef59cd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4ddbecc e-con-full e-flex e-con e-child\" data-id=\"4ddbecc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bb6e77 elementor-widget elementor-widget-site-logo\" data-id=\"8bb6e77\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:160,&quot;sizes&quot;:[]},&quot;width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;align&quot;:&quot;center&quot;,&quot;width_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;width_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;width_mobile_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;space&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;space_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;space_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;space_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;space_mobile_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;space_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;image_border_radius_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;image_border_radius_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;image_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;image_border_radius_mobile_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;image_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_padding_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_padding_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_padding_mobile_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_space&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;caption_space_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;caption_space_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;caption_space_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;caption_space_mobile_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;caption_space_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"site-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"hfe-site-logo\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a data-elementor-open-lightbox=\"\"  class='elementor-clickable' href=\"https:\/\/maaloufarchitects.com\/\">\n\t\t\t\t\t\t\t<div class=\"hfe-site-logo-set\">           \n\t\t\t\t<div class=\"hfe-site-logo-container\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"hfe-site-logo-img elementor-animation-\"  src=\"https:\/\/maaloufarchitects.com\/wp-content\/uploads\/2026\/04\/Antoine-Maalouf-Logomark-circle-gold.svg\" alt=\"Antoine Maalouf Logomark circle gold\"\/>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>  \n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0a6c89 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"d0a6c89\" 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>MAALOUF BUILDING, GROUND FLOOR SAINT CHARBEL STREET, FANAR, BEIRUT, LEBANON<\/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-51b7919 e-con-full e-flex e-con e-child\" data-id=\"51b7919\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca546e3 icon-list-hover-yes elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"ca546e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/maaloufarchitects.com\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Home<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/maaloufarchitects.com\/#whoweare\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">About us<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/maaloufarchitects.com\/methodology\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Methodology<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/maaloufarchitects.com\/portfolio-porject\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Works<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/maaloufarchitects.com\/#\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Shop<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/maaloufarchitects.com\/blogspage\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Insights<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/maaloufarchitects.com\/contact-us\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Contact us<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-484719e e-con-full e-flex e-con e-child\" data-id=\"484719e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-907291e e-con-full e-flex e-con e-child\" data-id=\"907291e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-787dc23 e-con-full e-flex e-con e-child\" data-id=\"787dc23\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e59fc4c elementor-widget elementor-widget-heading\" data-id=\"e59fc4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">+961 3 53 99 14<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-873a7af elementor-widget elementor-widget-heading\" data-id=\"873a7af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">info@maaloufarchitects.com\n<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-900b078 elementor-icon-list--layout-inline elementor-mobile-align-center elementor-tablet-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"900b078\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.facebook.com\/AntoineMaaloufArchitects\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Facebook<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.instagram.com\/antoinemaaloufarchitects\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Instagram<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a2363e e-flex e-con-boxed e-con e-child\" data-id=\"3a2363e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af0d8ff elementor-widget elementor-widget-text-editor\" data-id=\"af0d8ff\" 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>\u00a9 Copyright 2026 <a style=\"font-weight: 600;\" href=\"https:\/\/localhost\/wordpress\/antra\/\">Antoine maalouf<\/a>. All rights reserved.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\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>Bringing architecture back to its foundations. For three generations, Antoine Maalouf Architects has been an experiential design studio that tackles every aspect of space intervention. 70+ Years Of: Architectural Design And Restoration Interiors And Scenography, Furniture, Fixtures, Lighting And Industrial Design \u2193 With works featured in Monocle Magazine, Architectural Digest Italy, Architectural Digest Middle East, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maaloufarchitects.com\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maaloufarchitects.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maaloufarchitects.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maaloufarchitects.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maaloufarchitects.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":225,"href":"https:\/\/maaloufarchitects.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":10907,"href":"https:\/\/maaloufarchitects.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/10907"}],"wp:attachment":[{"href":"https:\/\/maaloufarchitects.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}