{"id":145,"date":"2026-05-01T17:33:52","date_gmt":"2026-05-01T15:33:52","guid":{"rendered":"https:\/\/nylaw.ma\/accueil\/"},"modified":"2026-06-08T16:24:16","modified_gmt":"2026-06-08T14:24:16","slug":"accueil","status":"publish","type":"page","link":"https:\/\/nylaw.ma\/en\/","title":{"rendered":"Homepage"},"content":{"rendered":"\n<section class=\"he relative overflow-hidden\" id=\"hc-6a34cf91158d5\"\n         data-theme=\"dark\"\n         style=\"background: var(--color-brown-900);\">\n\n            <!-- Background media full-bleed (image ou vid\u00e9o) + overlay sombre pour lisibilit\u00e9 -->\n        <div class=\"he__bg\" aria-hidden=\"true\">\n                            <img decoding=\"async\" class=\"he__bg-media\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/nylaw-firm-1-1.webp\" alt=\"\" loading=\"eager\">\n                        <span class=\"he__bg-overlay\" style=\"background:rgba(10, 10, 10,0.35)\"><\/span>\n        <\/div>\n    \n    <div class=\"he__inner nl-container flex flex-col items-center justify-center text-center min-h-[85vh] md:min-h-[100vh] pt-24 pb-8 md:pt-32 md:pb-10 relative z-10\">\n\n                    <p class=\"he__pretitle font-montserrat text-beige-1\/70 text-[11px] md:text-xs font-bold uppercase tracking-[0.24em] m-0 mb-6 md:mb-8\"\n               style=\"opacity:0; transform:translateY(20px)\">\n                ATTORNEYS-AT-LAW            <\/p>\n        \n        <h1 class=\"he__title font-nourd text-beige-1 m-0 leading-[0.95] tracking-[-0.015em] max-w-5xl\"\n            style=\"font-size:clamp(2.5rem, 6.5vw, 5.5rem); font-weight: 400; opacity:0; transform:translateY(30px)\">\n            Practice of law, understanding of business        <\/h1>\n\n                    <p class=\"he__subtitle font-montserrat text-beige-1\/85 text-base md:text-lg mt-8 md:mt-10 max-w-2xl leading-relaxed m-0 mx-auto\"\n               style=\"opacity:0; transform:translateY(20px)\">\n                Business law firm \u00b7 Casablanca \u00b7 Advisory &amp; Litigation            <\/p>\n        \n                    <div class=\"he__ctas mt-10 md:mt-12 flex flex-col sm:flex-row items-center justify-center gap-4 md:gap-6\"\n                 style=\"opacity:0; transform:translateY(20px)\">\n                                    <a href=\"https:\/\/nylaw.ma\/en\/contact\/\"\n                       class=\"btn btn-primary\"\n                       >\n                        <span>Contact us<\/span>\n                    <\/a>\n                                                    <a href=\"https:\/\/nylaw.ma\/en\/expertise\/\"\n                       class=\"btn btn-secondary\"\n                       >\n                        <span>Our expertise<\/span>\n                    <\/a>\n                            <\/div>\n        \n    <\/div>\n\n    \n    \n<\/section>\n\n<script>\n(function() {\n    var section = document.getElementById('hc-6a34cf91158d5');\n    if (!section) return;\n    var pretitle = section.querySelector('.he__pretitle');\n    var title    = section.querySelector('.he__title');\n    var sub      = section.querySelector('.he__subtitle');\n    var ctas     = section.querySelector('.he__ctas');\n    var scroll   = section.querySelector('[data-he-scroll]');\n\n    \/* Scroll indicator : click \u2192 scroll vers la section suivante *\/\n    if (scroll) {\n        scroll.addEventListener('click', function() {\n            var next = section.nextElementSibling;\n            \/* Skip les \u00e9l\u00e9ments invisibles (ex: scripts, styles) *\/\n            while (next && (next.offsetHeight === 0 || next.tagName === 'SCRIPT' || next.tagName === 'STYLE')) {\n                next = next.nextElementSibling;\n            }\n            if (next) {\n                next.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            } else {\n                \/* Fallback : scroll de 1 viewport *\/\n                window.scrollBy({ top: window.innerHeight, behavior: 'smooth' });\n            }\n        });\n    }\n\n    \/* === Parallax sur le bg media \u2014 IND\u00c9PENDANT de GSAP ===\n       Tourne m\u00eame si GSAP n'est pas charg\u00e9. D\u00e9sactiv\u00e9 sur reduce-motion. *\/\n    var bgMedia = section.querySelector('.he__bg-media');\n    if (bgMedia && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n        var rafPending = false;\n        function updateParallax() {\n            rafPending = false;\n            var rect = section.getBoundingClientRect();\n            \/* Progress de la section dans le viewport :\n               -1 = section juste sous viewport, 0 = top au viewport top, 1+ = pass\u00e9 *\/\n            var progress = -rect.top \/ Math.max(1, rect.height);\n            progress = Math.max(-0.5, Math.min(1.5, progress));\n            \/* Translation -25% sur la totalit\u00e9 du scroll de la section *\/\n            var translatePercent = progress * -25;\n            bgMedia.style.transform = 'translate3d(0, ' + translatePercent + '%, 0)';\n        }\n        function onScroll() {\n            if (!rafPending) {\n                rafPending = true;\n                requestAnimationFrame(updateParallax);\n            }\n        }\n        updateParallax();\n        window.addEventListener('scroll', onScroll, { passive: true });\n        window.addEventListener('resize', updateParallax);\n    }\n\n    \/* === Animations d'apparition (texte) \u2014 D\u00c9PENDANT de GSAP === *\/\n    if (typeof gsap === 'undefined' || window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n        [pretitle, title, sub, ctas].forEach(function(el) {\n            if (el) { el.style.opacity = '1'; el.style.transform = 'none'; }\n        });\n        return;\n    }\n\n    var tl = gsap.timeline({ delay: 0.15 });\n    if (pretitle) tl.to(pretitle, { opacity: 1, y: 0, duration: 0.6, ease: 'power3.out' });\n    if (title)    tl.to(title,    { opacity: 1, y: 0, duration: 1.0, ease: 'power3.out' }, pretitle ? '-=0.3' : '0');\n    if (sub)      tl.to(sub,      { opacity: 1, y: 0, duration: 0.7, ease: 'power3.out' }, '-=0.4');\n    if (ctas)     tl.to(ctas,     { opacity: 1, y: 0, duration: 0.7, ease: 'power3.out' }, '-=0.3');\n})();\n<\/script>\n\n<style>\n\/* Background media full-bleed (image OU vid\u00e9o) + overlay sombre *\/\n#hc-6a34cf91158d5 .he__bg {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    overflow: hidden;\n    pointer-events: none;\n}\n#hc-6a34cf91158d5 .he__bg-media {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 130%;             \/* +30% pour absorber un parallax visible sans r\u00e9v\u00e9ler les bords *\/\n    object-fit: cover;\n    object-position: center;\n    display: block;\n    will-change: transform;\n}\n#hc-6a34cf91158d5 .he__bg-overlay {\n    position: absolute;\n    inset: 0;\n}\n\n\/* Marquee : fade sur les bords pour effet premium (comme yoga-by-nina) *\/\n#hc-6a34cf91158d5 .he__marquee {\n    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%);\n            mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%);\n}\n#hc-6a34cf91158d5 .he__marquee-track {\n    animation: he-marquee-hc-6a34cf91158d5 40s linear infinite;\n    width: max-content;\n}\n@keyframes he-marquee-hc-6a34cf91158d5 {\n    0%   { transform: translateX(0); }\n    100% { transform: translateX(-33.333%); }\n}\n\n\/* Fl\u00e8che scroll : bounce + cursor pointer *\/\n#hc-6a34cf91158d5 .he__scroll svg {\n    animation: he-bounce-hc-6a34cf91158d5 2.4s ease-in-out infinite;\n}\n@keyframes he-bounce-hc-6a34cf91158d5 {\n    0%, 100% { transform: translateY(0); opacity: 0.7; }\n    50%      { transform: translateY(8px); opacity: 1; }\n}\n#hc-6a34cf91158d5 .he__scroll:hover svg {\n    animation-play-state: paused;\n    transform: translateY(4px);\n}\n\n#hc-6a34cf91158d5 .he__marquee:hover .he__marquee-track {\n    animation-play-state: paused;\n}\n@media (prefers-reduced-motion: reduce) {\n    #hc-6a34cf91158d5 .he__marquee-track,\n    #hc-6a34cf91158d5 .he__scroll svg {\n        animation: none !important;\n    }\n}\n<\/style>\n\n\n\n\n<section class=\"eds eds--left relative overflow-hidden\"\n         id=\"eds-6a34cf91170de\"\n         data-theme=\"light\"\n         data-eds-reveal         style=\"background-color: var(--color-beige-1); padding-top: var(--section-py-lg, 8rem);\">\n\n    <div class=\"nl-container\">\n\n                    <!-- Layout 2 colonnes asym\u00e9trique 12-col -->\n            <div class=\"grid grid-cols-12 gap-8 lg:gap-16 items-start\">\n                <!-- Texte (col-7 desktop) -->\n                <div class=\"col-span-12 md:col-span-7 md:order-1\">\n        \n            \n                            <p class=\"eds__eyebrow text-brown-900\/60\"\n                   style=\"font-size: var(--text-eyebrow); text-transform: uppercase; letter-spacing: var(--tracking-wider); font-weight: 500; margin-bottom: 1.5rem;\">\n                    About Us                <\/p>\n            \n                            <h2 class=\"eds__title text-brown-800\"\n                    style=\"font-size: var(--text-display-l); line-height: var(--leading-tight); letter-spacing: var(--tracking-tight); font-weight: 400; margin: 0 0 2rem;\">\n                    <span class=\"nl-title__base\">A multidisciplinary <\/span>                    <span class=\"nl-title__emphasis\">business law firm<\/span>                <\/h2>\n            \n                            <div class=\"eds__body text-brown-900\"\n                     data-eds-words\n                     style=\"font-size: var(--text-body); line-height: var(--leading-body);\">\n                    <p class=\"p1\">NY Law is a multidisciplinary business law firm, established as the alliance of two complementary practices, combining strong expertise in strategic advisory and business litigation.<\/p>\r\n<p class=\"p1\">\r\nThe firm advises Moroccan and international clients across the full range of their legal matters \u2014 both upstream of operations (structuring, transactions, contracts, compliance) and through pre-litigation and litigation phases before all the courts of the Kingdom.<\/p>\r\n<p class=\"p1\">\r\nDrawing on a pragmatic approach and an international partner network, NY Law provides clients with integrated, responsive and results-oriented support on complex, high-stakes matters.<\/p>                <\/div>\n            \n                            <div class=\"eds__cta-wrap\" style=\"margin-top: 2.5rem;\">\n                    <a href=\"https:\/\/nylaw.ma\/en\/about-us\/\"\n                                              class=\"btn btn-secondary\">\n                        <span>Learn more<\/span>\n                    <\/a>\n                <\/div>\n            \n                        <\/div><!-- \/col texte -->\n\n                                    <!-- Colonne image (col-5 desktop) \u2014 animation scroll-reveal -->\n                    <div class=\"col-span-12 md:col-span-5 md:order-2\">\n                        <div class=\"eds__image-wrap\">\n                            <img decoding=\"async\" class=\"eds__image\"\n                                 src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/nylaw-firm-7.webp\"\n                                 alt=\"\"\n                                 loading=\"lazy\"\n                                 width=\"1706\"\n                                 height=\"2560\">\n                        <\/div>\n                    <\/div>\n                        \n        <\/div><!-- \/grid ou \/center -->\n\n    <\/div>\n<\/section>\n\n<style>\n#eds-6a34cf91170de .eds__body p {\n    margin-bottom: 1.5rem;\n}\n#eds-6a34cf91170de .eds__body p:last-child {\n    margin-bottom: 0;\n}\n\/* CTA : utilise les classes globales .btn .btn-secondary\n   (style outlined adaptive light\/dark + slide-in hover) *\/\n\/* Image \u00e9ditoriale simple \u2014 pas d'animation, ratio portrait \u00e9ditorial *\/\n#eds-6a34cf91170de .eds__image-wrap {\n    position: relative;\n    aspect-ratio: 4\/5;\n}\n#eds-6a34cf91170de .eds__image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n    border-radius:15px;\n}\n\n\/* Word-by-word scroll reveal (Ikebana \/ Apple \/ Stripe style)\n   Chaque mot est wrap dans un <span class=\"eds__w\">. Au scroll,\n   l'opacit\u00e9 de chaque mot passe de 0.18 (faded) \u00e0 1 (full color)\n   selon sa position dans le viewport. *\/\n#eds-6a34cf91170de .eds__w {\n    opacity: 0.18;\n    transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n    will-change: opacity;\n}\n\n\/* Pour les utilisateurs reduce-motion : pas d'animation *\/\n@media (prefers-reduced-motion: reduce) {\n    #eds-6a34cf91170de .eds__image {\n        transform: translateY(0);\n    }\n    #eds-6a34cf91170de .eds__w {\n        opacity: 1;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    var section = document.getElementById('eds-6a34cf91170de');\n    if (!section) return;\n\n    var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    \/* === Word-by-word text reveal === *\/\n    var bodyEl = section.querySelector('[data-eds-words]');\n    var words = [];\n\n    if (bodyEl && !reduceMotion) {\n        \/* Wrap chaque mot dans un span tout en pr\u00e9servant le HTML (paragraphes, liens, etc.) *\/\n        function wrapWordsInTextNode(node) {\n            var text = node.nodeValue;\n            if (!text || !text.trim()) return;\n            var frag = document.createDocumentFragment();\n            var parts = text.split(\/(\\s+)\/);  \/* garde les espaces *\/\n            parts.forEach(function(part) {\n                if (\/^\\s+$\/.test(part)) {\n                    frag.appendChild(document.createTextNode(part));\n                } else if (part.length > 0) {\n                    var span = document.createElement('span');\n                    span.className = 'eds__w';\n                    span.textContent = part;\n                    frag.appendChild(span);\n                }\n            });\n            node.parentNode.replaceChild(frag, node);\n        }\n\n        function walk(el) {\n            var children = Array.prototype.slice.call(el.childNodes);\n            children.forEach(function(child) {\n                if (child.nodeType === Node.TEXT_NODE) {\n                    wrapWordsInTextNode(child);\n                } else if (child.nodeType === Node.ELEMENT_NODE) {\n                    walk(child);  \/* r\u00e9cursion dans <p>, <a>, <strong>, etc. *\/\n                }\n            });\n        }\n\n        walk(bodyEl);\n        words = bodyEl.querySelectorAll('.eds__w');\n    }\n\n    \/* Reduce motion ou rien \u00e0 animer : pas de scroll listener *\/\n    if (reduceMotion) return;\n    if (words.length === 0) return;\n\n    function update() {\n        var vh = window.innerHeight;\n\n        \/* --- Mots : opacity selon position dans viewport ---\n           Le seuil \"fully visible\" est \u00e0 65% de la hauteur du viewport\n           (le mot devient pleinement opaque quand il d\u00e9passe 65% de la\n           hauteur depuis le top). Plus haut \u2192 plus opaque. *\/\n        if (words.length > 0) {\n            var trigger = vh * 0.7;        \/* y-coord \u00e0 partir duquel le mot est full opacity *\/\n            var fadeRange = vh * 0.25;     \/* range au-dessus du trigger pour le fade-in progressif *\/\n\n            for (var i = 0; i < words.length; i++) {\n                var wRect = words[i].getBoundingClientRect();\n                var wTop = wRect.top;\n\n                if (wTop > trigger) {\n                    \/* Mot trop bas dans le viewport \u2192 encore faded *\/\n                    var dist = wTop - trigger;\n                    var p = Math.max(0, 1 - (dist \/ fadeRange));\n                    \/* Map p (0\u21921) \u00e0 opacity (0.18\u21921) *\/\n                    words[i].style.opacity = (0.18 + p * 0.82).toFixed(3);\n                } else {\n                    \/* Mot a pass\u00e9 le trigger \u2192 full opacity *\/\n                    words[i].style.opacity = 1;\n                }\n            }\n        }\n    }\n\n    update();\n    window.addEventListener('scroll', update, { passive: true });\n    window.addEventListener('resize', update);\n})();\n<\/script>\n\n\n\n<section class=\"tb relative\" id=\"tb-6a34cf911c641\"\n         data-theme=\"light\"\n         style=\"background-color: var(--color-beige-1); padding-top: 9rem; padding-bottom: 5rem;\">\n\n    <div class=\"max-w-[1400px] mx-auto px-6 md:px-12 lg:px-16\">\n\n        <!-- Eyebrow encadr\u00e9 par filets -->\n        <div class=\"tb__heading flex items-center gap-6 md:gap-10 mb-12 md:mb-16\"\n             style=\"color: var(--color-brown-800);\">\n            <span class=\"tb__line flex-1 h-px\" style=\"background-color: var(--color-brown-800); opacity: 0.25;\"><\/span>\n            <span class=\"tb__title font-body uppercase whitespace-nowrap\"\n                  style=\"font-size: var(--text-leading-display); letter-spacing: var(--tracking-wider); font-weight: 500;\">\n                A selection of clients            <\/span>\n            <span class=\"tb__line flex-1 h-px\" style=\"background-color: var(--color-brown-800); opacity: 0.25;\"><\/span>\n        <\/div>\n\n        \n    <\/div>\n\n        <!-- === Mode MARQUEE : 2\u00d7 les logos pour boucle infinie smooth === -->\n    <div class=\"tb__marquee\" aria-label=\"Logos clients (d\u00e9filement)\">\n        <div class=\"tb__track\">\n                            <div class=\"tb__set\" >\n                                                                        <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/logo-lazrak-3.webp\" alt=\"ALAZRAK\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/azura_logo.webp\" alt=\"AZURA\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/bouygues_construction_it_logo.jpg-removebg-preview-1.png\" alt=\"Bouygues Construction\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/cantor-capital-removebg-preview.png\" alt=\"Cantor capital groupe\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/EY-logo.webp\" alt=\"EY\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/fairwind-logo.webp\" alt=\"FAIRWIND\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/froch-logo.webp\" alt=\"FROCH\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/logo-groupe-chimirec.png\" alt=\"Groupe chimirec\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/hitradio-logo.webp\" alt=\"HIT RADIO\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/Logo-innovx.png\" alt=\"INNOVX\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/iron-mountain-logo.webp\" alt=\"IRON\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/labelvie.png\" alt=\"LABELVIE\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/MANNHUMMEL_Logo.svg\" alt=\"MANN HUMMEL\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/Mef-maroc-1.png\" alt=\"minist\u00e8re de l&#8217;\u00e9conomie des finances et de la reforme de l administration\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/retail-holiding-removebg-preview.png\" alt=\"Retail holding\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/santani-removebg-preview.webp\" alt=\"SANTANI\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/Logo-_-Groupe-Vicenne.png\" alt=\"Vecenne\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/Xerox_logo.svg\" alt=\"XEROX\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                            <\/div>\n                            <div class=\"tb__set\" aria-hidden=\"true\">\n                                                                        <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/logo-lazrak-3.webp\" alt=\"ALAZRAK\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/azura_logo.webp\" alt=\"AZURA\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/bouygues_construction_it_logo.jpg-removebg-preview-1.png\" alt=\"Bouygues Construction\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/cantor-capital-removebg-preview.png\" alt=\"Cantor capital groupe\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/EY-logo.webp\" alt=\"EY\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/fairwind-logo.webp\" alt=\"FAIRWIND\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/froch-logo.webp\" alt=\"FROCH\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/logo-groupe-chimirec.png\" alt=\"Groupe chimirec\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/hitradio-logo.webp\" alt=\"HIT RADIO\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/Logo-innovx.png\" alt=\"INNOVX\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/iron-mountain-logo.webp\" alt=\"IRON\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/labelvie.png\" alt=\"LABELVIE\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/MANNHUMMEL_Logo.svg\" alt=\"MANN HUMMEL\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/Mef-maroc-1.png\" alt=\"minist\u00e8re de l&#8217;\u00e9conomie des finances et de la reforme de l administration\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/retail-holiding-removebg-preview.png\" alt=\"Retail holding\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/santani-removebg-preview.webp\" alt=\"SANTANI\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/Logo-_-Groupe-Vicenne.png\" alt=\"Vecenne\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                                                                <span class=\"tb__slot\">\n                                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/Xerox_logo.svg\" alt=\"XEROX\"\n                                     class=\"tb__logo\" loading=\"lazy\">\n                            <\/span>\n                                                            <\/div>\n                    <\/div>\n    <\/div>\n    \n<\/section>\n\n<style>\n\/* === Marquee container === *\/\n#tb-6a34cf911c641 .tb__marquee {\n    width: 100%;\n    overflow: hidden;\n    \/* Mask fade sur les bords pour effet premium (pas de coupure brutale) *\/\n    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);\n            mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);\n}\n\n\/* === Track : 2 sets c\u00f4te \u00e0 c\u00f4te, anime de 0 \u00e0 -50% pour boucle parfaite === *\/\n#tb-6a34cf911c641 .tb__track {\n    display: flex;\n    width: max-content;\n    animation: tb-marquee-tb-6a34cf911c641 40s linear infinite;\n}\n\n\/* Pause au hover pour permettre la lecture *\/\n#tb-6a34cf911c641 .tb__marquee:hover .tb__track {\n    animation-play-state: paused;\n}\n\n\/* Set : ensemble des logos *\/\n#tb-6a34cf911c641 .tb__set {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    gap: clamp(2.5rem, 5vw, 5rem);\n    padding-right: clamp(2.5rem, 5vw, 5rem);\n}\n\n\/* === Slot : container fixe pour uniformiser la taille de chaque logo === *\/\n#tb-6a34cf911c641 .tb__slot {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: clamp(110px, 14vw, 160px);   \/* largeur uniforme *\/\n    height: clamp(48px, 6vw, 52px);     \/* hauteur uniforme *\/\n    flex-shrink: 0;\n}\n\n\/* === Logos === *\/\n#tb-6a34cf911c641 .tb__logo {\n    max-height: 100%;\n    max-width: 100%;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n    \/* Brown-tinted grayscale (palette NY Law) :\n       - grayscale(1)         : d\u00e9sature compl\u00e8tement\n       - sepia(0.4)           : ajoute teinte jaune-brun\n       - hue-rotate(-15deg)   : shift vers le rouge\/brown (coh\u00e9rence palette)\n       - saturate(1.3)        : intensifie l\u00e9g\u00e8rement la teinte\n       - brightness(0.95)     : assombrit subtly pour matcher brown-900 du texte *\/\n    filter: grayscale(1) sepia(0.4) hue-rotate(-15deg) saturate(1.3) brightness(0.95);\n    opacity: 0.7;\n    transition: filter 0.5s cubic-bezier(0.22, 1, 0.36, 1),\n                opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\/* Hover sur un logo \u2192 couleurs d'origine + opacit\u00e9 1 *\/\n#tb-6a34cf911c641 .tb__slot:hover .tb__logo {\n    filter: none;\n    opacity: 1;\n}\n\n\/* === Animation infinie : translate -50% (= 1 set complet) === *\/\n@keyframes tb-marquee-tb-6a34cf911c641 {\n    0%   { transform: translate3d(0, 0, 0); }\n    100% { transform: translate3d(-50%, 0, 0); }\n}\n\n\/* Reduce motion : marquee statique *\/\n@media (prefers-reduced-motion: reduce) {\n    #tb-6a34cf911c641 .tb__track {\n        animation: none;\n    }\n}\n\n\/* ============================================\n   Mode GRID \u2014 cadres \u00e9gaux style Apple\n   ============================================ *\/\n#tb-6a34cf911c641 .tb__grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0.875rem;\n}\n@media (min-width: 640px) {\n    #tb-6a34cf911c641 .tb__grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 1rem;\n    }\n}\n@media (min-width: 1024px) {\n    #tb-6a34cf911c641 .tb__grid {\n        grid-template-columns: repeat(4, 1fr);\n        gap: 1.25rem;\n    }\n}\n\n\/* === Cell (cadre) === *\/\n#tb-6a34cf911c641 .tb__cell {\n    aspect-ratio: 5\/3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1.25rem 1.5rem;\n    background-color: var(--color-beige-2);\n    border: 1px solid rgba(10, 10, 10, 0.08);\n    border-radius: 12px;\n    text-decoration: none;\n    transition: background-color 0.5s cubic-bezier(0.22, 1, 0.36, 1),\n                border-color 0.5s cubic-bezier(0.22, 1, 0.36, 1),\n                transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);\n}\n@media (min-width: 1024px) {\n    #tb-6a34cf911c641 .tb__cell {\n        aspect-ratio: 4\/3;\n        padding: 1.5rem 1.75rem;\n        border-radius: 14px;\n    }\n}\n\n\/* Hover sur cell cliquable *\/\n#tb-6a34cf911c641 .tb__cell--link:hover {\n    background-color: var(--color-beige-3);\n    border-color: rgba(10, 10, 10, 0.18);\n    transform: translateY(-2px);\n}\n\n\/* === Logo en mode grid : couleur originale, contenu dans le cadre === *\/\n#tb-6a34cf911c641 .tb__logo--grid {\n    max-width: 75%;\n    max-height: 60%;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n    \/* Pas de monochrome : le cadre + bg homog\u00e9n\u00e9ise d\u00e9j\u00e0 visuellement.\n       L\u00e9g\u00e8re opacit\u00e9 par d\u00e9faut, full au hover. *\/\n    filter: none;\n    opacity: 0.85;\n    transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1);\n}\n#tb-6a34cf911c641 .tb__cell:hover .tb__logo--grid {\n    opacity: 1;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FLIP CARD 3D (desktop hover uniquement) + Responsive disclosure mobile\n   Pattern :\n   - \u2265 900px (hover:hover + pointer:fine) : grid 4 cols + flip 3D on hover\n   - <  900px : pas de 3D, logo et tagline empil\u00e9s visibles en permanence\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* === Base flip-card (toujours rendue, neutralis\u00e9e sur mobile) === *\/\n#tb-6a34cf911c641 .tb__cell--flip {\n    overflow: hidden;\n}\n\n#tb-6a34cf911c641 .tb__cell-inner {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    display: block;\n}\n\n#tb-6a34cf911c641 .tb__cell-face {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* === Tagline : style commun desktop (verso flip) + mobile (sous logo) === *\/\n#tb-6a34cf911c641 .tb__tagline {\n\n    letter-spacing: 0.12em !important;\n    font-family: var(--font-montserrat) !important;\n    font-weight: 400;\n    font-size: clamp(0.92rem, 1.3vw, 1.1rem);\n    line-height: 1.35;\n    text-align: center;\n    color: var(--color-brown-800);\n    letter-spacing: -0.005em;\n    max-width: 22ch;\n    margin: 0;\n}\n\n\/* \u2500\u2500\u2500 DESKTOP : flip 3D on hover (\u2265 900px + hover:hover + pointer:fine) \u2500\u2500\u2500 *\/\n@media (hover: hover) and (pointer: fine) and (min-width: 900px) {\n\n    #tb-6a34cf911c641 .tb__cell--flip {\n        perspective: 1000px;\n        cursor: pointer;\n    }\n\n    #tb-6a34cf911c641 .tb__cell-inner {\n        transform-style: preserve-3d;\n        transition: transform 380ms cubic-bezier(0.22, 1, 0.36, 1);\n    }\n\n    \/* Faces superpos\u00e9es avec backface hidden *\/\n    #tb-6a34cf911c641 .tb__cell-face {\n        position: absolute;\n        inset: 0;\n        padding: inherit;\n        -webkit-backface-visibility: hidden;\n                backface-visibility: hidden;\n    }\n\n    \/* Verso : tourn\u00e9 180\u00b0 au d\u00e9part pour r\u00e9v\u00e9lation apr\u00e8s rotation *\/\n    #tb-6a34cf911c641 .tb__cell-back {\n        transform: rotateY(180deg);\n        background-color: var(--color-beige-1);\n        padding: 1rem 1.25rem;\n    }\n\n    \/* Hover \u2192 flip *\/\n    #tb-6a34cf911c641 .tb__cell--flip:hover .tb__cell-inner {\n        transform: rotateY(180deg);\n    }\n\n    \/* D\u00e9sactive le translateY -2px de cell--link (interf\u00e8re avec la 3D) *\/\n    #tb-6a34cf911c641 .tb__cell--flip.tb__cell--link:hover {\n        transform: none;\n    }\n}\n\n\/* \u2500\u2500\u2500 MOBILE \/ TOUCH (< 900px ou hover:none) : empile logo + tagline \u2500\u2500\u2500 *\/\n@media (max-width: 899px), (hover: none) {\n\n    \/* Cell devient un container vertical *\/\n    #tb-6a34cf911c641 .tb__cell--flip {\n        cursor: default;\n        overflow: visible;\n        padding-top: 1.5rem;\n        padding-bottom: 1.5rem;\n    }\n\n    \/* Inner devient un flex column qui empile les 2 faces *\/\n    #tb-6a34cf911c641 .tb__cell--flip .tb__cell-inner {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 0.85rem;\n    }\n\n    \/* Faces en flux normal, plus de 3D *\/\n    #tb-6a34cf911c641 .tb__cell--flip .tb__cell-face {\n        position: relative;\n        inset: auto;\n        padding: 0;\n        background: transparent;\n        width: 100%;\n    }\n\n    \/* Reset complet de la rotation du verso *\/\n    #tb-6a34cf911c641 .tb__cell--flip .tb__cell-back {\n        transform: none;\n        background-color: transparent;\n        padding: 0;\n    }\n\n    \/* Logo un peu plus petit pour laisser place \u00e0 la tagline *\/\n    #tb-6a34cf911c641 .tb__cell--flip .tb__logo--grid {\n        max-height: 56px;\n        max-width: 70%;\n    }\n}\n\n\/* \u2500\u2500\u2500 Mobile : grid 1 colonne en tr\u00e8s petit, 2 colonnes \u2265 480px \u2500\u2500\u2500 *\/\n@media (max-width: 479px) {\n    #tb-6a34cf911c641 .tb__grid {\n        grid-template-columns: 1fr;\n    }\n    \/* Cell pleine largeur en card horizontale : logo gauche + tagline droite *\/\n    #tb-6a34cf911c641 .tb__cell--flip {\n        aspect-ratio: auto;\n        min-height: 110px;\n    }\n    #tb-6a34cf911c641 .tb__cell--flip .tb__cell-inner {\n        flex-direction: row;\n        gap: 1.25rem;\n        text-align: left;\n        align-items: center;\n    }\n    #tb-6a34cf911c641 .tb__cell--flip .tb__cell-front {\n        flex: 0 0 35%;\n    }\n    #tb-6a34cf911c641 .tb__cell--flip .tb__cell-back {\n        flex: 1;\n        justify-content: flex-start;\n    }\n    #tb-6a34cf911c641 .tb__cell--flip .tb__tagline {\n        text-align: left;\n    }\n}\n\n\/* Reduced motion : pas d'animation 3D *\/\n@media (prefers-reduced-motion: reduce) {\n    #tb-6a34cf911c641 .tb__cell-inner {\n        transition: none;\n    }\n}\n<\/style>\n\n\n\n<section class=\"cp\" id=\"cp-6a34cf911e0be\" aria-label=\"Our Approach\">\n\n    <!-- Container pinn\u00e9 desktop, flow normal mobile -->\n    <div class=\"cp__pin\">\n\n        <!-- Background : image -->\n        <div class=\"cp__bg\" aria-hidden=\"true\">\n            <img decoding=\"async\" class=\"cp__image\"\n                 src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/nylaw-firm-2-1.webp\"\n                 alt=\"\"\n                 loading=\"lazy\"\n                 width=\"1586\"                 height=\"1057\">\n            <span class=\"cp__overlay\"><\/span>\n        <\/div>\n\n        <!-- Contenu (eyebrow + titre + 2 p\u00f4les) -->\n        <div class=\"cp__content\">\n            <div class=\"cp__inner\">\n\n                <p class=\"cp__eyebrow\">Our Approach<\/p>\n\n                <h2 class=\"cp__title\">Advisory and Litigation, <br \/>\r\none team.<\/h2>\n\n                <span class=\"cp__divider\" aria-hidden=\"true\"><\/span>\n\n                <div class=\"cp__poles\">\n                    <!-- P\u00f4le 1 -->\n                    <article class=\"cp__pole\">\n                        <span class=\"cp__pole-number\">01<\/span>\n                        <h3 class=\"cp__pole-name\">Advisory Practice<\/h3>\n                        <p class=\"cp__pole-desc\">The firm advises businesses and their leaders on strategic decisions upstream of operations. Each matter is approached with business insight in mind, the legal solution serving the economic decision.<\/p>\n                                            <\/article>\n\n                    <!-- P\u00f4le 2 -->\n                    <article class=\"cp__pole\">\n                        <span class=\"cp__pole-number\">02<\/span>\n                        <h3 class=\"cp__pole-name\">Litigation Practice<\/h3>\n                        <p class=\"cp__pole-desc\">The firm assists and represents its clients at every stage of pre-litigation and judicial proceedings, before all the courts of the Kingdom. Our practice rests on a discipline of anticipation and method.<\/p>\n                                            <\/article>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* ============================================\n   Cinematic P\u00f4les\n   ============================================ *\/\n#cp-6a34cf911e0be.cp {\n    position: relative;\n    background-color: var(--color-beige-1);\n}\n\n\/* === Desktop : container pinn\u00e9, hauteur 150vh pour scroll-pin compact === *\/\n@media (min-width: 1024px) {\n    #cp-6a34cf911e0be.cp {\n        height: 150vh;  \/* pin scroll = 50vh \u2014 pas de dead zone perceptible *\/\n    }\n    #cp-6a34cf911e0be .cp__pin {\n        position: relative;\n        height: 100vh;\n        overflow: hidden;\n    }\n}\n\n\/* === Mobile : flow normal, image au-dessus, contenu en stack === *\/\n@media (max-width: 1023px) {\n    #cp-6a34cf911e0be .cp__pin {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n    }\n}\n\n\/* === BG image + overlay === *\/\n#cp-6a34cf911e0be .cp__bg {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    pointer-events: none;\n}\n#cp-6a34cf911e0be .cp__image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    will-change: transform;\n}\n#cp-6a34cf911e0be .cp__overlay {\n    position: absolute;\n    inset: 0;\n    \/* Radial gradient brown-900 : spotlight subtil \u2014 centre un peu plus clair,\n       bords plus sombres \u2192 met le texte en lumi\u00e8re sans aplatir l'image *\/\n    background: radial-gradient(\n        ellipse at center,\n        rgba(10, 10, 10, 0.85) 0%,\n        rgba(10, 10, 10, 1) 70%\n    );\n    opacity: 0;\n    will-change: opacity;\n}\n\n\/* Mobile : pas d'image, fond sombre + texte beige (atmosph\u00e8re cin\u00e9matique pr\u00e9serv\u00e9e) *\/\n@media (max-width: 1023px) {\n    #cp-6a34cf911e0be.cp {\n        background-color: var(--color-brown-800);\n    }\n    #cp-6a34cf911e0be .cp__bg {\n        display: none;\n    }\n    #cp-6a34cf911e0be .cp__divider {\n        height: 60px;\n        margin: 0 auto 2rem;\n    }\n}\n\n\/* === Contenu === *\/\n#cp-6a34cf911e0be .cp__content {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n}\n@media (min-width: 1024px) {\n    #cp-6a34cf911e0be .cp__content {\n        position: absolute;\n        inset: 0;\n        display: flex;\n        align-items: center;\n    }\n}\n#cp-6a34cf911e0be .cp__inner {\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 4rem 1.5rem;\n    text-align: center;\n}\n@media (min-width: 768px) {\n    #cp-6a34cf911e0be .cp__inner {\n        padding: 6rem 3rem;\n    }\n}\n\n\/* Eyebrow *\/\n#cp-6a34cf911e0be .cp__eyebrow {\n    font-size: var(--text-eyebrow);\n    text-transform: uppercase;\n    letter-spacing: var(--tracking-wider);\n    font-weight: 500;\n    color: var(--color-beige-1);\n    margin: 0 0 1.5rem;\n    will-change: opacity, transform;\n}\n\n\/* Titre *\/\n#cp-6a34cf911e0be .cp__title {\n    font-family: var(--font-display);\n    font-size: var(--text-display-l);\n    line-height: var(--leading-tight);\n    letter-spacing: var(--tracking-tight);\n    font-weight: 400;\n    color: var(--color-beige-1);\n    margin: 0 auto 3rem;\n    max-width: 20ch;\n    will-change: opacity, transform;\n}\n@media (min-width: 1024px) {\n    #cp-6a34cf911e0be .cp__title {\n        margin-bottom: 4rem;\n    }\n}\n\n\/* === Divider vertical (r\u00e9f\u00e9rence aux 2 barres du logo) === *\/\n#cp-6a34cf911e0be .cp__divider {\n    display: block;\n    width: 1px;\n    height: 80px;\n    margin: 0 auto 3rem;\n    background-color: var(--color-beige-1);\n    opacity: 0.5;\n    transform-origin: top center;\n    will-change: transform;\n}\n@media (min-width: 1024px) {\n    #cp-6a34cf911e0be .cp__divider {\n        height: 100px;\n        margin-bottom: 4rem;\n    }\n}\n\n\/* === 2 p\u00f4les c\u00f4te \u00e0 c\u00f4te === *\/\n#cp-6a34cf911e0be .cp__poles {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 3rem;\n}\n@media (min-width: 768px) {\n    #cp-6a34cf911e0be .cp__poles {\n        grid-template-columns: 1fr 1fr;\n        gap: 4rem;\n    }\n}\n@media (min-width: 1024px) {\n    #cp-6a34cf911e0be .cp__poles {\n        gap: 6rem;\n        max-width: 900px;\n        margin: 0 auto;  \/* centre la grille des 2 p\u00f4les *\/\n    }\n}\n\n#cp-6a34cf911e0be .cp__pole {\n    display: flex;\n    flex-direction: column;\n    align-items: center;        \/* centre les \u00e9l\u00e9ments du p\u00f4le *\/\n    text-align: center;\n    gap: 0.5rem;\n    will-change: opacity, transform;\n}\n\n\/* === Num\u00e9ro \u00e9ditorial : mono compact + trait fin avant ===\n   Style cartel de galerie d'art, sobre et distinctif.\n   Coh\u00e9rent avec les eyebrows mono du reste du site. *\/\n#cp-6a34cf911e0be .cp__pole-number {\n    font-family: var(--font-mono);\n    font-size: 0.78rem;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 0.18em;\n    color: var(--color-beige-1);\n    opacity: 0.7;\n    margin: 0 0 0.75rem;\n    text-transform: uppercase;\n    \/* Trait fin avant le num\u00e9ro (style cartel galerie) *\/\n    display: inline-flex;\n    align-items: center;\n    gap: 0.75rem;\n}\n#cp-6a34cf911e0be .cp__pole-number::before {\n    content: '';\n    display: inline-block;\n    width: 32px;\n    height: 1px;\n    background-color: currentColor;\n    opacity: 0.6;\n}\n\n#cp-6a34cf911e0be .cp__pole-name {\n    font-family: var(--font-display);\n    font-size: clamp(1.5rem, 2.5vw, 2rem);\n    font-weight: 400;\n    color: var(--color-beige-1);\n    margin: 0;\n    letter-spacing: -0.015em;\n    line-height: 1.15;\n}\n\n#cp-6a34cf911e0be .cp__pole-desc {\n    font-size: var(--text-body);\n    line-height: var(--leading-body);\n    color: var(--color-beige-1);\n    opacity: 0.85;\n    margin: 0 auto 1rem;       \/* centr\u00e9 horizontalement *\/\n    position: relative;         \/* passe au-dessus du watermark *\/\n    z-index: 1;\n    max-width: 38ch;\n}\n\n#cp-6a34cf911e0be .cp__pole-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    color: var(--color-beige-1);\n    font-size: var(--text-body);\n    border-bottom: 1px solid currentColor;\n    padding-bottom: 4px;\n    align-self: center;        \/* centr\u00e9 au milieu du p\u00f4le *\/\n    transition: opacity 0.3s ease;\n}\n#cp-6a34cf911e0be .cp__pole-cta:hover {\n    opacity: 0.7;\n}\n\n\/* === \u00c9tat initial des \u00e9l\u00e9ments anim\u00e9s (desktop seulement) === *\/\n@media (min-width: 1024px) {\n    #cp-6a34cf911e0be .cp__image {\n        \/* Initial : image tr\u00e8s \u00e9troite (largeur 20%) + hauteur r\u00e9duite (65%)\n           + pouss\u00e9e vers le bas. transform-origin: center \u2192 s'\u00e9largit SYM\u00c9TRIQUEMENT. *\/\n        transform-origin: center center;\n        transform: scaleX(0.2) scaleY(0.65) translateY(20%);\n    }\n    #cp-6a34cf911e0be .cp__eyebrow,\n    #cp-6a34cf911e0be .cp__title,\n    #cp-6a34cf911e0be .cp__pole {\n        opacity: 0;\n        transform: translateY(40px);\n    }\n    #cp-6a34cf911e0be .cp__divider {\n        transform: scaleY(0);\n    }\n}\n\n\/* Reduce motion : tout visible imm\u00e9diatement *\/\n@media (prefers-reduced-motion: reduce) {\n    #cp-6a34cf911e0be .cp__image {\n        transform: scale(1);\n    }\n    #cp-6a34cf911e0be .cp__overlay {\n        opacity: 0.55;\n    }\n    #cp-6a34cf911e0be .cp__eyebrow,\n    #cp-6a34cf911e0be .cp__title,\n    #cp-6a34cf911e0be .cp__pole {\n        opacity: 1;\n        transform: none;\n    }\n    #cp-6a34cf911e0be .cp__divider {\n        transform: scaleY(1);\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    var section = document.getElementById('cp-6a34cf911e0be');\n    if (!section) return;\n\n    \/* Reduce-motion ou pas de GSAP : pas d'animation *\/\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n    if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n        \/* Fallback : tout visible *\/\n        var img = section.querySelector('.cp__image');\n        var overlay = section.querySelector('.cp__overlay');\n        var elements = section.querySelectorAll('.cp__eyebrow, .cp__title, .cp__pole');\n        if (img) img.style.transform = 'scale(1)';\n        if (overlay) overlay.style.opacity = 0.55;\n        elements.forEach(function(el) {\n            el.style.opacity = '1';\n            el.style.transform = 'none';\n        });\n        return;\n    }\n\n    \/* Mobile : pas de pin, fallback CSS @media *\/\n    if (window.innerWidth < 1024) return;\n\n    gsap.registerPlugin(ScrollTrigger);\n\n    var pin = section.querySelector('.cp__pin');\n    var image = section.querySelector('.cp__image');\n    var overlay = section.querySelector('.cp__overlay');\n    var eyebrow = section.querySelector('.cp__eyebrow');\n    var title = section.querySelector('.cp__title');\n    var divider = section.querySelector('.cp__divider');\n    var poles = section.querySelectorAll('.cp__pole');\n    var overlayPeak = 0.55;\n\n    \/* === Force \u00e9tat initial via GSAP (sync DOM \u2194 GSAP) === *\/\n    gsap.set(image, {\n        scaleX: 0.2,\n        scaleY: 0.65,\n        y: '20%',\n        transformOrigin: 'center center',\n    });\n\n    \/* === TIMELINE 1 \u2014 IMAGE ENTRY (avant le pin) ===\n       L'image grandit de scaleX(0.2)\/scaleY(0.65) \u2192 scale(1) (fit EXACT viewport).\n       Pas d'overlay ici : on voit l'image dans ses vraies couleurs pendant l'entr\u00e9e. *\/\n    gsap.set(overlay, { opacity: 0 });\n\n    gsap.timeline({\n        scrollTrigger: {\n            trigger: section,\n            start: 'top bottom',\n            end:   'top top',\n            scrub: 0.8,\n        }\n    }).to(image, {\n        scaleX: 1,\n        scaleY: 1,\n        y: '0%',\n        ease: 'power1.out',\n    }, 0);\n\n    \/* === TIMELINE 2 \u2014 MAIN PINNED ===\n       MOD\u00c8LE S\u00c9QUENTIEL AVEC OVERLAP (pattern \u00e9ditorial premium type Herm\u00e8s\/Apple) :\n         Scroll DOWN :\n           - 0%  \u2192 35% : overlay se dresse (0 \u2192 full) \u2014 il prend le lead\n           - 20% \u2192 50% : texte monte (60vh \u2192 0) \u2014 d\u00e9marre quand overlay est ~60% en place\n           - 50% \u2192 100% : HOLD\n         Scroll UP (reverse auto) :\n           - 100% \u2192 50% : hold\n           - 50% \u2192 20% : texte redescend en premier\n           - 35% \u2192 0%  : overlay s'efface apr\u00e8s que le texte ait commenc\u00e9 \u00e0 partir\n         \u2192 overlap de 15% : continuit\u00e9 fluide, pas de coupure m\u00e9canique entre les deux phases. *\/\n    var allText = [eyebrow, title, poles[0]];\n    if (poles[1]) allText.push(poles[1]);\n\n    gsap.set(allText, {\n        opacity: 0,\n        y: '60vh',\n    });\n    gsap.set(divider, { scaleY: 0 });\n\n    var tl = gsap.timeline({\n        scrollTrigger: {\n            trigger: section,\n            start: 'top top',\n            end: 'bottom bottom',\n            pin: pin,\n            pinSpacing: false,\n            scrub: 1,\n            anticipatePin: 1,\n        }\n    });\n\n    \/* TIMING \u2014 animations \u00e9tal\u00e9es sur 85% du pin (0 \u2192 0.85)\n       \u2192 seulement 15% de hold = tr\u00e8s peu de dead zone au scroll up *\/\n\n    \/* 1. Overlay monte en parall\u00e8le avec le texte (0% \u2192 85%, l\u00e9ger lead initial) *\/\n    tl.to(overlay, {\n        opacity: overlayPeak,\n        ease: 'power2.out',\n        duration: 0.85\n    }, 0);\n\n    \/* 2. Texte rise (10% \u2192 85%) \u2014 overlay a un l\u00e9ger lead de 10% *\/\n    tl.to(allText, {\n        opacity: 1,\n        y: 0,\n        ease: 'power3.out',\n        duration: 0.75\n    }, 0.10);\n\n    \/* 3. Divider (40% \u2192 85%) \u2014 synchrone avec la fin du rise titre,\n       transform-origin: top \u2192 au reverse, se r\u00e9tracte VERS le titre *\/\n    tl.to(divider, {\n        scaleY: 1,\n        ease: 'power2.out',\n        duration: 0.45\n    }, 0.40);\n})();\n<\/script>\n\n\n\n<section class=\"si\" id=\"si-6a34cf911f33f\" aria-label=\"Our Expertise\">\n    <div class=\"si__inner\">\n\n        <header class=\"si__header nl-section-head\">\n            <p class=\"nl-eyebrow\">Our Expertise<\/p>\n            <h2 class=\"nl-section-title\">\n                <span class=\"nl-title__base\">Six service lines,<\/span>\n                <span class=\"nl-title__emphasis\">two approaches, one team.<\/span>            <\/h2>\n                            <p class=\"nl-section-intro\">Each expertise covers both strategic advisory and litigation.<\/p>\n                    <\/header>\n\n        <ol class=\"si__list\" role=\"list\">\n                            <li class=\"si__item\">\n                    <a class=\"si__row\"\n                                                    href=\"https:\/\/nylaw.ma\/en\/expertise\/#m-a-corporate\"\n                                                                        >\n                        <span class=\"si__num\" aria-hidden=\"true\">01<\/span>\n\n                        <div class=\"si__main\">\n                            <h3 class=\"si__name\">M&amp;A, Corporate &amp; Investment<\/h3>\n                                                            <p class=\"si__tagline\">Supporting businesses from investment through divestment<\/p>\n                                                    <\/div>\n\n                                                    <span class=\"si__modes\" aria-label=\"Modes : Advisory \/ Disputes\">\n                                                                    <span class=\"si__mode\">Advisory<\/span>\n                                                                    <span class=\"si__mode\">Disputes<\/span>\n                                                            <\/span>\n                        \n                                                    <span class=\"si__arrow\" aria-hidden=\"true\">\u2192<\/span>\n                                            <\/a>\n                <\/li>\n                            <li class=\"si__item\">\n                    <a class=\"si__row\"\n                                                    href=\"https:\/\/nylaw.ma\/en\/expertise\/#fiscalit\u00e9-changes\"\n                                                                        >\n                        <span class=\"si__num\" aria-hidden=\"true\">02<\/span>\n\n                        <div class=\"si__main\">\n                            <h3 class=\"si__name\">Business Contracts \u00b7 Strategic Partnerships<\/h3>\n                                                            <p class=\"si__tagline\">Securing high-value contractual relationships<\/p>\n                                                    <\/div>\n\n                                                    <span class=\"si__modes\" aria-label=\"Modes : Advisory \/ Disputes\">\n                                                                    <span class=\"si__mode\">Advisory<\/span>\n                                                                    <span class=\"si__mode\">Disputes<\/span>\n                                                            <\/span>\n                        \n                                                    <span class=\"si__arrow\" aria-hidden=\"true\">\u2192<\/span>\n                                            <\/a>\n                <\/li>\n                            <li class=\"si__item\">\n                    <a class=\"si__row\"\n                                                    href=\"https:\/\/nylaw.ma\/en\/expertise\/#contrats-partenariats\"\n                                                                        >\n                        <span class=\"si__num\" aria-hidden=\"true\">03<\/span>\n\n                        <div class=\"si__main\">\n                            <h3 class=\"si__name\">Banking, Finance, Insurance &amp; Capital Markets<\/h3>\n                                                            <p class=\"si__tagline\">Technical excellence in financial transactions<\/p>\n                                                    <\/div>\n\n                                                    <span class=\"si__modes\" aria-label=\"Modes : Advisory \/ Disputes\">\n                                                                    <span class=\"si__mode\">Advisory<\/span>\n                                                                    <span class=\"si__mode\">Disputes<\/span>\n                                                            <\/span>\n                        \n                                                    <span class=\"si__arrow\" aria-hidden=\"true\">\u2192<\/span>\n                                            <\/a>\n                <\/li>\n                            <li class=\"si__item\">\n                    <a class=\"si__row\"\n                                                    href=\"https:\/\/nylaw.ma\/en\/expertise\/#conformite-regules\"\n                                                                        >\n                        <span class=\"si__num\" aria-hidden=\"true\">04<\/span>\n\n                        <div class=\"si__main\">\n                            <h3 class=\"si__name\">Foreign Exchange Regulations - Cross-Border Operations<\/h3>\n                                                            <p class=\"si__tagline\">Securing cross-border operations<\/p>\n                                                    <\/div>\n\n                                                    <span class=\"si__modes\" aria-label=\"Modes : Advisory \/ Disputes\">\n                                                                    <span class=\"si__mode\">Advisory<\/span>\n                                                                    <span class=\"si__mode\">Disputes<\/span>\n                                                            <\/span>\n                        \n                                                    <span class=\"si__arrow\" aria-hidden=\"true\">\u2192<\/span>\n                                            <\/a>\n                <\/li>\n                            <li class=\"si__item\">\n                    <a class=\"si__row\"\n                                                    href=\"https:\/\/nylaw.ma\/expertise\/#banque-finance\"\n                                                                        >\n                        <span class=\"si__num\" aria-hidden=\"true\">05<\/span>\n\n                        <div class=\"si__main\">\n                            <h3 class=\"si__name\">Compliance \u00b7 Competition \u00b7 Regulated Sectors<\/h3>\n                                                            <p class=\"si__tagline\">Regulatory risk at the heart of decision-making<\/p>\n                                                    <\/div>\n\n                                                    <span class=\"si__modes\" aria-label=\"Modes : Advisory \/ Disputes\">\n                                                                    <span class=\"si__mode\">Advisory<\/span>\n                                                                    <span class=\"si__mode\">Disputes<\/span>\n                                                            <\/span>\n                        \n                                                    <span class=\"si__arrow\" aria-hidden=\"true\">\u2192<\/span>\n                                            <\/a>\n                <\/li>\n                            <li class=\"si__item\">\n                    <a class=\"si__row\"\n                                                    href=\"https:\/\/nylaw.ma\/expertise\/#social-immigration\"\n                                                                        >\n                        <span class=\"si__num\" aria-hidden=\"true\">06<\/span>\n\n                        <div class=\"si__main\">\n                            <h3 class=\"si__name\">Employment Law &amp; International Mobility<\/h3>\n                                                            <p class=\"si__tagline\">Human capital at the heart of business strategy<\/p>\n                                                    <\/div>\n\n                                                    <span class=\"si__modes\" aria-label=\"Modes : Advisory \/ Disputes\">\n                                                                    <span class=\"si__mode\">Advisory<\/span>\n                                                                    <span class=\"si__mode\">Disputes<\/span>\n                                                            <\/span>\n                        \n                                                    <span class=\"si__arrow\" aria-hidden=\"true\">\u2192<\/span>\n                                            <\/a>\n                <\/li>\n                    <\/ol>\n\n                    <div class=\"si__footer\">\n                <a href=\"https:\/\/nylaw.ma\/en\/expertise\/\"\n                                      class=\"btn btn-primary\">\n                     Explore all our areas of expertise                <\/a>\n            <\/div>\n        \n    <\/div>\n<\/section>\n\n<style>\n\/* ============================================\n   Services Index \u2014 \u00e9ditorial num\u00e9rot\u00e9\n   ============================================ *\/\n#si-6a34cf911f33f.si {\n    background-color: var(--color-beige-1);\n    color: var(--color-brown-900);\n    padding: 5rem 1.5rem;\n}\n@media (min-width: 768px) { #si-6a34cf911f33f.si { padding: 7rem 2rem; } }\n@media (min-width: 1024px) { #si-6a34cf911f33f.si { padding: 9rem 3rem; } }\n\n#si-6a34cf911f33f .si__inner {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n\/* === Header : utilise .nl-section-head + .nl-eyebrow + .nl-section-title + .nl-section-intro === *\/\n\n\/* === Liste === *\/\n#si-6a34cf911f33f .si__list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    border-top: 1px solid rgba(10, 10, 10, 0.18);\n}\n\n#si-6a34cf911f33f .si__item {\n    border-bottom: 1px solid rgba(10, 10, 10, 0.18);\n}\n\n\/* Row : layout grid avec colonnes d\u00e9finies *\/\n#si-6a34cf911f33f .si__row {\n    display: grid;\n    grid-template-columns: auto 1fr auto auto;\n    align-items: center;\n    gap: 1rem 1.5rem;\n    padding: 1.75rem 0.5rem;\n    color: var(--color-brown-900);\n    text-decoration: none;\n    transition: padding 0.4s ease, background-color 0.4s ease;\n    position: relative;\n}\n@media (min-width: 768px) {\n    #si-6a34cf911f33f .si__row {\n        grid-template-columns: 80px 1fr auto auto;\n        gap: 1rem 2.5rem;\n        padding: 2rem 1rem;\n    }\n}\n@media (min-width: 1024px) {\n    #si-6a34cf911f33f .si__row {\n        grid-template-columns: 100px 1fr auto auto;\n        padding: 2.5rem 1.5rem;\n    }\n}\n\na.si__row:hover {\n    background-color: rgba(10, 10, 10, 0.025);\n    padding-left: 1.5rem;\n}\n@media (min-width: 1024px) {\n    a.si__row:hover {\n        padding-left: 2.5rem;\n    }\n}\n\n\/* Num\u00e9ro *\/\n#si-6a34cf911f33f .si__num {\n    font-family: var(--font-display);\n    font-size: 1.125rem;\n    font-weight: 500;\n    color: var(--color-brown-600);\n    opacity: 0.7;\n    letter-spacing: var(--tracking-wide);\n    line-height: 1;\n}\n@media (min-width: 768px) {\n    #si-6a34cf911f33f .si__num { font-size: 1.25rem; }\n}\n\n\/* Main : nom + tagline *\/\n#si-6a34cf911f33f .si__main {\n    min-width: 0;\n}\n\n#si-6a34cf911f33f .si__name {\n    font-family: var(--font-display);\n    font-size: clamp(1.4rem, 2.4vw, 2rem);\n    font-weight: 400;\n    line-height: 1.2;\n    letter-spacing: -0.01em;\n    color: var(--color-brown-900);\n    margin: 0;\n}\n\n#si-6a34cf911f33f .si__tagline {\n    margin: 0.5rem 0 0;\n    font-size: 0.95rem;\n    line-height: var(--leading-body);\n    color: var(--color-brown-900);\n    opacity: 0.65;\n    max-width: 65ch;\n}\n\n\/* Modes (Conseil \/ Contentieux) *\/\n#si-6a34cf911f33f .si__modes {\n    display: none;  \/* mobile : cach\u00e9, on r\u00e9cup\u00e8re sur tablet+ *\/\n    align-items: center;\n    gap: 0.5rem;\n    flex-shrink: 0;\n}\n@media (min-width: 900px) {\n    #si-6a34cf911f33f .si__modes { display: inline-flex; }\n}\n\n#si-6a34cf911f33f .si__mode {\n    font-size: 0.7rem;\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    font-weight: 500;\n    color: var(--color-brown-900);\n    opacity: 0.55;\n    padding: 0.4rem 0.85rem;\n    border: 1px solid rgba(10, 10, 10, 0.25);\n    border-radius: 999px;\n    white-space: nowrap;\n    transition: opacity 0.3s ease, border-color 0.3s ease;\n}\na.si__row:hover .si__mode {\n    opacity: 0.8;\n    border-color: rgba(10, 10, 10, 0.45);\n}\n\n\/* Fl\u00e8che *\/\n#si-6a34cf911f33f .si__arrow {\n    font-size: 1.25rem;\n    color: var(--color-brown-900);\n    opacity: 0.5;\n    transform: translateX(0);\n    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;\n    flex-shrink: 0;\n}\na.si__row:hover .si__arrow {\n    opacity: 1;\n    transform: translateX(8px);\n}\n\n\/* === Footer CTA === *\/\n#si-6a34cf911f33f .si__footer {\n    margin-top: 3.5rem;\n    text-align: center;\n}\n@media (min-width: 1024px) {\n    #si-6a34cf911f33f .si__footer { margin-top: 5rem; }\n}\n\n\/* === \u00c9tats initiaux pour stagger fade-in (desktop seulement) === *\/\n@media (min-width: 1024px) {\n    #si-6a34cf911f33f .si__item {\n        opacity: 0;\n        transform: translateY(24px);\n    }\n    #si-6a34cf911f33f .si__header > * {\n        opacity: 0;\n        transform: translateY(16px);\n    }\n}\n\n\/* Reduce motion : tout visible direct *\/\n@media (prefers-reduced-motion: reduce) {\n    #si-6a34cf911f33f .si__item,\n    #si-6a34cf911f33f .si__header > * {\n        opacity: 1 !important;\n        transform: none !important;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    var section = document.getElementById('si-6a34cf911f33f');\n    if (!section) return;\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n    if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n        section.querySelectorAll('.si__item, .si__header > *').forEach(function(el) {\n            el.style.opacity = '1';\n            el.style.transform = 'none';\n        });\n        return;\n    }\n    if (window.innerWidth < 1024) return;\n\n    gsap.registerPlugin(ScrollTrigger);\n\n    var headerEls = section.querySelectorAll('.si__header > *');\n    var items = section.querySelectorAll('.si__item');\n\n    \/* Header : reveal en bloc *\/\n    gsap.to(headerEls, {\n        opacity: 1,\n        y: 0,\n        duration: 0.8,\n        ease: 'power2.out',\n        stagger: 0.1,\n        scrollTrigger: {\n            trigger: section,\n            start: 'top 80%',\n            once: true,\n        }\n    });\n\n    \/* Liste : stagger fade-in (60ms entre chaque rang\u00e9e) *\/\n    gsap.to(items, {\n        opacity: 1,\n        y: 0,\n        duration: 0.7,\n        ease: 'power2.out',\n        stagger: 0.08,\n        scrollTrigger: {\n            trigger: section.querySelector('.si__list'),\n            start: 'top 75%',\n            once: true,\n        }\n    });\n})();\n<\/script>\n\n\n\n<section class=\"tf\" id=\"tf-6a34cf911fac2\" aria-label=\"At the helm\">\n    <div class=\"tf__inner\">\n\n        <header class=\"tf__header nl-section-head\">\n            <p class=\"nl-eyebrow\">At the helm<\/p>\n            <h2 class=\"nl-section-title\">\n                <span class=\"nl-title__base\">The partners,<\/span>\n                <span class=\"nl-title__emphasis\">leading every matter.<\/span>            <\/h2>\n                    <\/header>\n\n        <div class=\"tf__grid\" role=\"list\">\n                            <article class=\"tf__card\" role=\"listitem\" data-idx=\"0\" data-num=\"01\">\n\n                    <a href=\"https:\/\/nylaw.ma\/en\/equipe\/nasser-benwahoud\/\" class=\"tf__frame nl-portrait-polaroid\" aria-label=\"Voir le profil de Nasser Benwahoud\">\n                        <div class=\"tf__photo nl-portrait-photo\">\n                            <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/nasser-benwahoud-1.webp\"\n                                 alt=\"Nasser Benwahoud\"\n                                 loading=\"lazy\"\n                                 width=\"1007\"                                 height=\"1511\">\n                        <\/div>\n                        <h3 class=\"tf__caption nl-portrait-caption\">Nasser Benwahoud<\/h3>\n                    <\/a>\n\n                    <div class=\"tf__meta\">\n                        <p class=\"tf__role\"> Partner \u2014 Co-founder \u2014 Attorney-at-Law<\/p>\n                                                    <p class=\"tf__langs\">ARABIC \u00b7 ENGLISH \u00b7 FRENCH<\/p>\n                                            <\/div>\n\n                <\/article>\n                            <article class=\"tf__card\" role=\"listitem\" data-idx=\"1\" data-num=\"02\">\n\n                    <a href=\"https:\/\/nylaw.ma\/en\/equipe\/younes-aniq-filali\/\" class=\"tf__frame nl-portrait-polaroid\" aria-label=\"Voir le profil de Younes Aniq Filali\">\n                        <div class=\"tf__photo nl-portrait-photo\">\n                            <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/younes-filali-1.webp\"\n                                 alt=\"Younes Aniq Filali\"\n                                 loading=\"lazy\"\n                                 width=\"1066\"                                 height=\"1600\">\n                        <\/div>\n                        <h3 class=\"tf__caption nl-portrait-caption\">Younes Aniq Filali<\/h3>\n                    <\/a>\n\n                    <div class=\"tf__meta\">\n                        <p class=\"tf__role\">Partner \u2014 Co-founder \u2014 Attorney-at-Law\u2028<\/p>\n                                                    <p class=\"tf__langs\">ARABIC \u00b7 ENGLISH \u00b7 FRENCH \u00b7 SPANISH<\/p>\n                                            <\/div>\n\n                <\/article>\n            \n                            <span class=\"tf__divider\" aria-hidden=\"true\"><\/span>\n                    <\/div>\n\n                    <div class=\"tf__footer\">\n                <a href=\"https:\/\/nylaw.ma\/en\/team\/\"\n                                      class=\"btn btn-primary\">\n                    Meet the entire team at our firm                <\/a>\n            <\/div>\n        \n    <\/div>\n<\/section>\n\n<style>\n\/* ============================================\n   Team Founders \u2014 \u00e9ditorial cadre tableau\n   ============================================ *\/\n#tf-6a34cf911fac2.tf {\n    background-color: var(--color-beige-2);\n    color: var(--color-brown-900);\n    padding: 5rem 1.5rem;\n}\n@media (min-width: 768px) { #tf-6a34cf911fac2.tf { padding: 7rem 2rem; } }\n@media (min-width: 1024px) { #tf-6a34cf911fac2.tf { padding: 9rem 3rem; } }\n\n#tf-6a34cf911fac2 .tf__inner {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n\/* === Header : utilise .nl-section-head + .nl-eyebrow + .nl-section-title + .nl-section-intro === *\/\n\n\/* === Grid 2 colonnes (avec divider central) === *\/\n#tf-6a34cf911fac2 .tf__grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 4rem;\n    position: relative;\n}\n@media (min-width: 900px) {\n    #tf-6a34cf911fac2 .tf__grid {\n        grid-template-columns: 1fr 1fr;\n        gap: 5rem;\n    }\n}\n@media (min-width: 1200px) {\n    #tf-6a34cf911fac2 .tf__grid {\n        gap: 7rem;\n    }\n}\n\n\/* Divider vertical central \u2014 \u00e9cho aux 2 barres du logo *\/\n#tf-6a34cf911fac2 .tf__divider {\n    display: none;\n}\n@media (min-width: 900px) {\n    #tf-6a34cf911fac2 .tf__divider {\n        display: block;\n        position: absolute;\n        top: 8%;\n        bottom: 8%;\n        left: 50%;\n        width: 1px;\n        transform: translateX(-50%) scaleY(0);\n        transform-origin: top center;\n        background: linear-gradient(\n            to bottom,\n            transparent 0%,\n            rgba(10, 10, 10, 0.18) 15%,\n            rgba(10, 10, 10, 0.18) 85%,\n            transparent 100%\n        );\n        will-change: transform;\n    }\n}\n\n\/* === Card === *\/\n#tf-6a34cf911fac2 .tf__card {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;                  \/* resserr\u00e9 : connexion polaroid \u2192 meta *\/\n    position: relative;\n    width: 100%;\n    max-width: 380px;           \/* polaroid contenu, plus \"objet pr\u00e9cieux\" *\/\n    margin: 0 auto;             \/* centre dans la colonne grid *\/\n}\n\n\/* Num\u00e9ro fant\u00f4me en arri\u00e8re-plan (touche collection raisonn\u00e9e) *\/\n#tf-6a34cf911fac2 .tf__card::before {\n    content: attr(data-num);\n    position: absolute;\n    top: -0.4em;\n    left: -0.15em;\n    font-family: var(--font-display);\n    font-size: clamp(8rem, 14vw, 14rem);\n    font-weight: 400;\n    line-height: 1;\n    color: var(--color-brown-600);\n    opacity: 0.2;\n    pointer-events: none;\n    z-index: 0;\n    letter-spacing: -0.03em;\n}\n\n\/* === Polaroid (papier physique) \u2014 autonome dans le bloc ===\n   M\u00eames propri\u00e9t\u00e9s que team-collaborators pour coh\u00e9rence visuelle. *\/\n#tf-6a34cf911fac2 .tf__frame {\n    display: block;\n    width: 100%;\n    background: linear-gradient(170deg, #FFFFFF 0%, #FBF8F3 65%, #F5EFE6 100%);\n    padding: 16px 16px 90px 16px;\n    box-shadow:\n        inset 0 1px 0 rgba(255, 255, 255, 0.9),\n        inset 0 -1px 0 rgba(10, 10, 10, 0.08),\n        0 1px 2px rgba(10, 10, 10, 0.06),\n        0 8px 18px -6px rgba(10, 10, 10, 0.18),\n        0 30px 60px -28px rgba(10, 10, 10, 0.4);\n    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),\n                box-shadow 0.8s ease;\n    text-decoration: none;\n    color: inherit;\n    position: relative;\n    will-change: transform;\n    border-radius: 2px;\n}\n#tf-6a34cf911fac2 .tf__frame::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border: 1px solid rgba(10, 10, 10, 0.05);\n    border-radius: inherit;\n    pointer-events: none;\n    z-index: 2;\n}\n#tf-6a34cf911fac2 .tf__frame:focus-visible {\n    outline: 2px solid var(--color-brown-600);\n    outline-offset: 6px;\n}\n\n\/* Photo dans le polaroid *\/\n#tf-6a34cf911fac2 .tf__photo {\n    aspect-ratio: 4 \/ 5;\n    overflow: hidden;\n    background-color: rgba(10, 10, 10, 0.04);\n    position: relative;\n    box-shadow:\n        inset 0 0 0 1px rgba(10, 10, 10, 0.06),\n        inset 0 2px 4px rgba(10, 10, 10, 0.08);\n}\n#tf-6a34cf911fac2 .tf__photo img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center top;\n    display: block;\n    filter: saturate(0.78) contrast(1.05) sepia(0.06);\n    transition: transform 1.4s cubic-bezier(0.22, 1, 0.36, 1),\n                filter 0.8s ease;\n}\n\n\/* Nom sur la bande blanche du polaroid : lisible mais pas trop lourd.\n   Emphase via la taille et la couleur (pas le poids).\n   Weight 500 (medium) au lieu de 600 pour \u00e9viter l'effet \"\u00e9crasant\" de Satoshi. *\/\n#tf-6a34cf911fac2 .tf__caption {\n    position: absolute;\n    bottom: 20px;\n    left: 14px;\n    right: 14px;\n    text-align: center;\n    font-family: var(--font-montserrat) !important;\n    letter-spacing: 0.12rem !important;\n    font-weight: 500;\n    font-size: 1.25rem;\n    line-height: 1.25;\n    letter-spacing: -0.01em;\n    color: var(--color-brown-900);\n    margin: 0;\n    pointer-events: none;\n    z-index: 3;\n}\n\n\/* Hover : soul\u00e8ve, ombre s'\u00e9toffe (le polaroid \"se pr\u00e9sente\") *\/\n#tf-6a34cf911fac2 .tf__card:hover .tf__frame,\n#tf-6a34cf911fac2 .tf__card:focus-within .tf__frame {\n    transform: translateY(-10px);\n    box-shadow:\n        inset 0 1px 0 rgba(255, 255, 255, 0.9),\n        inset 0 -1px 0 rgba(10, 10, 10, 0.1),\n        0 1px 2px rgba(10, 10, 10, 0.08),\n        0 12px 24px -8px rgba(10, 10, 10, 0.22),\n        0 40px 70px -25px rgba(10, 10, 10, 0.45);\n}\n#tf-6a34cf911fac2 .tf__card:hover .tf__photo img,\n#tf-6a34cf911fac2 .tf__card:focus-within .tf__photo img {\n    transform: scale(1.04);\n    filter: saturate(1) contrast(1) sepia(0);\n}\n\n\/* === Meta \u2014 cartel signal\u00e9tique de mus\u00e9e === *\/\n#tf-6a34cf911fac2 .tf__meta {\n    text-align: left;\n    padding: 0 0.25rem;\n    position: relative;\n    z-index: 1;\n    text-align:center;\n}\n\n\/* Caption sous la photo, dans le cadre tableau (entre photo et bord du frame).\n   Le style typographique (italique, couleur, taille) vient de\n   .nl-portrait-caption dans style.css. Ici on ajuste juste le positionnement\n   et on monte l\u00e9g\u00e8rement la taille pour les associ\u00e9s (h3, plus de pr\u00e9sence). *\/\n#tf-6a34cf911fac2 .tf__caption {\n    margin-top: 1.25rem;\n    padding-bottom: 0.25rem;\n    font-size: clamp(1.25rem, 1.8vw, 1.5rem);\n    color: var(--color-brown-800);\n    transition: opacity 0.4s ease;\n}\n#tf-6a34cf911fac2 .tf__card:hover .tf__caption {\n    opacity: 1;\n}\n\n#tf-6a34cf911fac2 .tf__role {\n    font-family: var(--font-display);\n    font-size: 1rem;\n    color: var(--color-brown-900);\n    opacity: 0.75;\n    margin: 0.85rem 0 0;\n}\n\n#tf-6a34cf911fac2 .tf__langs {\n    font-size: 0.7rem;\n    text-transform: uppercase;\n    letter-spacing: 0.14em;\n    color: var(--color-brown-600);\n    margin: 0.75rem 0 0;\n    font-weight: 500;\n}\n\n#tf-6a34cf911fac2 .tf__bio {\n    font-size: 0.92rem;\n    line-height: 1.65;\n    color: var(--color-brown-900);\n    opacity: 0.78;\n    margin: 1.2rem 0 0;\n    max-width: 42ch;\n    \/* Clip \u00e0 3 lignes \u2014 le d\u00e9tail va dans la fiche profil *\/\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n\/* === Footer CTA === *\/\n#tf-6a34cf911fac2 .tf__footer {\n    margin-top: 4rem;\n    text-align: center;\n}\n@media (min-width: 1024px) {\n    #tf-6a34cf911fac2 .tf__footer { margin-top: 5.5rem; }\n}\n\n\/* === \u00c9tats initiaux pour reveal (desktop) === *\/\n@media (min-width: 1024px) {\n    #tf-6a34cf911fac2 .tf__header > * {\n        opacity: 0;\n        transform: translateY(16px);\n    }\n    #tf-6a34cf911fac2 .tf__card {\n        opacity: 0;\n        transform: translateY(28px) scale(0.97);\n    }\n}\n\n\/* Reduce motion *\/\n@media (prefers-reduced-motion: reduce) {\n    #tf-6a34cf911fac2 .tf__header > *,\n    #tf-6a34cf911fac2 .tf__card {\n        opacity: 1 !important;\n        transform: none !important;\n    }\n    #tf-6a34cf911fac2 .tf__divider {\n        transform: translateX(-50%) scaleY(1) !important;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    var section = document.getElementById('tf-6a34cf911fac2');\n    if (!section) return;\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n    if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n        section.querySelectorAll('.tf__header > *, .tf__card').forEach(function(el) {\n            el.style.opacity = '1';\n            el.style.transform = 'none';\n        });\n        var d = section.querySelector('.tf__divider');\n        if (d) d.style.transform = 'translateX(-50%) scaleY(1)';\n        return;\n    }\n    if (window.innerWidth < 1024) return;\n\n    gsap.registerPlugin(ScrollTrigger);\n\n    var headerEls = section.querySelectorAll('.tf__header > *');\n    var cards = section.querySelectorAll('.tf__card');\n    var divider = section.querySelector('.tf__divider');\n\n    var tl = gsap.timeline({\n        scrollTrigger: {\n            trigger: section,\n            start: 'top 75%',\n            once: true,\n        }\n    });\n\n    \/* 1. Header reveal *\/\n    tl.to(headerEls, {\n        opacity: 1,\n        y: 0,\n        duration: 0.8,\n        ease: 'power2.out',\n        stagger: 0.1,\n    }, 0);\n\n    \/* 2. Cards reveal \u2014 stagger gauche \u2192 droite (lead arrive en premier) *\/\n    tl.to(cards, {\n        opacity: 1,\n        y: 0,\n        scale: 1,\n        duration: 1.1,\n        ease: 'power3.out',\n        stagger: 0.2,\n    }, 0.3);\n\n    \/* 3. Divider se trace apr\u00e8s les 2 cartes *\/\n    if (divider) {\n        tl.to(divider, {\n            scaleY: 1,\n            duration: 0.9,\n            ease: 'power2.inOut',\n        }, 1.0);\n    }\n})();\n<\/script>\n\n\n\n<section class=\"ctab ctab--halo\" id=\"cta-6a34cf91218be\">\n\n    <div class=\"ctab__inner\">\n\n        <header class=\"nl-section-head\">\n                            <p class=\"nl-eyebrow\">\n                    Let&#039;s work together                <\/p>\n            \n                            <h2 class=\"nl-section-title\">\n                    Let&#039;s discuss your legal project.                <\/h2>\n            \n                    <\/header>\n\n        <span class=\"ctab__divider\" aria-hidden=\"true\"><\/span>\n\n                    <div class=\"ctab__ctas\">\n                                    <a href=\"https:\/\/nylaw.ma\/en\/contact\/\"\n                                              class=\"btn btn-primary\">\n                        Contact us                    <\/a>\n                \n                            <\/div>\n        \n    <\/div>\n<\/section>\n\n<style>\n\/* ============================================\n   CTA Banner \u2014 Invitation finale (NY Law)\n   ============================================ *\/\n\n#cta-6a34cf91218be.ctab {\n    padding: 6rem 1.5rem;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n@media (min-width: 768px) { #cta-6a34cf91218be.ctab { padding: 8rem 2rem; } }\n@media (min-width: 1024px) { #cta-6a34cf91218be.ctab { padding: 10rem 3rem; } }\n\n\/* Theme : LIGHT (beige par d\u00e9faut) *\/\n#cta-6a34cf91218be.ctab--light {\n    background-color: var(--color-beige-1);\n    color: var(--color-brown-900);\n}\n\n\/* Theme : HALO \u2014 beige-2 + radial halo brun centr\u00e9-haut + fade vers beige-1 en bas.\n   Le fade bottom assure une transition fluide vers le footer beige-1 (fondu z\u00e9ro accroc).\n   Coh\u00e9rent avec team-founders (beige-2) \u2192 CTA continue \u2192 fade \u2192 footer. *\/\n#cta-6a34cf91218be.ctab--halo {\n    background-color: var(--color-beige-2);\n    background-image:\n        \/* 1. Halo brun centr\u00e9-haut (au-dessus du fade) *\/\n        radial-gradient(\n            ellipse 80% 60% at 50% 30%,\n            rgba(92, 26, 43, 0.18) 0%,\n            rgba(92, 26, 43, 0.05) 40%,\n            transparent 70%\n        ),\n        \/* 2. Fade beige-2 \u2192 beige-1 sur les 30% inf\u00e9rieurs (continuit\u00e9 footer) *\/\n        linear-gradient(\n            180deg,\n            transparent 0%,\n            transparent 70%,\n            var(--color-beige-1) 100%\n        );\n    color: var(--color-brown-900);\n}\n\n\/* Theme : DARK (brown-800 brand band) *\/\n#cta-6a34cf91218be.ctab--dark {\n    background-color: var(--color-brown-800);\n    color: var(--color-beige-1);\n}\n\n\/* Theme : BRIDGE (gradient beige \u2192 brown-800) \u2014 continuit\u00e9 avec footer brand band.\n   La majorit\u00e9 du gradient reste en beige (lisibilit\u00e9 du texte), transition cobalt\n   concentr\u00e9e dans le dernier tiers : effet \"fondu vers la signature finale\". *\/\n#cta-6a34cf91218be.ctab--bridge {\n    background: linear-gradient(\n        180deg,\n        var(--color-beige-1) 0%,\n        var(--color-beige-1) 65%,\n        var(--color-beige-3) 80%,\n        var(--color-brown-800) 100%\n    );\n    color: var(--color-brown-900);\n}\n\n#cta-6a34cf91218be .ctab__inner {\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n}\n\n\/* Intro paragraph *\/\n#cta-6a34cf91218be .ctab__intro {\n    margin: 1.75rem auto 0;\n    max-width: 50ch;\n    font-size: 1.05rem;\n    line-height: var(--leading-body);\n    color: var(--color-brown-900);\n    opacity: 0.78;\n}\n#cta-6a34cf91218be .ctab__intro.is-light {\n    color: var(--color-beige-1);\n    opacity: 0.85;\n}\n\n\/* Hairline divider \u2014 \u00e9cho aux 2 barres du logo *\/\n#cta-6a34cf91218be .ctab__divider {\n    display: block;\n    width: 1px;\n    height: 60px;\n    margin: 3rem auto 2.5rem;\n    background-color: var(--color-brown-900);\n    opacity: 0.25;\n    transform-origin: top center;\n    transform: scaleY(0);\n    transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);\n    will-change: transform;\n}\n#cta-6a34cf91218be.ctab--dark .ctab__divider {\n    background-color: var(--color-beige-1);\n    opacity: 0.3;\n}\n\/* Bridge & halo : texte fonc\u00e9 donc divider fonc\u00e9 aussi *\/\n#cta-6a34cf91218be.ctab--bridge .ctab__divider,\n#cta-6a34cf91218be.ctab--halo .ctab__divider {\n    background-color: var(--color-brown-900);\n    opacity: 0.3;\n}\n#cta-6a34cf91218be .ctab__divider.is-revealed {\n    transform: scaleY(1);\n}\n\n\/* CTAs row *\/\n#cta-6a34cf91218be .ctab__ctas {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem;\n    justify-content: center;\n    align-items: center;\n}\n\n\/* Bouton inverse sur fond brown (bg dark \/ bridge bottom) \u2014 \u00e9cho au pattern single-avocat contact *\/\n#cta-6a34cf91218be.ctab--dark .btn-primary {\n    background-color: var(--color-beige-1);\n    color: var(--color-brown-800);\n}\n#cta-6a34cf91218be.ctab--dark .btn-secondary {\n    border-color: var(--color-beige-1);\n    color: var(--color-beige-1);\n}\n\n\/* \u00c9tats initiaux pour reveal *\/\n#cta-6a34cf91218be .nl-eyebrow,\n#cta-6a34cf91218be .nl-section-title,\n#cta-6a34cf91218be .ctab__intro,\n#cta-6a34cf91218be .ctab__ctas {\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n}\n#cta-6a34cf91218be .is-revealed.nl-eyebrow,\n#cta-6a34cf91218be .is-revealed.nl-section-title,\n#cta-6a34cf91218be .is-revealed.ctab__intro,\n#cta-6a34cf91218be .is-revealed.ctab__ctas {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* Reduce motion : tout visible direct *\/\n@media (prefers-reduced-motion: reduce) {\n    #cta-6a34cf91218be .nl-eyebrow,\n    #cta-6a34cf91218be .nl-section-title,\n    #cta-6a34cf91218be .ctab__intro,\n    #cta-6a34cf91218be .ctab__ctas,\n    #cta-6a34cf91218be .ctab__divider {\n        opacity: 1 !important;\n        transform: none !important;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    var section = document.getElementById('cta-6a34cf91218be');\n    if (!section) return;\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n    var els = section.querySelectorAll('.nl-eyebrow, .nl-section-title, .ctab__intro, .ctab__ctas');\n    var divider = section.querySelector('.ctab__divider');\n\n    \/* GSAP si dispo, sinon IntersectionObserver natif (fallback simple) *\/\n    if (typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined') {\n        gsap.registerPlugin(ScrollTrigger);\n        ScrollTrigger.create({\n            trigger: section,\n            start: 'top 80%',\n            once: true,\n            onEnter: function() {\n                els.forEach(function(el, i) {\n                    setTimeout(function() {\n                        el.classList.add('is-revealed');\n                    }, i * 120);\n                });\n                if (divider) {\n                    setTimeout(function() {\n                        divider.classList.add('is-revealed');\n                    }, els.length * 120);\n                }\n            }\n        });\n    } else if ('IntersectionObserver' in window) {\n        var io = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    els.forEach(function(el, i) {\n                        setTimeout(function() {\n                            el.classList.add('is-revealed');\n                        }, i * 120);\n                    });\n                    if (divider) {\n                        setTimeout(function() {\n                            divider.classList.add('is-revealed');\n                        }, els.length * 120);\n                    }\n                    io.unobserve(entry.target);\n                }\n            });\n        }, { rootMargin: '-15% 0px' });\n        io.observe(section);\n    } else {\n        \/* Pas d'IO support : tout visible direct *\/\n        els.forEach(function(el) { el.classList.add('is-revealed'); });\n        if (divider) divider.classList.add('is-revealed');\n    }\n})();\n<\/script>\n\n\n\n<div class=\"mt-8 md:mt-12 lg:mt-10 mb-8 md:mb-12 lg:mb-10 py-10 md:py-10 lg:py-12\">\n  <div class=\"mx-auto max-w-8xl px-6 lg:px-8\">\n\n    <!-- Header (eyebrow + titre + intro + boutons) -->\n          <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-2 lg:gap-8 lg:items-center\">\n\n        <!-- Colonne gauche : texte -->\n        <div class=\"lg:col-span-7\">\n          \n                      <h2 class=\"nl-section-title\">\n                              <span class=\"nl-title__base\">Legal News<\/span>\n                                            <span class=\"nl-title__emphasis\">&amp; Insights<\/span>\n                          <\/h2>\n          \n                  <\/div>\n\n        <!-- Colonne droite : boutons (centr\u00e9s verticalement via lg:items-center sur le grid parent) -->\n        <div class=\"lg:col-span-5\">\n          <div class=\"flex flex-col gap-5 md:flex-row items-start justify-start lg:justify-end gap-x-6\">\n                          <a href=\"https:\/\/nylaw.ma\/en\/blog\/\"\n                 target=\"_self\"\n                 class=\"btn-primary btn btn-lg\">\n                See all our publications              <\/a>\n            \n                      <\/div>\n        <\/div>\n      <\/div>\n    \n    <!-- Grille posts -->\n    <div class=\"mx-auto mt-10 grid max-w-2xl auto-rows-fr grid-cols-1 gap-8 lg:mx-0 lg:max-w-none lg:grid-cols-3\">\n\n      \n        <article class=\"flex flex-col items-start justify-between h-full\">\n\n          <!-- Image cliquable -->\n                      <a href=\"https:\/\/nylaw.ma\/en\/fuite-massive-de-cartes-bancaires-voici-comment-detecter-la-fraude-et-reagir-rapidement\/\"\n               class=\"relative block w-full overflow-hidden rounded-t-2xl group\"\n               aria-label=\"Massive bank card data leak: how to detect fraud and respond quickly\">\n              <div class=\"aspect-video w-full bg-gray-100 sm:aspect-2\/1 lg:aspect-3\/2 -mb-3\">\n                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/post-1-_1_.webp\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105 wp-post-image\" alt=\"\" srcset=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/post-1-_1_.webp 1060w, https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/post-1-_1_-300x200.webp 300w, https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/post-1-_1_-1024x684.webp 1024w, https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/post-1-_1_-768x513.webp 768w, https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/post-1-_1_-800x534.webp 800w, https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/post-1-_1_-500x334.webp 500w, https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/post-1-_1_-250x167.webp 250w, https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/post-1-_1_-700x468.webp 700w\" sizes=\"(max-width: 1060px) 100vw, 1060px\" \/>              <\/div>\n              <div class=\"absolute inset-0 rounded-t-2xl ring-1 ring-gray-900\/10 ring-inset pointer-events-none\"><\/div>\n            <\/a>\n          \n          <!-- Bloc texte sous l'image -->\n          <div class=\"max-w-xl w-full border-b border-x border-gray-200 pb-10 px-10 shadow-lg rounded-b-2xl flex flex-col flex-grow bg-white\">\n            <div class=\"mt-8 flex items-center gap-x-4 text-xs\">\n              <time datetime=\"2025-03-21\" class=\"text-gray-500\">Mar 21, 2025<\/time>\n            <\/div>\n\n            <div class=\"flex flex-col flex-grow\">\n              <h3 class=\"nl-card-title mt-3\">\n                <a href=\"https:\/\/nylaw.ma\/en\/fuite-massive-de-cartes-bancaires-voici-comment-detecter-la-fraude-et-reagir-rapidement\/\" class=\"hover:opacity-80 transition-opacity\">\n                  Massive bank card data leak: how to detect fraud and respond quickly                <\/a>\n              <\/h3>\n                              <div class=\"mt-5\"><\/div>\n                          <\/div>\n\n            <div class=\"mt-8 flex items-center gap-x-4\">\n                              <div class=\"h-10 w-10 rounded-full bg-gray-50\">\n                  <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/bc1cdddcb0e5c9cf976fb8b2d4a7aed9b4d15fcd390d08f9c2974ae26d38a6d1?s=40&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/bc1cdddcb0e5c9cf976fb8b2d4a7aed9b4d15fcd390d08f9c2974ae26d38a6d1?s=80&#038;d=mm&#038;r=g 2x' class='avatar avatar-40 photo rounded-full' height='40' width='40' \/>                <\/div>\n                            <div class=\"text-sm\/6\">\n                <p class=\"font-montserrat font-medium text-gray-900\" style=\"letter-spacing: 0.12rem;\">\n                  Nasser Benwahoud                <\/p>\n                              <\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n      \n        <article class=\"flex flex-col items-start justify-between h-full\">\n\n          <!-- Image cliquable -->\n                      <a href=\"https:\/\/nylaw.ma\/en\/al-barid-bank-il-ny-a-pas-de-faille-dans-notre-systeme-de-securite\/\"\n               class=\"relative block w-full overflow-hidden rounded-t-2xl group\"\n               aria-label=\"Al Barid Bank: \u201cThere is no security breach in our system\u201d\">\n              <div class=\"aspect-video w-full bg-gray-100 sm:aspect-2\/1 lg:aspect-3\/2 -mb-3\">\n                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/albaridbank0-1.webp\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105 wp-post-image\" alt=\"\" srcset=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/albaridbank0-1.webp 640w, https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/albaridbank0-1-300x172.webp 300w, https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/albaridbank0-1-500x286.webp 500w, https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/albaridbank0-1-250x143.webp 250w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>              <\/div>\n              <div class=\"absolute inset-0 rounded-t-2xl ring-1 ring-gray-900\/10 ring-inset pointer-events-none\"><\/div>\n            <\/a>\n          \n          <!-- Bloc texte sous l'image -->\n          <div class=\"max-w-xl w-full border-b border-x border-gray-200 pb-10 px-10 shadow-lg rounded-b-2xl flex flex-col flex-grow bg-white\">\n            <div class=\"mt-8 flex items-center gap-x-4 text-xs\">\n              <time datetime=\"2024-06-05\" class=\"text-gray-500\">Jun 5, 2024<\/time>\n            <\/div>\n\n            <div class=\"flex flex-col flex-grow\">\n              <h3 class=\"nl-card-title mt-3\">\n                <a href=\"https:\/\/nylaw.ma\/en\/al-barid-bank-il-ny-a-pas-de-faille-dans-notre-systeme-de-securite\/\" class=\"hover:opacity-80 transition-opacity\">\n                  Al Barid Bank: \u201cThere is no security breach in our system\u201d                <\/a>\n              <\/h3>\n                              <div class=\"mt-5\"><\/div>\n                          <\/div>\n\n            <div class=\"mt-8 flex items-center gap-x-4\">\n                              <div class=\"h-10 w-10 rounded-full bg-gray-50\">\n                  <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/bc1cdddcb0e5c9cf976fb8b2d4a7aed9b4d15fcd390d08f9c2974ae26d38a6d1?s=40&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/bc1cdddcb0e5c9cf976fb8b2d4a7aed9b4d15fcd390d08f9c2974ae26d38a6d1?s=80&#038;d=mm&#038;r=g 2x' class='avatar avatar-40 photo rounded-full' height='40' width='40' \/>                <\/div>\n                            <div class=\"text-sm\/6\">\n                <p class=\"font-montserrat font-medium text-gray-900\" style=\"letter-spacing: 0.12rem;\">\n                  Nasser Benwahoud                <\/p>\n                              <\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n      \n        <article class=\"flex flex-col items-start justify-between h-full\">\n\n          <!-- Image cliquable -->\n                      <a href=\"https:\/\/nylaw.ma\/en\/arnaque-en-ligne-que-faire-en-tant-que-victime-que-risquent-les-auteurs\/\"\n               class=\"relative block w-full overflow-hidden rounded-t-2xl group\"\n               aria-label=\"Online scams. What should victims do? What penalties do perpetrators face?\">\n              <div class=\"aspect-video w-full bg-gray-100 sm:aspect-2\/1 lg:aspect-3\/2 -mb-3\">\n                <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/post-2.webp\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105 wp-post-image\" alt=\"\" srcset=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/post-2.webp 640w, https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/post-2-300x172.webp 300w, https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/post-2-500x286.webp 500w, https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/post-2-250x143.webp 250w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>              <\/div>\n              <div class=\"absolute inset-0 rounded-t-2xl ring-1 ring-gray-900\/10 ring-inset pointer-events-none\"><\/div>\n            <\/a>\n          \n          <!-- Bloc texte sous l'image -->\n          <div class=\"max-w-xl w-full border-b border-x border-gray-200 pb-10 px-10 shadow-lg rounded-b-2xl flex flex-col flex-grow bg-white\">\n            <div class=\"mt-8 flex items-center gap-x-4 text-xs\">\n              <time datetime=\"2023-11-02\" class=\"text-gray-500\">Nov 2, 2023<\/time>\n            <\/div>\n\n            <div class=\"flex flex-col flex-grow\">\n              <h3 class=\"nl-card-title mt-3\">\n                <a href=\"https:\/\/nylaw.ma\/en\/arnaque-en-ligne-que-faire-en-tant-que-victime-que-risquent-les-auteurs\/\" class=\"hover:opacity-80 transition-opacity\">\n                  Online scams. What should victims do? What penalties do perpetrators face?                <\/a>\n              <\/h3>\n                              <div class=\"mt-5\"><\/div>\n                          <\/div>\n\n            <div class=\"mt-8 flex items-center gap-x-4\">\n                              <div class=\"h-10 w-10 rounded-full bg-gray-50\">\n                  <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/bc1cdddcb0e5c9cf976fb8b2d4a7aed9b4d15fcd390d08f9c2974ae26d38a6d1?s=40&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/bc1cdddcb0e5c9cf976fb8b2d4a7aed9b4d15fcd390d08f9c2974ae26d38a6d1?s=80&#038;d=mm&#038;r=g 2x' class='avatar avatar-40 photo rounded-full' height='40' width='40' \/>                <\/div>\n                            <div class=\"text-sm\/6\">\n                <p class=\"font-montserrat font-medium text-gray-900\" style=\"letter-spacing: 0.12rem;\">\n                  Nasser Benwahoud                <\/p>\n                              <\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n          <\/div>\n\n    \n    \n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-145","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Homepage - NY law<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nylaw.ma\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Homepage - NY law\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nylaw.ma\/\" \/>\n<meta property=\"og:site_name\" content=\"NY law\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-08T14:24:16+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nylaw.ma\\\/\",\"url\":\"https:\\\/\\\/nylaw.ma\\\/\",\"name\":\"Homepage - NY law\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nylaw.ma\\\/#website\"},\"datePublished\":\"2026-05-01T15:33:52+00:00\",\"dateModified\":\"2026-06-08T14:24:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nylaw.ma\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nylaw.ma\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nylaw.ma\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/nylaw.ma\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Homepage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nylaw.ma\\\/#website\",\"url\":\"https:\\\/\\\/nylaw.ma\\\/\",\"name\":\"NY law\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/nylaw.ma\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nylaw.ma\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nylaw.ma\\\/#organization\",\"name\":\"NY law\",\"url\":\"https:\\\/\\\/nylaw.ma\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/nylaw.ma\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/nylaw.ma\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo-nylaw.svg\",\"contentUrl\":\"https:\\\/\\\/nylaw.ma\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo-nylaw.svg\",\"width\":1,\"height\":1,\"caption\":\"NY law\"},\"image\":{\"@id\":\"https:\\\/\\\/nylaw.ma\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Homepage - NY law","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nylaw.ma\/","og_locale":"en_US","og_type":"article","og_title":"Homepage - NY law","og_url":"https:\/\/nylaw.ma\/","og_site_name":"NY law","article_modified_time":"2026-06-08T14:24:16+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nylaw.ma\/","url":"https:\/\/nylaw.ma\/","name":"Homepage - NY law","isPartOf":{"@id":"https:\/\/nylaw.ma\/#website"},"datePublished":"2026-05-01T15:33:52+00:00","dateModified":"2026-06-08T14:24:16+00:00","breadcrumb":{"@id":"https:\/\/nylaw.ma\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nylaw.ma\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/nylaw.ma\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/nylaw.ma\/"},{"@type":"ListItem","position":2,"name":"Homepage"}]},{"@type":"WebSite","@id":"https:\/\/nylaw.ma\/#website","url":"https:\/\/nylaw.ma\/","name":"NY law","description":"","publisher":{"@id":"https:\/\/nylaw.ma\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nylaw.ma\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/nylaw.ma\/#organization","name":"NY law","url":"https:\/\/nylaw.ma\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nylaw.ma\/#\/schema\/logo\/image\/","url":"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/logo-nylaw.svg","contentUrl":"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/logo-nylaw.svg","width":1,"height":1,"caption":"NY law"},"image":{"@id":"https:\/\/nylaw.ma\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/nylaw.ma\/en\/wp-json\/wp\/v2\/pages\/145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nylaw.ma\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nylaw.ma\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nylaw.ma\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nylaw.ma\/en\/wp-json\/wp\/v2\/comments?post=145"}],"version-history":[{"count":61,"href":"https:\/\/nylaw.ma\/en\/wp-json\/wp\/v2\/pages\/145\/revisions"}],"predecessor-version":[{"id":1080,"href":"https:\/\/nylaw.ma\/en\/wp-json\/wp\/v2\/pages\/145\/revisions\/1080"}],"wp:attachment":[{"href":"https:\/\/nylaw.ma\/en\/wp-json\/wp\/v2\/media?parent=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}