<turbo-stream action="append" target="speakers_grid"><template>
  <a class="group block h-full" href="/@marco-podien">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marco Podien" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/834/profile_picture.png" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marco Podien</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Developer advocate at the Algorand Foundation...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">4 videos · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marco-sieben">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marco Sieben" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1816/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marco Sieben</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Software engineer tackling JavaScript&#39;s date...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marcos-placona">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marcos Placona" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1360/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marcos Placona</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Founder of DevRel Bridge, helping dev-first...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marco-sussitz">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marco Sussitz" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1359/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marco Sussitz</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Software developer building JVMTI agents and...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 2 sessions</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marc-plogas">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marc Plogas" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1355/profile_picture.png" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marc Plogas</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Cloud and edge IoT engineer building backbones...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marc-rousavy">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marc Rousavy" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/830/profile_picture.png" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marc Rousavy</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">CEO at Margelo building high-performance React...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marc-teipel-2">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marc Teipel" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1668/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marc Teipel</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Microsoft engineer building grounded AI agents...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marcus-hennig">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marcus Hennig" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1936/profile_picture.png" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marcus Hennig</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Physicist turning quantum computing breakthroughs...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marcus-konig">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marcus König" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1658/profile_picture.png" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marcus König</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">B2B growth operator helping companies align...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marcus-ross">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marcus Ross" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1361/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marcus Ross</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Cloud native lead bringing GitOps and compliance...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marcus-wermuth">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marcus Wermuth" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1362/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marcus Wermuth</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">VP of R&amp;D at Safety, securing modern developer...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@mardu-swanepoel">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Mardu Swanepoel" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1363/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Mardu Swanepoel</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Head of AI Engineering at Flinn.ai building...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marek-wasilewski">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marek Wasilewski" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/835/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marek Wasilewski</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Frontend Chapter Lead at Lufthansa Group Digital...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@maria-knoll">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Maria Knoll" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1817/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Maria Knoll</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Team Manager at IAV GmbH building adaptable,...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@maria-korneeva">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Maria Korneeva" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/836/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Maria Korneeva</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Frontend Technology Lead focused on accessibility...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@mariam-hakobyan">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Mariam Hakobyan" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1918/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Mariam Hakobyan</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Engineer turned CEO of Softr, bringing no-code AI...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@mariana-de-la-roche-w">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Mariana de la Roche W." class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1678/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Mariana de la Roche W.</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">International lawyer designing compliance...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marie-chaproniere">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marie Chaproniere" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/837/profile_picture.png" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marie Chaproniere</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Founder focusing on destigmatizing mental health...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">2 videos · 2 sessions</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marieke-drees">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marieke Drees" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/309/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marieke Drees</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Connecting talent to roles through data-driven,...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marie-stalkrantz">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marie Stålkrantz" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/308/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marie Stålkrantz</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Consultant applying game design principles to...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marie-theresa-brosig">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marie Theresa Brosig" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1364/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marie Theresa Brosig</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Strategic Solutions Engineer at GitHub making AI...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marina-coelho">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marina Coelho" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1365/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marina Coelho</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Google DevRel engineer helping developers build...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marina-stefan">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marina Stefan" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1818/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marina Stefan</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Data scientist building conversational AI and...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marine-houmeau">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marine Houmeau" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/311/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marine Houmeau</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Creating pathways for African tech talent and...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marin-niehues">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marin Niehues" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/310/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marin Niehues</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Organizational consultant helping enterprises...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">2 videos · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@mario-bodemann">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Mario Bodemann" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/312/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Mario Bodemann</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Developer Evangelist at Telekom and community...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@mario-fusco">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Mario Fusco" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/838/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Mario Fusco</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Senior Principal Software Engineer at Red Hat...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@mario-petricevic">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <div class="flex size-full items-center justify-center bg-linear-to-br from-primary/20 to-secondary/20">
          <span class="text-2xl font-semibold tracking-tight text-base-content/70">MP</span>
        </div>
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Mario Petricevic</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Principal software engineer building XR and 3D...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@mario-roman-dono">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Mario Román Dono" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1366/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Mario Román Dono</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Edge infrastructure engineer at Twilio scaling...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@mario-valderrama">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Mario Valderrama" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/314/profile_picture.png" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Mario Valderrama</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">PaaS developer building Managed Kubernetes...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a>
</template></turbo-stream>
  <turbo-stream action="replace" target="speakers_pagination"><template>
    <turbo-frame class="group" id="speakers_pagination">
      <div class="mt-10 flex justify-center">
        <a data-turbo-frame="speakers_pagination" data-turbo-prefetch="false" class="btn btn-outline btn-primary gap-2 group-aria-busy:pointer-events-none group-aria-busy:opacity-60" href="https://www.wearedevelopers.com/contributors.turbo_stream?page=34">
          Load more contributors <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M10 3a.75.75 0 0 1 .75.75v10.638l3.96-4.158a.75.75 0 1 1 1.08 1.04l-5.25 5.5a.75.75 0 0 1-1.08 0l-5.25-5.5a.75.75 0 1 1 1.08-1.04l3.96 4.158V3.75A.75.75 0 0 1 10 3Z" clip-rule="evenodd"></path></svg>
</a>      </div>
</turbo-frame></template></turbo-stream>