<!DOCTYPE html><html lang="en" class="scroll-smooth"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="generator" content="Astro v5.18.1"><title>Tripp Crosby: Keynote Speaker, Performer &amp; Host</title><meta name="description" content="Tripp Crosby is a keynote speaker, performer, and host who helps brands and teams break out of safe thinking and discover ideas worth betting on."><link rel="canonical" href="https://www.trippcrosby.com/"><meta property="og:type" content="website"><meta property="og:url" content="https://www.trippcrosby.com/"><meta property="og:site_name" content="Tripp Crosby"><meta property="og:title" content="Tripp Crosby: Keynote Speaker, Performer &#38; Host"><meta property="og:description" content="Tripp Crosby is a keynote speaker, performer, and host who helps brands and teams break out of safe thinking and discover ideas worth betting on."><meta property="og:image" content="https://www.trippcrosby.com/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="Tripp Crosby — keynote speaker, performer, and host"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:url" content="https://www.trippcrosby.com/"><meta name="twitter:title" content="Tripp Crosby: Keynote Speaker, Performer &#38; Host"><meta name="twitter:description" content="Tripp Crosby is a keynote speaker, performer, and host who helps brands and teams break out of safe thinking and discover ideas worth betting on."><meta name="twitter:image" content="https://www.trippcrosby.com/og-image.png"><meta name="twitter:image:alt" content="Tripp Crosby — keynote speaker, performer, and host"><script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Person","@id":"https://www.trippcrosby.com/#tripp","name":"Tripp Crosby","url":"https://www.trippcrosby.com/","image":"https://www.trippcrosby.com/og-image.png","jobTitle":"Keynote Speaker, Performer \u0026 Host","description":"Tripp Crosby is a keynote speaker, performer, and host who helps brands and teams break out of safe thinking and discover ideas worth betting on.","sameAs":["https://www.linkedin.com/in/trippcrosby","https://www.tiktok.com/@trippcrosby","https://www.youtube.com/@trippcrosby"],"knowsAbout":["Creativity","Keynote speaking","Brand content","Comedy","Event hosting"]},{"@type":"WebSite","@id":"https://www.trippcrosby.com/#website","url":"https://www.trippcrosby.com/","name":"Tripp Crosby","description":"Tripp Crosby is a keynote speaker, performer, and host who helps brands and teams break out of safe thinking and discover ideas worth betting on.","publisher":{"@id":"https://www.trippcrosby.com/#tripp"}},{"@type":"FAQPage","@id":"https://www.trippcrosby.com/#faq","mainEntity":[{"@type":"Question","name":"How do I book Tripp Crosby for an event?","acceptedAnswer":{"@type":"Answer","text":"Share your event details through the contact form at www.trippcrosby.com/contact and Tripp’s team will follow up about availability, fit, and next steps."}},{"@type":"Question","name":"What does Tripp Crosby speak about?","acceptedAnswer":{"@type":"Answer","text":"Tripp is a keynote speaker focused on creativity — helping brands and teams break out of safe thinking and discover ideas worth betting on."}},{"@type":"Question","name":"Is Tripp Crosby available as an event host or emcee?","acceptedAnswer":{"@type":"Answer","text":"Yes. Tripp hosts and emcees conferences and brand events, drawing on years of comedy, improv, and on-camera experience."}},{"@type":"Question","name":"Where has Tripp Crosby’s work been featured?","acceptedAnswer":{"@type":"Answer","text":"Tripp’s work has been featured on outlets including The New York Times, ESPN, CNN, NBC, Mashable, and The Tonight Show."}}]}]}</script><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><meta name="theme-color" content="#FF5F3B"><!-- Fonts: self-hosted so they don't render-block. @font-face lives in
         src/styles/instrument-sans.css; preload the latin body weight + the
         handwritten accent. --><link rel="preload" href="/fonts/instrument-sans-latin.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/fonts/IntrudingCat.ttf" as="font" type="font/ttf" crossorigin><style>#hero-video-modal[data-astro-cid-anhloy43]{position:fixed;inset:0;margin:auto;width:min(92vw,1024px);background:transparent;border:none;padding:2.5rem 0 0}#hero-video-modal[data-astro-cid-anhloy43]::backdrop{background:#000000e0}#hero-video-close[data-astro-cid-anhloy43]{position:absolute;top:-2rem;right:0;background:none;border:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;opacity:.75;transition:opacity .15s}#hero-video-close[data-astro-cid-anhloy43]:hover{opacity:1}.video-wrapper[data-astro-cid-anhloy43]{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden}.video-wrapper[data-astro-cid-anhloy43] iframe[data-astro-cid-anhloy43]{position:absolute;inset:0;width:100%;height:100%}.featured-marquee[data-astro-cid-anhloy43]{--gap: 2rem;display:flex;gap:var(--gap);overflow:hidden;padding-top:.25rem;padding-bottom:2.75rem;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.featured-marquee__group[data-astro-cid-anhloy43]{display:flex;flex-shrink:0;align-items:center;justify-content:space-around;gap:var(--gap);min-width:100%;animation:featured-marquee-scroll 45s linear infinite}.featured-marquee[data-astro-cid-anhloy43]:hover .featured-marquee__group[data-astro-cid-anhloy43]{animation-play-state:paused}@keyframes featured-marquee-scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--gap)))}}@media(min-width:640px){.featured-marquee[data-astro-cid-anhloy43]{--gap: 3rem;padding-top:.5rem;padding-bottom:3rem}}@media(prefers-reduced-motion:reduce){.featured-marquee[data-astro-cid-anhloy43]{overflow-x:auto}.featured-marquee__group[data-astro-cid-anhloy43]{animation:none}.featured-marquee__group[data-astro-cid-anhloy43][aria-hidden=true]{display:none}}.obsession-canvas[data-astro-cid-27qf2l65]{--obs-canvas-aspect: 1334 / 869;--obs-preheadline-left: 7.05%;--obs-preheadline-top: 0;--obs-preheadline-width: 33.28%;--obs-whiteboard-left: -1.72%;--obs-whiteboard-top: 32.34%;--obs-whiteboard-width: 32.08%;--obs-sticky-left: 33.43%;--obs-sticky-top: 12.89%;--obs-sticky-width: 33.13%;--obs-sticky-pad-top: 17%;--obs-sticky-pad-bottom: 37%;--obs-sticky-pad-x: 16.2%;--obs-scribble-left: 42.05%;--obs-scribble-top: 84.81%;--obs-scribble-top-offset: 130px;--obs-scribble-width: 20.09%;--obs-stage-left: 69.72%;--obs-stage-top: 13.92%;--obs-stage-width: 31.99%;--obs-pin-width: 104%;--obs-pin-margin-left: 6px}.canvas-frame[data-astro-cid-27qf2l65]{aspect-ratio:var(--obs-canvas-aspect)}.slot-preheadline[data-astro-cid-27qf2l65]{left:var(--obs-preheadline-left);top:var(--obs-preheadline-top);width:var(--obs-preheadline-width)}.slot-whiteboard[data-astro-cid-27qf2l65]{left:var(--obs-whiteboard-left);top:var(--obs-whiteboard-top);width:var(--obs-whiteboard-width)}.slot-sticky[data-astro-cid-27qf2l65]{left:var(--obs-sticky-left);top:var(--obs-sticky-top);width:var(--obs-sticky-width)}.sticky-text-frame[data-astro-cid-27qf2l65]{padding:var(--obs-sticky-pad-top) var(--obs-sticky-pad-x) var(--obs-sticky-pad-bottom)}.slot-scribble[data-astro-cid-27qf2l65]{left:var(--obs-scribble-left);top:calc(var(--obs-scribble-top) + var(--obs-scribble-top-offset));width:var(--obs-scribble-width)}.slot-stage[data-astro-cid-27qf2l65]{left:var(--obs-stage-left);top:var(--obs-stage-top);width:var(--obs-stage-width)}.slot-pin-image[data-astro-cid-27qf2l65]{width:var(--obs-pin-width);margin-left:var(--obs-pin-margin-left)}
</style>
<link rel="stylesheet" href="/_astro/contact.BR00KYFh.css?dpl=dpl_5nLDRAxkbCzcPjjLvZmJaEiK9xQW"></head> <body class="min-h-screen flex flex-col bg-background text-foreground antialiased"> <header class="absolute inset-x-0 top-0 z-50"> <div class="mx-auto max-w-[1440px] px-5 sm:px-6 lg:px-10">  <nav class="flex h-20 items-center justify-between"> <a href="/" class="text-[20px] leading-[28px] font-medium tracking-[-0.02em] text-white sm:text-2xl">
Tripp Crosby
</a> <a href="/contact" class="inline-flex items-center rounded-full bg-primary px-[14px] py-[8px] text-[14px] leading-[22px] font-medium tracking-[-0.02em] text-ink shadow-sm transition-colors hover:bg-primary-strong focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-ink sm:px-5 sm:py-2 sm:text-base">
Book Tripp
</a> </nav>  </div> </header> <main class="flex-1 overflow-x-clip">  <section class="relative isolate min-h-[800px] overflow-hidden bg-ink text-white md:min-h-[1000px] lg:min-h-0" data-astro-cid-anhloy43> <video id="hero-bg-video" class="absolute inset-0 -z-10 h-full w-full object-cover object-center select-none" muted loop playsinline preload="none" poster="/images/sections/hero/stage.jpg" aria-hidden="true" data-astro-cid-anhloy43> <source src="/videos/hero-bg-mobile.mp4" type="video/mp4" media="(max-width: 767px)" data-astro-cid-anhloy43> <source src="/videos/hero-bg.mp4" type="video/mp4" data-astro-cid-anhloy43> </video> <div class="absolute inset-0 -z-10 bg-ink/40" aria-hidden="true" data-astro-cid-anhloy43></div> <div class="relative mx-auto max-w-[1280px] px-4 pt-32 pb-[216px] sm:px-8 sm:pt-40 sm:pb-[264px] md:pt-[246px] md:pb-[300px] lg:pt-44 lg:pb-[296px]" data-astro-cid-anhloy43> <div class="text-center" data-astro-cid-anhloy43>  <h1 class="mt-6 text-balance text-[40px] font-medium leading-[44px] tracking-[-0.04em] md:text-[80px] md:leading-none lg:text-[100px] lg:leading-none" data-astro-cid-anhloy43> Creativity is a <span class="relative inline-block" data-astro-cid-anhloy43> responsibility <img src="/images/sections/hero/underline.svg" alt="" aria-hidden="true" width="554" height="23" class="pointer-events-none absolute -bottom-2 left-0 h-[0.18em] w-full select-none sm:-bottom-3" data-astro-cid-anhloy43> </span> not a personality trait </h1> <p class="mx-auto mt-8 max-w-2xl text-balance text-[18px] leading-[26px] tracking-[-0.02em] text-white/85 md:text-[24px] md:leading-[32px]" data-astro-cid-anhloy43> I help teams break out of safe thinking and discover ideas worth betting on </p> <div class="relative mx-auto mt-10 inline-flex flex-col items-center justify-center gap-4 sm:flex-row sm:flex-wrap sm:gap-5 md:gap-4" data-astro-cid-anhloy43> <a href="/contact" class="btn-primary w-[192px] text-[18px] leading-[26px] tracking-[-0.02em] sm:w-auto" data-astro-cid-anhloy43> Book Tripp </a> <button type="button" id="hero-video-btn" class="group inline-flex cursor-pointer items-center gap-2.5 text-[18px] leading-[26px] tracking-[-0.02em] font-medium text-white/90 transition-colors hover:text-white md:gap-3" data-astro-cid-anhloy43> <img src="/images/sections/hero/play-circle.svg" alt="" aria-hidden="true" width="60" height="60" class="h-12 w-12 transition-transform group-hover:scale-105 sm:h-14 sm:w-14 md:h-[58px] md:w-[58px]" data-astro-cid-anhloy43> <span data-astro-cid-anhloy43>Watch my video</span> </button> <div class="absolute left-full top-1/2 ml-6 hidden w-56 translate-x-[30px] translate-y-[42px] lg:block" data-astro-cid-anhloy43> <p class="handwritten -rotate-5 text-left text-xl leading-tight sm:text-2xl -ml-[140px]" data-astro-cid-anhloy43>Event Planners,<br />you're looking for this</p> <img src="/images/sections/hero/arrow.svg" alt="" aria-hidden="true" width="107" height="65" class="pointer-events-none absolute -top-10 -left-10 h-12 w-auto -scale-y-100 rotate-[18deg] select-none" data-astro-cid-anhloy43> </div> </div> <div class="relative mx-auto mt-[44px] w-[221px] lg:hidden" data-astro-cid-anhloy43> <p class="handwritten -rotate-5 translate-x-[90px] text-left text-xl leading-tight" data-astro-cid-anhloy43>Event Planners,<br />you're looking for this</p> <img src="/images/sections/hero/arrow.svg" alt="" aria-hidden="true" width="107" height="65" class="pointer-events-none absolute -top-14 -right-[70px] h-14 w-auto -scale-x-100 rotate-[220deg] select-none" data-astro-cid-anhloy43> </div> </div> </div> <dialog id="hero-video-modal" data-astro-cid-anhloy43> <div class="relative" data-astro-cid-anhloy43> <button type="button" id="hero-video-close" aria-label="Close video" data-astro-cid-anhloy43>✕</button> <div class="video-wrapper" data-astro-cid-anhloy43> <iframe id="hero-video-iframe" src="" data-src="https://player.vimeo.com/video/1159227075?h=00e1244f07&autoplay=1&badge=0&byline=0&portrait=0&title=0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen frameborder="0" data-astro-cid-anhloy43></iframe> </div> </div> </dialog>  <script type="module">const o=document.getElementById("hero-bg-video"),i=!window.matchMedia("(prefers-reduced-motion: reduce)").matches,c=navigator.connection,r=!!c&&(c.saveData===!0||/(^|-)2g$|^3g$/.test(c.effectiveType??""));if(o&&i&&!r){o.preload="auto";const t=()=>o.play().catch(()=>{});t(),o.addEventListener("canplay",t,{once:!0})}const a=document.getElementById("hero-video-btn"),e=document.getElementById("hero-video-modal"),l=document.getElementById("hero-video-close"),n=document.getElementById("hero-video-iframe");if(a&&e&&n){const t=()=>{n.src=n.dataset.src??"",e.showModal()},d=()=>{e.close(),n.src=""};a.addEventListener("click",t),l?.addEventListener("click",d),e.addEventListener("click",s=>{s.target===e&&d()})}</script>  <div class="absolute inset-x-0 -bottom-[50px] z-10" data-astro-cid-anhloy43> <img src="/images/sections/hero/paper-fill.png" alt="" aria-hidden="true" width="3200" height="187" class="pointer-events-none absolute inset-x-0 bottom-full block h-auto w-full translate-y-[20px] select-none" loading="eager" decoding="async" data-astro-cid-anhloy43> <div class="bg-background pb-[50px]" data-astro-cid-anhloy43>  <div class="featured-marquee focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" role="region" aria-label="Featured on" tabindex="0" data-astro-cid-anhloy43> <ul class="featured-marquee__group" data-astro-cid-anhloy43> <li class="flex shrink-0 items-center justify-center" style="width: 42px; height: 44.4px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-cnn-dark.svg" alt="CNN" class="h-full w-full opacity-80" loading="eager" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 51.6px; height: 57.599999999999994px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-fallon-dark.svg" alt="The Tonight Show with Jimmy Fallon" class="h-full w-full opacity-80" loading="eager" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 73.2px; height: 42px; transform: translateY(-8.4px);" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-nbc-dark.svg" alt="NBC" class="h-full w-full opacity-80" loading="eager" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 112.8px; height: 52.8px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-nyt-dark.svg" alt="The New York Times" class="h-full w-full opacity-80" loading="eager" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 99.6px; height: 46.8px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-huffpost-dark.svg" alt="HuffPost" class="h-full w-full opacity-80" loading="eager" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 103.2px; height: 51.6px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-mashable-dark.svg" alt="Mashable" class="h-full w-full opacity-80" loading="eager" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 64.8px; height: 43.199999999999996px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-espn-dark.svg" alt="ESPN" class="h-full w-full opacity-80" loading="eager" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 42px; height: 50.4px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-today-dark.svg" alt="TODAY" class="h-full w-full opacity-80" loading="eager" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 26.4px; height: 48px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-8-dark.svg" alt class="h-full w-full opacity-80" loading="eager" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 81.6px; height: 38.4px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-billions-dark.svg" alt="Billions" class="h-full w-full opacity-80" loading="eager" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 90px; height: 57.599999999999994px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-tonight-leno-dark.svg" alt="The Tonight Show with Jay Leno" class="h-full w-full opacity-80" loading="eager" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 51.6px; height: 39.6px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-slate-dark.svg" alt="Slate" class="h-full w-full opacity-80" loading="eager" decoding="async" data-astro-cid-anhloy43> </li> </ul><ul class="featured-marquee__group" aria-hidden="true" data-astro-cid-anhloy43> <li class="flex shrink-0 items-center justify-center" style="width: 42px; height: 44.4px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-cnn-dark.svg" alt="CNN" class="h-full w-full opacity-80" loading="lazy" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 51.6px; height: 57.599999999999994px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-fallon-dark.svg" alt="The Tonight Show with Jimmy Fallon" class="h-full w-full opacity-80" loading="lazy" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 73.2px; height: 42px; transform: translateY(-8.4px);" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-nbc-dark.svg" alt="NBC" class="h-full w-full opacity-80" loading="lazy" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 112.8px; height: 52.8px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-nyt-dark.svg" alt="The New York Times" class="h-full w-full opacity-80" loading="lazy" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 99.6px; height: 46.8px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-huffpost-dark.svg" alt="HuffPost" class="h-full w-full opacity-80" loading="lazy" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 103.2px; height: 51.6px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-mashable-dark.svg" alt="Mashable" class="h-full w-full opacity-80" loading="lazy" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 64.8px; height: 43.199999999999996px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-espn-dark.svg" alt="ESPN" class="h-full w-full opacity-80" loading="lazy" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 42px; height: 50.4px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-today-dark.svg" alt="TODAY" class="h-full w-full opacity-80" loading="lazy" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 26.4px; height: 48px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-8-dark.svg" alt class="h-full w-full opacity-80" loading="lazy" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 81.6px; height: 38.4px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-billions-dark.svg" alt="Billions" class="h-full w-full opacity-80" loading="lazy" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 90px; height: 57.599999999999994px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-tonight-leno-dark.svg" alt="The Tonight Show with Jay Leno" class="h-full w-full opacity-80" loading="lazy" decoding="async" data-astro-cid-anhloy43> </li><li class="flex shrink-0 items-center justify-center" style="width: 51.6px; height: 39.6px;" data-astro-cid-anhloy43> <img src="/images/sections/featured/logo-slate-dark.svg" alt="Slate" class="h-full w-full opacity-80" loading="lazy" decoding="async" data-astro-cid-anhloy43> </li> </ul> </div> </div> </div> </section> <section class="overflow-x-clip py-12 sm:py-16 md:py-20 lg:pt-32 lg:pb-0"> <div class="mx-auto max-w-[1440px] px-4 sm:px-6 lg:px-10">  <div class="md:hidden"> <h2 class="text-center text-black" style="font-family: var(--font-heading); font-size: 32px; line-height: 36px; letter-spacing: -0.04em; font-weight: 600;"> I&#39;m the guy brands call when they&#39;re tired of playing it <span class="relative inline-block"> safe <img src="/images/sections/pitch/safe-strikethrough.svg" alt="" aria-hidden="true" width="65" height="12" class="pointer-events-none absolute left-0 top-1/2 w-full -translate-y-1/2 select-none" style="height: 0.5em;"> </span> </h2> <div class="mt-[30px] flex justify-center"> <div class="relative w-[265px]"> <img src="/images/sections/pitch/scotch-tape.png" alt="" aria-hidden="true" width="600" height="450" class="pointer-events-none absolute z-20 w-[50%] select-none drop-shadow" style="left: 50%; top: -28px; transform: translateX(-50%) rotate(-13deg);" loading="lazy" decoding="async"> <div class="rounded-[1px] bg-white shadow-[0_56.8px_35.5px_rgba(0,0,0,0.04),0_28.75px_15.48px_rgba(0,0,0,0.03),0_11.36px_5.77px_rgba(0,0,0,0.02),0_2.49px_2.05px_rgba(0,0,0,0.01)]" style="transform: rotate(10deg);"> <div class="px-[12px] pt-[12px]"> <img src="https://cdn.sanity.io/images/fepmjdw9/production/80572359554d4b4c28bd2b6fd194653f2bd88752-621x600.png?w=800&q=85&auto=format" alt="This is me" class="block w-full object-cover" style="aspect-ratio: 241 / 323;" loading="eager" decoding="async" data-sanity="id=homepage;type=homepage;path=pitch.portrait;base=%2Fstudio"> </div> <div class="flex h-[47px] items-center justify-center p-[12px]"> <p class="handwritten text-[20px] leading-[28px] text-black"> hey this is me </p> </div> </div> </div> </div> <figure class="mt-[30px] text-center text-black"> <blockquote class="text-[16px] leading-[24px] tracking-[-0.02em]"> &quot;He had the room laughing while delivering a message that stuck — creativity isn&#39;t reserved for the &quot;creative types.&quot; It&#39;s a responsibility for anyone who believes they&#39;re made for more than just following the plan.&quot; </blockquote> <figcaption class="mt-2 text-[14px] font-semibold leading-[22px] tracking-[-0.01em]"> - Barbara Myers, CEO IMN SOLUTIONS </figcaption> </figure> </div> <div class="hidden md:block lg:hidden"> <div class="flex flex-col items-center"> <h2 class="max-w-[600px] text-center text-black" style="font-family: var(--font-heading); font-size: 48px; line-height: 56px; letter-spacing: -0.04em; font-weight: 600;"> I&#39;m the guy brands call when they&#39;re tired of playing it <span class="relative inline-block"> safe <img src="/images/sections/pitch/safe-strikethrough.svg" alt="" aria-hidden="true" width="171" height="35" class="pointer-events-none absolute left-0 top-1/2 w-full -translate-y-1/2 select-none" style="height: 0.7em;"> </span> </h2> <div class="mt-10 flex justify-center"> <div class="relative inline-block"> <img src="/images/sections/pitch/scotch-tape.png" alt="" aria-hidden="true" width="600" height="450" class="pointer-events-none absolute z-20 w-32 select-none drop-shadow sm:w-40" style="top: -44px; left: 28%; transform: rotate(-13deg);" loading="lazy" decoding="async"> <div class="origin-center rounded-[2px] bg-white shadow-2xl transition-transform" style="width: 20rem; transform: rotate(5deg);"> <div class="p-4 pb-0"> <img src="https://cdn.sanity.io/images/fepmjdw9/production/80572359554d4b4c28bd2b6fd194653f2bd88752-621x600.png?w=800&q=85&auto=format" alt="This is me" class="block w-full object-cover" style="aspect-ratio: 3/4;" loading="eager" decoding="async" data-sanity="id=homepage;type=homepage;path=pitch.portrait;base=%2Fstudio"> </div> <div class="flex h-16 items-center px-4"> <p class="handwritten text-2xl text-foreground"> hey this is me </p> </div> </div> </div> </div> <figure class="mt-10 max-w-[476px] text-center text-black"> <blockquote class="text-[20px] leading-[28px] tracking-[-0.02em]"> &quot;He had the room laughing while delivering a message that stuck — creativity isn&#39;t reserved for the &quot;creative types.&quot; It&#39;s a responsibility for anyone who believes they&#39;re made for more than just following the plan.&quot; </blockquote> <figcaption class="mt-3 text-[14px] font-semibold leading-[22px]"> - Barbara Myers, CEO IMN SOLUTIONS </figcaption> </figure> </div> </div> <div class="hidden lg:grid lg:grid-cols-[minmax(0,1fr)_auto] lg:items-start lg:gap-16"> <div class="flex flex-col items-stretch lg:items-start"> <h2 class="max-w-3xl whitespace-pre-line text-foreground" style="font-family: var(--font-heading); font-size: clamp(2.25rem, 5vw + 1rem, 5rem); line-height: 1.0; letter-spacing: -0.04em; font-weight: 600;"> I&#39;m the guy brands call when they&#39;re tired of playing it <span class="relative inline-block"> safe <img src="/images/sections/pitch/safe-strikethrough.svg" alt="" aria-hidden="true" width="171" height="35" class="pointer-events-none absolute left-0 top-1/2 w-full -translate-y-1/2 select-none" style="height: 0.7em;"> </span> </h2> <figure class="mt-10 max-w-xl sm:mt-12"> <blockquote class="text-foreground" style="font-size: var(--text-body-lg); line-height: 1.5; letter-spacing: -0.01em;"> &quot;He had the room laughing while delivering a message that stuck — creativity isn&#39;t reserved for the &quot;creative types.&quot; It&#39;s a responsibility for anyone who believes they&#39;re made for more than just following the plan.&quot; </blockquote> <figcaption class="mt-3 text-sm font-semibold tracking-tight text-foreground"> - Barbara Myers, CEO IMN SOLUTIONS </figcaption> </figure> </div> <div class="lg:pt-4"> <div class="relative inline-block"> <img src="/images/sections/pitch/scotch-tape.png" alt="" aria-hidden="true" width="600" height="450" class="pointer-events-none absolute z-20 w-32 select-none drop-shadow sm:w-40" style="top: -52px; left: 28%; transform: rotate(-13deg);" loading="lazy" decoding="async"> <div class="origin-center rounded-[2px] bg-white shadow-2xl transition-transform" style="width: 24rem; transform: rotate(8deg);"> <div class="p-4 pb-0"> <img src="https://cdn.sanity.io/images/fepmjdw9/production/80572359554d4b4c28bd2b6fd194653f2bd88752-621x600.png?w=800&q=85&auto=format" alt="This is me" class="block w-full object-cover" style="aspect-ratio: 3/4;" loading="eager" decoding="async" data-sanity="id=homepage;type=homepage;path=pitch.portrait;base=%2Fstudio"> </div> <div class="flex h-16 items-center px-4"> <p class="handwritten text-2xl text-foreground"> hey this is me </p> </div> </div> </div> </div> </div>  </div> </section> <section class="overflow-x-clip pb-20 pt-4 sm:pb-28 sm:pt-8 md:pb-24 md:pt-10 lg:pb-24 lg:pt-10 xl:pb-0 xl:pt-5" data-astro-cid-27qf2l65> <div class="mx-auto max-w-[1440px] px-4 sm:px-6 lg:px-10">  <div class="md:hidden" data-astro-cid-27qf2l65> <p class="text-center text-black" style="font-family: var(--font-heading); font-size: 28px; line-height: 38px; letter-spacing: -0.04em; font-weight: 400;" data-astro-cid-27qf2l65> For the last 20 years, I&#39;ve been obsessed with one thing: </p> <div class="mt-[30px] flex justify-center" data-astro-cid-27qf2l65> <div class="-rotate-5" data-astro-cid-27qf2l65> <div class="relative w-[302px]" data-astro-cid-27qf2l65> <img src="/images/sections/obsession/sticky-note.svg" alt="" aria-hidden="true" width="484" height="503" class="block h-auto w-full select-none drop-shadow-xl" data-astro-cid-27qf2l65> <div class="absolute inset-0 flex items-center justify-center px-12 pb-14 pt-6" data-astro-cid-27qf2l65> <p class="handwritten text-center text-black" style="font-size: 23.7px; line-height: 34px;" data-astro-cid-27qf2l65>how to look at the<br />same situation as<br />everyone else and see a<br />different possibility?</p> </div> </div> </div> </div> <div class="relative mt-[30px] mx-auto h-[466px] w-[328px]" data-astro-cid-27qf2l65> <div class="absolute left-[23px] top-0 flex h-[271px] w-[304px] items-center justify-center" data-astro-cid-27qf2l65> <div class="rotate-5 rounded-[1px] bg-white shadow-[0_61.3px_38.3px_rgba(0,0,0,0.04),0_31px_16.7px_rgba(0,0,0,0.03),0_12.3px_6.2px_rgba(0,0,0,0.02),0_2.7px_2.2px_rgba(0,0,0,0.01)]" style="width: 283px;" data-astro-cid-27qf2l65> <div class="px-[13px] pt-[13px]" data-astro-cid-27qf2l65> <img src="/images/sections/obsession/brands-stage.jpg" alt="Tripp on stage with brand logos" data-sanity="id=homepage;type=homepage;path=obsession.brandsPhoto;base=%2Fstudio" class="block w-full object-cover" style="aspect-ratio: 261 / 184;" loading="lazy" decoding="async" data-astro-cid-27qf2l65> </div> <div class="h-[50px] bg-white" data-astro-cid-27qf2l65></div> </div> </div> <div class="absolute left-0 top-[195px] flex h-[271px] w-[304px] items-center justify-center" data-astro-cid-27qf2l65> <div class="-rotate-5 rounded-[1px] bg-white shadow-[0_61.3px_38.3px_rgba(0,0,0,0.04),0_31px_16.7px_rgba(0,0,0,0.03),0_12.3px_6.2px_rgba(0,0,0,0.02),0_2.7px_2.2px_rgba(0,0,0,0.01)]" style="width: 283px;" data-astro-cid-27qf2l65> <div class="px-[13px] pt-[13px]" data-astro-cid-27qf2l65> <img src="/images/sections/obsession/tripp-stage.jpg" alt="Tripp Crosby speaking on stage" data-sanity="id=homepage;type=homepage;path=obsession.stagePhoto;base=%2Fstudio" class="block w-full object-cover" style="aspect-ratio: 261 / 184;" loading="lazy" decoding="async" data-astro-cid-27qf2l65> </div> <div class="flex h-[50px] items-center justify-center p-[13px]" data-astro-cid-27qf2l65> <p class="handwritten text-[20px] leading-[28px] text-black" data-astro-cid-27qf2l65> how I stand when I have something to say </p> </div> </div> </div> <img src="/images/sections/obsession/pin.png" alt="" aria-hidden="true" width="59" height="41" class="pointer-events-none absolute z-30 h-[53px] w-auto select-none drop-shadow-md" style="left: 244px; top: 180px;" data-astro-cid-27qf2l65> </div> <div class="relative mt-[30px] mx-auto h-[450px] w-[328px]" data-astro-cid-27qf2l65> <img src="/images/sections/obsession/scotch-tape-2.png" alt="" aria-hidden="true" width="600" height="450" class="pointer-events-none absolute z-20 h-[60px] w-auto select-none drop-shadow" style="left: 78px; top: 0;" loading="lazy" decoding="async" data-astro-cid-27qf2l65> <div class="absolute left-0 top-[11px] flex h-[439px] w-[327px] items-center justify-center" data-astro-cid-27qf2l65> <div class="-rotate-6 rounded-[1px] bg-white shadow-[0_61.1px_38.2px_rgba(0,0,0,0.04),0_31px_16.65px_rgba(0,0,0,0.03),0_12.2px_6.2px_rgba(0,0,0,0.02),0_2.7px_2.2px_rgba(0,0,0,0.01)]" style="width: 285px;" data-astro-cid-27qf2l65> <div class="px-[13px] pt-[13px]" data-astro-cid-27qf2l65> <img src="/images/sections/obsession/tripp-whiteboard.jpg" alt="Tripp drawing on a whiteboard" data-sanity="id=homepage;type=homepage;path=obsession.whiteboardPhoto;base=%2Fstudio" class="block w-full object-cover" style="aspect-ratio: 260 / 347;" loading="lazy" decoding="async" data-astro-cid-27qf2l65> </div> <div class="flex h-[51px] items-center justify-center p-[13px]" data-astro-cid-27qf2l65> <p class="handwritten text-[20px] leading-[28px] text-black" data-astro-cid-27qf2l65> Let me cook </p> </div> </div> </div> </div> </div> <div class="hidden md:block xl:hidden" data-astro-cid-27qf2l65> <p class="mx-auto max-w-[476px] text-center text-black" style="font-family: var(--font-heading); font-size: 36px; line-height: 48px; letter-spacing: -0.04em; font-weight: 400;" data-astro-cid-27qf2l65> For the last 20 years, I&#39;ve been obsessed with one thing: </p> <div class="relative mx-auto mt-12 grid max-w-[476px] grid-cols-1 items-start gap-y-16" data-astro-cid-27qf2l65> <div class="flex flex-col items-center gap-12" data-astro-cid-27qf2l65> <div class="-rotate-5" data-astro-cid-27qf2l65> <div class="relative w-[442px]" data-astro-cid-27qf2l65> <img src="/images/sections/obsession/sticky-note.svg" alt="" aria-hidden="true" width="484" height="503" class="block h-auto w-full select-none drop-shadow-xl" data-astro-cid-27qf2l65> <div class="absolute inset-0 flex items-center justify-center px-16 pb-20 pt-8" data-astro-cid-27qf2l65> <p class="handwritten text-center text-[32px] leading-[46px] text-black" data-astro-cid-27qf2l65>how to look at the<br />same situation as<br />everyone else and see a<br />different possibility?</p> </div> </div> </div> </div> <div class="flex justify-center" data-astro-cid-27qf2l65> <div class="relative w-[427px]" data-astro-cid-27qf2l65> <div class="ml-[58px] rotate-5" data-astro-cid-27qf2l65> <div class="relative inline-block">  <div class="origin-center rounded-[2px] bg-white shadow-2xl transition-transform" style="width: 22rem; transform: rotate(0deg);"> <div class="p-4 pb-0"> <img src="/images/sections/obsession/brands-stage.jpg" alt="Tripp on stage with brand logos" class="block w-full object-cover" style="aspect-ratio: 4/3;" loading="lazy" decoding="async" data-sanity="id=homepage;type=homepage;path=obsession.brandsPhoto;base=%2Fstudio"> </div> <div class="flex h-16 items-center px-4">  </div> </div> </div> </div> <div class="-mt-4 -rotate-5" data-astro-cid-27qf2l65> <div class="relative inline-block">  <div class="origin-center rounded-[2px] bg-white shadow-2xl transition-transform" style="width: 22rem; transform: rotate(0deg);"> <div class="p-4 pb-0"> <img src="/images/sections/obsession/tripp-stage.jpg" alt="Tripp Crosby speaking on stage" class="block w-full object-cover" style="aspect-ratio: 4/3;" loading="lazy" decoding="async" data-sanity="id=homepage;type=homepage;path=obsession.stagePhoto;base=%2Fstudio"> </div> <div class="flex h-16 items-center px-4"> <p class="handwritten text-2xl text-foreground"> how I stand when I have something to say </p> </div> </div> </div> </div> <img src="/images/sections/obsession/pin.png" alt="" aria-hidden="true" width="59" height="41" class="pointer-events-none absolute right-6 top-[44%] z-30 h-12 w-auto -translate-y-1/2 select-none drop-shadow-md" data-astro-cid-27qf2l65> </div> </div> <div class="flex justify-center" data-astro-cid-27qf2l65> <div class="relative inline-block"> <img src="/images/sections/obsession/scotch-tape-2.png" alt="" aria-hidden="true" width="600" height="450" class="pointer-events-none absolute z-20 w-32 select-none drop-shadow sm:w-40" style="top: -44px; left: 32%; transform: rotate(-4deg);" loading="lazy" decoding="async"> <div class="origin-center rounded-[2px] bg-white shadow-2xl transition-transform" style="width: 20rem; transform: rotate(-6deg);"> <div class="p-4 pb-0"> <img src="/images/sections/obsession/tripp-whiteboard.jpg" alt="Tripp drawing on a whiteboard" class="block w-full object-cover" style="aspect-ratio: 3/4;" loading="lazy" decoding="async" data-sanity="id=homepage;type=homepage;path=obsession.whiteboardPhoto;base=%2Fstudio"> </div> <div class="flex h-16 items-center px-4"> <p class="handwritten text-2xl text-foreground"> Let me cook </p> </div> </div> </div> </div> </div> </div> <div class="obsession-canvas hidden xl:block" data-astro-cid-27qf2l65> <div class="canvas-frame relative mx-auto w-full" data-astro-cid-27qf2l65> <p class="slot-preheadline absolute text-foreground" style="font-family: var(--font-heading); font-size: 36px; line-height: 48px; letter-spacing: -0.04em; font-weight: 400;" data-astro-cid-27qf2l65> For the last 20 years, I&#39;ve been obsessed with one thing: </p> <div class="slot-whiteboard absolute" data-astro-cid-27qf2l65> <div class="relative inline-block"> <img src="/images/sections/obsession/scotch-tape-2.png" alt="" aria-hidden="true" width="600" height="450" class="pointer-events-none absolute z-20 w-32 select-none drop-shadow sm:w-40" style="top: -44px; left: 32%; transform: rotate(-4deg);" loading="lazy" decoding="async"> <div class="origin-center rounded-[2px] bg-white shadow-2xl transition-transform" style="width: 100%; transform: rotate(-6deg);"> <div class="p-4 pb-0"> <img src="/images/sections/obsession/tripp-whiteboard.jpg" alt="Tripp drawing on a whiteboard" class="block w-full object-cover" style="aspect-ratio: 3/4;" loading="lazy" decoding="async" data-sanity="id=homepage;type=homepage;path=obsession.whiteboardPhoto;base=%2Fstudio"> </div> <div class="flex h-16 items-center px-4"> <p class="handwritten text-2xl text-foreground"> Let me cook </p> </div> </div> </div> </div> <div class="slot-sticky absolute" data-astro-cid-27qf2l65> <div class="-rotate-5" data-astro-cid-27qf2l65> <div class="relative w-full" data-astro-cid-27qf2l65> <img src="/images/sections/obsession/sticky-note.svg" alt="" aria-hidden="true" width="484" height="503" class="block h-auto w-full select-none drop-shadow-xl" data-astro-cid-27qf2l65> <div class="sticky-text-frame absolute inset-0 flex items-center justify-center" data-astro-cid-27qf2l65> <p class="handwritten text-center text-[32px] leading-[46px] text-ink" data-astro-cid-27qf2l65>how to look at the<br />same situation as<br />everyone else and see a<br />different possibility?</p> </div> </div> </div> </div> <div class="slot-scribble absolute" data-astro-cid-27qf2l65> <p class="handwritten -rotate-5 text-primary" style="font-size: 24px; line-height: 36px;" data-astro-cid-27qf2l65> and here are brands that have partnered with me </p> <img src="/images/sections/obsession/arrow-curve.svg" alt="" aria-hidden="true" width="85" height="91" class="pointer-events-none absolute h-[91px] w-auto select-none" style="left: 84.7%; top: 60px; transform: rotate(12.18deg);" data-astro-cid-27qf2l65> </div> <div class="slot-stage absolute" data-astro-cid-27qf2l65> <div class="relative w-full" data-astro-cid-27qf2l65> <div class="ml-[30px] rotate-5" data-astro-cid-27qf2l65> <div class="relative inline-block">  <div class="origin-center rounded-[2px] bg-white shadow-2xl transition-transform" style="width: 100%; transform: rotate(0deg);"> <div class="p-4 pb-0"> <img src="/images/sections/obsession/brands-stage.jpg" alt="Tripp on stage with brand logos" class="block w-full object-cover" style="aspect-ratio: 4/3;" loading="lazy" decoding="async" data-sanity="id=homepage;type=homepage;path=obsession.brandsPhoto;base=%2Fstudio"> </div> <div class="flex h-16 items-center px-4">  </div> </div> </div> </div> <div class="slot-pin-image -mt-12 relative z-30" data-astro-cid-27qf2l65> <div class="relative inline-block">  <div class="origin-center rounded-[2px] bg-white shadow-2xl transition-transform" style="width: 100%; transform: rotate(-6deg);"> <div class="p-4 pb-0"> <img src="/images/sections/obsession/tripp-stage.jpg" alt="Tripp Crosby speaking on stage" class="block w-full object-cover" style="aspect-ratio: 4/3;" loading="lazy" decoding="async" data-sanity="id=homepage;type=homepage;path=obsession.stagePhoto;base=%2Fstudio"> </div> <div class="flex h-16 items-center px-4"> <p class="handwritten text-2xl text-foreground"> how I stand when I have something to say </p> </div> </div> </div> <img src="/images/sections/obsession/pin.png" alt="" aria-hidden="true" width="59" height="41" class="pointer-events-none absolute left-1/2 -top-5 z-40 h-16 w-auto -translate-x-1/2 select-none drop-shadow-md" loading="lazy" decoding="async" data-astro-cid-27qf2l65> </div> </div> </div> </div> </div>  </div> </section>  <section class="pt-8 pb-20 sm:pt-12 sm:pb-28 md:pt-12 md:pb-28 lg:pt-16 lg:pb-0 xl:pt-[160px]"> <div class="mx-auto max-w-[1440px] px-4 sm:px-6 lg:px-10">  <div class="mb-10 hidden md:block xl:hidden"> <div class="relative mx-auto w-[312px]"> <p class="handwritten -rotate-5 text-primary" style="font-size: 24px; line-height: 36px;">
and here are brands that have partnered with me
</p> <img src="/images/sections/obsession/arrow-curve.svg" alt="" aria-hidden="true" width="72" height="80" class="pointer-events-none absolute -right-4 -bottom-12 h-[78px] w-auto select-none" style="transform: rotate(12.18deg);"> </div> </div> <div class="hidden md:block"> <div class="relative mx-auto w-full" style="aspect-ratio: 1334 / 462;"> <img src="/images/sections/logos/verizon.svg" alt="Verizon" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain" style="left: 40.55472263868066%; top: 0%; width: 6.945877061469266%; height: 12.687012987012986%;" loading="lazy" decoding="async"><img src="/images/sections/logos/hampton.png" alt="Hampton" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain opacity-50" style="left: 79.46026986506747%; top: 5.424134199134199%; width: 5.033508245877062%; height: 9.198051948051948%;" loading="lazy" decoding="async"><img src="/images/sections/logos/jj.png" alt="Johnson &#38; Johnson" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain opacity-50" style="left: 61.39430284857571%; top: 9.852922077922118%; width: 9.33688155922039%; height: 4.907575757575757%;" loading="lazy" decoding="async"><img src="/images/sections/logos/veeam.png" alt="Veeam" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain opacity-50" style="left: 21.964017991004496%; top: 9.985714285714325%; width: 5.826086956521739%; height: 5.074891774891775%;" loading="lazy" decoding="async"><img src="/images/sections/logos/regeneron.svg" alt="Regeneron" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain" style="left: 5.997001499250374%; top: 14.935064935064934%; width: 9.33688155922039%; height: 12.687012987012986%;" loading="lazy" decoding="async"><img src="/images/sections/logos/calendly.svg" alt="Calendly" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain" style="left: 43.62818590704648%; top: 18.95021645021649%; width: 8.625562218890554%; height: 12.687012987012986%;" loading="lazy" decoding="async"><img src="/images/sections/logos/godaddy.svg" alt="GoDaddy" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain" style="left: 91.45427286356822%; top: 20.562770562770563%; width: 8.568365817091454%; height: 12.687012987012986%;" loading="lazy" decoding="async"><img src="/images/sections/logos/zoom.svg" alt="Zoom" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain" style="left: 70.16491754122939%; top: 25.227272727272766%; width: 5.376836581709146%; height: 12.687012987012986%;" loading="lazy" decoding="async"><img src="/images/sections/logos/fuze.svg" alt="Fuze" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain" style="left: 58.32083958020989%; top: 27.60822510822515%; width: 3.802323838080959%; height: 12.687012987012986%;" loading="lazy" decoding="async"><img src="/images/sections/logos/workday.svg" alt="Workday" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain opacity-50" style="left: 27.436281859070466%; top: 29.989177489177525%; width: 8.233958020989505%; height: 12.687012987012986%;" loading="lazy" decoding="async"><img src="/images/sections/logos/monday.svg" alt="Monday.com" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain" style="left: 79.23538230884559%; top: 34.84848484848485%; width: 9.33688155922039%; height: 12.687012987012986%;" loading="lazy" decoding="async"><img src="/images/sections/logos/okta.png" alt="Okta" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain opacity-50" style="left: 18.515742128935532%; top: 40.48690476190476%; width: 4.053823088455772%; height: 4.440476190476191%;" loading="lazy" decoding="async"><img src="/images/sections/logos/ncr.svg" alt="NCR" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain" style="left: 42.05397301349325%; top: 42.857142857142854%; width: 6.178110944527735%; height: 12.687012987012986%;" loading="lazy" decoding="async"><img src="/images/sections/logos/snowflake.png" alt="Snowflake" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain opacity-50" style="left: 0%; top: 50.11948051948052%; width: 9.33688155922039%; height: 6.387445887445888%;" loading="lazy" decoding="async"><img src="/images/sections/logos/irem.png" alt="IREM" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain opacity-50" style="left: 95.7271364317841%; top: 50.47359307359307%; width: 3.289055472263868%; height: 6.977922077922077%;" loading="lazy" decoding="async"><img src="/images/sections/logos/att.svg" alt="AT&#38;T" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain" style="left: 69.79010494752623%; top: 49.134199134199136%; width: 6.147826086956522%; height: 12.687012987012986%;" loading="lazy" decoding="async"><img src="/images/sections/logos/bcn.png" alt="Bermuda Captive Network" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain opacity-50" style="left: 54.797601199400304%; top: 56.20205627705628%; width: 7.393778110944528%; height: 6.343506493506493%;" loading="lazy" decoding="async"><img src="/images/sections/logos/afp.svg" alt="AFP" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain" style="left: 30.884557721139434%; top: 55.1948051948052%; width: 3.2953523238380815%; height: 12.687012987012986%;" loading="lazy" decoding="async"><img src="/images/sections/logos/zapier.png" alt="Zapier" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain opacity-50" style="left: 13.043478260869565%; top: 62.997727272727275%; width: 5.658770614692654%; height: 4.440476190476191%;" loading="lazy" decoding="async"><img src="/images/sections/logos/riesen.svg" alt="Riesen" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain opacity-50" style="left: 83.88305847076461%; top: 64.25357142857142%; width: 4.182233883058471%; height: 5.391991341991343%;" loading="lazy" decoding="async"><img src="/images/sections/logos/chris-craft.svg" alt="Chris-Craft" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain opacity-50" style="left: 42.27886056971514%; top: 72.29848484848485%; width: 9.33688155922039%; height: 4.453679653679654%;" loading="lazy" decoding="async"><img src="/images/sections/logos/peakmade.png" alt="Peakmade" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain opacity-50" style="left: 66.19190404797601%; top: 74.39891774891775%; width: 6.1152173913043475%; height: 7.612121212121211%;" loading="lazy" decoding="async"><img src="/images/sections/logos/carters.svg" alt="Carter's" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain" style="left: 21.73913043478261%; top: 76.19047619047619%; width: 6.709595202398801%; height: 12.687012987012986%;" loading="lazy" decoding="async"><img src="/images/sections/logos/freddie-mac.svg" alt="Freddie Mac" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain" style="left: 91.45427286356822%; top: 78.78787878787878%; width: 6.1914542728635675%; height: 12.687012987012986%;" loading="lazy" decoding="async"><img src="/images/sections/logos/ford.png" alt="Ford" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain opacity-50" style="left: 3.223388305847077%; top: 83.92272727272727%; width: 6.121514242878561%; height: 7.612121212121211%;" loading="lazy" decoding="async"><img src="/images/sections/logos/slim-jim.svg" alt="Slim Jim" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain" style="left: 76.91154422788605%; top: 81.38528138528139%; width: 3.45359820089955%; height: 12.687012987012986%;" loading="lazy" decoding="async"><img src="/images/sections/logos/constant-contact.svg" alt="Constant Contact" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain" style="left: 36.73163418290854%; top: 87.22943722943724%; width: 7.669715142428784%; height: 12.687012987012986%;" loading="lazy" decoding="async"><img src="/images/sections/logos/cisco.svg" alt="Cisco" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="absolute select-none object-contain opacity-50" style="left: 58.620689655172406%; top: 90.51688311688312%; width: 4.575862068965518%; height: 6.977922077922077%;" loading="lazy" decoding="async"> </div> </div> <div class="md:hidden"> <div class="relative mx-auto mb-16 w-[260px]"> <p class="handwritten -rotate-5 text-primary" style="font-size: 22px; line-height: 32px;">
and here are brands that have partnered with me
</p> <img src="/images/sections/obsession/arrow-curve.svg" alt="" aria-hidden="true" width="68" height="73" class="pointer-events-none absolute -right-6 -bottom-12 h-[68px] w-auto select-none" style="transform: rotate(12.18deg);"> </div> <div class="mx-auto flex w-full max-w-[326px] flex-col gap-[10px]"> <div class="flex h-[58px] items-center justify-between"> <img src="/images/sections/logos/verizon.svg" alt="Verizon" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain" style="width: 92.658px; height: 58.614px;" loading="lazy" decoding="async"><img src="/images/sections/logos/calendly.svg" alt="Calendly" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain" style="width: 115.065px; height: 58.614px;" loading="lazy" decoding="async"><img src="/images/sections/logos/riesen.svg" alt="Riesen" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain opacity-50" style="width: 55.791px; height: 24.911px;" loading="lazy" decoding="async"> </div><div class="flex h-[58px] items-center justify-between"> <img src="/images/sections/logos/veeam.png" alt="Veeam" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain opacity-50" style="width: 77.72px; height: 23.446px;" loading="lazy" decoding="async"><img src="/images/sections/logos/jj.png" alt="Johnson &#38; Johnson" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain opacity-50" style="width: 124.554px; height: 22.673px;" loading="lazy" decoding="async"><img src="/images/sections/logos/fuze.svg" alt="Fuze" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain" style="width: 50.723px; height: 58.614px;" loading="lazy" decoding="async"> </div><div class="flex h-[58px] items-center justify-between"> <img src="/images/sections/logos/zoom.svg" alt="Zoom" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain" style="width: 71.727px; height: 58.614px;" loading="lazy" decoding="async"><img src="/images/sections/logos/carters.svg" alt="Carter's" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain" style="width: 89.506px; height: 58.614px;" loading="lazy" decoding="async"><img src="/images/sections/logos/slim-jim.svg" alt="Slim Jim" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain" style="width: 46.071px; height: 58.614px;" loading="lazy" decoding="async"> </div><div class="flex h-[58px] items-center justify-between"> <img src="/images/sections/logos/chris-craft.svg" alt="Chris-Craft" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain opacity-50" style="width: 124.554px; height: 20.576px;" loading="lazy" decoding="async"><img src="/images/sections/logos/irem.png" alt="IREM" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain opacity-50" style="width: 43.876px; height: 32.238px;" loading="lazy" decoding="async"><img src="/images/sections/logos/workday.svg" alt="Workday" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain opacity-50" style="width: 109.841px; height: 58.614px;" loading="lazy" decoding="async"> </div><div class="flex h-[58px] items-center justify-between"> <img src="/images/sections/logos/ncr.svg" alt="NCR" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain" style="width: 82.416px; height: 58.614px;" loading="lazy" decoding="async"><img src="/images/sections/logos/constant-contact.svg" alt="Constant Contact" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain" style="width: 102.314px; height: 58.614px;" loading="lazy" decoding="async"><img src="/images/sections/logos/afp.svg" alt="AFP" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain" style="width: 43.96px; height: 58.614px;" loading="lazy" decoding="async"> </div><div class="flex h-[58px] items-center justify-between"> <img src="/images/sections/logos/freddie-mac.svg" alt="Freddie Mac" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain" style="width: 82.594px; height: 58.614px;" loading="lazy" decoding="async"><img src="/images/sections/logos/hampton.png" alt="Hampton" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain opacity-50" style="width: 67.147px; height: 42.495px;" loading="lazy" decoding="async"><img src="/images/sections/logos/cisco.svg" alt="Cisco" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain opacity-50" style="width: 61.042px; height: 32.238px;" loading="lazy" decoding="async"> </div><div class="flex h-[58px] items-center justify-center gap-10"> <img src="/images/sections/logos/regeneron.svg" alt="Regeneron" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain" style="width: 124.554px; height: 58.614px;" loading="lazy" decoding="async"><img src="/images/sections/logos/bcn.png" alt="Bermuda Captive Network" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain opacity-50" style="width: 98.633px; height: 29.307px;" loading="lazy" decoding="async"> </div><div class="flex h-[58px] items-center justify-between"> <img src="/images/sections/logos/att.svg" alt="AT&#38;T" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain" style="width: 82.012px; height: 58.614px;" loading="lazy" decoding="async"><img src="/images/sections/logos/peakmade.png" alt="Peakmade" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain opacity-50" style="width: 81.577px; height: 35.168px;" loading="lazy" decoding="async"><img src="/images/sections/logos/okta.png" alt="Okta" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain opacity-50" style="width: 54.078px; height: 20.515px;" loading="lazy" decoding="async"> </div><div class="flex h-[58px] items-center justify-between"> <img src="/images/sections/logos/zapier.png" alt="Zapier" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain opacity-50" style="width: 75.488px; height: 20.515px;" loading="lazy" decoding="async"><img src="/images/sections/logos/ford.png" alt="Ford" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain opacity-50" style="width: 81.661px; height: 35.168px;" loading="lazy" decoding="async"><img src="/images/sections/logos/godaddy.svg" alt="GoDaddy" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain" style="width: 114.302px; height: 58.614px;" loading="lazy" decoding="async"> </div><div class="flex h-[58px] items-center justify-center gap-10"> <img src="/images/sections/logos/monday.svg" alt="Monday.com" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain" style="width: 124.554px; height: 58.614px;" loading="lazy" decoding="async"><img src="/images/sections/logos/snowflake.png" alt="Snowflake" data-sanity="id=homepage;type=homepage;path=clientLogos.overrides;base=%2Fstudio" class="select-none object-contain opacity-50" style="width: 124.554px; height: 29.51px;" loading="lazy" decoding="async"> </div> </div> </div>  </div> </section> <section id="work" class="overflow-x-clip pt-12 pb-20 sm:pt-16 sm:pb-28 md:pt-20 md:pb-24 lg:pt-[140px] lg:pb-0"> <div class="mx-auto max-w-[1440px] px-4 sm:px-6 lg:px-10">  <h2 class="mx-auto max-w-[600px] text-center text-black lg:hidden" style="font-family: var(--font-heading); font-size: clamp(1.75rem, 1.5vw + 1.25rem, 2rem); line-height: 1.375; letter-spacing: -0.04em; font-weight: 400;"> I&#39;ve worked with worldwide brands to create content that has driven hundreds of <span class="relative inline-block"> <span class="relative z-10">millions of organic views</span> <img src="/images/sections/cta/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.05em; width: 100%; height: 0.5em; z-index: 0;"> </span>. </h2> <div class="mt-10 hidden md:block lg:mt-0"> <div class="relative mx-auto w-full" style="aspect-ratio: 1144 / 734;"> <div class="absolute flex items-center justify-center" style="left: 0%; top: 13.453678474114442%; width: 50.63715034965035%; height: 60.014441416893725%;"> <div class="rounded-[20px] bg-white p-[10px] shadow-[0_0_80px_0_rgba(0,0,0,0.07),0_0_13px_0_rgba(0,0,0,0.04)]" style="width: 89.78%; transform: rotate(-12deg);"> <div class="overflow-hidden rounded-[10px]" style="aspect-ratio: 500 / 282;"> <img src="/images/sections/work/video-itadmin.png" alt="A day in the life of an IT Admin" data-sanity="id=homepage;type=homepage;path=work.videoItAdmin;base=%2Fstudio" class="h-full w-full object-cover" loading="lazy" decoding="async"> </div> <p class="px-1 py-3.5 text-sm font-semibold leading-5 tracking-[-0.02em] text-black"> A day in the life of an IT Admin using Veeam Software </p> </div> </div><div class="absolute flex items-center justify-center" style="left: 49.33916083916085%; top: 0%; width: 50.63715034965035%; height: 60.014441416893725%;"> <div class="rounded-[20px] bg-white p-[10px] shadow-[0_0_80px_0_rgba(0,0,0,0.07),0_0_13px_0_rgba(0,0,0,0.04)]" style="width: 89.78%; transform: rotate(12deg);"> <div class="overflow-hidden rounded-[10px]" style="aspect-ratio: 500 / 282;"> <img src="/images/sections/work/video-superbowl.png" alt="Super Bowl Party Etiquette" data-sanity="id=homepage;type=homepage;path=work.videoSuperBowl;base=%2Fstudio" class="h-full w-full object-cover" loading="lazy" decoding="async"> </div> <p class="px-1 py-3.5 text-sm font-semibold leading-5 tracking-[-0.02em] text-black"> Super Bowl Party Etiquette </p> </div> </div><div class="absolute flex flex-col gap-2 rounded-[24px] p-[10px]" style="left: 24.552709790209793%; top: 3.482901907356949%; width: 24.213286713286713%; height: 58.03814713896458%; transform: rotate(-10deg); background: #A1D4FF; filter: drop-shadow(0 0 40px rgba(0,0,0,0.07)) drop-shadow(0 0 6.5px rgba(0,0,0,0.04));"> <div class="overflow-hidden rounded-[16px]" style="aspect-ratio: 257 / 360;"> <img src="/images/sections/work/tiktok-apple-base.png" alt="When you NEED the latest Apple product" data-sanity="id=homepage;type=homepage;path=work.tiktokApple;base=%2Fstudio" class="h-full w-full object-cover" loading="lazy" decoding="async"> </div> <div class="flex items-center justify-between gap-2 px-2.5"> <div class="flex min-w-0 flex-col text-black"> <p class="truncate text-sm font-semibold leading-5 tracking-[-0.02em]"> When you NEED the latest Apple product </p> <p class="truncate text-xs font-medium leading-[18px] tracking-[-0.02em] opacity-60"> 4.8k views </p> </div> <img src="/images/sections/work/share-1.svg" alt="" aria-hidden="true" class="size-6 shrink-0" loading="lazy" decoding="async"> </div> </div><div class="absolute flex flex-col gap-2 rounded-[24px] p-[10px]" style="left: 60.92172202797204%; top: 36.473228882833794%; width: 24.213286713286713%; height: 58.03814713896458%; transform: rotate(30deg); background: #DFD9FF; filter: drop-shadow(0 0 40px rgba(0,0,0,0.07)) drop-shadow(0 0 6.5px rgba(0,0,0,0.04));"> <div class="overflow-hidden rounded-[16px]" style="aspect-ratio: 257 / 360;"> <img src="/images/sections/work/tiktok-apple-overlay.png" alt="Best Snack of All Time" data-sanity="id=homepage;type=homepage;path=work.tiktokSnack;base=%2Fstudio" class="h-full w-full object-cover" loading="lazy" decoding="async"> </div> <div class="flex items-center justify-between gap-2 px-2.5"> <div class="flex min-w-0 flex-col text-black"> <p class="truncate text-sm font-semibold leading-5 tracking-[-0.02em]"> Best Snack of All Time </p> <p class="truncate text-xs font-medium leading-[18px] tracking-[-0.02em] opacity-60"> 1.5k views </p> </div> <img src="/images/sections/work/share-2.svg" alt="" aria-hidden="true" class="size-6 shrink-0" loading="lazy" decoding="async"> </div> </div><div class="absolute flex flex-col gap-2 rounded-[24px] p-[10px]" style="left: 44.230769230769226%; top: 13.453678474114442%; width: 24.213286713286713%; height: 58.03814713896458%; transform: rotate(0deg); background: #D8FF89; filter: drop-shadow(0 0 40px rgba(0,0,0,0.07)) drop-shadow(0 0 6.5px rgba(0,0,0,0.04));"> <div class="overflow-hidden rounded-[16px]" style="aspect-ratio: 257 / 360;"> <img src="/images/sections/work/tiktok-attachments.png" alt="Forgetting Attachments IRL" data-sanity="id=homepage;type=homepage;path=work.tiktokAttachments;base=%2Fstudio" class="h-full w-full object-cover" loading="lazy" decoding="async"> </div> <div class="flex items-center justify-between gap-2 px-2.5"> <div class="flex min-w-0 flex-col text-black"> <p class="truncate text-sm font-semibold leading-5 tracking-[-0.02em]"> Forgetting Attachments IRL </p> <p class="truncate text-xs font-medium leading-[18px] tracking-[-0.02em] opacity-60"> 6.9k views </p> </div> <img src="/images/sections/work/share-3.svg" alt="" aria-hidden="true" class="size-6 shrink-0" loading="lazy" decoding="async"> </div> </div><div class="absolute flex items-center justify-center" style="left: 14.86013986013986%; top: 40.29291553133515%; width: 47.87045454545455%; height: 52.29509536784741%;"> <div class="rounded-[20px] bg-white p-[10px] shadow-[0_0_80px_0_rgba(0,0,0,0.07),0_0_13px_0_rgba(0,0,0,0.04)]" style="width: 89.78%; transform: rotate(5deg);"> <div class="overflow-hidden rounded-[10px]" style="aspect-ratio: 500 / 282;"> <img src="/images/sections/work/video-conference.png" alt="A Conference Call in Real Life" data-sanity="id=homepage;type=homepage;path=work.videoConference;base=%2Fstudio" class="h-full w-full object-cover" loading="lazy" decoding="async"> </div> <p class="px-1 py-3.5 text-sm font-semibold leading-5 tracking-[-0.02em] text-black"> A Conference Call in Real Life </p> </div> </div> <img src="/images/sections/work/hand-remote.png" alt="" aria-hidden="true" class="pointer-events-none absolute z-10 select-none drop-shadow-[0_0_80px_rgba(0,0,0,0.07)]" style="left: 33.92810314685315%; top: 73.84196185286103%; width: 16.3868006993007%; height: 26.158038147138964%;" loading="lazy" decoding="async"> </div> </div> <div class="mt-10 md:hidden"> <div class="relative mx-auto w-full" style="max-width: 328px; aspect-ratio: 328 / 750;"> <div class="absolute" style="left: -9.146341463414634%; top: 3.0537634408602137%; width: 85.36585365853658%;"> <div class="rounded-[12px] bg-white p-[6px] shadow-[0_0_50px_0_rgba(0,0,0,0.07),0_0_8px_0_rgba(0,0,0,0.04)]" style="transform: rotate(-10deg);"> <div class="overflow-hidden rounded-[6px]" style="aspect-ratio: 310 / 215;"> <img src="/images/sections/work/video-itadmin.png" alt="A day in the life of an IT Admin" data-sanity="id=homepage;type=homepage;path=work.videoItAdmin;base=%2Fstudio" class="h-full w-full object-cover" loading="lazy" decoding="async"> </div> <p class="px-[4px] py-[8px] text-[11px] font-semibold leading-[14px] tracking-[-0.02em] text-black"> A day in the life of an IT Admin using Veeam Software </p> </div> </div><div class="absolute" style="left: 18.29268292682927%; top: 15.72043010752688%; width: 85.36585365853658%;"> <div class="rounded-[12px] bg-white p-[6px] shadow-[0_0_50px_0_rgba(0,0,0,0.07),0_0_8px_0_rgba(0,0,0,0.04)]" style="transform: rotate(10deg);"> <div class="overflow-hidden rounded-[6px]" style="aspect-ratio: 310 / 215;"> <img src="/images/sections/work/video-superbowl.png" alt="Super Bowl Party Etiquette" data-sanity="id=homepage;type=homepage;path=work.videoSuperBowl;base=%2Fstudio" class="h-full w-full object-cover" loading="lazy" decoding="async"> </div> <p class="px-[4px] py-[8px] text-[11px] font-semibold leading-[14px] tracking-[-0.02em] text-black"> Super Bowl Party Etiquette </p> </div> </div><div class="absolute flex flex-col gap-1 rounded-[14px] p-[6px]" style="left: 5.335365853658536%; top: 33.5550830069017%; width: 50.30487804878049%; transform: rotate(-12deg); background: #A1D4FF; filter: drop-shadow(0 0 25px rgba(0,0,0,0.07)) drop-shadow(0 0 4px rgba(0,0,0,0.04));"> <div class="overflow-hidden rounded-[10px]" style="aspect-ratio: 178.7 / 226;"> <img src="/images/sections/work/tiktok-apple-base.png" alt="When you NEED the latest Apple product" data-sanity="id=homepage;type=homepage;path=work.tiktokApple;base=%2Fstudio" class="h-full w-full object-cover" loading="lazy" decoding="async"> </div> <div class="flex items-center justify-between gap-1 px-[5px] pb-[3px]"> <div class="flex min-w-0 flex-col text-black"> <p class="truncate text-[9px] font-semibold leading-[13px] tracking-[-0.02em]"> When you NEED the latest Apple product </p> <p class="truncate text-[8px] font-medium leading-[11px] tracking-[-0.02em] opacity-60"> 4.8k views </p> </div> <img src="/images/sections/work/share-1.svg" alt="" aria-hidden="true" class="size-[12px] shrink-0" loading="lazy" decoding="async"> </div> </div><div class="absolute flex flex-col gap-1 rounded-[14px] p-[6px]" style="left: 48.78048780487805%; top: 35.309979481440024%; width: 48.78048780487805%; transform: rotate(25deg); background: #DFD9FF; filter: drop-shadow(0 0 25px rgba(0,0,0,0.07)) drop-shadow(0 0 4px rgba(0,0,0,0.04));"> <div class="overflow-hidden rounded-[10px]" style="aspect-ratio: 178.7 / 226;"> <img src="/images/sections/work/tiktok-apple-overlay.png" alt="Best Snack of All Time" data-sanity="id=homepage;type=homepage;path=work.tiktokSnack;base=%2Fstudio" class="h-full w-full object-cover" loading="lazy" decoding="async"> </div> <div class="flex items-center justify-between gap-1 px-[5px] pb-[3px]"> <div class="flex min-w-0 flex-col text-black"> <p class="truncate text-[9px] font-semibold leading-[13px] tracking-[-0.02em]"> Best Snack of All Time </p> <p class="truncate text-[8px] font-medium leading-[11px] tracking-[-0.02em] opacity-60"> 1.5k views </p> </div> <img src="/images/sections/work/share-2.svg" alt="" aria-hidden="true" class="size-[12px] shrink-0" loading="lazy" decoding="async"> </div> </div><div class="absolute flex flex-col gap-1 rounded-[14px] p-[6px]" style="left: 31.25%; top: 53.908002238388356%; width: 44.207317073170735%; transform: rotate(0deg); background: #D8FF89; filter: drop-shadow(0 0 25px rgba(0,0,0,0.07)) drop-shadow(0 0 4px rgba(0,0,0,0.04));"> <div class="overflow-hidden rounded-[10px]" style="aspect-ratio: 178.7 / 226;"> <img src="/images/sections/work/tiktok-attachments.png" alt="Forgetting Attachments IRL" data-sanity="id=homepage;type=homepage;path=work.tiktokAttachments;base=%2Fstudio" class="h-full w-full object-cover" loading="lazy" decoding="async"> </div> <div class="flex items-center justify-between gap-1 px-[5px] pb-[3px]"> <div class="flex min-w-0 flex-col text-black"> <p class="truncate text-[9px] font-semibold leading-[13px] tracking-[-0.02em]"> Forgetting Attachments IRL </p> <p class="truncate text-[8px] font-medium leading-[11px] tracking-[-0.02em] opacity-60"> 6.9k views </p> </div> <img src="/images/sections/work/share-3.svg" alt="" aria-hidden="true" class="size-[12px] shrink-0" loading="lazy" decoding="async"> </div> </div><div class="absolute" style="left: 5.335365853658536%; top: 67.69354838709677%; width: 89.9390243902439%;"> <div class="rounded-[12px] bg-white p-[6px] shadow-[0_0_50px_0_rgba(0,0,0,0.07),0_0_8px_0_rgba(0,0,0,0.04)]" style="transform: rotate(5deg);"> <div class="overflow-hidden rounded-[6px]" style="aspect-ratio: 310 / 215;"> <img src="/images/sections/work/video-conference.png" alt="A Conference Call in Real Life" data-sanity="id=homepage;type=homepage;path=work.videoConference;base=%2Fstudio" class="h-full w-full object-cover" loading="lazy" decoding="async"> </div> <p class="px-[4px] py-[8px] text-[11px] font-semibold leading-[14px] tracking-[-0.02em] text-black"> A Conference Call in Real Life </p> </div> </div> <img src="/images/sections/work/hand-remote.png" alt="" aria-hidden="true" class="pointer-events-none absolute z-10 select-none drop-shadow-[0_0_50px_rgba(0,0,0,0.1)]" style="left: 37.34756097560975%; top: 84.8%; width: 32.01219512195122%;" loading="lazy" decoding="async"> </div> </div>  </div> </section> <section id="contact" class="pt-12 pb-24 sm:pt-16 sm:pb-32 md:pt-16 md:pb-24 lg:pt-[140px]"> <div class="mx-auto max-w-[1440px] px-4 sm:px-6 lg:px-10">  <div class="lg:hidden"> <figure class="mx-auto max-w-[352px] text-center text-black"> <blockquote class="text-[16px] leading-[24px] tracking-[-0.02em]">
"Tripp Crosby took the stage, and honestly? He made me laugh and think at the same time, which is the best kind of session. His message hit home: we spend so much time on logistics and details that we forget to leave space for the creative process."
</blockquote> <figcaption class="mt-2 text-[12px] font-semibold leading-[20px] tracking-[-0.01em]"> - Sandy Yi-Davis, Strategic Event Architect </figcaption> </figure> <div class="relative mx-auto mt-10 w-full max-w-[420px] overflow-y-auto" style="min-height: 580px;"> <div class="absolute w-[88%] max-w-[320px]" style="top: 0px; left: 4px;"> <div class="flex w-full items-start gap-2 rounded-[20px] bg-white p-5 shadow-[0_11px_40px_rgba(0,0,0,0.06),0_4px_12px_rgba(0,0,0,0.04),0_1px_3px_rgba(0,0,0,0.02)]" style="transform: rotate(-4deg);"> <img src="/images/sections/cta/avatar-1.png" alt="" aria-hidden="true" class="size-[38px] shrink-0 rounded-full" width="38" height="38" loading="lazy" decoding="async"> <div class="flex min-w-0 flex-1 flex-col gap-2 text-black"> <p class="text-sm font-medium leading-[14px] tracking-[-0.02em]"> @tnobe3 </p> <p class="text-base leading-6 tracking-[-0.02em]"> I searched youtube just to find the full video and watch it again. </p> <div class="flex items-center gap-1.5"> <img src="/images/sections/cta/thumbsup.svg" alt="" aria-hidden="true" class="size-[14px] shrink-0" width="14" height="14" loading="lazy" decoding="async"> <span class="text-sm leading-[14px] tracking-[-0.02em] text-black/70"> 21 </span> </div> </div> </div> </div><div class="absolute w-[88%] max-w-[320px]" style="top: 145px; right: 4px;"> <div class="flex w-full items-start gap-2 rounded-[20px] bg-white p-5 shadow-[0_11px_40px_rgba(0,0,0,0.06),0_4px_12px_rgba(0,0,0,0.04),0_1px_3px_rgba(0,0,0,0.02)]" style="transform: rotate(2deg);"> <img src="/images/sections/cta/avatar-2.png" alt="" aria-hidden="true" class="size-[38px] shrink-0 rounded-full" width="38" height="38" loading="lazy" decoding="async"> <div class="flex min-w-0 flex-1 flex-col gap-2 text-black"> <p class="text-sm font-medium leading-[14px] tracking-[-0.02em]"> @azimuth361 </p> <p class="text-base leading-6 tracking-[-0.02em]"> I spent the whole video nodding and saying, &quot;Yep.... yep...... yep..... yep......&quot; </p> <div class="flex items-center gap-1.5"> <img src="/images/sections/cta/thumbsup.svg" alt="" aria-hidden="true" class="size-[14px] shrink-0" width="14" height="14" loading="lazy" decoding="async"> <span class="text-sm leading-[14px] tracking-[-0.02em] text-black/70"> 118 </span> </div> </div> </div> </div><div class="absolute w-[88%] max-w-[320px]" style="top: 290px; left: 12px;"> <div class="flex w-full items-start gap-2 rounded-[20px] bg-white p-5 shadow-[0_11px_40px_rgba(0,0,0,0.06),0_4px_12px_rgba(0,0,0,0.04),0_1px_3px_rgba(0,0,0,0.02)]" style="transform: rotate(-4deg);"> <img src="/images/sections/cta/avatar-3.png" alt="" aria-hidden="true" class="size-[38px] shrink-0 rounded-full" width="38" height="38" loading="lazy" decoding="async"> <div class="flex min-w-0 flex-1 flex-col gap-2 text-black"> <p class="text-sm font-medium leading-[14px] tracking-[-0.02em]"> @ietcetera7137 </p> <p class="text-base leading-6 tracking-[-0.02em]"> Casting here was great! &quot;Yes, ma&#39;am!&quot; hit the spot </p> <div class="flex items-center gap-1.5"> <img src="/images/sections/cta/thumbsup.svg" alt="" aria-hidden="true" class="size-[14px] shrink-0" width="14" height="14" loading="lazy" decoding="async"> <span class="text-sm leading-[14px] tracking-[-0.02em] text-black/70"> 15 </span> </div> </div> </div> </div><div class="absolute w-[88%] max-w-[320px]" style="top: 435px; right: 12px;"> <div class="flex w-full items-start gap-2 rounded-[20px] bg-white p-5 shadow-[0_11px_40px_rgba(0,0,0,0.06),0_4px_12px_rgba(0,0,0,0.04),0_1px_3px_rgba(0,0,0,0.02)]" style="transform: rotate(2deg);"> <img src="/images/sections/cta/avatar-4.png" alt="" aria-hidden="true" class="size-[38px] shrink-0 rounded-full" width="38" height="38" loading="lazy" decoding="async"> <div class="flex min-w-0 flex-1 flex-col gap-2 text-black"> <p class="text-sm font-medium leading-[14px] tracking-[-0.02em]"> @hellterminator </p> <p class="text-base leading-6 tracking-[-0.02em]"> Massively inaccurate. No one wears pants for conference calls. </p> <div class="flex items-center gap-1.5"> <img src="/images/sections/cta/thumbsup.svg" alt="" aria-hidden="true" class="size-[14px] shrink-0" width="14" height="14" loading="lazy" decoding="async"> <span class="text-sm leading-[14px] tracking-[-0.02em] text-black/70"> 2.8k </span> </div> </div> </div> </div> </div> <div class="mt-12 flex flex-col items-center gap-3"> <div class="relative w-[295px]"> <p class="handwritten -rotate-5 text-center text-[24px] leading-[32px] text-primary" style="max-width: 213px; margin: 0 auto;">
Let's make something unforgettable
</p> <img src="/images/sections/cta/stick-figure.svg" alt="" aria-hidden="true" class="pointer-events-none absolute -right-[25px] top-0 h-[118px] w-[72px] shrink-0 select-none" width="72" height="118" loading="lazy" decoding="async"> </div> <a href="/contact" class="inline-flex h-[60px] items-center justify-center rounded-full bg-black px-6 text-xl font-medium leading-[30px] tracking-[-0.02em] text-white transition-colors hover:bg-black/85">
Partner with Tripp
</a> </div> </div> <div class="hidden lg:grid lg:grid-cols-2 lg:items-center lg:gap-16"> <div class="lg:order-1" style="aspect-ratio: 569.66 / 474.4;"> <div class="relative h-full w-full"> <div class="absolute flex items-center justify-center" style="left: 0%; top: 0%; width: 77.26643963065689%; height: 34.10897976391231%;"> <div class="flex w-[432px] max-w-full items-start gap-2 rounded-[20px] bg-white p-5 shadow-[0_11px_40px_rgba(0,0,0,0.04),0_4px_12px_rgba(0,0,0,0.02),0_1px_3px_rgba(0,0,0,0.02)]" style="transform: rotate(-4deg);"> <img src="/images/sections/cta/avatar-1.png" alt="" aria-hidden="true" class="size-[38px] shrink-0 rounded-full" width="38" height="38" loading="lazy" decoding="async"> <div class="flex min-w-0 flex-1 flex-col gap-2 text-black"> <p class="text-sm font-medium leading-[14px] tracking-[-0.02em]"> @tnobe3 </p> <p class="text-base leading-6 tracking-[-0.02em]"> I searched youtube just to find the full video and watch it again. </p> <div class="flex items-center gap-1.5"> <img src="/images/sections/cta/thumbsup.svg" alt="" aria-hidden="true" class="size-[14px] shrink-0" width="14" height="14" loading="lazy" decoding="async"> <span class="text-sm leading-[14px] tracking-[-0.02em] text-black/70"> 21 </span> </div> </div> </div> </div><div class="absolute flex items-center justify-center" style="left: 21.121370642137414%; top: 24.325463743676227%; width: 76.59726854615035%; height: 30.985666104553122%;"> <div class="flex w-[432px] max-w-full items-start gap-2 rounded-[20px] bg-white p-5 shadow-[0_11px_40px_rgba(0,0,0,0.04),0_4px_12px_rgba(0,0,0,0.02),0_1px_3px_rgba(0,0,0,0.02)]" style="transform: rotate(2deg);"> <img src="/images/sections/cta/avatar-2.png" alt="" aria-hidden="true" class="size-[38px] shrink-0 rounded-full" width="38" height="38" loading="lazy" decoding="async"> <div class="flex min-w-0 flex-1 flex-col gap-2 text-black"> <p class="text-sm font-medium leading-[14px] tracking-[-0.02em]"> @azimuth361 </p> <p class="text-base leading-6 tracking-[-0.02em]"> I spent the whole video nodding and saying, &quot;Yep.... yep...... yep..... yep......&quot; </p> <div class="flex items-center gap-1.5"> <img src="/images/sections/cta/thumbsup.svg" alt="" aria-hidden="true" class="size-[14px] shrink-0" width="14" height="14" loading="lazy" decoding="async"> <span class="text-sm leading-[14px] tracking-[-0.02em] text-black/70"> 118 </span> </div> </div> </div> </div><div class="absolute flex items-center justify-center" style="left: 3.658322508162764%; top: 47.21121416526138%; width: 77.26643963065689%; height: 34.10897976391231%;"> <div class="flex w-[432px] max-w-full items-start gap-2 rounded-[20px] bg-white p-5 shadow-[0_11px_40px_rgba(0,0,0,0.04),0_4px_12px_rgba(0,0,0,0.02),0_1px_3px_rgba(0,0,0,0.02)]" style="transform: rotate(-4deg);"> <img src="/images/sections/cta/avatar-3.png" alt="" aria-hidden="true" class="size-[38px] shrink-0 rounded-full" width="38" height="38" loading="lazy" decoding="async"> <div class="flex min-w-0 flex-1 flex-col gap-2 text-black"> <p class="text-sm font-medium leading-[14px] tracking-[-0.02em]"> @ietcetera7137 </p> <p class="text-base leading-6 tracking-[-0.02em]"> Casting here was great! &quot;Yes, ma&#39;am!&quot; hit the spot </p> <div class="flex items-center gap-1.5"> <img src="/images/sections/cta/thumbsup.svg" alt="" aria-hidden="true" class="size-[14px] shrink-0" width="14" height="14" loading="lazy" decoding="async"> <span class="text-sm leading-[14px] tracking-[-0.02em] text-black/70"> 15 </span> </div> </div> </div> </div><div class="absolute flex items-center justify-center" style="left: 23.403433627075803%; top: 69.01349072512647%; width: 76.59726854615035%; height: 30.985666104553122%;"> <div class="flex w-[432px] max-w-full items-start gap-2 rounded-[20px] bg-white p-5 shadow-[0_11px_40px_rgba(0,0,0,0.04),0_4px_12px_rgba(0,0,0,0.02),0_1px_3px_rgba(0,0,0,0.02)]" style="transform: rotate(2deg);"> <img src="/images/sections/cta/avatar-4.png" alt="" aria-hidden="true" class="size-[38px] shrink-0 rounded-full" width="38" height="38" loading="lazy" decoding="async"> <div class="flex min-w-0 flex-1 flex-col gap-2 text-black"> <p class="text-sm font-medium leading-[14px] tracking-[-0.02em]"> @hellterminator </p> <p class="text-base leading-6 tracking-[-0.02em]"> Massively inaccurate. No one wears pants for conference calls. </p> <div class="flex items-center gap-1.5"> <img src="/images/sections/cta/thumbsup.svg" alt="" aria-hidden="true" class="size-[14px] shrink-0" width="14" height="14" loading="lazy" decoding="async"> <span class="text-sm leading-[14px] tracking-[-0.02em] text-black/70"> 2.8k </span> </div> </div> </div> </div> </div> </div> <div class="lg:order-2"> <h2 class="text-black" style="font-family: var(--font-heading); font-size: clamp(1.75rem, 1.5vw + 1.25rem, 2rem); line-height: 1.375; letter-spacing: -0.04em; font-weight: 400;"> I&#39;ve worked with worldwide brands to create content that has driven hundreds of <span class="relative inline-block"> <span class="relative z-10">millions of organic views</span> <img src="/images/sections/cta/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.05em; width: 100%; height: 0.5em; z-index: 0;"> </span>. </h2> <div class="mt-10 flex flex-wrap items-center gap-6 sm:gap-10"> <a href="/contact" class="inline-flex h-[60px] items-center justify-center rounded-full bg-black px-6 text-xl font-medium leading-[30px] tracking-[-0.02em] text-white transition-colors hover:bg-black/85">
Partner with Tripp
</a> <div class="flex items-center gap-4"> <p class="handwritten max-w-[14ch] -rotate-5 text-2xl leading-tight text-primary">
Let's make something unforgettable
</p> <img src="/images/sections/cta/stick-figure.svg" alt="" aria-hidden="true" class="h-[120px] w-[74px] shrink-0 select-none" width="74" height="120" loading="lazy" decoding="async"> </div> </div> <figure class="mt-12 max-w-md"> <blockquote class="text-[16px] leading-[24px] tracking-[-0.02em] text-black">
"Tripp Crosby took the stage, and honestly? He made me laugh and think at the same time, which is the best kind of session. His message hit home: we spend so much time on logistics and details that we forget to leave space for the creative process."
</blockquote> <figcaption class="mt-2 text-xs font-semibold leading-5 tracking-[-0.01em] text-black"> - Sandy Yi-Davis, Strategic Event Architect </figcaption> </figure> </div> </div>  </div> </section> <section class="relative isolate overflow-hidden bg-ink text-white aspect-[5/8] sm:aspect-[3/2] lg:aspect-[16/9]"> <img src="/images/sections/quote/paper-fill.png" alt="" aria-hidden="true" width="3200" height="187" class="pointer-events-none absolute inset-x-0 top-0 z-20 block h-auto w-full -scale-y-100 select-none" loading="lazy" decoding="async"> <div class="pointer-events-none absolute inset-0 -z-10 overflow-hidden"> <img src="/images/sections/quote/quote-bg.jpg" alt="" aria-hidden="true" class="absolute max-w-none select-none w-[349.38%] h-auto -left-[134.52%] -top-[45.59%] sm:w-[140.56%] sm:-left-[24.31%] sm:-top-[66.56%]" loading="lazy" decoding="async"> </div> <div class="mx-auto max-w-[1440px] px-4 sm:px-6 lg:px-10 relative z-0 h-full pt-[60px] sm:pt-20 lg:pl-28 lg:pt-[13vw]">  <figure class="ml-2 w-[244px] max-w-full sm:ml-0 sm:w-auto sm:max-w-[370px]"> <blockquote class="text-[16px] leading-[24px] tracking-[-0.02em] text-white">
“The right idea can change everything, but the right ideas only show up when you make space to discover them”
</blockquote> <figcaption class="mt-2 text-[12px] font-semibold leading-[20px] tracking-[-0.01em] text-primary">
- Tripp Crosby </figcaption> </figure>  </div> <div class="pointer-events-none absolute inset-x-0 bottom-0 z-10 select-none"> <img src="/images/sections/quote/paper-fill.png" alt="" aria-hidden="true" width="3200" height="187" class="block h-auto w-full" loading="lazy" decoding="async"> <img src="/images/sections/quote/paper-edge.svg" alt="" aria-hidden="true" width="1600" height="67" class="absolute inset-x-0 top-[40%] w-full -translate-y-1/2 rotate-180" style="height: clamp(36px, 3.5vw, 60px);" loading="lazy" decoding="async"> </div> </section> <section class="py-12 sm:py-16 md:py-20 lg:py-24"> <div class="mx-auto max-w-[1440px] px-4 sm:px-6 lg:px-10">  <div class="relative md:hidden"> <h2 class="text-center text-black" style="font-family: var(--font-heading); font-size: 24px; line-height: 32px; letter-spacing: -0.04em; font-weight: 400;" data-sanity="id=homepage;type=homepage;path=approach.headline;base=%2Fstudio"> Along the way, I&#39;ve been studying what it takes for teams to <span class="relative inline-block"><span class="relative z-10">innovate</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span> and <span class="relative inline-block"><span class="relative z-10">execute</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span> their ideas without killing them in the process. </h2> <div class="relative mt-[30px]"> <img src="/images/sections/approach/lightbulb.svg" alt="" aria-hidden="true" width="48" height="61" class="pointer-events-none absolute z-30 h-[60px] w-auto select-none" style="left: 73%; top: 0; transform: rotate(3.19deg);" loading="lazy" decoding="async"> <div class="flex justify-center"> <div class="relative w-[310px]"> <img src="/images/sections/approach/scotch-tape.png" alt="" aria-hidden="true" width="248" height="75" class="pointer-events-none absolute left-[23%] top-0 z-20 h-auto w-[52.8%] -translate-y-[28%] select-none drop-shadow" loading="lazy" decoding="async"> <div class="rounded-[1px] bg-white shadow-[0_68.66px_42.91px_rgba(0,0,0,0.04),0_34.76px_18.71px_rgba(0,0,0,0.03),0_13.73px_6.97px_rgba(0,0,0,0.02),0_3px_2.48px_rgba(0,0,0,0.01)]" style="transform: rotate(-4deg);"> <div class="px-[14px] pt-[14px]"> <img src="/images/sections/approach/photo.png" alt="Tripp on stage with a young performer" data-sanity="id=homepage;type=homepage;path=approach.photo;base=%2Fstudio" class="block w-full object-cover" style="aspect-ratio: 2048 / 1365;" loading="lazy" decoding="async"> </div> <div class="flex items-center justify-center p-[14px]"> <p class="handwritten text-[20px] leading-[28px] text-black"> doing my thing </p> </div> </div> </div> </div> </div> <figure class="mt-[30px] text-center"> <blockquote class="text-[16px] leading-[24px] tracking-[-0.02em] text-black">
"Tripp takes our event to an elite level as an emcee, program consultant, and video content creator"
</blockquote> <figcaption class="mt-2 text-[12px] font-semibold leading-[20px] tracking-[-0.01em] text-black"> - Frank Bell, Inspire Leadership Network </figcaption> </figure> </div> <div class="hidden md:block lg:hidden"> <div class="relative mx-auto"> <h2 class="mx-auto max-w-[600px] text-center text-black" style="font-family: var(--font-heading); font-size: 32px; line-height: 44px; letter-spacing: -0.04em; font-weight: 400;" data-sanity="id=homepage;type=homepage;path=approach.headline;base=%2Fstudio"> Along the way, I&#39;ve been studying what it takes for teams to <span class="relative inline-block"><span class="relative z-10">innovate</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span> and <span class="relative inline-block"><span class="relative z-10">execute</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span> their ideas without killing them in the process. </h2> <div class="relative mt-10"> <img src="/images/sections/approach/lightbulb.svg" alt="" aria-hidden="true" width="57" height="74" class="pointer-events-none absolute right-[60px] top-[20px] z-30 h-[74px] w-auto select-none" style="transform: rotate(3.19deg);" loading="lazy" decoding="async"> <div class="relative mx-auto w-[470px] max-w-full"> <img src="/images/sections/approach/scotch-tape.png" alt="" aria-hidden="true" width="248" height="75" class="pointer-events-none absolute left-[23%] top-0 z-20 h-auto w-[52.8%] -translate-y-[31%] select-none drop-shadow" loading="lazy" decoding="async"> <div class="rounded-[2px] bg-white shadow-2xl" style="transform: rotate(-4deg);"> <div class="px-[4.6%] pt-[4.6%]"> <img src="/images/sections/approach/photo.png" alt="Tripp on stage with a young performer" data-sanity="id=homepage;type=homepage;path=approach.photo;base=%2Fstudio" class="block w-full object-cover" style="aspect-ratio: 2048 / 1365;" loading="lazy" decoding="async"> </div> <div class="flex items-center justify-center p-[4.6%]"> <p class="handwritten text-2xl leading-8 text-black"> doing my thing </p> </div> </div> </div> </div> <figure class="mx-auto mt-10 max-w-[352px] text-center"> <blockquote class="text-[16px] leading-[24px] tracking-[-0.02em] text-black">
"Tripp takes our event to an elite level as an emcee, program consultant, and video content creator"
</blockquote> <figcaption class="mt-2 text-[12px] font-semibold leading-[20px] tracking-[-0.01em] text-black"> - Frank Bell, Inspire Leadership Network </figcaption> </figure> </div> </div> <div class="hidden lg:grid lg:grid-cols-2 lg:items-center lg:gap-12"> <div class="lg:order-1"> <h2 class="max-w-[561px] text-black" style="font-family: var(--font-heading); font-size: clamp(1.75rem, 1.5vw + 1.25rem, 2rem); line-height: 1.375; letter-spacing: -0.04em; font-weight: 400;" data-sanity="id=homepage;type=homepage;path=approach.headline;base=%2Fstudio"> Along the way, I&#39;ve been studying what it takes for teams to <span class="relative inline-block"><span class="relative z-10">innovate</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span> and <span class="relative inline-block"><span class="relative z-10">execute</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span> their ideas without killing them in the process. </h2> <div class="mt-[30px] flex items-start gap-4"> <figure class="max-w-[327px]"> <blockquote class="text-[16px] leading-[24px] tracking-[-0.02em] text-black">
"Tripp takes our event to an elite level as an emcee, program consultant, and video content creator"
</blockquote> <figcaption class="mt-2 text-xs font-semibold leading-5 tracking-[-0.01em] text-black"> - Frank Bell, Inspire Leadership Network </figcaption> </figure> <img src="/images/sections/approach/lightbulb.svg" alt="" aria-hidden="true" width="57" height="74" class="h-[74px] w-auto shrink-0 select-none" style="transform: rotate(3.19deg);" loading="lazy" decoding="async"> </div> </div> <div class="flex justify-end lg:order-2"> <div class="relative w-[470px]"> <img src="/images/sections/approach/scotch-tape.png" alt="" aria-hidden="true" width="248" height="75" class="pointer-events-none absolute left-[23%] top-0 z-20 h-auto w-[52.8%] -translate-y-[31%] select-none drop-shadow" loading="lazy" decoding="async"> <div class="rounded-[2px] bg-white shadow-2xl" style="transform: rotate(-4deg);"> <div class="px-[4.6%] pt-[4.6%]"> <img src="/images/sections/approach/photo.png" alt="Tripp on stage with a young performer" data-sanity="id=homepage;type=homepage;path=approach.photo;base=%2Fstudio" class="block w-full object-cover" style="aspect-ratio: 2048 / 1365;" loading="lazy" decoding="async"> </div> <div class="flex items-center justify-center p-[4.6%]"> <p class="handwritten text-2xl leading-8 text-black"> doing my thing </p> </div> </div> </div> </div> </div>  </div> </section> <section class="py-12 sm:py-16 md:py-20 lg:pt-24 lg:pb-0"> <div class="mx-auto max-w-[1440px] px-4 sm:px-6 lg:px-10">  <div class="hidden md:block lg:hidden"> <div class="relative mx-auto"> <h2 class="mx-auto max-w-[600px] text-center text-black" style="font-family: var(--font-heading); font-size: 32px; line-height: 44px; letter-spacing: -0.04em; font-weight: 400;" data-sanity="id=homepage;type=homepage;path=learning.headline;base=%2Fstudio"> And I&#39;ve learned exactly what it takes to get an audience to feel <span class="relative inline-block"><span class="relative z-10">seen</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span>, <span class="relative inline-block"><span class="relative z-10">motivated</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span>, and in many cases, <span class="relative inline-block"><span class="relative z-10">ready to take action</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span>. </h2> <div class="relative mt-10"> <img src="/images/sections/learning/stick-figure.svg" alt="" aria-hidden="true" width="64" height="64" class="pointer-events-none absolute right-[60px] top-[20px] z-30 h-16 w-auto select-none" loading="lazy" decoding="async"> <div class="relative mx-auto w-[374px] max-w-full"> <img src="/images/sections/learning/scotch-tape.png" alt="" aria-hidden="true" width="225" height="68" class="pointer-events-none absolute z-20 h-auto w-[60%] select-none drop-shadow" style="left: 50%; top: 0; transform: translate(-50%, -55%) rotate(17.63deg);" loading="lazy" decoding="async"> <div class="rounded-[1px] bg-white shadow-2xl" style="transform: rotate(-5deg);"> <div class="px-[4.5%] pt-[4.5%]"> <div class="relative overflow-hidden" style="aspect-ratio: 340 / 455;"> <img src="/images/sections/learning/portrait.jpg" alt="Tripp Crosby portrait" data-sanity="id=homepage;type=homepage;path=learning.portrait;base=%2Fstudio" class="absolute top-0 max-w-none object-cover" style="left: -23.89%; width: 133.66%; height: 100%;" loading="lazy" decoding="async"> </div> </div> <div class="flex items-center justify-end p-[4.5%]"> <p class="handwritten text-[1.375rem] leading-[30px] text-black"> Let&#39;s start here </p> </div> </div> </div> </div> <figure class="mx-auto mt-10 max-w-[352px] text-center"> <blockquote class="text-[16px] leading-[24px] tracking-[-0.02em] text-black">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
</blockquote> <figcaption class="mt-2 text-[12px] font-semibold leading-[20px] tracking-[-0.01em] text-black"> - [Testimonial pending] </figcaption> </figure> </div> </div> <div class="relative md:hidden"> <h2 class="text-center text-black" style="font-family: var(--font-heading); font-size: 24px; line-height: 32px; letter-spacing: -0.04em; font-weight: 400;" data-sanity="id=homepage;type=homepage;path=learning.headline;base=%2Fstudio"> And I&#39;ve learned exactly what it takes to get an audience to feel <span class="relative inline-block"><span class="relative z-10">seen</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span>, <span class="relative inline-block"><span class="relative z-10">motivated</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span>, and in many cases, <span class="relative inline-block"><span class="relative z-10">ready to take action</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span>. </h2> <div class="relative mt-16"> <img src="/images/sections/learning/stick-figure.svg" alt="" aria-hidden="true" width="46" height="46" class="pointer-events-none absolute z-30 h-[46px] w-auto select-none" style="left: calc(100% - 60px); top: -50px;" loading="lazy" decoding="async"> <div class="flex justify-center"> <div class="relative w-[326px] max-w-full"> <img src="/images/sections/learning/scotch-tape.png" alt="" aria-hidden="true" width="225" height="68" class="pointer-events-none absolute z-20 h-auto w-[56%] select-none drop-shadow" style="left: 50%; top: 0; transform: translate(-30%, -50%) rotate(17.63deg);" loading="lazy" decoding="async"> <div class="rounded-[1px] bg-white shadow-[0_68.66px_42.91px_rgba(0,0,0,0.04),0_34.76px_18.71px_rgba(0,0,0,0.03),0_13.73px_6.97px_rgba(0,0,0,0.02),0_3px_2.48px_rgba(0,0,0,0.01)]" style="transform: rotate(-5deg);"> <div class="px-[13px] pt-[13px]"> <div class="relative overflow-hidden" style="aspect-ratio: 340 / 455;"> <img src="/images/sections/learning/portrait.jpg" alt="Tripp Crosby portrait" data-sanity="id=homepage;type=homepage;path=learning.portrait;base=%2Fstudio" class="absolute top-0 max-w-none object-cover" style="left: -23.89%; width: 133.66%; height: 100%;" loading="lazy" decoding="async"> </div> </div> <div class="flex items-center justify-center p-[13px]"> <p class="handwritten text-[20px] leading-[28px] text-black"> Let&#39;s start here </p> </div> </div> </div> </div> </div> <figure class="mt-[30px] text-center"> <blockquote class="text-[16px] leading-[24px] tracking-[-0.02em] text-black">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
</blockquote> <figcaption class="mt-2 text-[12px] font-semibold leading-[20px] tracking-[-0.01em] text-black"> - [Testimonial pending] </figcaption> </figure> </div> <div class="hidden lg:grid lg:grid-cols-2 lg:items-center lg:gap-12"> <div class="flex justify-start lg:order-1"> <div class="relative w-[373.793px]"> <img src="/images/sections/learning/scotch-tape.png" alt="" aria-hidden="true" width="225" height="68" class="pointer-events-none absolute z-20 h-auto w-[60%] select-none drop-shadow" style="left: 50%; top: 0; transform: translate(-50%, -55%) rotate(17.63deg);" loading="lazy" decoding="async"> <div class="rounded-[1px] bg-white shadow-2xl" style="transform: rotate(-5deg);"> <div class="px-[4.5%] pt-[4.5%]"> <div class="relative overflow-hidden" style="aspect-ratio: 340 / 455;"> <img src="/images/sections/learning/portrait.jpg" alt="Tripp Crosby portrait" data-sanity="id=homepage;type=homepage;path=learning.portrait;base=%2Fstudio" class="absolute top-0 max-w-none object-cover" style="left: -23.89%; width: 133.66%; height: 100%;" loading="lazy" decoding="async"> </div> </div> <div class="flex items-center justify-end p-[4.5%]"> <p class="handwritten text-[1.375rem] leading-[30px] text-black"> Let&#39;s start here </p> </div> </div> </div> </div> <div class="lg:order-2"> <h2 class="max-w-[560px] text-black" style="font-family: var(--font-heading); font-size: clamp(1.75rem, 1.5vw + 1.25rem, 2rem); line-height: 1.375; letter-spacing: -0.04em; font-weight: 400;" data-sanity="id=homepage;type=homepage;path=learning.headline;base=%2Fstudio"> And I&#39;ve learned exactly what it takes to get an audience to feel <span class="relative inline-block"><span class="relative z-10">seen</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span>, <span class="relative inline-block"><span class="relative z-10">motivated</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span>, and in many cases, <span class="relative inline-block"><span class="relative z-10">ready to take action</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span>. </h2> <div class="mt-[30px] flex items-start gap-4"> <figure class="max-w-[340px]"> <blockquote class="text-[16px] leading-[24px] tracking-[-0.02em] text-black">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
</blockquote> <figcaption class="mt-2 text-xs font-semibold leading-5 tracking-[-0.01em] text-black"> - [Testimonial pending] </figcaption> </figure> <img src="/images/sections/learning/stick-figure.svg" alt="" aria-hidden="true" width="64" height="64" class="h-16 w-auto shrink-0 select-none" loading="lazy" decoding="async"> </div> </div> </div>  </div> </section> <section class="py-12 sm:py-16 md:py-20 lg:pt-[20px] lg:pb-24"> <div class="mx-auto max-w-[1440px] px-4 sm:px-6 lg:px-10">  <div class="hidden md:block lg:hidden"> <h2 class="mx-auto max-w-[600px] text-center text-black" style="font-family: var(--font-heading); font-size: 32px; line-height: 44px; letter-spacing: -0.04em; font-weight: 400;" data-sanity="id=homepage;type=homepage;path=believe.headline;base=%2Fstudio"> I believe that when you stop seeing your work as a series of tasks and start seeing it as a way to solve real problems for real people, everything changes — especially your ability to imagine <span class="relative inline-block"><span class="relative z-10">new</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span> <span class="relative inline-block"><span class="relative z-10">possibilities.</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span> </h2> <div class="mt-10 mx-auto w-full max-w-[570px]"> <div class="relative w-full" style="aspect-ratio: 570 / 849;"> <div class="absolute" style="left: 30.3%; top: 0%; width: 69.7%; height: 100%;"> <div class="flex h-full w-full items-center justify-center"> <div class="rounded-[1px] bg-white shadow-2xl" style="width: 65.5%; transform: rotate(10deg);"> <div class="flex flex-col items-center gap-[3.85%] px-[3.85%] pt-[3.85%]"> <img src="/images/sections/believe/portrait-2.png" alt="Tripp on stage in a tan suit" data-sanity="id=homepage;type=homepage;path=believe.stackPhoto1;base=%2Fstudio" class="block aspect-square w-full object-cover" loading="lazy" decoding="async"> <img src="/images/sections/believe/portrait-3.jpg" alt="Tripp hosting on stage" data-sanity="id=homepage;type=homepage;path=believe.stackPhoto2;base=%2Fstudio" class="block aspect-square w-full object-cover" loading="lazy" decoding="async"> <img src="/images/sections/believe/portrait-5.jpg" alt="Tripp on stage with another speaker" data-sanity="id=homepage;type=homepage;path=believe.stackPhoto3;base=%2Fstudio" class="block aspect-square w-full object-cover" loading="lazy" decoding="async"> </div> <div class="flex items-center justify-end p-[6.5%]"> <p class="handwritten text-[1.375rem] leading-[30px] text-black"> this is how I always stand </p> </div> </div> </div> </div> <img src="/images/sections/believe/scotch-tape.png" alt="" aria-hidden="true" width="192" height="132" class="pointer-events-none absolute z-30 h-auto select-none drop-shadow" style="left: 23.2%; top: 19.1%; width: 33.7%;" loading="lazy" decoding="async"> <div class="absolute z-20" style="left: 0%; top: 26.1%; width: 73.2%; height: 43.2%;"> <div class="flex h-full w-full items-center justify-center"> <div class="rounded-[1px] bg-white shadow-2xl" style="width: 88.7%; transform: rotate(-10deg);"> <div class="px-[4.5%] pt-[4.5%]"> <img src="/images/sections/believe/speaking.png" alt="Tripp casual portrait, smiling" data-sanity="id=homepage;type=homepage;path=believe.speakingPhoto;base=%2Fstudio" class="block w-full object-cover" style="aspect-ratio: 2048 / 1365;" loading="lazy" decoding="async"> </div> <div class="flex items-center justify-end px-[4.5%] pb-[4.5%] pt-[4.5%]"> <p class="handwritten text-[1.375rem] leading-[30px] text-black"> In my element </p> </div> </div> </div> </div> </div> </div> <figure class="mx-auto mt-10 max-w-[352px] text-center"> <blockquote class="text-[16px] leading-[24px] tracking-[-0.02em] text-black">
"Tripp was amazing for our conference this year. We had almost 200 people in attendance and he was a great MC. We&#39;re a very serious company, so to add that kind of energy and fun was a real change of pace for us. He had great stage presence, got the team going from the start, and added humor along the way. I highly recommend him."
</blockquote> <figcaption class="mt-2 text-[12px] font-semibold leading-[20px] tracking-[-0.01em] text-black"> - Jordan Rackie, CEO, Keyfactor </figcaption> </figure> </div> <div class="md:hidden"> <h2 class="text-center text-black" style="font-family: var(--font-heading); font-size: 24px; line-height: 32px; letter-spacing: -0.04em; font-weight: 400;" data-sanity="id=homepage;type=homepage;path=believe.headline;base=%2Fstudio"> I believe that when you stop seeing your work as a series of tasks and start seeing it as a way to solve real problems for real people, everything changes — especially your ability to imagine <span class="relative inline-block"><span class="relative z-10">new</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span> <span class="relative inline-block"><span class="relative z-10">possibilities.</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span> </h2> <div class="mt-[30px] mx-auto w-full max-w-[328px]"> <div class="relative w-full" style="aspect-ratio: 328 / 488;"> <div class="absolute" style="left: 30.3%; top: 0%; width: 69.7%; height: 100%;"> <div class="flex h-full w-full items-center justify-center"> <div class="rounded-[1px] bg-white shadow-[0_68.66px_42.91px_rgba(0,0,0,0.04),0_34.76px_18.71px_rgba(0,0,0,0.03),0_13.73px_6.97px_rgba(0,0,0,0.02),0_3px_2.48px_rgba(0,0,0,0.01)]" style="width: 65.5%; transform: rotate(10deg);"> <div class="flex flex-col items-center gap-[3.85%] px-[3.85%] pt-[3.85%]"> <img src="/images/sections/believe/portrait-2.png" alt="Tripp on stage in a tan suit" data-sanity="id=homepage;type=homepage;path=believe.stackPhoto1;base=%2Fstudio" class="block aspect-square w-full object-cover" loading="lazy" decoding="async"> <img src="/images/sections/believe/portrait-3.jpg" alt="Tripp hosting on stage" data-sanity="id=homepage;type=homepage;path=believe.stackPhoto2;base=%2Fstudio" class="block aspect-square w-full object-cover" loading="lazy" decoding="async"> <img src="/images/sections/believe/portrait-5.jpg" alt="Tripp on stage with another speaker" data-sanity="id=homepage;type=homepage;path=believe.stackPhoto3;base=%2Fstudio" class="block aspect-square w-full object-cover" loading="lazy" decoding="async"> </div> <div class="flex items-center justify-end p-[6.5%]"> <p class="handwritten text-[18px] leading-[26px] text-black"> this is how I always stand </p> </div> </div> </div> </div> <img src="/images/sections/believe/scotch-tape.png" alt="" aria-hidden="true" width="192" height="132" class="pointer-events-none absolute z-30 h-auto select-none drop-shadow" style="left: 23.2%; top: 19.1%; width: 33.7%;" loading="lazy" decoding="async"> <div class="absolute z-20" style="left: 0%; top: 26.1%; width: 73.2%; height: 43.2%;"> <div class="flex h-full w-full items-center justify-center"> <div class="rounded-[1px] bg-white shadow-[0_68.66px_42.91px_rgba(0,0,0,0.04),0_34.76px_18.71px_rgba(0,0,0,0.03),0_13.73px_6.97px_rgba(0,0,0,0.02),0_3px_2.48px_rgba(0,0,0,0.01)]" style="width: 88.7%; transform: rotate(-10deg);"> <div class="px-[4.5%] pt-[4.5%]"> <img src="/images/sections/believe/speaking.png" alt="Tripp casual portrait, smiling" data-sanity="id=homepage;type=homepage;path=believe.speakingPhoto;base=%2Fstudio" class="block w-full object-cover" style="aspect-ratio: 2048 / 1365;" loading="lazy" decoding="async"> </div> <div class="flex items-center justify-end px-[4.5%] pb-[4.5%] pt-[4.5%]"> <p class="handwritten text-[18px] leading-[26px] text-black"> In my element </p> </div> </div> </div> </div> </div> </div> <figure class="mt-[30px] text-center"> <blockquote class="text-[16px] leading-[24px] tracking-[-0.02em] text-black">
"Tripp was amazing for our conference this year. We had almost 200 people in attendance and he was a great MC. We&#39;re a very serious company, so to add that kind of energy and fun was a real change of pace for us. He had great stage presence, got the team going from the start, and added humor along the way. I highly recommend him."
</blockquote> <figcaption class="mt-2 text-[12px] font-semibold leading-[20px] tracking-[-0.01em] text-black"> - Jordan Rackie, CEO, Keyfactor </figcaption> </figure> </div> <div class="hidden md:hidden lg:grid lg:grid-cols-2 lg:items-center lg:gap-12"> <div class="lg:order-1"> <h2 class="max-w-[561px] text-black" style="font-family: var(--font-heading); font-size: clamp(1.75rem, 1.5vw + 1.25rem, 2rem); line-height: 1.375; letter-spacing: -0.04em; font-weight: 400;" data-sanity="id=homepage;type=homepage;path=believe.headline;base=%2Fstudio"> I believe that when you stop seeing your work as a series of tasks and start seeing it as a way to solve real problems for real people, everything changes — especially your ability to imagine <span class="relative inline-block"><span class="relative z-10">new</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span> <span class="relative inline-block"><span class="relative z-10">possibilities.</span><img src="/images/shared/highlight.svg" alt="" aria-hidden="true" class="pointer-events-none absolute left-0 right-0 select-none" style="bottom: 0.08em; width: 100%; height: 0.65em; z-index: 0;"></span> </h2> <figure class="mt-[30px] max-w-[340px]"> <blockquote class="text-[16px] leading-[24px] tracking-[-0.02em] text-black">
"Tripp was amazing for our conference this year. We had almost 200 people in attendance and he was a great MC. We&#39;re a very serious company, so to add that kind of energy and fun was a real change of pace for us. He had great stage presence, got the team going from the start, and added humor along the way. I highly recommend him."
</blockquote> <figcaption class="mt-2 text-xs font-semibold leading-5 tracking-[-0.01em] text-black"> - Jordan Rackie, CEO, Keyfactor </figcaption> </figure> </div> <div class="lg:order-2"> <div class="relative mx-auto w-full max-w-[570px]" style="aspect-ratio: 570 / 849;"> <div class="absolute" style="left: 30.3%; top: 0%; width: 69.7%; height: 100%;"> <div class="flex h-full w-full items-center justify-center"> <div class="rounded-[1px] bg-white shadow-2xl" style="width: 65.5%; transform: rotate(10deg);"> <div class="flex flex-col items-center gap-[3.85%] px-[3.85%] pt-[3.85%]"> <img src="/images/sections/believe/portrait-2.png" alt="Tripp on stage in a tan suit" data-sanity="id=homepage;type=homepage;path=believe.stackPhoto1;base=%2Fstudio" class="block aspect-square w-full object-cover" loading="lazy" decoding="async"> <img src="/images/sections/believe/portrait-3.jpg" alt="Tripp hosting on stage" data-sanity="id=homepage;type=homepage;path=believe.stackPhoto2;base=%2Fstudio" class="block aspect-square w-full object-cover" loading="lazy" decoding="async"> <img src="/images/sections/believe/portrait-5.jpg" alt="Tripp on stage with another speaker" data-sanity="id=homepage;type=homepage;path=believe.stackPhoto3;base=%2Fstudio" class="block aspect-square w-full object-cover" loading="lazy" decoding="async"> </div> <div class="flex items-center justify-end p-[6.5%]"> <p class="handwritten text-[1.375rem] leading-[30px] text-black"> this is how I always stand </p> </div> </div> </div> </div> <img src="/images/sections/believe/scotch-tape.png" alt="" aria-hidden="true" width="192" height="132" class="pointer-events-none absolute z-30 h-auto select-none drop-shadow" style="left: 23.2%; top: 19.1%; width: 33.7%;" loading="lazy" decoding="async"> <div class="absolute z-20" style="left: 0%; top: 26.1%; width: 73.2%; height: 43.2%;"> <div class="flex h-full w-full items-center justify-center"> <div class="rounded-[1px] bg-white shadow-2xl" style="width: 88.7%; transform: rotate(-10deg);"> <div class="px-[4.5%] pt-[4.5%]"> <img src="/images/sections/believe/speaking.png" alt="Tripp casual portrait, smiling" data-sanity="id=homepage;type=homepage;path=believe.speakingPhoto;base=%2Fstudio" class="block w-full object-cover" style="aspect-ratio: 2048 / 1365;" loading="lazy" decoding="async"> </div> <div class="flex items-center justify-end px-[4.5%] pb-[4.5%] pt-[4.5%]"> <p class="handwritten text-[1.375rem] leading-[30px] text-black"> In my element </p> </div> </div> </div> </div> </div> </div> </div>  </div> </section> <section class="relative isolate overflow-hidden bg-[#fbfafd]"> <img src="/images/sections/closing/bg.jpg" alt="" aria-hidden="true" class="pointer-events-none absolute inset-0 -z-10 h-full w-full select-none object-cover opacity-50" loading="lazy" decoding="async"> <img src="/images/sections/featured/paper-fill.png" alt="" aria-hidden="true" width="3200" height="187" class="pointer-events-none absolute inset-x-0 top-0 z-20 block h-auto w-full -scale-y-100 select-none" loading="lazy" decoding="async"> <div class="relative z-10 px-4 pt-24 pb-24 sm:px-6 sm:pt-36 sm:pb-32 md:min-h-[600px] md:px-[22px] md:pt-[100px] md:pb-[100px] lg:min-h-0 lg:px-10 lg:pt-[248px] lg:pb-[248px]"> <div class="mx-auto flex w-full max-w-[587px] flex-col items-center gap-10 md:gap-8"> <h2 class="text-center text-black md:text-[48px] md:leading-[56px] md:tracking-[-0.04em] md:font-semibold lg:text-[length:unset]" style="font-family: var(--font-heading); font-size: clamp(2.5rem, 5vw + 1rem, 4.5rem); line-height: 1; letter-spacing: -0.04em; font-weight: 600;"> <span class="block">Enough about me</span> <span class="block">let's talk about <span class="relative inline-block">
you
<img src="/images/sections/closing/circle-you.svg" alt="" aria-hidden="true" class="pointer-events-none absolute max-w-none select-none" style="left: 50%; top: 58%; width: 2.15em; height: 0.95em; transform: translate(-50%, -50%);"> </span></span> </h2> <a href="/contact" class="inline-flex h-[60px] items-center justify-center rounded-[90px] bg-primary px-6 py-4 text-xl font-medium leading-[30px] tracking-[-0.02em] text-ink transition-colors hover:bg-primary-strong">
Partner with Tripp
</a> </div> </div> <div class="pointer-events-none absolute inset-x-0 bottom-0 z-20 select-none"> <img src="/images/sections/closing/bottom-paper.png" alt="" aria-hidden="true" width="3200" height="187" class="block h-auto w-full -scale-x-100" loading="lazy" decoding="async"> <img src="/images/sections/closing/bottom-subtract.png" alt="" aria-hidden="true" width="3200" height="187" class="absolute inset-x-0 top-0 z-10 block h-auto w-full -scale-x-100" loading="lazy" decoding="async"> <img src="/images/sections/closing/bottom-vector.svg" alt="" aria-hidden="true" width="1600" height="67" class="absolute inset-x-0 top-0 z-20 w-full -translate-y-1/2 -scale-y-100" style="height: clamp(36px, 3.5vw, 67px);" loading="lazy" decoding="async"> </div> </section>  </main> <footer class="relative isolate overflow-hidden bg-[#f6f5f8]"> <img src="/images/sections/footer/footer-bg.png" alt="" aria-hidden="true" class="pointer-events-none absolute inset-0 -z-10 h-full w-full select-none object-cover opacity-40" loading="lazy" decoding="async"> <div class="mx-auto max-w-[1440px] px-4 sm:px-6 lg:px-10 relative z-10 pt-10 pb-24 md:py-[60px] lg:pl-28 lg:pr-[12.75rem] lg:pb-[6.25rem]">  <div class="flex flex-col items-center justify-center gap-10 sm:flex-row sm:justify-between sm:gap-6 md:flex-col md:items-center md:justify-center md:gap-10 lg:flex-row lg:items-center lg:justify-between lg:gap-6"> <p class="text-black" style="font-family: var(--font-heading); font-size: 24px; line-height: 32px; letter-spacing: -0.02em; font-weight: 500;">
Tripp Crosby
</p> <nav class="flex items-center gap-[23px]" aria-label="Social links"> <a href="https://www.linkedin.com/in/trippcrosby" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" class="block size-6 transition-opacity hover:opacity-70"> <img src="/images/sections/footer/icon-linkedin.svg" alt="" aria-hidden="true" width="24" height="24" class="block size-6" loading="lazy" decoding="async"> </a> <a href="https://www.tiktok.com/@trippcrosby" target="_blank" rel="noopener noreferrer" aria-label="TikTok" class="block size-6 transition-opacity hover:opacity-70"> <img src="/images/sections/footer/icon-tiktok.svg" alt="" aria-hidden="true" width="24" height="24" class="block size-6" loading="lazy" decoding="async"> </a> <a href="https://www.youtube.com/@trippcrosby" target="_blank" rel="noopener noreferrer" aria-label="YouTube" class="block size-6 transition-opacity hover:opacity-70"> <img src="/images/sections/footer/icon-youtube.svg" alt="" aria-hidden="true" width="24" height="24" class="block size-6" loading="lazy" decoding="async"> </a> </nav> </div>  </div> </footer>  </body></html>