<section class="flex flex-col gap-6">
  <h1
    class="animate-reveal flex w-full flex-col text-start text-7xl leading-[1] font-semibold tracking-[-2px] lowercase opacity-0"
  >
    <span class="text-nowrap">Troy Lusty</span>
    <span class="text-tertiary text-pretty">Digital Designer</span>
  </h1>
  <p
    class="text-secondary/70 animate-reveal text-lg font-medium opacity-0 [animation-delay:0.1s]"
  >
    I’m a recent <a
      href="/about#education"
      class="text-secondary decoration-tertiary underline hover:no-underline"
      >Game Arts and Design</a
    > graduate with a chosen area of focus on the design, lighting, and rendering
    of 3D environments. On the side I manage online operations for a family run
    <a
      href="/projects/camouflage-store"
      class="text-secondary decoration-tertiary underline hover:no-underline"
      >outdoor apparel business</a
    >.
  </p>
</section>
