Thoughtful digital experiences.

<nav
  x-data="{
    scrollY: window.scrollY,
    lastScrollY: window.scrollY,
    isHidden: false,
    hasShadow: false
  }"
  x-init="…">

<li class="menu-item menu-item-type-post_type menu-item-object-page group relative flex w-full">
  <a href="https://nylaw.ma/a-propos/"
     class="hn-nav-link px-2 py-2 text-base font-semibold whitespace-nowrap"
     style="color: #f5f1ea">A propos</a>

<a href="https://nylaw.ma/contact"
   class=" hidden lg:flex relative btn-primary btn inline-flex items-center gap-x-2">
  <span>Nous contacter</span>
</a>

<div class="hn-langs flex items-center gap-3 ml-2 lg:ml-4 lg:pl-4">
  <a href="https://nylaw.ma/en/"
     class="hn-lang">EN</a>
  <a href="https://nylaw.ma/"
     class="hn-lang is-active"
     aria-current="page">FR</a>
</div>

<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"
   style="opacity:0; transform:translateY(20px)">
  Avocats à la Cour
</p>

<h1 class="he__title font-nourd text-beige-1 m-0 leading-[0.95] tracking-[-0.015em] max-w-5xl"
    style="font-size:clamp(2.5rem, 6.5vw, 5.5rem); font-weight: 400; opacity:0; transform:translateY(30px)">
  Pratique du droit, intelligence des affaires
</h1>

<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"
   style="opacity:0; transform:translateY(20px)">
  Cabinet d&#039;avocats d&#039;affaires · Casablanca · Conseil &amp; Contentieux
</p>

<div class="he__ctas mt-10 md:mt-12 flex flex-col sm:flex-row items-center justify-center gap-4 md:gap-6"
     style="opacity:0; transform:translateY(20px)">
  <a href="https://nylaw.ma/contact"
     class="btn btn-primary">
    <span>Nous contacter</span>
  </a>
  <a href="https://nylaw.ma/expertise/"
     class="btn btn-secondary">
    <span>Nos expertises</span>
  </a>
</div>

<!-- Background media full-bleed (image ou vidéo) + overlay sombre pour lisibilité -->
<div class="he__bg" aria-hidden="true">
  <img decoding="async" class="he__bg-media"
       src="https://nylaw.ma/wp-content/uploads/2026/05/nylaw-firm-1.webp"
       alt="" loading="eager">
  <span class="he__bg-overlay" style="background:rgba(10, 10, 10,0.35)"></span>
</div>