<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Dave Mozealous — Engineering &amp; Product Leader</title>
  <meta name="description" content="Dave Mozealous is a Head of Engineering and Product at Amazon Ads, building GenAI-powered analytics used by millions of advertisers.">
  <meta property="og:title" content="Dave Mozealous — Engineering &amp; Product Leader">
  <meta property="og:description" content="Two decades turning complex data systems into products used by millions.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://mozealous.com/">
  <meta property="og:image" content="https://mozealous.com/assets/headshot.jpeg">
  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='4' fill='%232b2a27'/><text x='50%25' y='54%25' dominant-baseline='middle' text-anchor='middle' font-family='Helvetica Neue,Helvetica,Arial,sans-serif' font-weight='700' font-size='18' letter-spacing='-1' fill='%23fdfcfa'>D<tspan fill='%232f5fd6'>.</tspan></text></svg>">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
  <style>
    /* ── Tokens ────────────────────────────────────────────────── */
    :root {
      --paper:   oklch(0.992 0.002 90);
      --ink:     oklch(0.21  0.006 60);
      --muted:   oklch(0.54  0.008 65);
      --faint:   oklch(0.66  0.006 70);
      --hair:    oklch(0.90  0.004 75);
      --hair-2:  oklch(0.94  0.003 80);
      --accent:  #2f5fd6;
      --sans:    'Helvetica Neue', Helvetica, Arial, sans-serif;
      --mono:    'IBM Plex Mono', ui-monospace, monospace;
      --pad:     clamp(20px, 5vw, 72px);
      --max:     1180px;
    }

    /* ── Reset ─────────────────────────────────────────────────── */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      background: var(--paper);
      color: var(--ink);
      font-family: var(--sans);
      -webkit-font-smoothing: antialiased;
    }
    a { color: inherit; text-decoration: none; }
    img { display: block; max-width: 100%; }

    /* ── Container ─────────────────────────────────────────────── */
    .wrap {
      max-width: var(--max);
      margin-inline: auto;
      padding-inline: var(--pad);
    }

    /* ── Scroll reveal ─────────────────────────────────────────── */
    @media (prefers-reduced-motion: no-preference) {
      [data-reveal] {
        opacity: 0;
        transform: translateY(14px);
        transition: opacity 0.6s cubic-bezier(.2,.6,.2,1),
                    transform 0.6s cubic-bezier(.2,.6,.2,1);
      }
      [data-reveal][data-shown] {
        opacity: 1;
        transform: none;
      }
    }

    /* ── Nav ───────────────────────────────────────────────────── */
    .nav {
      position: sticky;
      top: 0;
      z-index: 50;
      height: 72px;
      display: flex;
      align-items: center;
      background: transparent;
      border-bottom: 1px solid transparent;
      transition: background 0.25s, border-color 0.25s, backdrop-filter 0.25s;
    }
    .nav.scrolled {
      background: oklch(0.992 0.002 90 / 0.82);
      backdrop-filter: saturate(1.4) blur(12px);
      -webkit-backdrop-filter: saturate(1.4) blur(12px);
      border-bottom-color: var(--hair);
    }
    .nav__inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }
    .nav__wordmark {
      font-size: 17px;
      font-weight: 700;
      letter-spacing: -0.02em;
      color: var(--ink);
    }
    .nav__wordmark span { color: var(--accent); }
    .nav__links {
      display: flex;
      align-items: center;
      gap: clamp(16px, 3vw, 38px);
      list-style: none;
    }
    .nav__links a {
      font-size: 15px;
      color: var(--muted);
      transition: color 0.15s;
    }
    .nav__links a:hover { color: var(--ink); }
    .nav__links .nav__linkedin {
      color: var(--ink);
      font-weight: 600;
    }
    @media (max-width: 640px) {
      .nav__links li.nav__anchor { display: none; }
    }

    /* ── Hero ──────────────────────────────────────────────────── */
    .hero {
      padding-top: clamp(64px, 11vw, 132px);
      padding-bottom: clamp(56px, 9vw, 96px);
    }
    .hero__grid {
      display: grid;
      grid-template-columns: 1.55fr 1fr;
      gap: clamp(40px, 6vw, 88px);
      align-items: start;
    }
    .hero__eyebrow {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: clamp(28px, 4vw, 40px);
    }
    .hero__eyebrow-rule {
      width: 26px;
      height: 1px;
      background: var(--accent);
      flex-shrink: 0;
    }
    .hero__eyebrow-text {
      font-family: var(--mono);
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0.02em;
      color: var(--muted);
    }
    .hero__h1 {
      font-size: clamp(44px, 8vw, 96px);
      line-height: 0.96;
      letter-spacing: -0.035em;
      font-weight: 700;
      max-width: 15ch;
      text-wrap: balance;
    }
    .hero__h1 .accent { color: var(--accent); }
    .hero__lede {
      margin-top: clamp(28px, 4vw, 40px);
      max-width: 560px;
      font-size: clamp(17px, 2.2vw, 21px);
      line-height: 1.55;
      color: var(--muted);
      letter-spacing: -0.01em;
      text-wrap: pretty;
    }
    .hero__meta {
      margin-top: clamp(32px, 5vw, 48px);
      display: flex;
      gap: clamp(28px, 5vw, 48px);
    }
    .hero__meta-item {}
    .hero__meta-label {
      font-family: var(--mono);
      font-size: 12px;
      text-transform: uppercase;
      color: var(--faint);
      margin-bottom: 6px;
    }
    .hero__meta-value {
      font-size: 15px;
      color: var(--ink);
    }
    .hero__portrait {
      width: 100%;
      aspect-ratio: 3/4;
      object-fit: cover;
      object-position: 50% 28%;
      background: var(--hair);
    }
    @media (max-width: 860px) {
      .hero__grid {
        grid-template-columns: 1fr;
      }
      .hero__portrait {
        max-width: 280px;
      }
    }

    /* ── Stat Band ─────────────────────────────────────────────── */
    .stats {
      margin-top: clamp(48px, 7vw, 80px);
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      border-top: 1px solid var(--ink);
      border-bottom: 1px solid var(--hair);
    }
    .stats__cell {
      padding: clamp(22px,3vw,30px) clamp(24px,3vw,34px);
      border-left: 1px solid var(--hair-2);
    }
    .stats__cell:first-child {
      border-left: none;
      padding-left: 0;
    }
    .stats__value {
      font-size: clamp(32px, 4.5vw, 46px);
      font-weight: 700;
      letter-spacing: -0.035em;
      line-height: 1;
    }
    .stats__label {
      font-family: var(--mono);
      font-size: 12px;
      text-transform: uppercase;
      color: var(--muted);
      line-height: 1.35;
      margin-top: 8px;
    }
    @media (max-width: 680px) {
      .stats {
        grid-template-columns: repeat(2, 1fr);
      }
      .stats__cell:nth-child(1) { border-left: none; padding-left: 0; }
      .stats__cell:nth-child(3) { border-left: none; padding-left: 0; border-top: 1px solid var(--hair-2); }
      .stats__cell:nth-child(4) { border-top: 1px solid var(--hair-2); }
    }

    /* ── Section head ──────────────────────────────────────────── */
    .section-head {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      border-top: 1px solid var(--ink);
      padding-top: 20px;
    }
    .section-head__label {
      font-family: var(--mono);
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--ink);
    }
    .section-head__caption {
      font-family: var(--mono);
      font-size: 13px;
      color: var(--faint);
    }

    /* ── Impact ────────────────────────────────────────────────── */
    .impact {
      padding-top: clamp(64px, 9vw, 108px);
    }
    .impact__rows {
      margin-top: 0;
    }
    .impact__row {
      display: grid;
      grid-template-columns: 52px minmax(200px,1fr) 1.5fr auto;
      gap: clamp(16px, 3vw, 36px);
      align-items: baseline;
      padding-block: clamp(24px, 3vw, 34px);
      border-bottom: 1px solid var(--hair);
    }
    .impact__num {
      font-family: var(--mono);
      font-size: 14px;
      color: var(--faint);
      font-variant-numeric: tabular-nums;
    }
    .impact__title {
      font-size: clamp(21px, 2.6vw, 27px);
      font-weight: 600;
      letter-spacing: -0.025em;
      text-wrap: balance;
    }
    .impact__desc {
      font-size: clamp(15px, 1.7vw, 16px);
      line-height: 1.5;
      color: var(--muted);
      text-wrap: pretty;
    }
    .impact__metric {
      text-align: right;
      white-space: nowrap;
    }
    .impact__metric-value {
      font-size: clamp(18px, 2.4vw, 24px);
      font-weight: 700;
      letter-spacing: -0.02em;
    }
    .impact__metric-tag {
      font-family: var(--mono);
      font-size: 11px;
      text-transform: uppercase;
      color: var(--faint);
      margin-top: 7px;
    }
    @media (max-width: 820px) {
      .impact__row {
        grid-template-columns: 36px 1fr auto;
        grid-template-rows: auto auto;
      }
      .impact__desc {
        grid-column: 2 / -1;
        grid-row: 2;
      }
    }

    /* ── Principles ────────────────────────────────────────────── */
    .lead {
      padding-top: clamp(64px, 9vw, 108px);
    }
    .lead__grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: clamp(40px,6vw,72px) clamp(40px,6vw,80px);
      margin-top: clamp(40px, 6vw, 64px);
    }
    .principle__kicker {
      font-family: var(--mono);
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: var(--accent);
      margin-bottom: 18px;
    }
    .principle__title {
      font-size: clamp(26px, 3.4vw, 33px);
      line-height: 1.1;
      font-weight: 700;
      letter-spacing: -0.025em;
      text-wrap: balance;
      margin-bottom: 16px;
    }
    .principle__body {
      font-size: clamp(16px, 2vw, 18px);
      line-height: 1.55;
      color: var(--muted);
      max-width: 440px;
    }
    @media (max-width: 760px) {
      .lead__grid {
        grid-template-columns: 1fr;
        gap: 48px;
      }
    }

    /* ── Contact ───────────────────────────────────────────────── */
    .contact {
      padding-block: clamp(80px, 11vw, 140px);
      margin-top: clamp(48px, 7vw, 88px);
      border-top: 1px solid var(--hair);
    }
    .contact__h2 {
      font-size: clamp(38px, 6.5vw, 72px);
      line-height: 1.0;
      font-weight: 700;
      letter-spacing: -0.035em;
      max-width: 14ch;
      text-wrap: balance;
    }
    .contact__sub {
      margin-top: clamp(20px, 3vw, 28px);
      font-size: clamp(17px, 2.2vw, 20px);
      line-height: 1.55;
      color: var(--muted);
      max-width: 520px;
    }
    .contact__cta {
      margin-top: clamp(32px, 5vw, 44px);
      display: flex;
      align-items: center;
      gap: 28px;
      flex-wrap: wrap;
    }
    .btn-primary {
      display: inline-block;
      background: var(--ink);
      color: var(--paper);
      padding: 15px 26px;
      border-radius: 2px;
      font-size: 16px;
      font-weight: 600;
      transition: background 0.15s;
    }
    .btn-primary:hover { background: var(--accent); }
    .contact__cred {
      font-family: var(--mono);
      font-size: 12px;
      text-transform: uppercase;
      color: var(--faint);
    }
    .contact__cred a {
      color: var(--muted);
      border-bottom: 1px solid currentColor;
      transition: color 0.15s;
    }
    .contact__cred a:hover { color: var(--accent); }

    /* ── Footer ────────────────────────────────────────────────── */
    .footer {
      border-top: 1px solid var(--hair);
      padding-block: 28px;
    }
    .footer__inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
      font-family: var(--mono);
      font-size: 12px;
      color: var(--faint);
    }
    .footer__links {
      display: flex;
      gap: 24px;
    }
    .footer__links a {
      color: var(--faint);
      transition: color 0.15s;
    }
    .footer__links a:hover { color: var(--ink); }
  </style>
</head>
<body>

  <!-- ── Nav ──────────────────────────────────────────────────── -->
  <nav class="nav" id="nav">
    <div class="wrap nav__inner">
      <a href="#" class="nav__wordmark">Dave Mozealous<span>.</span></a>
      <ul class="nav__links">
        <li class="nav__anchor"><a href="#impact">Impact</a></li>
        <li class="nav__anchor"><a href="#lead">How I Lead</a></li>
        <li class="nav__anchor"><a href="#contact">Contact</a></li>
        <li><a href="https://www.linkedin.com/in/dmozy/" target="_blank" rel="noopener" class="nav__linkedin">LinkedIn ↗</a></li>
      </ul>
    </div>
  </nav>

  <!-- ── Hero ─────────────────────────────────────────────────── -->
  <section class="hero">
    <div class="wrap">
      <div class="hero__grid">
        <div class="hero__text">
          <div class="hero__eyebrow">
            <div class="hero__eyebrow-rule"></div>
            <span class="hero__eyebrow-text">Head of Engineering and Product · Amazon Ads</span>
          </div>
          <h1 class="hero__h1">I build things <span class="accent">millions of people</span> use.</h1>
          <p class="hero__lede">I lead product and engineering for GenAI-powered analytics in Amazon Ads measurement. Two decades turning complex data systems into products used by millions.</p>
          <div class="hero__meta">
            <div class="hero__meta-item">
              <div class="hero__meta-label">Now</div>
              <div class="hero__meta-value">Leading GenAI analytics for Ads measurement</div>
            </div>
            <div class="hero__meta-item">
              <div class="hero__meta-label">Based in</div>
              <div class="hero__meta-value">Golden, Colorado</div>
            </div>
          </div>
        </div>
        <img
          class="hero__portrait"
          src="assets/headshot.jpeg"
          alt="Dave Mozealous"
        >
      </div>

      <!-- Stat Band -->
      <div class="stats">
        <div class="stats__cell">
          <div class="stats__value">20+</div>
          <div class="stats__label">years leading engineering</div>
        </div>
        <div class="stats__cell">
          <div class="stats__value">2M+</div>
          <div class="stats__label">advertisers reached</div>
        </div>
        <div class="stats__cell">
          <div class="stats__value">$1B+</div>
          <div class="stats__label">business built from zero</div>
        </div>
        <div class="stats__cell">
          <div class="stats__value">6</div>
          <div class="stats__label">U.S. patents</div>
        </div>
      </div>
    </div>
  </section>

  <!-- ── Selected Impact ───────────────────────────────────────── -->
  <section class="impact" id="impact">
    <div class="wrap">
      <div class="section-head" data-reveal>
        <span class="section-head__label">Selected Impact</span>
        <span class="section-head__caption">Built at Amazon scale</span>
      </div>
      <div class="impact__rows">

        <div class="impact__row" data-reveal>
          <span class="impact__num">01</span>
          <span class="impact__title">GenAI measurement for Amazon Ads</span>
          <span class="impact__desc">Confidential new project. Check back soon.</span>
          <div class="impact__metric">
            <div class="impact__metric-value">2M+</div>
            <div class="impact__metric-tag">Advertisers served</div>
          </div>
        </div>

        <div class="impact__row" data-reveal>
          <span class="impact__num">02</span>
          <span class="impact__title">Expanded Amazon Marketing Cloud to Sponsored Ads advertisers</span>
          <span class="impact__desc">Reduced onboarding times from 90 days to instant. Delivered 5× YoY growth.</span>
          <div class="impact__metric">
            <div class="impact__metric-value">5×</div>
            <div class="impact__metric-tag">Growth</div>
          </div>
        </div>

        <div class="impact__row" data-reveal>
          <span class="impact__num">03</span>
          <span class="impact__title">"Bring your own science" in the clean room</span>
          <span class="impact__desc">Advertisers train ML models on Amazon shopping data — privacy intact.</span>
          <div class="impact__metric">
            <div class="impact__metric-value">400–1000%</div>
            <div class="impact__metric-tag">Return on ad spend</div>
          </div>
        </div>

        <div class="impact__row" data-reveal>
          <span class="impact__num">04</span>
          <span class="impact__title">Amazon Ways to Pay</span>
          <span class="impact__desc">Installments and trade-in for Amazon devices — built from zero, +10% net sales.</span>
          <div class="impact__metric">
            <div class="impact__metric-value">$1B+</div>
            <div class="impact__metric-tag">New business</div>
          </div>
        </div>

        <div class="impact__row" data-reveal>
          <span class="impact__num">05</span>
          <span class="impact__title">Amazon Restaurants &amp; voice ordering</span>
          <span class="impact__desc">Launched Prime Now restaurant discovery and ordering on Alexa.</span>
          <div class="impact__metric">
            <div class="impact__metric-value">+30%</div>
            <div class="impact__metric-tag">Customer acquisition</div>
          </div>
        </div>

      </div>
    </div>
  </section>

  <!-- ── How I Lead ────────────────────────────────────────────── -->
  <section class="lead" id="lead">
    <div class="wrap">
      <div class="section-head" data-reveal>
        <span class="section-head__label">How I Lead</span>
        <span class="section-head__caption">Operating principles</span>
      </div>
      <div class="lead__grid">

        <div class="principle" data-reveal>
          <div class="principle__kicker">Measurement</div>
          <div class="principle__title">Measurement is a product, not a report.</div>
          <div class="principle__body">If a number can't change a decision, it's decoration.</div>
        </div>

        <div class="principle" data-reveal>
          <div class="principle__kicker">Authority</div>
          <div class="principle__title">Push authority to where the information is.</div>
          <div class="principle__body">If your team needs permission to act, you've already lost the context they had.</div>
        </div>

        <div class="principle" data-reveal>
          <div class="principle__kicker">Leadership</div>
          <div class="principle__title">The goal is leaders, not followers.</div>
          <div class="principle__body">When everyone thinks like an owner, you stop being a bottleneck and start being a multiplier.</div>
        </div>

        <div class="principle" data-reveal>
          <div class="principle__kicker">Org design</div>
          <div class="principle__title">Ship the org you wish you had.</div>
          <div class="principle__body">Structure is a bet on the future you're building.</div>
        </div>

      </div>
    </div>
  </section>

  <!-- ── Contact ───────────────────────────────────────────────── -->
  <section class="contact" id="contact">
    <div class="wrap">
      <h2 class="contact__h2" data-reveal>I'm not looking. I'm listening.</h2>
      <p class="contact__sub" data-reveal>The best conversations start with a problem worth solving — not a job description.</p>
      <div class="contact__cta" data-reveal>
        <a href="https://www.linkedin.com/in/dmozy/" target="_blank" rel="noopener" class="btn-primary">LinkedIn ↗</a>
        <span class="contact__cred">
          re:Invent speaker · 6 U.S. patents · Founder,
          <a href="https://asskickersunited.com/" target="_blank" rel="noopener">Ass Kickers United ↗</a>
        </span>
      </div>
    </div>
  </section>

  <!-- ── Footer ────────────────────────────────────────────────── -->
  <footer class="footer">
    <div class="wrap footer__inner">
      <span>© 2026 Dave Mozealous</span>
      <div class="footer__links">
        <a href="https://iphingers.com/" target="_blank" rel="noopener">iphingers.com ↗</a>
        <a href="https://asskickersunited.com/" target="_blank" rel="noopener">asskickersunited.com ↗</a>
      </div>
    </div>
  </footer>

  <script>
    // ── Sticky nav ─────────────────────────────────────────────
    const nav = document.getElementById('nav');
    const onScroll = () => {
      nav.classList.toggle('scrolled', window.scrollY > 24);
    };
    window.addEventListener('scroll', onScroll, { passive: true });

    // ── Scroll reveal ──────────────────────────────────────────
    const mq = window.matchMedia('(prefers-reduced-motion: no-preference)');
    if (mq.matches) {
      const observer = new IntersectionObserver((entries) => {
        entries.forEach(e => {
          if (e.isIntersecting) {
            e.target.setAttribute('data-shown', '');
            observer.unobserve(e.target);
          }
        });
      }, { rootMargin: '0px 0px -8% 0px', threshold: 0.08 });

      document.querySelectorAll('[data-reveal]').forEach(el => observer.observe(el));
    } else {
      // Reduced motion: show everything immediately
      document.querySelectorAll('[data-reveal]').forEach(el => el.setAttribute('data-shown', ''));
    }
  </script>
</body>
</html>
