<div class="sc-c8dde83c-1 ibCODO"><script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Abel&amp;display=swap" rel="stylesheet">

<section id="loni-start" class="bg-white flex items-center justify-center relative overflow-hidden font-['Abel']">

  <div class="relative z-10 text-center px-6 pb-[240px] pt-[100px] max-w-5xl mx-auto">
    <h1 class="text-6xl md:text-8xl lg:text-9xl font-light text-neutral-900 tracking-[0.08em] mb-8 uppercase">
      Loni Baur
    </h1>

    <p class="text-xl md:text-2xl lg:text-3xl font-light text-neutral-600 tracking-[0.15em] mb-6">
      Make-up Artist &amp; Beauty Expert
    </p>

    <div class="mb-20 mt-8">
      <a href="https://www.instagram.com/lonibaureditions/" target="_blank" rel="noopener noreferrer" class="inline-block text-neutral-500 hover:text-neutral-900 transition-colors duration-500 text-lg md:text-xl tracking-wide border-b border-neutral-300 hover:border-neutral-900 pb-2">
        Founder of @lonibaureditions
      </a>
    </div>

    <div class="flex flex-col sm:flex-row items-center justify-center gap-8 md:gap-12">
      <a href="https://lonibaur-editions.com/" target="_blank" rel="noopener noreferrer" class="group relative px-16 py-5 bg-neutral-900 text-white text-sm font-semibold tracking-[0.25em] uppercase overflow-hidden min-w-[240px]">
        <span class="relative z-10">SHOP</span>
      </a>

      <a href="https://www.lonibaur.com/portfolio/" target="_blank" rel="noopener noreferrer" class="group relative px-16 py-5 border border-neutral-900 text-neutral-900 text-sm font-semibold tracking-[0.25em] uppercase overflow-hidden min-w-[240px]">
        <span class="relative z-10">PORTFOLIO</span>
      </a>
    </div>
  </div>
</section></div>
