PageSourceSearch

https://www.axelerant.com/work

html axelerant.com collected 2026-10-02 02:32:50 UTC 113,725 bytes, 2 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/assets/axelerant-logo-BU8o3LNX.svg"/><link rel="preload" as="image" href="/assets/ama-logo-9y0F5HAE.svg"/><link rel="preload" as="image" href="/assets/ironman-logo-BdxZOAn6.svg"/><link rel="preload" as="image" href="/assets/kohler-logo-C3p_Luyp.svg"/><link rel="preload" as="image" href="/assets/ohchr-logo-BoXkHV6s.svg"/><link rel="preload" as="image" href="/assets/uel-logo-upFuVBbc.svg"/><link rel="preload" as="image" href="/assets/idmc-logo-BDZZFEzw.svg"/><link rel="preload" as="image" href="/__l5e/assets-v1/4153f1e6-a6cf-4425-b74d-051c73ab1aa8/energy-safety-canada-logo.webp"/><link rel="stylesheet" href="/assets/styles-DrdbzSPT.css" data-precedence="default"/><title>Our Work · Engagement Records · Axelerant</title><meta name="author" content="Axelerant"/><meta property="og:site_name" content="Axelerant"/><meta property="og:type" content="website"/><meta name="description" content="Engagement records from Axelerant. How we plugged in, what shipped and the metric that moved. Named records include Kohler, AMA, IRONMAN, UEL, OHCHR and IDMC."/><meta property="og:title" content="Our Work · Axelerant"/><meta property="og:description" content="Records of how we&#x27;ve plugged into other teams. Filter by capability, platform, or industry, or ask Foyer to compose a dossier for your shape."/><meta name="twitter:title" content="Our Work · Axelerant"/><meta name="twitter:description" content="Records of how we&#x27;ve plugged into other teams. Filter by capability, platform, or industry, or ask Foyer to compose a dossier for your shape."/><meta property="og:image" content="https://www.axelerant.com/og-work.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Axelerant — Intelligence that delivers."/><meta name="twitter:image" content="https://www.axelerant.com/og-work.jpg"/><meta name="twitter:card" content="summary_large_image"/><meta property="og:url" content="https://www.axelerant.com/work"/><link rel="modulepreload" href="/assets/index-CtZS8l_c.js"/><link rel="modulepreload" href="/assets/work-BZLOLRDG.js"/><link rel="modulepreload" href="/assets/useServerFn-DVDx7IUv.js"/><link rel="modulepreload" href="/assets/useVisitorProfile-B_iKnSdn.js"/><link rel="modulepreload" href="/assets/ProtoChrome-wfcrXi0i.js"/><link rel="modulepreload" href="/assets/ArchivePager-Dv0fJLp6.js"/><link rel="modulepreload" href="/assets/SectionEyebrow-DL6PhRDG.js"/><link rel="modulepreload" href="/assets/AxelInline-BQZ_ha7-.js"/><link rel="modulepreload" href="/assets/PassionFins-Cl5klSkJ.js"/><link rel="modulepreload" href="/assets/caseStudies-DuNhOmyP.js"/><link rel="modulepreload" href="/assets/namedCases-BesLYr5M.js"/><link rel="modulepreload" href="/assets/clientBrands-CbYmBcg8.js"/><link rel="modulepreload" href="/assets/index-BhnloFaF.js"/><link rel="modulepreload" href="/assets/proxy-Fv8jenq1.js"/><link rel="modulepreload" href="/assets/is-svg-component-CdvQDMb_.js"/><link rel="modulepreload" href="/assets/DossierView-BMxjwtTK.js"/><link rel="modulepreload" href="/assets/EvidenceCTA-GXh8yqvY.js"/><link rel="modulepreload" href="/assets/foyer-client-CIomrWuK.js"/><link rel="modulepreload" href="/assets/ironman-logo-BijRTZwx.js"/><link rel="modulepreload" href="/assets/uel-logo-_CcvfxaX.js"/><link rel="modulepreload" href="/assets/kohler-logo-BOfAkBwI.js"/><link rel="modulepreload" href="/assets/idmc-logo-BGCYhx1E.js"/><link rel="modulepreload" href="/assets/ama_logo-1-n-0_fR8L.js"/><link rel="modulepreload" href="/assets/ohchr-logo-R2v1Lf_J.js"/><link rel="modulepreload" href="/assets/energy-safety-canada-logo.png.asset-CqfpTyzq.js"/><link rel="modulepreload" href="/assets/red-hat-Dl9-TT1Q.js"/><link rel="modulepreload" href="/assets/stanford-logo-VSHYVPqs.js"/><link rel="modulepreload" href="/assets/acquia-logo-CYZGx6K9.js"/><link rel="modulepreload" href="/assets/wildstyle-network-white.png.asset-DyAzqTL5.js"/><link rel="modulepreload" href="/assets/union-coop-logo-2-BbJaOxFj.js"/><link rel="modulepreload" href="/assets/wrap-logo.png.asset-BlHcdmh7.js"/><link rel="icon" type="image/png" href="/favicon.png"/><link rel="preload" as="font" type="font/woff2" href="/assets/fraunces-hero-normal-CIuKk5S-.woff2" crossorigin="anonymous"/><link rel="preload" as="font" type="font/woff2" href="/assets/fraunces-hero-italic-C4Fck6dw.woff2" crossorigin="anonymous"/><link rel="preload" as="font" type="font/woff2" href="/assets/inter-latin-wght-normal-Dx4kXJAl.woff2" crossorigin="anonymous"/><link rel="preload" as="style" href="/assets/styles-DrdbzSPT.css"/>
1<link rel="preconnect" href="https://consent.cookiebot.com" crossorigin="anonymous"/><link rel="preconnect" href="https://consentcdn.cookiebot.com" crossorigin="anonymous"/><link rel="preconnect" href="https://s3-us-west-2.amazonaws.com" crossorigin="anonymous"/><link rel="dns-prefetch" href="https://js.hs-scripts.com"/><link rel="dns-prefetch" href="https://js.hscollectedforms.net"/><link rel="dns-prefetch" href="https://forms.hsforms.com"/><link rel="dns-prefetch" href="https://js.hs-analytics.net"/><link rel="dns-prefetch" href="https://js.hs-banner.com"/><link rel="dns-prefetch" href="https://www.googletagmanager.com"/><link rel="canonical" href="https://www.axelerant.com/work"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://www.axelerant.com/#organization","name":"Axelerant","alternateName":"Axelerant Technologies","url":"https://www.axelerant.com","logo":"https://www.axelerant.com/favicon.ico","description":"Technology execution partner running strategy, design, engineering and revenue marketing as one accountable team. AI-native delivery.","foundingDate":"2005","slogan":"Intelligence that delivers.","numberOfEmployees":{"@type":"QuantitativeValue","value":150,"unitText":"people"},"knowsAbout":["Digital strategy","Digital transformation","AI engineering","Application engineering","Cloud engineering","Data engineering","Platform engineering","Quality engineering","UX research","Product design","Design systems","Content design","Brand design","Accessibility","Conversion rate optimization","CRM implementation","Marketing automation","Journey orchestration","Analytics and measurement","Drupal","Acquia","HubSpot","Salesforce","AWS","Contentful","Mautic"],"sameAs":["https://www.linkedin.com/company/axelerant","https://twitter.com/axelerant","https://www.youtube.com/@axelerant","https://github.com/axelerant"]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://www.axelerant.com/#website","name":"Axelerant","url":"https://www.axelerant.com","publisher":{"@id":"https://www.axelerant.com/#organization"},"inLanguage":"en","description":"Axelerant is a technology execution partner. Strategy, design, engineering and revenue marketing run as one accountable team. AI-native delivery.","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.axelerant.com/?brief={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.axelerant.com/"},{"@type":"ListItem","position":2,"name":"Work","item":"https://www.axelerant.com/work"}]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"CollectionPage","name":"Our work · Engagement records","url":"https://www.axelerant.com/work","description":"Engagement records from Axelerant. Filter by capability, platform, or industry. Named records include Kohler, AMA, IRONMAN, UEL, OHCHR and IDMC.","isPartOf":{"@id":"https://www.axelerant.com/#website"},"publisher":{"@id":"https://www.axelerant.com/#organization"},"inLanguage":"en"}</script>
1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
1</head><body>
vendor: 67 bytes, line 1
1<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1GTM-PTQNSZ9
vendor: 82 bytes, line 1
1" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1<a href="#main-content" class="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-[9999] focus:bg-foreground focus:text-background focus:px-4 focus:py-2 focus:rounded">Skip to content</a><main id="main-content"><!--$--><div class="min-h-screen bg-paper text-charcoal"><header class="sticky top-0 z-40 border-b border-charcoal/15 bg-paper/95 backdrop-blur-sm"><div class="h-[3px] w-full bg-charcoal"></div><div class="mx-auto flex h-20 max-w-[1440px] items-center"><a class="flex h-full items-center px-5 md:px-6" aria-label="Axelerant" href="/"><img src="/assets/axelerant-logo-BU8o3LNX.svg" alt="Axelerant" width="200" height="60" class="h-8 w-auto object-contain md:h-10" decoding="async"/></a><nav class="ml-auto hidden h-full items-center divide-x divide-charcoal/15 md:flex"><a class="t-eyebrow relative flex h-full items-center px-4 transition-colors lg:px-5 after:absolute after:left-3 after:right-3 after:bottom-0 after:h-[2px] after:bg-vermilion text-charcoal active" href="/work" data-status="active" aria-current="page">Our Work</a><div class="group relative h-full"><button type="button" class="t-eyebrow relative flex h-full items-center px-4 transition-colors lg:px-5 text-charcoal/65 hover:text-charcoal hover:bg-paper-dim gap-1.5" aria-haspopup="true">What we do<svg aria-hidden="true" width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" class="opacity-70"><path d="M2.5 4.5L6 8l3.5-3.5"></path></svg></button><div class="invisible absolute right-0 top-full z-50 min-w-[260px] border border-charcoal/1
15 bg-paper opacity-0 shadow-lg transition-all duration-150 group-hover:visible group-hover:opacity-100 group-focus-within:visible group-focus-within:opacity-100"><a class="flex flex-col gap-0.5 border-b border-charcoal/10 px-5 py-3 last:border-b-0 hover:bg-paper-dim" href="/what-we-do"><span class="t-eyebrow text-charcoal">Overview</span><span class="t-caption text-charcoal/60">Four lenses, one team</span></a><a class="flex flex-col gap-0.5 border-b border-charcoal/10 px-5 py-3 last:border-b-0 hover:bg-paper-dim" href="/what-we-do/strategy"><span class="t-eyebrow text-charcoal">Strategy</span><span class="t-caption text-charcoal/60">Set the conditions</span></a><a class="flex flex-col gap-0.5 border-b border-charcoal/10 px-5 py-3 last:border-b-0 hover:bg-paper-dim" href="/what-we-do/design"><span class="t-eyebrow text-charcoal">Design</span><span class="t-caption text-charcoal/60">Shape the experience</span></a><a class="flex flex-col gap-0.5 border-b border-charcoal/10 px-5 py-3 last:border-b-0 hover:bg-paper-dim" href="/what-we-do/engineering"><span class="t-eyebrow text-charcoal">Engineering</span><span class="t-caption text-charcoal/60">Build at scale</span></a><a class="flex flex-col gap-0.5 border-b border-charcoal/10 px-5 py-3 last:border-b-0 hover:bg-paper-dim" href="/what-we-do/revops-and-growth"><span class="t-eyebrow text-charcoal">RevOps &amp; Growth Marketing</span><span class="t-caption text-charcoal/60">Move the metric</span></a></div></div><div class="group relative h-full"><button type="button" class="t-eyebrow relative flex h-full items-center px-4 transition-colors lg:px-5 text-charcoal/65 hover:text-charcoal hover:bg-paper-dim gap-1.5" aria-haspopup="true">How we do<svg aria-hidden="true" width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" class="opacity-70"><path d="M2.5 4.5L6 8l3.5-3.5"></path></svg></button><div class="invisible absolute right-0 top-full z-50 min-w-[260px] border border-charcoal/1
15 bg-paper opacity-0 shadow-lg transition-all duration-150 group-hover:visible group-hover:opacity-100 group-focus-within:visible group-focus-within:opacity-100"><a class="flex flex-col gap-0.5 border-b border-charcoal/10 px-5 py-3 last:border-b-0 hover:bg-paper-dim" href="/how-we-do"><span class="t-eyebrow text-charcoal">Overview</span><span class="t-caption text-charcoal/60">The loop, not the line</span></a><a class="flex flex-col gap-0.5 border-b border-charcoal/10 px-5 py-3 last:border-b-0 hover:bg-paper-dim" href="/how-we-do/experience"><span class="t-eyebrow text-charcoal">Experience</span></a><a class="flex flex-col gap-0.5 border-b border-charcoal/10 px-5 py-3 last:border-b-0 hover:bg-paper-dim" href="/how-we-do/data"><span class="t-eyebrow text-charcoal">Data</span></a><a class="flex flex-col gap-0.5 border-b border-charcoal/10 px-5 py-3 last:border-b-0 hover:bg-paper-dim" href="/how-we-do/activation"><span class="t-eyebrow text-charcoal">Activation</span></a><a class="flex flex-col gap-0.5 border-b border-charcoal/10 px-5 py-3 last:border-b-0 hover:bg-paper-dim" href="/how-we-do/optimization"><span class="t-eyebrow text-charcoal">Optimization</span></a></div></div><a class="t-eyebrow relative flex h-full items-center px-4 transition-colors lg:px-5 text-charcoal/65 hover:text-charcoal hover:bg-paper-dim" href="/about">About</a></nav><a data-cta="contact_us_nav" data-cta-surface="nav_desktop" class="t-eyebrow ml-auto hidden h-full items-center gap-2 border-l border-charcoal/1
15 bg-[color:var(--sys-accent)] px-6 text-paper transition-colors hover:bg-[color:var(--sys-accent-hover)] md:ml-0 md:flex" href="/contact">Contact Us<span aria-hidden="true" class="text-[20px] leading-none">→</span></a><button type="button" aria-label="Open menu" aria-expanded="false" class="ml-auto flex h-full items-center justify-center px-5 text-charcoal md:hidden"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="square"><path d="M3 7h18M3 12h18M3 17h18"></path></svg></button></div></header><section class="relative overflow-hidden border-b border-charcoal/15 bg-paper text-charcoal"><div aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-0 h-[3px] bg-brand-gradient"></div><svg viewBox="0 0 1200 300" preserveAspectRatio="xMidYMid slice" class="pointer-events-none absolute inset-0 h-full w-full text-vermilion/[0.07]" aria-hidden="true" role="presentation"><rect x="-45" y="-15" width="90" height="30" rx="15" ry="15" transform="translate(144 54) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-32" y="-10.666666666666666" width="64" height="21.333333333333332" rx="10.666666666666666" ry="10.666666666666666" transform="translate(408.00000000000006 24) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-55" y="-18.333333333333332" width="110" height="36.666666666666664" rx="18.333333333333332" ry="18.333333333333332" transform="translate(696 66) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(983.9999999999999 42.00000000000001) rotate(45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-39" y="-13" width="78" height="26" rx="13" ry="13" transform="translate(264 138) rotate(135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-50" y="-16.666666666666668" width="100" height="33.333333333333336" rx="16.666666666666668" ry="16.666666666666668" transform="translate(576 156) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-30" y="-10" width="60" height="20" rx="10" ry="10" transform="translate(888 132) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-42" y="-14" width="84" height="28" rx="14" ry="14" transform="translate(1116 180) rotate(45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-36" y="-12" width="72" height="24" rx="12" ry="12" transform="translate(96 222) rotate(45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-48" y="-16" width="96" height="32" rx="16" ry="16" transform="translate(360 245.99999999999997) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-33" y="-11" width="66" height="22" rx="11" ry="11" transform="translate(672.0000000000001 258) rotate(135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-44" y="-14.666666666666666" width="88" height="29.333333333333332" rx="14.666666666666666" ry="14.666666666666666" transform="translate(960 276) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect></svg><div aria-hidden="true" class="pointer-events-none absolute -right-32 -top-32 h-[520px] w-[520px] rounded-full opacity-40 blur-3xl" style="background:radial-gradient(closest-side, rgba(242,90,2,0.35), rgba(242,90,2,0) 70%)"></div><div aria-hidden="true" class="pointer-events-none absolute -left-40 bottom-[-180px] h-[480px] w-[480px] rounded-full opacity-30 blur-3xl" style="background:radial-gradient(closest-side, rgba(30,64,175,0.35), rgba(30,64,175,0) 70%)"></div><div class="relative mx-auto flex min-h-[calc(100vh-80px)] max-w-[1280px] flex-col px-6 pt-16 pb-14 md:px-10 md:pt-24 md:pb-16"><div class="flex items-center gap-4 mb-10"><span class="font-mono text-[11px] font-bold uppercase tracking-[0.3em]" style="color:#F25A02">Work</span><span aria-hidden="true" class="font-mono text-[11px] text-charcoal/60">|</span><span class="font-mono text-[11px] font-semibold uppercase tracking-[0.25em] text-charcoal/55">Engagement records · selected proof</span></div><div class="max-w-[1080px]"><h1 class="font-display font-semibold leading-[1.05] tracking-[-0.02em] text-charcoal" style="font-size:clamp(40px, 6.4vw, 84px)">Our work: engagement records and proof.</h1></div><div class="mt-auto pt-20"><p class="max-w-[72ch] font-display leading-[1.4] tracking-[-0.01em] text-charcoal/80 text-[20px] md:text-[24px]">Records of how we&#x27;ve plugged into other teams. Every engagement here moved a slice of one loop: the<!-- --> <a class="underline decoration-charcoal/25 underline-offset-4 hover:
1decoration-vermilion hover:text-vermilion" href="/how-we-do/experience">experience</a> <!-- -->the customer meets, the<!-- --> <a class="underline decoration-charcoal/25 underline-offset-4 hover:decoration-vermilion hover:text-vermilion" href="/how-we-do/data">data</a> <!-- -->it runs on, the<!-- --> <a class="underline decoration-charcoal/25 underline-offset-4 hover:decoration-vermilion hover:text-vermilion" href="/how-we-do/activation">activation</a> <!-- -->that gets it live, and the<!-- --> <a class="underline decoration-charcoal/25 underline-offset-4 hover:decoration-vermilion hover:text-vermilion" href="/how-we-do/optimization">optimization</a> <!-- -->that keeps it earning.</p></div></div></section><section id="records" class="bg-paper-dim/55 scroll-mt-24" aria-labelledby="records-heading"><div class="mx-auto max-w-[1280px] px-6 py-16 md:px-10 md:py-20"><h2 id="records-heading" class="sr-only">All engagement records</h2><div class="mb-10 flex items-center gap-4"><span class="h-px w-8 bg-vermilion"></span><span class="font-mono text-[10px] font-bold uppercase tracking-[0.25em] text-vermilion">All records</span><span class="h-px flex-1 bg-charcoal/20"></span><span class="font-mono text-[10px] font-bold uppercase tracking-[0.22em] text-charcoal/55">07<!-- --> <!-- -->results</span><div class="flex items-stretch border border-charcoal/25"><button type="button" aria-label="Grid view" aria-pressed="true" class="flex h-10 w-10 items-center justify-center transition-colors sm:h-7 sm:w-8 bg-charcoal text-paper"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><rect x="1" y="1" width="6" height="6"></rect><rect x="9" y="1" width="6" height="6"></rect><rect x="1" y="9" width="6" height="6"></rect><rect x="9" y="9" width="6" height="6"></rect></svg></button><button type="button" aria-label="List view" aria-pressed="false" class="flex h-10 w-10 items-center justify-center border-l border-charcoal/25 transition-colors sm:h-7 sm:w-8 bg-paper text-charcoal/55 hover:text-charcoal"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><rect x="1" y="2" width="14" height="2"></rect><rect x="1" y="7" width="14" height="2"></rect><rect x="1" y="12" width="14" height="2"></rect></svg></button></div></div><div class="grid gap-8 md:grid-cols-2 lg:grid-cols-3"><a id="record-transformation-ama-digital-platform" class="group relative block bg-brand-gradient-border p-[1.5px] scroll-mt-24 focus:outline-none focus-visible:ring-2 focus-visible:ring-vermilion" href="/work/transformation-ama-digital-platform"><span aria-hidden="true" class="brad-anim absolute -bottom-[3px] -left-[3px] z-20 h-2 w-2 border border-charcoal bg-paper transition-[transform,background-color,border-color,box-shadow] duration-300 ease-out group-hover:scale-[1.6] group-hover:border-vermilion group-hover:bg-vermilion group-hover:shadow-[0_0_0_2px_rgba(242,90,2,0.18)]" style="animation-delay:160ms"></span><span aria-hidden="true" class="brad-anim absolute -bottom-[3px] -right-[3px] z-20 h-2 w-2 border border-charcoal bg-paper transition-[transform,background-color,border-color,box-shadow] duration-300 ease-out group-hover:scale-[1.6] group-hover:border-vermilion group-hover:bg-vermilion group-hover:shadow-[0_0_0_2px_rgba(242,90,2,0.18)]" style="animation-delay:240ms"></span><article class="relative flex h-full flex-col bg-paper transition-shadow hover:shadow-[0_24px_60px_-30px_rgba(22,22,22,0.35)]"><div class="relative flex h-[140px] items-center justify-between px-6" style="background:#5E2D87"><div class="flex max-w-[70%] flex-col items-start gap-2"><img src="/assets/ama-logo-9y0F5HAE.svg" alt="American Medical Association" class="max-h-[52px] max-w-full object-contain object-left" style="filter:brightness(0) invert(1)"/></div><span aria-hidden="true" class="font-display text-[32px] font-semibold leading-none" style="color:rgba(255,255,255,0.35)">01</span></div><div class="relative flex flex-1 flex-col overflow-hidden p-8"><svg viewBox="0 0 400 400" preserveAspectRatio="xMidYMid slice" class="pointer-events-none absolute -bottom-6 -right-8 h-[180px] w-[180px] opacity-[0.06]" style="color:var(--lens-engineering)" aria-hidden="true" role="presentation"><defs><pattern id="_R_6pbdja_" x="0" y="0" width="64" height="76" patternUnits="userSpaceOnUse"><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-64 -57) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-32 -19) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-64 19) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-32 57) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-64 95) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-32 133) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(0 -57) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(32 -19) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(0 19) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(32 57) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(0 95) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(32 133) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(64 -57) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(96 -19) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(64 19) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(96 57) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(64 95) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(96 133) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect></pattern></defs><rect x="-70" y="-70" width="200%" height="200%" fill="url(#_R_6pbdja_)"></rect></svg><div class="relative font-mono text-[10px] font-bold uppercase tracking-[0.24em] text-vermilion">American Medical Association</div><h3 class="mt-4 font-display text-[22px] font-semibold leading-[1.15] text-charcoal md:text-[24px]">Ten properties consolidated onto one governed Drupal platform.</h3><div class="mt-6"><div class="font-mono text-[9px] font-bold uppercase tracking-[0.26em] text-charcoal/50">Situation</div><p class="mt-2 text-[14px] leading-[1.65] text-charcoal/80">Ten WordPress and Drupal properties, fragmented governance, and a content team stretched across every release.</p></div><div class="mt-6 border-l-2 border-vermilion pl-4"><div class="font-mono text-[9px] font-bold uppercase tracking-[0.26em] text-vermilion">Outcome</div><p class="mt-2 font-display text-[17px] font-semibold italic leading-[1.4] text-charcoal">10→1 properties unified<!-- --> · Editorial throughput up materially<!-- -->.</p></div><div class="mt-6 space-y-2 border-t border-charcoal/10 pt-5"><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Capability</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">Engineering</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">Design</span></div><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Platform</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/30 text-charcoal/75">Drupal</span></div><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Industry</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/20 text-charcoal/55">Non-profit</span></div></div><div class="mt-auto pt-7">
1<span class="inline-flex items-center gap-2 self-start font-mono text-[11px] font-bold uppercase tracking-[0.22em] text-[#F25A02] transition-colors group-hover:text-charcoal">Read the story<span aria-hidden="true" class="transition-transform group-hover:translate-x-0.5">↗</span></span></div></div></article></a><a id="record-transforming-digital-experience-of-ironman" class="group relative block bg-brand-gradient-border p-[1.5px] scroll-mt-24 focus:outline-none focus-visible:ring-2 focus-visible:ring-vermilion" href="/work/transforming-digital-experience-of-ironman"><span aria-hidden="true" class="brad-anim absolute -bottom-[3px] -left-[3px] z-20 h-2 w-2 border border-charcoal bg-paper transition-[transform,background-color,border-color,box-shadow] duration-300 ease-out group-hover:scale-[1.6] group-hover:border-vermilion group-hover:bg-vermilion group-hover:shadow-[0_0_0_2px_rgba(242,90,2,0.18)]" style="animation-delay:160ms"></span><span aria-hidden="true" class="brad-anim absolute -bottom-[3px] -right-[3px] z-20 h-2 w-2 border border-charcoal bg-paper transition-[transform,background-color,border-color,box-shadow] duration-300 ease-out group-hover:scale-[1.6] group-hover:border-vermilion group-hover:bg-vermilion group-hover:shadow-[0_0_0_2px_rgba(242,90,2,0.18)]" style="animation-delay:240ms"></span><article class="relative flex h-full flex-col bg-paper transition-shadow hover:shadow-[0_24px_60px_-30px_rgba(22,22,22,0.35)]"><div class="relative flex h-[140px] items-center justify-between px-6" style="background:#D71920"><div class="flex max-w-[70%] flex-col items-start gap-2"><img src="/assets/ironman-logo-BdxZOAn6.svg" alt="IRONMAN" class="max-h-[52px] max-w-full object-contain object-left" style="filter:brightness(0) invert(1)"/></div><span aria-hidden="true" class="font-display text-[32px] font-semibold leading-none" style="color:rgba(255,255,255,0.35)">02</span></div><div class="relative flex flex-1 flex-col overflow-hidden p-8"><svg viewBox="0 0 400 400" preserveAspectRatio="xMidYMid slice" class="pointer-events-none absolute -bottom-6 -right-8 h-[180px] w-[180px] opacity-[0.06]" style="color:var(--lens-engineering)" aria-hidden="true" role="presentation"><rect x="-45" y="-15" width="90" height="30" rx="15" ry="15" transform="translate(48 72) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-32" y="-10.666666666666666" width="64" height="21.333333333333332" rx="10.666666666666666" ry="10.666666666666666" transform="translate(136 32) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-55" y="-18.333333333333332" width="110" height="36.666666666666664" rx="18.333333333333332" ry="18.333333333333332" transform="translate(231.99999999999997 88) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(328 56.00000000000001) rotate(45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-39" y="-13" width="78" height="26" rx="13" ry="13" transform="translate(88 184) rotate(135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-50" y="-16.666666666666668" width="100" height="33.333333333333336" rx="16.666666666666668" ry="16.666666666666668" transform="translate(192 208) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-30" y="-10" width="60" height="20" rx="10" ry="10" transform="translate(296 176) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-42" y="-14" width="84" height="28" rx="14" ry="14" transform="translate(372 240) rotate(45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-36" y="-12" width="72" height="24" rx="12" ry="12" transform="translate(32 296) rotate(45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-48" y="-16" width="96" height="32" rx="16" ry="16" transform="translate(120 328) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-33" y="-11" width="66" height="22" rx="11" ry="11" transform="translate(224.00000000000003 344) rotate(135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-44" y="-14.666666666666666" width="88" height="29.333333333333332" rx="14.666666666666666" ry="14.666666666666666" transform="translate(320 368) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect></svg><div class="relative font-mono text-[10px] font-bold uppercase tracking-[0.24em] text-vermilion">IRONMAN</div><h3 class="mt-4 font-display text-[22px] font-semibold leading-[1.15] text-charcoal md:text-[24px]">A race-day platform that holds up under global load.</h3><div class="mt-6"><div class="font-mono text-[9px] font-bold uppercase tracking-[0.26em] text-charcoal/50">Situation</div><p class="mt-2 text-[14px] leading-[1.65] text-charcoal/80">Global event series with race-day traffic spikes, multi-brand registration, and a fragile content pipeline.</p></div><div class="mt-6 border-l-2 border-vermilion pl-4"><div class="font-mono text-[9px] font-bold uppercase tracking-[0.26em] text-vermilion">Outcome</div><p class="mt-2 font-display text-[17px] font-semibold italic leading-[1.4] text-charcoal">99.99% race-day uptime<!-- --> · Multi-brand events on one DXP<!-- -->.</p></div><div class="mt-6 space-y-2 border-t border-charcoal/10 pt-5"><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Capability</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">Engineering</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">RevOps &amp; Growth</span></div><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Platform</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/30 text-charcoal/75">Drupal</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/30 text-charcoal/75">HubSpot</span></div><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Industry</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/20 text-charcoal/55">Retail</span></div></div><div class="mt-auto pt-7">
1<span class="inline-flex items-center gap-2 self-start font-mono text-[11px] font-bold uppercase tracking-[0.22em] text-[#F25A02] transition-colors group-hover:text-charcoal">Read the story<span aria-hidden="true" class="transition-transform group-hover:translate-x-0.5">↗</span></span></div></div></article></a><a id="record-transforming-digital-experience-of-kohler" class="group relative block bg-brand-gradient-border p-[1.5px] scroll-mt-24 focus:outline-none focus-visible:ring-2 focus-visible:ring-vermilion" href="/work/transforming-digital-experience-of-kohler"><span aria-hidden="true" class="brad-anim absolute -bottom-[3px] -left-[3px] z-20 h-2 w-2 border border-charcoal bg-paper transition-[transform,background-color,border-color,box-shadow] duration-300 ease-out group-hover:scale-[1.6] group-hover:border-vermilion group-hover:bg-vermilion group-hover:shadow-[0_0_0_2px_rgba(242,90,2,0.18)]" style="animation-delay:160ms"></span><span aria-hidden="true" class="brad-anim absolute -bottom-[3px] -right-[3px] z-20 h-2 w-2 border border-charcoal bg-paper transition-[transform,background-color,border-color,box-shadow] duration-300 ease-out group-hover:scale-[1.6] group-hover:border-vermilion group-hover:bg-vermilion group-hover:shadow-[0_0_0_2px_rgba(242,90,2,0.18)]" style="animation-delay:240ms"></span><article class="relative flex h-full flex-col bg-paper transition-shadow hover:shadow-[0_24px_60px_-30px_rgba(22,22,22,0.35)]"><div class="relative flex h-[140px] items-center justify-between px-6" style="background:#161616"><div class="flex max-w-[70%] flex-col items-start gap-2"><img src="/assets/kohler-logo-C3p_Luyp.svg" alt="KOHLER" class="max-h-[52px] max-w-full object-contain object-left" style="filter:brightness(0) invert(1)"/></div><span aria-hidden="true" class="font-display text-[32px] font-semibold leading-none" style="color:rgba(255,255,255,0.35)">03</span></div><div class="relative flex flex-1 flex-col overflow-hidden p-8"><svg viewBox="0 0 400 400" preserveAspectRatio="xMidYMid slice" class="pointer-events-none absolute -bottom-6 -right-8 h-[180px] w-[180px] opacity-[0.06]" style="color:var(--lens-engineering)" aria-hidden="true" role="presentation"><defs><pattern id="_R_6rbdja_" x="0" y="0" width="64" height="76" patternUnits="userSpaceOnUse"><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-64 -57) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-32 -19) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-64 19) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-32 57) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-64 95) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-32 133) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(0 -57) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(32 -19) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(0 19) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(32 57) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(0 95) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(32 133) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(64 -57) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(96 -19) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(64 19) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(96 57) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(64 95) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(96 133) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect></pattern></defs><rect x="-70" y="-70" width="200%" height="200%" fill="url(#_R_6rbdja_)"></rect></svg><div class="relative font-mono text-[10px] font-bold uppercase tracking-[0.24em] text-vermilion">KOHLER</div><h3 class="mt-4 font-display text-[22px] font-semibold leading-[1.15] text-charcoal md:text-[24px]">Composable headless across a global brand estate.</h3><div class="mt-6"><div class="font-mono text-[9px] font-bold uppercase tracking-[0.26em] text-charcoal/50">Situation</div><p class="mt-2 text-[14px] leading-[1.65] text-charcoal/80">A global brand estate on fragmented stacks, regional teams blocked on shared platform changes.</p></div><div class="mt-6 border-l-2 border-vermilion pl-4"><div class="font-mono text-[9px] font-bold uppercase tracking-[0.26em] text-vermilion">Outcome</div><p class="mt-2 font-display text-[17px] font-semibold italic leading-[1.4] text-charcoal">40% faster load times<!-- --> · One core, regional brand sites<!-- -->.</p></div><div class="mt-6 space-y-2 border-t border-charcoal/10 pt-5"><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Capability</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">Engineering</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">Design</span></div><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Platform</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/30 text-charcoal/75">Drupal</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/30 text-charcoal/75">AWS</span></div><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Industry</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/20 text-charcoal/55">Retail</span></div></div><div class="mt-auto pt-7">
1<span class="inline-flex items-center gap-2 self-start font-mono text-[11px] font-bold uppercase tracking-[0.22em] text-[#F25A02] transition-colors group-hover:text-charcoal">Read the story<span aria-hidden="true" class="transition-transform group-hover:translate-x-0.5">↗</span></span></div></div></article></a><a id="record-transforming-digital-experience-content-publishing-for-ohchr" class="group relative block bg-brand-gradient-border p-[1.5px] scroll-mt-24 focus:outline-none focus-visible:ring-2 focus-visible:ring-vermilion" href="/work/transforming-digital-experience-content-publishing-for-ohchr"><span aria-hidden="true" class="brad-anim absolute -bottom-[3px] -left-[3px] z-20 h-2 w-2 border border-charcoal bg-paper transition-[transform,background-color,border-color,box-shadow] duration-300 ease-out group-hover:scale-[1.6] group-hover:border-vermilion group-hover:bg-vermilion group-hover:shadow-[0_0_0_2px_rgba(242,90,2,0.18)]" style="animation-delay:160ms"></span><span aria-hidden="true" class="brad-anim absolute -bottom-[3px] -right-[3px] z-20 h-2 w-2 border border-charcoal bg-paper transition-[transform,background-color,border-color,box-shadow] duration-300 ease-out group-hover:scale-[1.6] group-hover:border-vermilion group-hover:bg-vermilion group-hover:shadow-[0_0_0_2px_rgba(242,90,2,0.18)]" style="animation-delay:240ms"></span><article class="relative flex h-full flex-col bg-paper transition-shadow hover:shadow-[0_24px_60px_-30px_rgba(22,22,22,0.35)]"><div class="relative flex h-[140px] items-center justify-between px-6" style="background:#009EDB"><div class="flex max-w-[70%] flex-col items-start gap-2"><img src="/assets/ohchr-logo-BoXkHV6s.svg" alt="OHCHR" class="max-h-[52px] max-w-full object-contain object-left" style="filter:brightness(0) invert(1)"/></div><span aria-hidden="true" class="font-display text-[32px] font-semibold leading-none" style="color:rgba(255,255,255,0.35)">04</span></div><div class="relative flex flex-1 flex-col overflow-hidden p-8"><svg viewBox="0 0 400 400" preserveAspectRatio="xMidYMid slice" class="pointer-events-none absolute -bottom-6 -right-8 h-[180px] w-[180px] opacity-[0.06]" style="color:var(--lens-design)" aria-hidden="true" role="presentation"><defs><pattern id="_R_6sbdja_" x="0" y="0" width="64" height="76" patternUnits="userSpaceOnUse"><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-64 -57) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-32 -19) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-64 19) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-32 57) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-64 95) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-32 133) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(0 -57) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(32 -19) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(0 19) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(32 57) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(0 95) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(32 133) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(64 -57) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(96 -19) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(64 19) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(96 57) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(64 95) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(96 133) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect></pattern></defs><rect x="-70" y="-70" width="200%" height="200%" fill="url(#_R_6sbdja_)"></rect></svg><div class="relative font-mono text-[10px] font-bold uppercase tracking-[0.24em] text-vermilion">OHCHR</div><h3 class="mt-4 font-display text-[22px] font-semibold leading-[1.15] text-charcoal md:text-[24px]">Reimagined DX and content publishing on Drupal 9.</h3><div class="mt-6"><div class="font-mono text-[9px] font-bold uppercase tracking-[0.26em] text-charcoal/50">Situation</div><p class="mt-2 text-[14px] leading-[1.65] text-charcoal/80">United Nations human-rights office publishing in a high-stakes environment, with security and content integrity non-negotiable.</p></div><div class="mt-6 border-l-2 border-vermilion pl-4"><div class="font-mono text-[9px] font-bold uppercase tracking-[0.26em] text-vermilion">Outcome</div><p class="mt-2 font-display text-[17px] font-semibold italic leading-[1.4] text-charcoal">Security and content integrity hardened<!-- --> · Editorial UX rebuilt<!-- -->.</p></div><div class="mt-6 space-y-2 border-t border-charcoal/10 pt-5"><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Capability</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">Design</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">Engineering</span></div><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Platform</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/30 text-charcoal/75">Drupal</span></div><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Industry</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/20 text-charcoal/55">Non-profit</span></div></div><div class="mt-auto pt-7">
1<span class="inline-flex items-center gap-2 self-start font-mono text-[11px] font-bold uppercase tracking-[0.22em] text-[#F25A02] transition-colors group-hover:text-charcoal">Read the story<span aria-hidden="true" class="transition-transform group-hover:translate-x-0.5">↗</span></span></div></div></article></a><a id="record-dxp-for-university-of-east-london" class="group relative block bg-brand-gradient-border p-[1.5px] scroll-mt-24 focus:outline-none focus-visible:ring-2 focus-visible:ring-vermilion" href="/work/dxp-for-university-of-east-london"><span aria-hidden="true" class="brad-anim absolute -bottom-[3px] -left-[3px] z-20 h-2 w-2 border border-charcoal bg-paper transition-[transform,background-color,border-color,box-shadow] duration-300 ease-out group-hover:scale-[1.6] group-hover:border-vermilion group-hover:bg-vermilion group-hover:shadow-[0_0_0_2px_rgba(242,90,2,0.18)]" style="animation-delay:160ms"></span><span aria-hidden="true" class="brad-anim absolute -bottom-[3px] -right-[3px] z-20 h-2 w-2 border border-charcoal bg-paper transition-[transform,background-color,border-color,box-shadow] duration-300 ease-out group-hover:scale-[1.6] group-hover:border-vermilion group-hover:bg-vermilion group-hover:shadow-[0_0_0_2px_rgba(242,90,2,0.18)]" style="animation-delay:240ms"></span><article class="relative flex h-full flex-col bg-paper transition-shadow hover:shadow-[0_24px_60px_-30px_rgba(22,22,22,0.35)]"><div class="relative flex h-[140px] items-center justify-between px-6" style="background:#4DBCB0"><div class="flex max-w-[70%] flex-col items-start gap-2"><img src="/assets/uel-logo-upFuVBbc.svg" alt="University of East London" class="max-h-[52px] max-w-full object-contain object-left" style="filter:brightness(0) invert(1)"/></div><span aria-hidden="true" class="font-display text-[32px] font-semibold leading-none" style="color:rgba(255,255,255,0.35)">05</span></div><div class="relative flex flex-1 flex-col overflow-hidden p-8"><svg viewBox="0 0 400 400" preserveAspectRatio="xMidYMid slice" class="pointer-events-none absolute -bottom-6 -right-8 h-[180px] w-[180px] opacity-[0.06]" style="color:var(--lens-design)" aria-hidden="true" role="presentation"><defs><pattern id="_R_6tbdja_" x="0" y="0" width="64" height="76" patternUnits="userSpaceOnUse"><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-64 -57) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-32 -19) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-64 19) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-32 57) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-64 95) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-32 133) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(0 -57) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(32 -19) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(0 19) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(32 57) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(0 95) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(32 133) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(64 -57) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(96 -19) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(64 19) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(96 57) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(64 95) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(96 133) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect></pattern></defs><rect x="-70" y="-70" width="200%" height="200%" fill="url(#_R_6tbdja_)"></rect></svg><div class="relative font-mono text-[10px] font-bold uppercase tracking-[0.24em] text-vermilion">University of East London</div><h3 class="mt-4 font-display text-[22px] font-semibold leading-[1.15] text-charcoal md:text-[24px]">A unified digital front door for UEL.</h3><div class="mt-6"><div class="font-mono text-[9px] font-bold uppercase tracking-[0.26em] text-charcoal/50">Situation</div><p class="mt-2 text-[14px] leading-[1.65] text-charcoal/80">Higher-ed estate with fractured journeys, slow publishing, and applicant funnels leaking at every step.</p></div><div class="mt-6 border-l-2 border-vermilion pl-4"><div class="font-mono text-[9px] font-bold uppercase tracking-[0.26em] text-vermilion">Outcome</div><p class="mt-2 font-display text-[17px] font-semibold italic leading-[1.4] text-charcoal">2.3× applicant conversion<!-- --> · Design system the in-house team owns<!-- -->.</p></div><div class="mt-6 space-y-2 border-t border-charcoal/10 pt-5"><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Capability</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">Design</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">Engineering</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">RevOps &amp; Growth</span></div><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Platform</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/30 text-charcoal/75">Drupal</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/30 text-charcoal/75">Acquia</span></div><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Industry</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/20 text-charcoal/55">Higher Ed</span></div></div><div class="mt-auto pt-7">
1<span class="inline-flex items-center gap-2 self-start font-mono text-[11px] font-bold uppercase tracking-[0.22em] text-[#F25A02] transition-colors group-hover:text-charcoal">Read the story<span aria-hidden="true" class="transition-transform group-hover:translate-x-0.5">↗</span></span></div></div></article></a><a id="record-elevating-idmc-user-experience" class="group relative block bg-brand-gradient-border p-[1.5px] scroll-mt-24 focus:outline-none focus-visible:ring-2 focus-visible:ring-vermilion" href="/work/elevating-idmc-user-experience"><span aria-hidden="true" class="brad-anim absolute -bottom-[3px] -left-[3px] z-20 h-2 w-2 border border-charcoal bg-paper transition-[transform,background-color,border-color,box-shadow] duration-300 ease-out group-hover:scale-[1.6] group-hover:border-vermilion group-hover:bg-vermilion group-hover:shadow-[0_0_0_2px_rgba(242,90,2,0.18)]" style="animation-delay:160ms"></span><span aria-hidden="true" class="brad-anim absolute -bottom-[3px] -right-[3px] z-20 h-2 w-2 border border-charcoal bg-paper transition-[transform,background-color,border-color,box-shadow] duration-300 ease-out group-hover:scale-[1.6] group-hover:border-vermilion group-hover:bg-vermilion group-hover:shadow-[0_0_0_2px_rgba(242,90,2,0.18)]" style="animation-delay:240ms"></span><article class="relative flex h-full flex-col bg-paper transition-shadow hover:shadow-[0_24px_60px_-30px_rgba(22,22,22,0.35)]"><div class="relative flex h-[140px] items-center justify-between px-6" style="background:#018ECA"><div class="flex max-w-[70%] flex-col items-start gap-2"><img src="/assets/idmc-logo-BDZZFEzw.svg" alt="Internal Displacement Monitoring Centre" class="max-h-[52px] max-w-full object-contain object-left" style="filter:brightness(0) invert(1)"/></div><span aria-hidden="true" class="font-display text-[32px] font-semibold leading-none" style="color:rgba(255,255,255,0.35)">06</span></div><div class="relative flex flex-1 flex-col overflow-hidden p-8"><svg viewBox="0 0 400 400" preserveAspectRatio="xMidYMid slice" class="pointer-events-none absolute -bottom-6 -right-8 h-[180px] w-[180px] opacity-[0.06]" style="color:var(--lens-engineering)" aria-hidden="true" role="presentation"><rect x="-45" y="-15" width="90" height="30" rx="15" ry="15" transform="translate(48 72) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-32" y="-10.666666666666666" width="64" height="21.333333333333332" rx="10.666666666666666" ry="10.666666666666666" transform="translate(136 32) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-55" y="-18.333333333333332" width="110" height="36.666666666666664" rx="18.333333333333332" ry="18.333333333333332" transform="translate(231.99999999999997 88) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(328 56.00000000000001) rotate(45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-39" y="-13" width="78" height="26" rx="13" ry="13" transform="translate(88 184) rotate(135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-50" y="-16.666666666666668" width="100" height="33.333333333333336" rx="16.666666666666668" ry="16.666666666666668" transform="translate(192 208) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-30" y="-10" width="60" height="20" rx="10" ry="10" transform="translate(296 176) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-42" y="-14" width="84" height="28" rx="14" ry="14" transform="translate(372 240) rotate(45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-36" y="-12" width="72" height="24" rx="12" ry="12" transform="translate(32 296) rotate(45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-48" y="-16" width="96" height="32" rx="16" ry="16" transform="translate(120 328) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-33" y="-11" width="66" height="22" rx="11" ry="11" transform="translate(224.00000000000003 344) rotate(135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-44" y="-14.666666666666666" width="88" height="29.333333333333332" rx="14.666666666666666" ry="14.666666666666666" transform="translate(320 368) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect></svg><div class="relative font-mono text-[10px] font-bold uppercase tracking-[0.24em] text-vermilion">Internal Displacement Monitoring Centre</div><h3 class="mt-4 font-display text-[22px] font-semibold leading-[1.15] text-charcoal md:text-[24px]">Monolith to composable DXP, without losing the content team.</h3><div class="mt-6"><div class="font-mono text-[9px] font-bold uppercase tracking-[0.26em] text-charcoal/50">Situation</div><p class="mt-2 text-[14px] leading-[1.65] text-charcoal/80">Monolithic CMS slowing publishing and SEO, with a small content team unable to take on a heavy migration.</p></div><div class="mt-6 border-l-2 border-vermilion pl-4"><div class="font-mono text-[9px] font-bold uppercase tracking-[0.26em] text-vermilion">Outcome</div><p class="mt-2 font-display text-[17px] font-semibold italic leading-[1.4] text-charcoal">SEO performance up 49%<!-- --> · Site performance up 38%<!-- -->.</p></div><div class="mt-6 space-y-2 border-t border-charcoal/10 pt-5"><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Capability</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">Engineering</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">RevOps &amp; Growth</span></div><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Platform</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/30 text-charcoal/75">Drupal</span></div><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Industry</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/20 text-charcoal/55">Non-profit</span></div></div><div class="mt-auto pt-7">
1<span class="inline-flex items-center gap-2 self-start font-mono text-[11px] font-bold uppercase tracking-[0.22em] text-[#F25A02] transition-colors group-hover:text-charcoal">Read the story<span aria-hidden="true" class="transition-transform group-hover:translate-x-0.5">↗</span></span></div></div></article></a><a id="record-energy-safety-canada-member-experience" class="group relative block bg-brand-gradient-border p-[1.5px] scroll-mt-24 focus:outline-none focus-visible:ring-2 focus-visible:ring-vermilion" href="/work/energy-safety-canada-member-experience"><span aria-hidden="true" class="brad-anim absolute -bottom-[3px] -left-[3px] z-20 h-2 w-2 border border-charcoal bg-paper transition-[transform,background-color,border-color,box-shadow] duration-300 ease-out group-hover:scale-[1.6] group-hover:border-vermilion group-hover:bg-vermilion group-hover:shadow-[0_0_0_2px_rgba(242,90,2,0.18)]" style="animation-delay:160ms"></span><span aria-hidden="true" class="brad-anim absolute -bottom-[3px] -right-[3px] z-20 h-2 w-2 border border-charcoal bg-paper transition-[transform,background-color,border-color,box-shadow] duration-300 ease-out group-hover:scale-[1.6] group-hover:border-vermilion group-hover:bg-vermilion group-hover:shadow-[0_0_0_2px_rgba(242,90,2,0.18)]" style="animation-delay:240ms"></span><article class="relative flex h-full flex-col bg-paper transition-shadow hover:shadow-[0_24px_60px_-30px_rgba(22,22,22,0.35)]"><div class="relative flex h-[140px] items-center justify-between px-6" style="background:#0B3D67"><div class="flex max-w-[70%] flex-col items-start gap-2"><img src="/__l5e/assets-v1/4153f1e6-a6cf-4425-b74d-051c73ab1aa8/energy-safety-canada-logo.webp" alt="Energy Safety Canada" class="max-h-[52px] max-w-full object-contain object-left" style="filter:brightness(0) invert(1)"/></div><span aria-hidden="true" class="font-display text-[32px] font-semibold leading-none" style="color:rgba(255,255,255,0.35)">07</span></div><div class="relative flex flex-1 flex-col overflow-hidden p-8"><svg viewBox="0 0 400 400" preserveAspectRatio="xMidYMid slice" class="pointer-events-none absolute -bottom-6 -right-8 h-[180px] w-[180px] opacity-[0.06]" style="color:var(--lens-strategy)" aria-hidden="true" role="presentation"><defs><pattern id="_R_6vbdja_" x="0" y="0" width="64" height="76" patternUnits="userSpaceOnUse"><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-64 -57) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-32 -19) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-64 19) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-32 57) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-64 95) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(-32 133) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(0 -57) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(32 -19) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(0 19) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(32 57) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(0 95) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(32 133) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(64 -57) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(96 -19) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(64 19) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(96 57) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(64 95) rotate(-45)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect><rect x="-35" y="-11.666666666666666" width="70" height="23.333333333333332" rx="11.666666666666666" ry="11.666666666666666" transform="translate(96 133) rotate(-135)" fill="currentColor" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke"></rect></pattern></defs><rect x="-70" y="-70" width="200%" height="200%" fill="url(#_R_6vbdja_)"></rect></svg><div class="relative font-mono text-[10px] font-bold uppercase tracking-[0.24em] text-vermilion">Energy Safety Canada</div><h3 class="mt-4 font-display text-[22px] font-semibold leading-[1.15] text-charcoal md:text-[24px]">Drupal 11 over iMIS, with the back office untouched.</h3><div class="mt-6"><div class="font-mono text-[9px] font-bold uppercase tracking-[0.26em] text-charcoal/50">Situation</div><p class="mt-2 text-[14px] leading-[1.65] text-charcoal/80">A national certification business running on Kentico CMS with an aging iMIS front end: developer-gated content, broken search across 1,000+ resources, and membership, learning, and commerce in separate silos.</p></div><div class="mt-6 border-l-2 border-vermilion pl-4"><div class="font-mono text-[9px] font-bold uppercase tracking-[0.26em] text-vermilion">Outcome</div><p class="mt-2 font-display text-[17px] font-semibold italic leading-[1.4] text-charcoal">15s → 2s page loads<!-- --> · 36K organic visits a month at 8.7% CTR<!-- -->.</p></div><div class="mt-6 space-y-2 border-t border-charcoal/10 pt-5"><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Capability</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">Strategy</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">Engineering</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">Design</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-vermilion/40 text-vermilion">RevOps &amp; Growth</span></div><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Platform</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/30 text-charcoal/75">Drupal</span></div><div class="flex flex-wrap items-center gap-x-2 gap-y-1.5"><span class="font-mono text-[9px] font-bold uppercase tracking-[0.22em] text-charcoal/60">Industry</span><span class="inline-flex items-center border px-2 py-0.5 font-mono text-[9.5px] font-semibold uppercase tracking-[0.16em] border-charcoal/20 text-charcoal/55">Non-profit</span></div></div><div class="mt-auto pt-7">
1<span class="inline-flex items-center gap-2 self-start font-mono text-[11px] font-bold uppercase tracking-[0.22em] text-[#F25A02] transition-colors group-hover:text-charcoal">Read the story<span aria-hidden="true" class="transition-transform group-hover:translate-x-0.5">↗</span></span></div></div></article></a><figure class="relative flex flex-col justify-between bg-paper-dim p-8 md:p-10"><span aria-hidden="true" class="absolute -top-[3px] -left-[3px] h-2 w-2 border border-charcoal bg-paper"></span><span aria-hidden="true" class="absolute -top-[3px] -right-[3px] h-2 w-2 border border-charcoal bg-paper"></span><span aria-hidden="true" class="absolute -bottom-[3px] -left-[3px] h-2 w-2 border border-charcoal bg-paper"></span><span aria-hidden="true" class="absolute -bottom-[3px] -right-[3px] h-2 w-2 border border-charcoal bg-paper"></span><div><p class="font-mono text-[10px] font-bold uppercase tracking-[0.22em] text-vermilion">Client voice</p><blockquote class="mt-5 font-display text-[20px] font-semibold leading-[1.3] text-charcoal md:text-[22px]">“<!-- -->I&#x27;ve worked with many development companies and Axelerant has been by far the best experience. I appreciate everyone&#x27;s professionalism and can-do attitude.<!-- -->”</blockquote></div>
1<figcaption class="mt-8 border-t border-charcoal/15 pt-4"><div class="font-display text-[14px] font-semibold text-charcoal">Bram Verweij</div><div class="mt-0.5 font-mono text-[10px] uppercase tracking-[0.18em] text-charcoal/55">Digital Content Specialist<!-- --> · <!-- -->Internal Displacement Monitoring Centre</div></figcaption></figure><figure class="relative flex flex-col justify-between bg-paper-dim p-8 md:p-10"><span aria-hidden="true" class="absolute -top-[3px] -left-[3px] h-2 w-2 border border-charcoal bg-paper"></span><span aria-hidden="true" class="absolute -top-[3px] -right-[3px] h-2 w-2 border border-charcoal bg-paper"></span><span aria-hidden="true" class="absolute -bottom-[3px] -left-[3px] h-2 w-2 border border-charcoal bg-paper"></span><span aria-hidden="true" class="absolute -bottom-[3px] -right-[3px] h-2 w-2 border border-charcoal bg-paper"></span><div><p class="font-mono text-[10px] font-bold uppercase tracking-[0.22em] text-vermilion">Client voice</p><blockquote class="mt-5 font-display text-[20px] font-semibold leading-[1.3] text-charcoal md:text-[22px]">“<!-- -->So far we&#x27;re happy with the way things are going with the team. Thank you all for the engagement so far.<!-- -->”</blockquote></div>
1<figcaption class="mt-8 border-t border-charcoal/15 pt-4"><div class="font-display text-[14px] font-semibold text-charcoal">Client pulse survey</div><div class="mt-0.5 font-mono text-[10px] uppercase tracking-[0.18em] text-charcoal/55">100% Delighted response<!-- --> · <!-- -->Kohler</div></figcaption></figure></div><div class="mt-12 border-t border-charcoal/15 pt-6"></div></div></section><section class="border-b border-charcoal/15 bg-paper-dim/55"><div class="mx-auto max-w-[1280px] px-6 py-14 md:px-10 md:py-20"><div class="grid gap-10 md:grid-cols-12 md:items-start md:gap-10"><div class="md:col-span-5"><div class="font-mono text-[10px] font-bold uppercase tracking-[0.22em] text-vermilion">Or, ask Foyer</div><h2 class="mt-4 font-display text-[28px] font-semibold leading-[1.1] tracking-tight text-charcoal md:text-[38px]">Skip the filters. Tell Foyer your situation. The index recomposes as a <span class="accent-italic">dossier written for your shape</span>.</h2><p class="mt-5 max-w-[44ch] text-[15px] leading-[1.7] text-charcoal/70">Two lines on your stack, your window, and what shipped would look like. Foyer returns the closest 2–3 records and a one-page read on how we&#x27;d plug in.</p></div><div class="md:col-span-7"><div class="relative border border-charcoal bg-paper p-5 md:p-6"><span class="absolute -top-[5px] -left-[5px] h-2.5 w-2.5 border border-charcoal bg-paper"></span><span class="absolute -top-[5px] -right-[5px] h-2.5 w-2.5 border border-charcoal bg-paper"></span><span class="absolute -bottom-[5px] -left-[5px] h-2.5 w-2.5 border border-charcoal bg-paper"></span><span class="absolute -bottom-[5px] -right-[5px] h-2.5 w-2.5 border border-charcoal bg-paper"></span><div class="relative scroll-mt-24 border border-charcoal bg-paper-dim "><span class="absolute -top-[5px] -left-[5px] h-2.5 w-2.5 border border-charcoal bg-paper"></span><span class="absolute -top-[5px] -right-[5px] h-2.5 w-2.5 border border-charcoal bg-paper"></span><span class="absolute -bottom-[5px] -left-[5px] h-2.5 w-2.5 border border-charcoal bg-paper"></span><span class="absolute -bottom-[5px] -right-[5px] h-2.5 w-2.5 border border-charcoal bg-paper"></span><div class="p-6 md:p-8"><div class="flex items-center gap-3"><span class="inline-block h-1.5 w-1.5 bg-vermilion "></span><span class="font-mono text-[10px] font-bold uppercase tracking-[0.22em] text-vermilion">Ask Foyer · this index becomes your dossier</span>
1<span class="h-px flex-1 bg-charcoal/15"></span><span class="hidden font-mono text-[10px] uppercase tracking-[0.18em] text-charcoal/55 md:inline">Context: <!-- -->work</span></div><form class="mt-5"><textarea placeholder="e.g. &#x27;We&#x27;re a non-profit on Drupal 9, mid-replatform, scope drifting. Show me records closest to this.&#x27;" rows="3" class="block w-full resize-none border border-charcoal/25 bg-paper p-4 font-display text-[15px] font-semibold leading-snug text-charcoal placeholder:font-sans placeholder:text-[13px] placeholder:font-normal placeholder:text-charcoal/60 focus:border-charcoal focus:outline-none"></textarea><div class="mt-4 flex items-center justify-between gap-4"><span class="font-mono text-[10px] uppercase tracking-[0.18em] text-charcoal/50">Press <span class="text-charcoal/75">Enter</span> to send · or pick a starter below</span><button type="submit" disabled="" class="inline-flex items-center gap-2 bg-charcoal px-5 py-2.5 font-mono text-[10px] font-bold uppercase tracking-[0.2em] text-paper transition-colors hover:bg-vermilion disabled:cursor-not-allowed disabled:opacity-40">Compose dossier<span class="block h-px w-4 bg-paper"></span></button></div></form>
1<div class="mt-6 border-t border-charcoal/15 pt-5"><div class="font-mono text-[10px] font-semibold uppercase tracking-[0.22em] text-charcoal/55">Starters for someone in your seat</div><div class="mt-3 flex flex-wrap gap-2"><button type="button" class="group inline-flex items-center gap-2 border border-charcoal/30 bg-paper px-3 py-2 text-left font-mono text-[11px] font-semibold uppercase tracking-[0.1em] text-charcoal transition-colors hover:border-charcoal hover:bg-paper-dim hover:text-vermilion">Mid-replatform, drifting on scope<span class="block h-px w-3 bg-charcoal transition-all group-hover:w-5 group-hover:bg-vermilion"></span></button><button type="button" class="group inline-flex items-center gap-2 border border-charcoal/30 bg-paper px-3 py-2 text-left font-mono text-[11px] font-semibold uppercase tracking-[0.1em] text-charcoal transition-colors hover:border-charcoal hover:bg-paper-dim hover:text-vermilion">HubSpot + Drupal handoff is broken<span class="block h-px w-3 bg-charcoal transition-all group-hover:w-5 group-hover:bg-vermilion"></span></button><button type="button" class="group inline-flex items-center gap-2 border border-charcoal/30 bg-paper px-3 py-2 text-left font-mono text-[11px] font-semibold uppercase tracking-[0.1em] text-charcoal transition-colors hover:border-charcoal hover:bg-paper-dim hover:text-vermilion">PE post-close, first 90 days<span class="block h-px w-3 bg-charcoal transition-all group-hover:w-5 group-hover:bg-vermilion"></span></button><button type="button" class="group inline-flex items-center gap-2 border border-charcoal/30 bg-paper px-3 py-2 text-left font-mono text-[11px] font-semibold uppercase tracking-[0.1em] text-charcoal transition-colors hover:border-charcoal hover:bg-paper-dim hover:text-vermilion">Not sure, read me<span class="block h-px w-3 bg-charcoal transition-all group-hover:w-5 group-hover:bg-vermilion"></span></button></div></div></div><!--$--><!--/$--></div></div></div></div></div></section><!--$?--><template id="B:0"></template><!--/$--><footer data-cta-surface="footer" class="border-t border-charcoal/1
15 bg-charcoal text-paper"><div class="mx-auto max-w-[1280px] px-6 py-16 md:px-10 md:py-20"><div class="grid gap-12 md:grid-cols-12"><div class="md:col-span-6"><img src="/assets/axelerant-logo-light-BhD_KuVQ.svg" alt="Axelerant" width="300" height="89" loading="lazy" decoding="async" class="mb-8 h-[45px] w-auto object-contain"/><p class="t-h4 max-w-md not-italic text-paper/85">A human runs the work. AI runs underneath, in the open.</p><p class="t-small mt-6 max-w-md text-paper/55">150+ people across 12 countries. The agency, rebuilt around AI.</p></div><div class="md:col-span-2"><div class="t-eyebrow border-b border-paper/20 pb-2 text-vermilion">Who we are</div><ul class="mt-2 space-y-0 sm:mt-4 sm:space-y-2.5"><li><a class="t-small group inline-flex min-h-11 items-center gap-2 py-2 text-paper/75 transition-colors hover:text-paper sm:min-h-0 sm:py-0" href="/about">About Axelerant</a></li><li><a class="t-small group inline-flex min-h-11 items-center gap-2 py-2 text-paper/75 transition-colors hover:text-paper sm:min-h-0 sm:py-0" href="/industries">Industries</a></li><li><a class="t-small group inline-flex min-h-11 items-center gap-2 py-2 text-paper/75 transition-colors hover:text-paper sm:min-h-0 sm:py-0" href="/platforms">Platforms</a></li><li><a class="t-small group inline-flex min-h-11 items-center gap-2 py-2 text-paper/75 transition-colors hover:text-paper sm:min-h-0 sm:py-0" href="/how-we-do">How we do</a></li><li><a class="t-small group inline-flex min-h-11 items-center gap-2 py-2 text-paper/75 transition-colors hover:text-paper sm:min-h-0 sm:py-0" href="/careers">Careers</a></li><li><a class="t-small group inline-flex min-h-11 items-center gap-2 py-2 text-paper/75 transition-colors hover:text-paper sm:min-h-0 sm:py-0" href="/contact">Contact Us</a></li></ul></div><div class="md:col-span-2"><div class="t-eyebrow border-b border-paper/20 pb-2 text-vermilion">What we do</div><ul class="mt-2 space-y-0 sm:mt-4 sm:space-y-2.5"><li><a class="t-small group inline-flex min-h-11 items-center gap-2 py-2 text-paper/75 transition-colors hover:text-paper sm:min-h-0 sm:py-0" href="/what-we-do/strategy">Strategy</a></li><li><a class="t-small group inline-flex min-h-11 items-center gap-2 py-2 text-paper/75 transition-colors hover:text-paper sm:min-h-0 sm:py-0" href="/what-we-do/design">Design</a></li><li><a class="t-small group inline-flex min-h-11 items-center gap-2 py-2 text-paper/75 transition-colors hover:text-paper sm:min-h-0 sm:py-0" href="/what-we-do/engineering">Engineering</a></li><li><a class="t-small group inline-flex min-h-11 items-center gap-2 py-2 text-paper/75 transition-colors hover:text-paper sm:min-h-0 sm:py-0" href="/what-we-do/revops-and-growth">RevOps &amp; Growth Marketing</a></li></ul></div></div><div class="mt-16 flex flex-col items-start justify-between gap-6 border-t border-paper/15 pt-6 md:flex-row md:items-center"><div class="flex flex-col gap-3"><span class="t-eyebrow text-paper/55">© 2026 Axelerant</span><span class="t-chip text-paper/40">We operate from: United States · Canada · United Kingdom · Netherlands · UAE · India</span></div><div class="flex flex-col items-start gap-2 md:items-end"><div class="flex items-center gap-5"><a href="https://linkedin.com/company/axelerant" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" class="inline-flex h-11 w-11 items-center justify-center text-paper/50 transition-colors hover:text-vermilion sm:h-auto sm:w-auto"><svg viewBox="0 0 24 24" fill="currentColor" class="h-5 w-5"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></a><a href="https://x.com/axelerant" target="_blank" rel="noopener noreferrer" aria-label="X" class="inline-flex h-11 w-11 items-center justify-center text-paper/50 transition-colors hover:text-vermilion sm:h-auto sm:w-auto"><svg viewBox="0 0 24 24" fill="currentColor" class="h-5 w-5"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a><a href="https://www.youtube.com/c/Axelerant" target="_blank" rel="noopener noreferrer" aria-label="YouTube" class="inline-flex h-11 w-11 items-center justify-center text-paper/50 transition-colors hover:text-vermilion sm:h-auto sm:w-auto"><svg viewBox="0 0 24 24" fill="currentColor" class="h-5 w-5"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a><a href="https://www.facebook.com/axelerant/" target="_blank" rel="noopener noreferrer" aria-label="Facebook" class="inline-flex h-11 w-11 items-center justify-center text-paper/50 transition-colors hover:text-vermilion sm:h-auto sm:w-auto"><svg viewBox="0 0 24 24" fill="currentColor" class="h-5 w-5"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg></a>
1<a href="https://www.instagram.com/axelerantcom/" target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="inline-flex h-11 w-11 items-center justify-center text-paper/50 transition-colors hover:text-vermilion sm:h-auto sm:w-auto"><svg viewBox="0 0 24 24" fill="currentColor" class="h-5 w-5"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"></path></svg></a></div><a class="t-chip text-paper/45 underline-offset-2 hover:text-paper/80 hover:underline" href="/privacy-policy">We respect your privacy</a></div></div></div></footer></div>
1<script>(function(a,f){let l;try{l=JSON.parse(sessionStorage.getItem(a)||"{}")}catch{return}const n=l?.[f||history.state?.__TSR_key];let c=!1;for(const t in n){const e=n[t],o=e?.scrollX,s=e?.scrollY;if(Number.isFinite(o)&&Number.isFinite(s)){if(t==="window")scrollTo(o,s),c=!0;else if(t)try{const r=document.querySelector(t);r&&(r.scrollLeft=o,r.scrollTop=s)}catch{}}}if(c)return;const i=location.hash.slice(1);if(i){const t=history.state?.__hashScrollIntoViewOptions??!0;if(t){const e=document.getElementById(i);e&&e.scrollIntoView(t)}return}scrollTo(0,0)})("tsr-scroll-restoration-v1_3");document.currentScript.remove()</script>
1<!--/$--></main>
1<script data-tsr-stream-part="">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-CtZS8l_c.js"],scripts:$R[5]=[$R[6]={attrs:$R[7]={type:"module",async:!0,src:"/assets/index-CtZS8l_c.js"}}]},"/work":$R[8]={preloads:$R[9]=["/assets/work-BZLOLRDG.js","/assets/useServerFn-DVDx7IUv.js","/assets/useVisitorProfile-B_iKnSdn.js","/assets/ProtoChrome-wfcrXi0i.js","/assets/ArchivePager-Dv0fJLp6.js","/assets/SectionEyebrow-DL6PhRDG.js","/assets/AxelInline-BQZ_ha7-.js","/assets/PassionFins-Cl5klSkJ.js","/assets/caseStudies-DuNhOmyP.js","/assets/namedCases-BesLYr5M.js","/assets/clientBrands-CbYmBcg8.js","/assets/index-BhnloFaF.js","/assets/proxy-Fv8jenq1.js","/assets/is-svg-component-CdvQDMb_.js","/assets/DossierView-BMxjwtTK.js","/assets/EvidenceCTA-GXh8yqvY.js","/assets/foyer-client-CIomrWuK.js","/assets/ironman-logo-BijRTZwx.js","/assets/uel-logo-_CcvfxaX.js","/assets/kohler-logo-BOfAkBwI.js","/assets/idmc-logo-BGCYhx1E.js","/assets/ama_logo-1-n-0_fR8L.js","/assets/ohchr-logo-R2v1Lf_J.js","/assets/energy-safety-canada-logo.png.asset-CqfpTyzq.js","/assets/red-hat-Dl9-TT1Q.js","/assets/stanford-logo-VSHYVPqs.js","/assets/acquia-logo-CYZGx6K9.js","/assets/wildstyle-network-white.png.asset-DyAzqTL5.js","/assets/union-coop-logo-2-BbJaOxFj.js","/assets/wrap-logo.png.asset-BlHcdmh7.js"]}}}
1,matches:$R[10]=[$R[11]={i:"__root__�",u:1790908368768,s:"success",ssr:!0},$R[12]={i:"�work�work",u:1790908369028,s:"success",l:$R[13]={profile:null,archive:$R[14]=[$R[15]={href:"/work/engineering-a-real-time-betting-platform",title:"Engineering a Real-Time Betting Platform"},$R[16]={href:"/work/blue-state",title:"Blue State Evergreen Case Study"},$R[17]={href:"/work/wunderman-thompson",title:"Wunderman Thompson Evergreen Case Study"},$R[18]={href:"/work/advance-velocity",title:"Advance Velocity Evergreen Case Study"},$R[19]={href:"/work/acquia",title:"Acquia Evergreen Case Study - DX Show"},$R[20]={href:"/work/configero",title:"Configero Evergreen Case Study"},$R[21]={href:"/work/acquia",title:"Acquia Evergreen Case Study"},$R[22]={href:"/work/east-west-center-platform-modernization-user-engagement",title:"Success Stories | Drupal Platform Modernization for East-West Center"},$R[23]={href:"/work/sales-experience-marketing-automation-platform-franklin-madison",title:"Success Stories | Franklin Madison Sales Experience & Marketing Automation Platform"},$R[24]={href:"/work/exceptional-customer-support-through-salesforce-einstein-chatbot",title:"Success Stories | Customer Support with Salesforce Einstein Bot"},$R[25]={href:"/work/drupal-transformation-doctors-without-borders-website",title:"Success Stories | A Critical Drupal Transformation For Doctors Without Borders"},$R[26]={href:"/work/engineering-plugins-for-acquia-campaign-studio-mautic",title:"Success Stories | Plugins for Campaign Studio and Migration to Mautic"},$R[27]={href:"/work/multi-tenant-mautic-to-scale-email-marketing-for-ecommerce-saas",title:"Success Stories | Multi-Tenant Mautic to Scale Email Marketing"},$R[28]={href:"/work/marketing-automation-campaign-factory-mdg-axelerant",title:"Success Stories | Marketing Automation for MDG | Axelerant"},$R[29]={href:"/work/optimizing-multisite-management-for-an-ecological-transformation-firm-acquia",title:"Optimizing Multisite Management for an Ecological Transformation Firm"},$R[30]={href:"/work/optimizing-student-experiences-for-premier-north-american-management-school",title:"Success Stories | Optimising Student Experiences | Axelerant"},$R[31]={href:"/work/streamlining-sales-ops-by-auto-syncing-whatsapp-conversations-in-hubspot",title:"Success Stories | Streamlining Sales Ops | Axelerant"},$R[32]={href:"/work/elevating-idmcs-user-experience",title:"Success Stories | Elevating IDMC’s User Experience | Axelerant"},$R[33]={href:"/work/revamping-red-hat-developer-portal",title:"Revamping The Red Hat Developer Portal"},$R[34]={href:"/work/transforming-digital-experience-of-a-decking-manufacturer",title:"Success Stories | Transforming Digital Experience Of A Decking Manufacturer |  Axelerant"},$R[35]={href:"/work/modernizing-wrap-website-for-global-audience",title:"Expert UX Audit For WRAP Website"},$R[36]={href:"/work/streamlining-recruitment-screening-process-with-aquiz",title:"Success Stories | Streamlining Recruitment Screening | Axelerant"},$R[37]={href:"/work/streamlining-sales-and-support-systems-by-modernizing-legacy-salesforce-instance",title:"Success Stories | Streamlining Sales & Support Systems By Modernizing A Legacy Salesforce Instance  |  Axelerant"},$R[38]={href:"/work/consolidating-digital-experience-for-retail-megalith",title:"Success Stories | Consolidating Digital Experience Across 90+ Brands For Retail Megalith |  Axelerant"},$R[39]={href:"/work/ohchr-design-system-standardizing-ui-components",title:"OHCHR Design System: Standardizing UI Components for Consistency"},$R[40]={href:"/work/transformation-ama-digital-platform",title:"Success Stories | Drupal 11 Migration For The American Medical Association | Axelerant"},$R[41]={href:"/work/transforming-digital-experience-of-kohler",title:"Success Stories | Transforming Digital Experience Of Kohler Jacob Delafon |  Axelerant"},$R[42]={href:"/work/transforming-digital-experience-of-ironman",title:"Success Stories | Transforming Digital Experience Of The Ironman Group |  Axelerant"},$R[43]={href:"/work/union-coop-digital-asset-transformation",title:"Success Stories | Digital Asset Management Transformation For Union Coop | Axelerant"}
1,$R[44]={href:"/work/acquia-cloud",title:"Acquia Partner Series: Acquia Cloud | Axelerant"},$R[45]={href:"/work/acquia-dam",title:"Acquia Partner Series: Acquia DAM | Axelerant"},$R[46]={href:"/work/acquia-site-factory",title:"Acquia Partner Series: Acquia Site Factory | Axelerant"},$R[47]={href:"/work/bringing-drupals-responsive-design-to-georgias-premier-medical-group",title:"Bringing Responsiveness to Optim Spine Georgia's Premier Medical Group"},$R[48]={href:"/work/drupal-commerce-for-the-rich-and-famous",title:"Drupal Commerce for Mayfair Houses's Ecommerce Site"},$R[49]={href:"/work/support-for-the-worldwide-scout-movement",title:"Axelerant's Support For The Worldwide Scout Movement"},$R[50]={href:"/work/the-facet-axelerant-partnership",title:"How Axelerant Fuels Growth For Facet Interactive"},$R[51]={href:"/work/redhat-axelerant",title:"Supporting The Leading Provider Of Open Source Solutions"},$R[52]={href:"/work/suny-maritime-college-drupal-migration",title:"Drupal Migration For SUNY Maritime College"},$R[53]={href:"/work/continuous-support-for-synduits-network-marketing-platform",title:"Continuous Support for Synduit’s Network Marketing Platform"},$R[54]={href:"/work/devops-financial-services-cloud-migration-and-adoption",title:"Migrating an On-premise Application to AWS for a Debt Collection Solution Provider | Axelerant"},$R[55]={href:"/work/fortune-500-financial-services-decoupled-drupal",title:"Fortune 500 Financial Services & Decoupled Drupal"},$R[56]={href:"/work/sharing-stories-on-decoupled-drupal",title:"Success Stories on Decoupled Drupal | Axelerant"},$R[57]={href:"/work/devops-healthcare-ai-ml-ops",title:"How We Used AI/ML To Ease Debt Risk Management For An Acclaimed Cancer Center | Axelerant"},$R[58]={href:"/work/devops-high-tech-infrastructure-as-code",title:"How We Improved Resource Utilization and Optimized Costs for Red Hat | Axelerant"},$R[59]={href:"/work/frontend-high-tech-javascript",title:"How We Built A Powerful Tool To Facilitate Our Team’s Retrospectives | Axelerant"},$R[60]={href:"/work/devops-hospitality-wunderman",title:"Serverless, Decoupled Drupal With A Hybrid Cloud Approch For Global Resort Developer"},$R[61]={href:"/work/frontend-retail-accessibility",title:"Making a Multinational Supermarket’s eCommerce Platform Accessible | Axelerant"},$R[62]={href:"/work/drupal-healthcare-build",title:"Success Story | Drupal Development | Axelerant"},$R[63]={href:"/work/quality-assurance-consumer-brands-accessibility-testing",title:"How We Built Accessible Websites For A Consumer Goods Manufacturer"},$R[64]={href:"/work/quality-assurance-high-tech-consultative-qa",title:"Streamlining Testing Efforts in Partnership with WildStyle Network | Axelerant"},$R[65]={href:"/work/frontend-high-tech-jamstack",title:"How We Built a Blazingly Fast & Secure Knowledge Management System Using JAMstack | Axelerant"},$R[66]={href:"/work/quality-assurance-higher-education-drupal-qa",title:"How We Built Scalable Multisites For A Leading Research University"},$R[67]={href:"/work/quality-assurance-higher-education-test-automation",title:"How Early Design of Automated Testing Helped While Upgrading OpenScholar’s Platform | Axelerant"},$R[68]={href:"/work/drupal-media-entertainment-migration",title:"Success Story | Drupal Migration | Axelerant"},$R[69]={href:"/work/quality-assurance-retail-web-testing",title:"Success Story | Quality Assurance | Web Testing | Axelerant"},$R[70]={href:"/work/drupal-hospitality-wunderman",title:"Success Story | Decoupled Drupal | Axelerant"},$R[71]={href:"/work/salesforce-financial-services-payment-processing",title:"Migrating From Managed to Unmanaged Salesforce Packages for a Fintech Solution Provider | Axelerant"},$R[72]={href:"/work/drupal-retail-partnership-portal-application-development",title:"Success Story | Drupal | Application Development | Axelerant"},$R[73]={href:"/work/progressive-web-application-kashmir",title:"How We Built a Highly Performant News Aggregator for Internet Users in Kashmir | Axelerant"},$R[74]={href:"/work/time-critical-responsive-website-for-red-hat-project",title:"Time Critical Responsiveness For Red Hat"}
1,$R[75]={href:"/work/the-ffw-axelerant-partnership",title:"How Axelerant Forged The FFW Partnership On Quality"},$R[76]={href:"/work/the-acquia-axelerant-partnership",title:"How We Support The Biggest Name In Drupal"},$R[77]={href:"/work/global-retail-franchise-empowers-ecommerce",title:"Global Franchise DXP Overhaul With Acquia Cloud Site Factory, Drupal & Magento"},$R[78]={href:"/work/moving-sharepoint-drupal8",title:"Moving from SharePoint to Drupal 8"},$R[79]={href:"/work/salesforce-sf-chatbot-for-cx",title:"Exceptional CX through an SF Einstein Chatbot | Success Story"},$R[80]={href:"/work/transforming-digital-experience-content-publishing-for-ohchr",title:"Success Stories | Transforming DX and Content Publishing for OHCHR"},$R[81]={href:"/work/creating-a-community-based-wordpress-website-for-integrative-wellness",title:"Success Stories | Community WordPress Website for Integrative Wellness"},$R[82]={href:"/work/learningdesigned-cast-drupal-audit",title:"Success Stories | Drupal Audit for Learningdesigned.org | Axelerant"},$R[83]={href:"/work/dxp-for-university-of-east-london",title:"Success Stories | DXP for University for East London | Axelerant"},$R[84]={href:"/work/energy-safety-canada-member-experience",title:"Growth Without Disruption: How Energy Safety Canada Modernized Its Member Experience"},$R[85]={href:"/work/race-forward-multi-site-drupal-migration",title:"Success Stories | From Migration To Movement: Race Forward's Unified Drupal Ecosystem | Axelerant"}]},ssr:!0}]})($R["tsr"]);$_TSR.e();{let s=document.currentScript,p;while((p=s.previousElementSibling)&&p.hasAttribute('data-tsr-stream-part'))p.remove();s.remove()}</script>
1<script type="module" async="" src="/assets/index-CtZS8l_c.js"></script>
1<script>document.currentScript.remove();/*$tsr-stream-boundary*/</script>
1<script id="_R_">requestAnimationFrame(function(){$RT=performance.now()});</script>
1<div hidden id="S:0"><section class="scroll-mt-24 bg-charcoal text-paper"><div class="mx-auto max-w-[1280px] px-6 py-24 md:px-10 md:py-28"><div class="mb-12 flex items-center gap-3 font-mono text-[10px] font-bold uppercase tracking-[0.22em] text-vermilion"><span class="block h-px w-8 bg-vermilion"></span>Brief us · Engagement scoping<span class="block h-px flex-1 bg-paper/15"></span></div><div class="grid gap-12 md:grid-cols-12"><div class="md:col-span-6"><h2 class="font-display text-balance text-3xl font-semibold leading-[1.05] text-paper md:text-[44px]">Tell us the engagement.<!-- --> <span class="italic text-vermilion">We&#x27;ll come back with the closest record and a way in.</span></h2><p class="mt-6 max-w-md text-pretty text-[16px] leading-[1.7] text-paper/75">Send the situation, the stack, and the window. A named delivery lead replies within one business day.</p></div><div class="md:col-span-6"><div class="relative flex h-full flex-col justify-between border border-paper/30 bg-charcoal p-8"><span class="absolute -top-[5px] -left-[5px] h-2.5 w-2.5 border border-paper bg-charcoal"></span><span class="absolute -top-[5px] -right-[5px] h-2.5 w-2.5 border border-paper bg-charcoal"></span><span class="absolute -bottom-[5px] -left-[5px] h-2.5 w-2.5 border border-paper bg-charcoal"></span><span class="absolute -bottom-[5px] -right-[5px] h-2.5 w-2.5 border border-paper bg-charcoal"></span><div class="font-mono text-[10px] font-bold uppercase tracking-[0.22em] text-vermilion">Brief form · Engagement</div><div class="mt-6 space-y-6"><p class="font-display text-2xl font-semibold leading-snug text-paper">A short brief. A named partner replies within one business day.</p><p class="text-[14px] leading-[1.7] text-paper/70">Six quick fields. Nothing you would not tell a colleague in a hallway.</p><button type="button" class="group inline-flex w-full items-center justify-between bg-vermilion px-6 py-4 font-mono text-[11px] font-bold uppercase tracking-[0.2em] text-paper transition-colors hover:bg-paper hover:text-charcoal">Fill the form<span class="block h-px w-8 bg-paper transition-all group-hover:w-14 group-hover:bg-charcoal"></span></button><p class="font-mono text-[9px] uppercase tracking-[0.18em] text-paper/45">Replied to by a named partner within one business day.</p></div></div></div></div></div></section></div>
1<script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
2$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script>
2</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.