{"id":254,"date":"2026-05-06T15:07:12","date_gmt":"2026-05-06T13:07:12","guid":{"rendered":"https:\/\/nylaw.ma\/equipe\/"},"modified":"2026-06-08T16:12:21","modified_gmt":"2026-06-08T14:12:21","slug":"team","status":"publish","type":"page","link":"https:\/\/nylaw.ma\/en\/team\/","title":{"rendered":"Team"},"content":{"rendered":"<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<section class=\"bg-beige-1 nl-layer-behind  relative overflow-hidden flex flex-col justify-center\"\n         style=\"padding-top: max(6rem, 6vh);\"\n         id=\"hc-6a34eaea1f9cf\">\n\n    <!-- Watermark papillon (vide pour NY Law) -->\n    \n    <div class=\"nl-container relative z-1\">\n        <div class=\"hc-grid\">\n\n            <!-- Colonne gauche : contenu texte -->\n            <div class=\"hc-left\">\n\n                \n                <!-- Titre principal (weight 400) + texte d'emphasis optionnel (weight 500, ligne en dessous) -->\n                <h1 class=\"text-nourd-impact text-brown-900 m-0 leading-[0.92] tracking-tight hc-title max-w-4xl\"\n                    style=\"font-size: clamp(2.8rem, 7.5vw, 6rem); font-weight: 400\">\n                    <span class=\"hc-title__base\">A handpicked<\/span>\n                                            <span class=\"hc-title__emphasis\">team.<\/span>\n                                    <\/h1>\n\n                <!-- Ligne accent brown-800 anim\u00e9e (signature NY Law) -->\n                <div class=\"bg-brown-800 h-[3px] mt-6 md:mt-8 hc-accent\" style=\"width: 0; max-width: 120px\"><\/div>\n\n                <!-- Sous-titre -->\n                                    <p class=\"hc-sub font-display text-[clamp(1.3rem,1.5vw,1.35rem)] text-brown-900\/70 mt-6 md:mt-8 mb-0 max-w-2xl leading-relaxed\">\n                        Complementary profiles, united by a single imperative: to clarify your decisions, anticipate your operations, defend your interests.                    <\/p>\n                \n                                    <!-- Scroll cue discret (NY Law : \u00e9ditorial, pas un gros indicator) -->\n                    <button type=\"button\"\n                            class=\"hc-scroll mt-14 md:mt-20 inline-flex items-center gap-3 bg-transparent border-0 cursor-pointer p-2 transition-opacity duration-300 hover:opacity-100 [-webkit-tap-highlight-color:transparent]\"\n                            style=\"color: var(--color-brown-900); opacity: 0.55;\"\n                            aria-label=\"Scroller vers la section suivante\"\n                            data-hc-scroll>\n                        <span class=\"nl-eyebrow \" style=\"margin: 0; opacity: 1;\">Discover more<\/span>\n                        <svg class=\"hc-scroll-arrow\" width=\"14\" height=\"22\" viewBox=\"0 0 14 22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" aria-hidden=\"true\">\n                            <path d=\"M7 1v18M1 13l6 6 6-6\"\/>\n                        <\/svg>\n                    <\/button>\n                            <\/div>\n\n            <!-- Colonne droite (optionnelle) : image | gallery | svg -->\n            \n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    var section = document.getElementById('hc-6a34eaea1f9cf');\n    if (!section) return;\n\n    var pretitle = section.querySelector('.hc-pretitle');\n    var title    = section.querySelector('.hc-title');\n    var accent   = section.querySelector('.hc-accent');\n    var sub      = section.querySelector('.hc-sub');\n    var scrollBtn = section.querySelector('[data-hc-scroll]');\n\n    \/* === Scroll cue : click \u2192 scroll vers la section suivante (Lenis si dispo) === *\/\n    if (scrollBtn) {\n        scrollBtn.addEventListener('click', function() {\n            var next = section.nextElementSibling;\n            while (next && (next.offsetHeight === 0 || next.tagName === 'SCRIPT' || next.tagName === 'STYLE')) {\n                next = next.nextElementSibling;\n            }\n            if (!next) {\n                window.scrollBy({ top: window.innerHeight * 0.85, behavior: 'smooth' });\n                return;\n            }\n            var header = document.querySelector('.site-header, header.site-header, header[role=\"banner\"]');\n            var offset = (header ? header.getBoundingClientRect().height : 80) + 16;\n            var y = next.getBoundingClientRect().top + window.pageYOffset - offset;\n            if (window.lenis && typeof window.lenis.scrollTo === 'function') {\n                window.lenis.scrollTo(y, { duration: 1.0 });\n            } else {\n                window.scrollTo({ top: y, behavior: 'smooth' });\n            }\n        });\n    }\n\n    \/* === Animations entr\u00e9e \u2014 fallback no-GSAP \/ reduce-motion === *\/\n    if (typeof gsap === 'undefined' || window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n        if (pretitle) { pretitle.style.opacity = '1'; pretitle.style.transform = 'none'; }\n        if (title)    { title.style.opacity = '1'; title.style.transform = 'none'; }\n        if (accent)   { accent.style.width = '120px'; }\n        if (sub)      { sub.style.opacity = '1'; sub.style.transform = 'none'; }\n        return;\n    }\n\n    gsap.set(title, { opacity: 0, y: 30 });\n    if (accent) gsap.set(accent, { width: 0 });\n    if (sub) gsap.set(sub, { opacity: 0, y: 20 });\n\n    \/* Cascade \u00e9ditoriale : eyebrow \u2192 titre \u2192 filet \u2192 sous-titre\n       Ease 'power4.out' \u2248 cubic-bezier(0.22, 1, 0.36, 1) du motion guide *\/\n    var tl = gsap.timeline({ delay: 0.2 });\n    if (pretitle) tl.to(pretitle, { opacity: 1, y: 0, duration: 0.8, ease: 'power4.out' });\n    tl.to(title, { opacity: 1, y: 0, duration: 1.2, ease: 'power4.out' }, pretitle ? '-=0.5' : '0');\n    if (accent) tl.to(accent, { width: 120, duration: 0.8, ease: 'power3.out' }, '-=0.7');\n    if (sub) tl.to(sub, { opacity: 1, y: 0, duration: 1.0, ease: 'power4.out' }, '-=0.6');\n\n    \/* === SVG shape : activer l'animation .is-revealed apr\u00e8s l'entr\u00e9e du texte === *\/\n    var svgWrap = section.querySelector('.hc-right__svg');\n    if (svgWrap) {\n        setTimeout(function () { svgWrap.classList.add('is-revealed'); }, 600);\n    }\n\n    \/* === Galerie : carousel crossfade automatique === *\/\n    var gallery = section.querySelector('[data-hc-gallery]');\n    if (gallery) {\n        var slides = gallery.querySelectorAll('.hc-right__gallery-slide');\n        if (slides.length > 1) {\n            var current = 0;\n            var paused  = false;\n            \/* Pause au hover (UX premium) *\/\n            gallery.addEventListener('mouseenter', function () { paused = true; });\n            gallery.addEventListener('mouseleave', function () { paused = false; });\n\n            setInterval(function () {\n                if (paused) return;\n                slides[current].classList.remove('is-active');\n                current = (current + 1) % slides.length;\n                slides[current].classList.add('is-active');\n            }, 4500); \/* 4.5s par slide \u2014 rythme premium, pas press\u00e9 *\/\n        }\n    }\n})();\n<\/script>\n\n<style>\n\/* Titre principal weight 400 + emphasis weight 500 (signature \u00e9ditoriale subtile)\n   Spans en display:block pour que l'emphasis se place sur sa propre ligne. *\/\n#hc-6a34eaea1f9cf .hc-title__base,\n#hc-6a34eaea1f9cf .hc-title__emphasis {\n    display: block;\n        line-height:normal;\n}\n#hc-6a34eaea1f9cf .hc-title__base {\n    font-weight: 300;\n    line-height:normal;\n}\n#hc-6a34eaea1f9cf .hc-title__emphasis {\n    font-weight: 400;\n}\n\n\/* Hover scroll cue : fl\u00e8che descend subtilement *\/\n#hc-6a34eaea1f9cf .hc-scroll-arrow {\n    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n}\n#hc-6a34eaea1f9cf .hc-scroll:hover .hc-scroll-arrow {\n    transform: translateY(4px);\n}\n@media (prefers-reduced-motion: reduce) {\n    #hc-6a34eaea1f9cf .hc-scroll-arrow { transition: none; }\n}\n\n\/* Mode \"arri\u00e8re-plan\" : utility globale .nl-layer-behind dans style.css *\/\n\n\/* ============================================\n   Layout grid quand contenu \u00e0 droite (image \/ gallery \/ svg)\n   ============================================ *\/\n#hc-6a34eaea1f9cf .hc-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    \/* gap: 3rem; *\/\n    align-items: center;\n}\n@media (min-width: 1024px) {\n    #hc-6a34eaea1f9cf.hc--has-right .hc-grid {\n        grid-template-columns: 1fr 1fr;\n        \/* gap: 4rem; *\/\n    }\n}\n@media (min-width: 1280px) {\n    #hc-6a34eaea1f9cf.hc--has-right .hc-grid {\n        \/* gap: 5rem; *\/\n    }\n}\n\n\/* === Container right column : hauteur contrainte + centrage vertical ===\n   \u00c9vite que l'image\/galerie d\u00e9borde sous le header ou casse la page\n   si le client uploade une image tr\u00e8s haute.\n   - padding-top: forcer un espace garanti sous le header (anti-clipping)\n   - max-height: ne d\u00e9passe pas le viewport *\/\n#hc-6a34eaea1f9cf .hc-right {\n    align-self: stretch;\n    width: 100%;\n    max-height: 75vh;\n    padding-top: 4rem;\n    padding-bottom: 2rem;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n@media (min-width: 1280px) {\n    #hc-6a34eaea1f9cf .hc-right {\n        padding-top: 5rem;\n        padding-bottom: 3rem;\n    }\n}\n\n\/* === Right column : image solo === *\/\n#hc-6a34eaea1f9cf .hc-right__image-wrap {\n    margin: 0;\n    overflow: hidden;\n    border-radius: 15px;\n    aspect-ratio: 4\/5;\n    width: 100%;\n    max-height: 100%; \/* contraint \u00e0 la hauteur du parent .hc-right *\/\n}\n#hc-6a34eaea1f9cf .hc-right__image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n}\n\n\/* === Right column : gallery (crossfade auto) === *\/\n#hc-6a34eaea1f9cf .hc-right__gallery {\n    position: relative;\n    overflow: hidden;\n    border-radius: 15px;\n    aspect-ratio: 4\/5;\n    width: 100%;\n    max-height: 100%; \/* contraint \u00e0 la hauteur du parent .hc-right *\/\n}\n#hc-6a34eaea1f9cf .hc-right__gallery-slide {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    opacity: 0;\n    transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1);\n    will-change: opacity;\n}\n#hc-6a34eaea1f9cf .hc-right__gallery-slide.is-active {\n    opacity: 1;\n}\n\n\/* === Right column : SVG shape === *\/\n#hc-6a34eaea1f9cf .hc-right__svg-wrap {\n    width: 100%;\n    aspect-ratio: 1\/1;\n    max-height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1rem;\n}\n#hc-6a34eaea1f9cf .hc-right__svg {\n    width: 100%;\n    height: 100%;\n    max-width: 540px;\n    max-height: 540px;\n}\n\n\/* Mobile : pas de contrainte de hauteur (le stack vertical n'a pas le souci header) *\/\n@media (max-width: 1023px) {\n    #hc-6a34eaea1f9cf .hc-right {\n        max-height: none;\n    }\n    #hc-6a34eaea1f9cf .hc-right__image-wrap,\n    #hc-6a34eaea1f9cf .hc-right__gallery {\n        max-height: 60vh;\n    }\n}\n\/* === Animation squiggle (pattern exact original) ===\n   Chaque .mask est un path stroke (pathLength=100) avec dasharray sp\u00e9cifique.\n   Au repos : stroke-dashoffset 100 = path cach\u00e9.\n   Au reveal : stroke-dashoffset 0 = path r\u00e9v\u00e9l\u00e9.\n   Les 4 traits se r\u00e9v\u00e8lent en cascade (transition-delay croissant). *\/\n#hc-6a34eaea1f9cf .hc-right__svg--squiggle .mask {\n    stroke-dashoffset: 100;\n    transition: stroke-dashoffset 1.8s cubic-bezier(0.22, 1, 0.36, 1);\n}\n#hc-6a34eaea1f9cf .hc-right__svg--squiggle .mask-0 { stroke-dasharray: 100, 299.069; }\n#hc-6a34eaea1f9cf .hc-right__svg--squiggle .mask-1 { stroke-dasharray: 100, 1113.56; }\n#hc-6a34eaea1f9cf .hc-right__svg--squiggle .mask-2 { stroke-dasharray: 100, 869.713; }\n#hc-6a34eaea1f9cf .hc-right__svg--squiggle .mask-3 { stroke-dasharray: 100, 674.382; }\n\n#hc-6a34eaea1f9cf .hc-right__svg--squiggle.is-revealed .mask { stroke-dashoffset: 0; }\n#hc-6a34eaea1f9cf .hc-right__svg--squiggle.is-revealed .mask-0 { transition-delay: 0s;   }\n#hc-6a34eaea1f9cf .hc-right__svg--squiggle.is-revealed .mask-1 { transition-delay: 0.3s; }\n#hc-6a34eaea1f9cf .hc-right__svg--squiggle.is-revealed .mask-2 { transition-delay: 0.6s; }\n#hc-6a34eaea1f9cf .hc-right__svg--squiggle.is-revealed .mask-3 { transition-delay: 1.0s; }\n\/* Cercle : draw progressif *\/\n#hc-6a34eaea1f9cf .hc-right__svg--circle circle {\n    transform-origin: center;\n    transform: rotate(-90deg);\n    stroke-dasharray: 2000;\n    stroke-dashoffset: 2000;\n    transition: stroke-dashoffset 2s cubic-bezier(0.22, 1, 0.36, 1);\n}\n#hc-6a34eaea1f9cf .hc-right__svg--circle.is-revealed circle {\n    stroke-dashoffset: 0;\n}\n\/* Bars : scale-Y growth depuis le haut *\/\n#hc-6a34eaea1f9cf .hc-right__svg--bars rect {\n    transform-origin: top center;\n    transform: scaleY(0);\n    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);\n}\n#hc-6a34eaea1f9cf .hc-right__svg--bars rect:nth-child(2) {\n    transition-delay: 0.2s;\n}\n#hc-6a34eaea1f9cf .hc-right__svg--bars.is-revealed rect {\n    transform: scaleY(1);\n}\n\n\/* Reduced motion : SVG visible direct *\/\n@media (prefers-reduced-motion: reduce) {\n    #hc-6a34eaea1f9cf .hc-right__svg--squiggle .mask,\n    #hc-6a34eaea1f9cf .hc-right__svg--circle circle {\n        stroke-dashoffset: 0 !important;\n        transition: none !important;\n    }\n    #hc-6a34eaea1f9cf .hc-right__svg--bars rect {\n        transform: scaleY(1) !important;\n        transition: none !important;\n    }\n}\n<\/style>\n\n\n\n\n<section class=\"tf\" id=\"tf-6a34eaea20643\" 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        \n    <\/div>\n<\/section>\n\n<style>\n\/* ============================================\n   Team Founders \u2014 \u00e9ditorial cadre tableau\n   ============================================ *\/\n#tf-6a34eaea20643.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-6a34eaea20643.tf { padding: 7rem 2rem; } }\n@media (min-width: 1024px) { #tf-6a34eaea20643.tf { padding: 9rem 3rem; } }\n\n#tf-6a34eaea20643 .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-6a34eaea20643 .tf__grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 4rem;\n    position: relative;\n}\n@media (min-width: 900px) {\n    #tf-6a34eaea20643 .tf__grid {\n        grid-template-columns: 1fr 1fr;\n        gap: 5rem;\n    }\n}\n@media (min-width: 1200px) {\n    #tf-6a34eaea20643 .tf__grid {\n        gap: 7rem;\n    }\n}\n\n\/* Divider vertical central \u2014 \u00e9cho aux 2 barres du logo *\/\n#tf-6a34eaea20643 .tf__divider {\n    display: none;\n}\n@media (min-width: 900px) {\n    #tf-6a34eaea20643 .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-6a34eaea20643 .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-6a34eaea20643 .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-6a34eaea20643 .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-6a34eaea20643 .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-6a34eaea20643 .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-6a34eaea20643 .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-6a34eaea20643 .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-6a34eaea20643 .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-6a34eaea20643 .tf__card:hover .tf__frame,\n#tf-6a34eaea20643 .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-6a34eaea20643 .tf__card:hover .tf__photo img,\n#tf-6a34eaea20643 .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-6a34eaea20643 .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-6a34eaea20643 .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-6a34eaea20643 .tf__card:hover .tf__caption {\n    opacity: 1;\n}\n\n#tf-6a34eaea20643 .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-6a34eaea20643 .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-6a34eaea20643 .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-6a34eaea20643 .tf__footer {\n    margin-top: 4rem;\n    text-align: center;\n}\n@media (min-width: 1024px) {\n    #tf-6a34eaea20643 .tf__footer { margin-top: 5.5rem; }\n}\n\n\/* === \u00c9tats initiaux pour reveal (desktop) === *\/\n@media (min-width: 1024px) {\n    #tf-6a34eaea20643 .tf__header > * {\n        opacity: 0;\n        transform: translateY(16px);\n    }\n    #tf-6a34eaea20643 .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-6a34eaea20643 .tf__header > *,\n    #tf-6a34eaea20643 .tf__card {\n        opacity: 1 !important;\n        transform: none !important;\n    }\n    #tf-6a34eaea20643 .tf__divider {\n        transform: translateX(-50%) scaleY(1) !important;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    var section = document.getElementById('tf-6a34eaea20643');\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=\"tc\" id=\"tc-6a34eaea22a76\" aria-label=\"THE TEAM\">\n    <div class=\"tc__inner\">\n\n        <header class=\"tc__header nl-section-head\">\n            <p class=\"nl-eyebrow\">THE TEAM<\/p>\n            <h2 class=\"nl-section-title\">\n                <span class=\"nl-title__base\">At the heart <\/span>\n                <span class=\"nl-title__emphasis\">of the firm<\/span>            <\/h2>\n                    <\/header>\n\n        <div class=\"tc__grid\" role=\"list\">\n                            <article class=\"tc__card\" role=\"listitem\" data-idx=\"0\">\n\n                    <a href=\"https:\/\/nylaw.ma\/en\/equipe\/el-mehdi-seyedi\/\" class=\"tc__polaroid nl-portrait-polaroid\" aria-label=\"Voir le profil de El Mehdi Seyedi\">\n                        <div class=\"tc__photo nl-portrait-photo\">\n                            <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/el-mehdi-seyedi-1.webp\"\n                                 alt=\"El Mehdi Seyedi\"\n                                 loading=\"lazy\"\n                                 width=\"980\"                                 height=\"1470\">\n                        <\/div>\n                        <span class=\"tc__caption nl-portrait-caption\">El Mehdi Seyedi<\/span>\n                    <\/a>\n\n                    <div class=\"tc__meta\">\n                                                    <p class=\"tc__role\">Senior \u2014 Attorney-at-Law\u2028<\/p>\n                                                                            <p class=\"tc__langs\">ARABIC \u00b7 ENGLISH \u00b7 FRENCH<\/p>\n                                                                            <p class=\"tc__bio\">A lawyer for over ten years, admitted to the Casablanca Bar since 2015, Mehdi co-leads NY Law\u2019s litigation practice alongside Younes Aniq Filali. He handles the firm\u2019s full range of contentious and pre-contentious matter<\/p>\n                                            <\/div>\n\n                <\/article>\n                            <article class=\"tc__card\" role=\"listitem\" data-idx=\"1\">\n\n                    <a href=\"https:\/\/nylaw.ma\/en\/equipe\/badr-boulaanakch\/\" class=\"tc__polaroid nl-portrait-polaroid\" aria-label=\"Voir le profil de Badr Boulaanakch\">\n                        <div class=\"tc__photo nl-portrait-photo\">\n                            <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/badr-boulaanakch-1.webp\"\n                                 alt=\"Badr Boulaanakch\"\n                                 loading=\"lazy\"\n                                 width=\"962\"                                 height=\"1443\">\n                        <\/div>\n                        <span class=\"tc__caption nl-portrait-caption\">Badr Boulaanakch<\/span>\n                    <\/a>\n\n                    <div class=\"tc__meta\">\n                                                    <p class=\"tc__role\">Attorney-at-Law\u2028<\/p>\n                                                                            <p class=\"tc__langs\">ARABIC \u00b7 FRENCH<\/p>\n                                                                            <p class=\"tc__bio\">Badr focuses primarily on employment law, business criminal law, and debt recovery \u2014 three areas where a deep understanding of companies\u2019 operational constraints makes all the difference. Before becoming a lawyer, he wor<\/p>\n                                            <\/div>\n\n                <\/article>\n                            <article class=\"tc__card\" role=\"listitem\" data-idx=\"2\">\n\n                    <a href=\"https:\/\/nylaw.ma\/en\/equipe\/yasmine-benhayoun-sadafyine\/\" class=\"tc__polaroid nl-portrait-polaroid\" aria-label=\"Voir le profil de Yasmine Benhayoun Sadafyine\">\n                        <div class=\"tc__photo nl-portrait-photo\">\n                            <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/yasmine-benhayoun.webp\"\n                                 alt=\"Yasmine Benhayoun Sadafyine\"\n                                 loading=\"lazy\"\n                                 width=\"1066\"                                 height=\"1600\">\n                        <\/div>\n                        <span class=\"tc__caption nl-portrait-caption\">Yasmine Benhayoun Sadafyine<\/span>\n                    <\/a>\n\n                    <div class=\"tc__meta\">\n                                                    <p class=\"tc__role\"> Attorney-at-Law\u2028<\/p>\n                                                                            <p class=\"tc__langs\">ARABIC \u00b7 ENGLISH \u00b7 FRENCH<\/p>\n                                                                            <p class=\"tc__bio\">Yasmine works within the advisory practice on business law matters: corporate law, commercial contracts, compliance, and legal support for strategic transactions. Trained between Paris, London, and Casablanca, she approa<\/p>\n                                            <\/div>\n\n                <\/article>\n                            <article class=\"tc__card\" role=\"listitem\" data-idx=\"3\">\n\n                    <a href=\"https:\/\/nylaw.ma\/en\/equipe\/zaineb-elouarchi\/\" class=\"tc__polaroid nl-portrait-polaroid\" aria-label=\"Voir le profil de Zaineb Elouarchi\">\n                        <div class=\"tc__photo nl-portrait-photo\">\n                            <img decoding=\"async\" src=\"https:\/\/nylaw.ma\/wp-content\/uploads\/2026\/05\/zainab-elouarchi.webp\"\n                                 alt=\"Zaineb Elouarchi\"\n                                 loading=\"lazy\"\n                                 width=\"958\"                                 height=\"1437\">\n                        <\/div>\n                        <span class=\"tc__caption nl-portrait-caption\">Zaineb Elouarchi<\/span>\n                    <\/a>\n\n                    <div class=\"tc__meta\">\n                                                    <p class=\"tc__role\">Legal Officer &amp; Office Manager\u2028\u2028<\/p>\n                                                                            <p class=\"tc__langs\">ARABIC \u00b7 ENGLISH \u00b7 FRENCH<\/p>\n                                                                            <p class=\"tc__bio\">Zaineb combines two roles at NY Law. Within the advisory practice, she works on employment law and business immigration \u2014 alongside Nasser Benwahoud \u2014 as well as on the operational follow-up of the firm\u2019s advisory and pr<\/p>\n                                            <\/div>\n\n                <\/article>\n                    <\/div>\n\n        \n    <\/div>\n<\/section>\n\n<style>\n\/* ============================================\n   Team Collaborators \u2014 grille polaroid \u00e9ditoriale\n   ============================================ *\/\n#tc-6a34eaea22a76.tc {\n    background-color: var(--color-beige-1);\n    color: var(--color-brown-900);\n    padding: 5rem 1.5rem;\n}\n@media (min-width: 768px)  { #tc-6a34eaea22a76.tc { padding: 7rem 2rem; } }\n@media (min-width: 1024px) { #tc-6a34eaea22a76.tc { padding: 9rem 3rem; } }\n\n#tc-6a34eaea22a76 .tc__inner {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n\/* === Grid responsive (1 \u2192 2 \u2192 3 colonnes) === *\/\n#tc-6a34eaea22a76 .tc__grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 4rem;\n    justify-items: center;\n    margin-top: 3.5rem;\n}\n@media (min-width: 640px)  {\n    #tc-6a34eaea22a76 .tc__grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 4.5rem 3rem;\n    }\n}\n@media (min-width: 960px)  {\n    #tc-6a34eaea22a76 .tc__grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 5rem 3rem;\n    }\n}\n\n\/* === Centrage du dernier item s'il est seul sur sa ligne ===\n   Cas typique : 4 collabos \u2192 3+1, le 4e doit \u00eatre centr\u00e9 (pas coll\u00e9 \u00e0 gauche).\n   Couvre aussi la tablette (2 cols + 3 items \u2192 3e centr\u00e9). *\/\n@media (min-width: 640px) and (max-width: 959px) {\n    #tc-6a34eaea22a76 .tc__card:last-child:nth-child(2n+1) {\n        grid-column: 1 \/ -1;        \/* span toute la largeur de la grid *\/\n        justify-self: center;        \/* centre la card horizontalement *\/\n    }\n}\n@media (min-width: 960px) {\n    #tc-6a34eaea22a76 .tc__card:last-child:nth-child(3n+1) {\n        grid-column: 2 \/ 3;          \/* place le 4e item en colonne 2 (centrale) *\/\n    }\n}\n\n\/* === Card === *\/\n#tc-6a34eaea22a76 .tc__card {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 1.5rem;\n    width: 100%;\n    max-width: 320px;\n}\n\n\/* === Polaroid (vrai papier physique) \u2014 autonome dans le bloc ===\n   Effet \"souvenir \u00e9pingl\u00e9\" : \u00e9paisseur du papier, d\u00e9grad\u00e9 subtil chaud,\n   ombre projet\u00e9e asym\u00e9trique, relief int\u00e9rieur, caption manuscrite. *\/\n#tc-6a34eaea22a76 .tc__polaroid {\n    display: block;\n    width: 100%;\n    background: linear-gradient(170deg, #FFFFFF 0%, #FBF8F3 65%, #F5EFE6 100%);\n    padding: 16px 16px 76px 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#tc-6a34eaea22a76 .tc__polaroid::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#tc-6a34eaea22a76 .tc__polaroid:focus-visible {\n    outline: 2px solid var(--color-brown-600);\n    outline-offset: 6px;\n}\n\n\/* Photo dans le polaroid *\/\n#tc-6a34eaea22a76 .tc__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#tc-6a34eaea22a76 .tc__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#tc-6a34eaea22a76 .tc__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;    font-weight: 500;\n    font-size: 1.1rem;\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#tc-6a34eaea22a76 .tc__card:hover .tc__polaroid,\n#tc-6a34eaea22a76 .tc__card:focus-within .tc__polaroid {\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#tc-6a34eaea22a76 .tc__card:hover .tc__photo img,\n#tc-6a34eaea22a76 .tc__card:focus-within .tc__photo img {\n    transform: scale(1.04);\n    filter: saturate(1) contrast(1) sepia(0);\n}\n\n#tc-6a34eaea22a76 .tc__photo {\n    aspect-ratio: 4 \/ 5;\n    overflow: hidden;\n    background-color: rgba(10, 10, 10, 0.04);\n    position: relative;\n    \/* L\u00e9ger inset shadow pour donner du creux \u00e0 la photo (effet \"encadr\u00e9\") *\/\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#tc-6a34eaea22a76 .tc__photo img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center top;\n    display: block;\n    \/* Look polaroid vintage subtil : l\u00e9g\u00e8re d\u00e9saturation + chaleur *\/\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#tc-6a34eaea22a76 .tc__card:hover .tc__photo img {\n    transform: scale(1.04);\n    filter: saturate(1) contrast(1) sepia(0);\n}\n\n\/* Positionnement du caption sur la bande blanche du polaroid.\n   Le style typographique (italique, couleur, taille) vient de\n   .nl-portrait-caption dans style.css. *\/\n#tc-6a34eaea22a76 .tc__caption {\n    position: absolute;\n    bottom: 20px;\n    left: 14px;\n    right: 14px;\n    z-index: 3;\n}\n\n\/* === Meta \u2014 cartel sous le polaroid === *\/\n#tc-6a34eaea22a76 .tc__meta {\n    text-align: center;\n    padding: 0 0.5rem;\n    width: 100%;\n}\n\n#tc-6a34eaea22a76 .tc__name {\n    font-family: var(--font-display);\n    font-size: clamp(1.35rem, 1.8vw, 1.6rem);\n    font-weight: 500;\n    line-height: 1.15;\n    letter-spacing: -0.012em;\n    color: var(--color-brown-800);\n    margin: 0 0 0.6rem;\n}\n#tc-6a34eaea22a76 .tc__name a {\n    color: inherit;\n    text-decoration: none;\n    transition: opacity 0.4s ease;\n}\n#tc-6a34eaea22a76 .tc__card:hover .tc__name a {\n    opacity: 0.75;\n}\n\n#tc-6a34eaea22a76 .tc__role {\n    font-family: var(--font-display);\n    font-size: 0.95rem;\n    color: var(--color-brown-900);\n    opacity: 0.75;\n    margin: 0;\n}\n\n#tc-6a34eaea22a76 .tc__langs {\n    font-size: 0.68rem;\n    text-transform: uppercase;\n    letter-spacing: 0.14em;\n    color: var(--color-brown-600);\n    margin: 0.85rem 0 0;\n    font-weight: 500;\n}\n\n#tc-6a34eaea22a76 .tc__bio {\n    font-size: 0.88rem;\n    line-height: 1.6;\n    color: var(--color-brown-900);\n    opacity: 0.75;\n    margin: 1rem 0 0;\n    \/* Clip \u00e0 3 lignes \u2014 d\u00e9tail 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#tc-6a34eaea22a76 .tc__footer {\n    margin-top: 4rem;\n    text-align: center;\n}\n@media (min-width: 1024px) {\n    #tc-6a34eaea22a76 .tc__footer { margin-top: 5.5rem; }\n}\n\n\/* === \u00c9tats initiaux pour reveal (desktop) === *\/\n@media (min-width: 1024px) {\n    #tc-6a34eaea22a76 .tc__header > * {\n        opacity: 0;\n        transform: translateY(16px);\n    }\n    #tc-6a34eaea22a76 .tc__card {\n        opacity: 0;\n        transform: translateY(28px);\n    }\n}\n\n\/* Reduce motion *\/\n@media (prefers-reduced-motion: reduce) {\n    #tc-6a34eaea22a76 .tc__header > *,\n    #tc-6a34eaea22a76 .tc__card {\n        opacity: 1 !important;\n        transform: none !important;\n    }\n    #tc-6a34eaea22a76 .tc__polaroid {\n        transform: rotate(0) !important;\n    }\n}\n<\/style>\n\n<script>\n(function () {\n    var section = document.getElementById('tc-6a34eaea22a76');\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('.tc__header > *, .tc__card').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('.tc__header > *');\n    var cards     = section.querySelectorAll('.tc__card');\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 (effet \"d\u00e9couverte\") *\/\n    tl.to(cards, {\n        opacity:  1,\n        y:        0,\n        duration: 0.9,\n        ease:     'power3.out',\n        stagger:  0.18,\n    }, 0.3);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-254","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>Team - 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\/equipe\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Team - NY law\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nylaw.ma\/equipe\/\" \/>\n<meta property=\"og:site_name\" content=\"NY law\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-08T14:12:21+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\\\/equipe\\\/\",\"url\":\"https:\\\/\\\/nylaw.ma\\\/equipe\\\/\",\"name\":\"Team - NY law\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nylaw.ma\\\/#website\"},\"datePublished\":\"2026-05-06T13:07:12+00:00\",\"dateModified\":\"2026-06-08T14:12:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nylaw.ma\\\/equipe\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nylaw.ma\\\/equipe\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nylaw.ma\\\/equipe\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/nylaw.ma\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Team\"}]},{\"@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":"Team - 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\/equipe\/","og_locale":"en_US","og_type":"article","og_title":"Team - NY law","og_url":"https:\/\/nylaw.ma\/equipe\/","og_site_name":"NY law","article_modified_time":"2026-06-08T14:12:21+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nylaw.ma\/equipe\/","url":"https:\/\/nylaw.ma\/equipe\/","name":"Team - NY law","isPartOf":{"@id":"https:\/\/nylaw.ma\/#website"},"datePublished":"2026-05-06T13:07:12+00:00","dateModified":"2026-06-08T14:12:21+00:00","breadcrumb":{"@id":"https:\/\/nylaw.ma\/equipe\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nylaw.ma\/equipe\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/nylaw.ma\/equipe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/nylaw.ma\/"},{"@type":"ListItem","position":2,"name":"Team"}]},{"@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\/254","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=254"}],"version-history":[{"count":21,"href":"https:\/\/nylaw.ma\/en\/wp-json\/wp\/v2\/pages\/254\/revisions"}],"predecessor-version":[{"id":1066,"href":"https:\/\/nylaw.ma\/en\/wp-json\/wp\/v2\/pages\/254\/revisions\/1066"}],"wp:attachment":[{"href":"https:\/\/nylaw.ma\/en\/wp-json\/wp\/v2\/media?parent=254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}