{"id":13313,"date":"2025-08-08T09:06:19","date_gmt":"2025-08-08T08:06:19","guid":{"rendered":"https:\/\/pre.mammoth.io\/?page_id=13313"},"modified":"2026-05-07T02:55:02","modified_gmt":"2026-05-07T01:55:02","slug":"case-studies","status":"publish","type":"page","link":"https:\/\/mammoth.io\/mammoth_v2\/resources\/case-studies\/","title":{"rendered":"What it looks like in practice."},"content":{"rendered":"\n<!--\n  Mammoth Case Studies \u2014 wp-pages\/case-studies.html.\n  Filter UI in vanilla JS at the bottom.\n-->\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@400;700;900&family=Lato:wght@300;400;700&family=Space+Mono:wght@400;700&display=swap');\n  :root {\n    --m-g: #02786d; --m-g2: #1be296; --m-gd: #005e55; --m-gs: #e0f9f5; --m-gl: rgba(2,120,109,0.18);\n    --m-k: #212529; --m-k2: #495057; --m-km: #6c757c; --m-kf: #9ca1ab;\n    --m-w: #FFFFFF; --m-c: #f9fafb; --m-l: #e3e5e8; --m-ls: #eef0f2;\n    --m-ff: 'Mulish', sans-serif;\n    --m-fi: 'Lato', sans-serif;\n  }\n  .m-cases { font-family: var(--m-fi); color: var(--m-k); background: var(--m-w); line-height: 1.5; }\n  .m-cases * { box-sizing: border-box; }\n  .m-cases h1, .m-cases h2, .m-cases h3 { margin: 0; }\n  .m-cases p { margin: 0; }\n  .m-cases a { color: inherit; text-decoration: none; }\n\n  .m-w { max-width: 1280px !important; margin: 0 auto !important; padding: 0 80px !important; }\n  .m-w--narrow { max-width: 960px !important; }\n\n  .m-eyebrow { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; color: var(--m-g); margin-bottom: 14px !important; }\n  .m-h1 { font-family: var(--m-ff); font-size: 48px; font-weight: 900; line-height: 1.05; letter-spacing: -0.02em; margin-bottom: 14px !important; color: var(--m-k); }\n  .m-h1 em { font-style: italic; color: var(--m-g); font-weight: 900; }\n  .m-lead { font-size: 17px; color: var(--m-k2); margin-bottom: 32px !important; }\n\n  .m-hero { padding: 72px 0 32px !important; }\n\n  .m-featured { background: var(--m-ls); color: var(--m-k); border: 1px solid var(--m-l); border-radius: 16px; padding: 36px 32px; margin-bottom: 36px; }\n  .m-featured__inner { display: grid; grid-template-columns: 1.5fr 1fr; gap: 36px; align-items: center; }\n  .m-featured__label { font-size: 11px; color: var(--m-g); text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 12px; font-weight: 600; }\n  .m-featured__name { font-family: var(--m-ff); font-size: 30px; font-weight: 400; margin-bottom: 8px; color: var(--m-k); }\n  .m-featured__tagline { font-size: 13px; color: var(--m-kf); margin-bottom: 18px; }\n  .m-featured__body { font-size: 16px; color: var(--m-k2); line-height: 1.6; margin-bottom: 18px; max-width: 480px; }\n  .m-featured__link { font-size: 13px; font-weight: 600; color: var(--m-g); }\n  .m-featured__metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n  .m-featured__metric { background: var(--m-w); border: 1px solid var(--m-l); border-radius: 10px; padding: 16px 14px; }\n  .m-featured__metric-v { font-family: var(--m-ff); font-size: 26px; font-weight: 500; color: var(--m-g); }\n  .m-featured__metric-l { font-size: 11px; color: var(--m-kf); margin-top: 2px; }\n\n  .m-filters { display: flex; gap: 6px; margin-bottom: 24px; flex-wrap: wrap; }\n  .m-filter { padding: 7px 16px; border-radius: 99px; border: 1.5px solid var(--m-l); background: transparent; color: var(--m-km); font-size: 12.5px; font-weight: 600; cursor: pointer; font-family: inherit; }\n  .m-filter[aria-pressed=\"true\"] { border-color: var(--m-g); background: var(--m-gs); color: var(--m-gd); }\n\n  .m-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding-bottom: 64px; }\n  .m-card { padding: 26px 24px; border: 1px solid var(--m-l); border-radius: 14px; background: var(--m-w); }\n  .m-card__name { font-family: var(--m-ff); font-size: 17px; font-weight: 600; margin-bottom: 4px; }\n  .m-card__industry { font-size: 11px; color: var(--m-kf); text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 14px; font-weight: 600; }\n  .m-card__p { font-size: 13.5px; color: var(--m-k2); line-height: 1.55; margin-bottom: 14px; }\n  .m-card__link { font-size: 12.5px; font-weight: 600; color: var(--m-g); }\n\n  .m-cta { background: var(--m-ls); padding: 88px 32px; position: relative; overflow: hidden; }\n  .m-cta::before { content: \"\"; position: absolute; inset: 0; background: radial-gradient(ellipse 50% 60% at 50% 0%, rgba(27,226,150,0.12), transparent 70%); pointer-events: none; }\n  .m-cta__inner { text-align: center; position: relative; }\n  .m-cta__h { font-family: var(--m-ff); font-size: 36px; font-weight: 900; color: var(--m-k); margin-bottom: 16px; letter-spacing: -0.02em; }\n  .m-cta__h em { font-style: italic; color: var(--m-g); }\n  .m-cta__p { font-size: 15px; color: var(--m-km); margin: 0 auto 28px; max-width: 460px; line-height: 1.65; }\n  .m-cta__btns { display: inline-flex; gap: 10px; justify-content: center; flex-wrap: wrap; }\n  .m-btn { display: inline-flex; align-items: center; padding: 11px 24px; border-radius: 8px; font-size: 16px; line-height: 1.1; font-weight: 600; border: none; cursor: pointer; text-decoration: none; }\n  .m-btn--green { background: var(--m-g); color: #fff; }\n  .m-btn--primary { background: var(--m-g2); color: var(--m-k); }\n  .m-btn--inverse { background: #fff; color: var(--m-k); }\n\n  @media (max-width: 900px) {\n    .m-grid { grid-template-columns: 1fr 1fr; }\n    .m-featured__inner { grid-template-columns: 1fr; }\n  }\n  @media (max-width: 600px) {\n    .m-grid { grid-template-columns: 1fr; }\n    .m-h1 { font-size: 36px; }\n  }\n\n  \/* === Hard override: defeat live WP theme button styles === *\/\n  .m-cases button,\n  .m-cases a.m-btn {\n    background-image: none !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n    box-shadow: none !important;\n    text-decoration: none !important;\n    text-shadow: none !important;\n    min-height: 0 !important;\n    line-height: 1.1 !important;\n  }\n  .m-cases .m-btn { border: 0 !important; border-radius: 8px !important; padding: 11px 24px !important; font-size: 16px !important; font-weight: 600 !important; }\n  .m-cases .m-btn--green   { background: var(--m-g) !important;  color: #fff !important; }\n  .m-cases .m-btn--primary { background: var(--m-g2) !important; color: var(--m-k) !important; }\n  .m-cases .m-btn--ghost   { background: transparent !important; color: var(--m-k) !important; border: 1.5px solid #ced4da !important; }\n  .m-cases .m-btn--inverse { background: #fff !important; color: var(--m-k) !important; }\n\n  .m-cases .m-filter {\n    background: transparent !important; color: var(--m-km) !important;\n    border: 1.5px solid var(--m-l) !important; border-radius: 99px !important;\n    padding: 7px 16px !important; font-size: 12.5px !important; font-weight: 600 !important;\n  }\n  .m-cases .m-filter[aria-pressed=\"true\"] {\n    background: var(--m-gs) !important; color: var(--m-gd) !important; border-color: var(--m-g) !important;\n  }\n<\/style>\n\n<div class=\"m-cases\">\n  <section class=\"m-w\">\n    <div class=\"m-hero\">\n      <div class=\"m-eyebrow\">Case Studies<\/div>\n      <h1 class=\"m-h1\">What it looks like <em>in practice.<\/em><\/h1>\n      <p class=\"m-lead\">Real teams. Real data problems. Specific outcomes.<\/p>\n    <\/div>\n  <\/section>\n\n  <section class=\"m-w\">\n    <div class=\"m-featured\">\n      <div class=\"m-featured__inner\">\n        <div>\n          <div class=\"m-featured__label\">Featured<\/div>\n          <div class=\"m-featured__name\">Arla Foods<\/div>\n          <div class=\"m-featured__tagline\">Europe&#8217;s largest dairy cooperative<\/div>\n          <p class=\"m-featured__body\">Automated management reporting across 17 countries. 1,200 hours saved annually. Regional teams generate their own reports without waiting for IT.<\/p>\n          <a class=\"m-featured__link\" href=\"#arla\">Read the full story<\/a>\n        <\/div>\n        <div class=\"m-featured__metrics\">\n          <div class=\"m-featured__metric\"><div class=\"m-featured__metric-v\">1,200<\/div><div class=\"m-featured__metric-l\">hours \/ yr<\/div><\/div>\n          <div class=\"m-featured__metric\"><div class=\"m-featured__metric-v\">17<\/div><div class=\"m-featured__metric-l\">countries<\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"m-filters\" role=\"group\" aria-label=\"Filter case studies\">\n      <button class=\"m-filter\" data-filter=\"all\" aria-pressed=\"true\">All<\/button>\n      <button class=\"m-filter\" data-filter=\"retail\" aria-pressed=\"false\">Retail &amp; CPG<\/button>\n      <button class=\"m-filter\" data-filter=\"health\" aria-pressed=\"false\">Healthcare<\/button>\n      <button class=\"m-filter\" data-filter=\"svc\" aria-pressed=\"false\">Services<\/button>\n    <\/div>\n\n    <div class=\"m-grid\" id=\"m-grid\"><\/div>\n  <\/section>\n\n  <section class=\"m-cta\">\n    <div class=\"m-w m-w--narrow\">\n      <div class=\"m-cta__inner\">\n        <h2 class=\"m-cta__h\">Try it on your data. <em>Today.<\/em><\/h2>\n        <p class=\"m-cta__p\">21 days of full Pro. No credit card. If you don&#8217;t subscribe, your work moves to the Free plan \u2014 nothing gets deleted.<\/p>\n        <div class=\"m-cta__btns\">\n          <a class=\"m-btn m-btn--primary\" href=\"\/pricing\/\">Start free<\/a>\n          <a class=\"m-btn m-btn--ghost\" href=\"\/contact-us\/\">Talk to sales<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function () {\n  var ALL = [\n    { n: \"Arla Foods\",        i: \"Retail & CPG\",          t: \"retail\", s: \"17 countries. 1,200 hours saved annually.\" },\n    { n: \"Starbucks\",         i: \"Retail & CPG\",          t: \"retail\", s: \"764% ROI. 53% cost reduction.\" },\n    { n: \"Bacardi\",           i: \"Retail & CPG\",          t: \"retail\", s: \"Reports in minutes, not days.\" },\n    { n: \"BAT\",               i: \"Retail & CPG\",          t: \"retail\", s: \"200+ products tracked daily.\" },\n    { n: \"NielsenIQ\",         i: \"Professional Services\", t: \"svc\",    s: \"Cross-market reporting standardized.\" },\n    { n: \"RethinkFirst\",      i: \"Healthcare\",            t: \"health\", s: \"50+ hours saved per month.\" },\n    { n: \"PTI\",               i: \"Professional Services\", t: \"svc\",    s: \"3x more clients served.\" },\n    { n: \"Everest Detection\", i: \"Healthcare\",            t: \"health\", s: \"Data prep 20hrs to 2hrs weekly.\" }\n  ];\n\n  function esc(s) { return String(s).replace(\/[&<>\"']\/g, function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c];}); }\n  function render(filter) {\n    var items = filter === \"all\" ? ALL : ALL.filter(function (x) { return x.t === filter; });\n    document.getElementById(\"m-grid\").innerHTML = items.map(function (s) {\n      return '<div class=\"m-card\">' +\n        '<div class=\"m-card__name\">' + esc(s.n) + '<\/div>' +\n        '<div class=\"m-card__industry\">' + esc(s.i) + '<\/div>' +\n        '<p class=\"m-card__p\">' + esc(s.s) + '<\/p>' +\n        '<a class=\"m-card__link\" href=\"#' + esc(s.n.toLowerCase().replace(\/\\s+\/g, '-')) + '\">Read story<\/a>' +\n      '<\/div>';\n    }).join(\"\");\n  }\n\n  Array.prototype.forEach.call(document.querySelectorAll(\".m-filter\"), function (btn) {\n    btn.addEventListener(\"click\", function () {\n      Array.prototype.forEach.call(document.querySelectorAll(\".m-filter\"), function (b) {\n        b.setAttribute(\"aria-pressed\", b === btn ? \"true\" : \"false\");\n      });\n      render(btn.getAttribute(\"data-filter\"));\n    });\n  });\n\n  render(\"all\");\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Case Studies What it looks like in practice. Real teams. Real data problems. Specific outcomes. Featured Arla Foods Europe&#8217;s largest dairy cooperative Automated management reporting across 17 countries. 1,200 hours saved annually. Regional teams generate their own reports without waiting for IT. Read the full story 1,200 hours \/ yr 17 countries All Retail &amp; [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":12597,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"content-type":"","footnotes":""},"class_list":["post-13313","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/mammoth.io\/mammoth_v2\/wp-json\/wp\/v2\/pages\/13313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mammoth.io\/mammoth_v2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mammoth.io\/mammoth_v2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mammoth.io\/mammoth_v2\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/mammoth.io\/mammoth_v2\/wp-json\/wp\/v2\/comments?post=13313"}],"version-history":[{"count":54,"href":"https:\/\/mammoth.io\/mammoth_v2\/wp-json\/wp\/v2\/pages\/13313\/revisions"}],"predecessor-version":[{"id":20322,"href":"https:\/\/mammoth.io\/mammoth_v2\/wp-json\/wp\/v2\/pages\/13313\/revisions\/20322"}],"up":[{"embeddable":true,"href":"https:\/\/mammoth.io\/mammoth_v2\/wp-json\/wp\/v2\/pages\/12597"}],"wp:attachment":[{"href":"https:\/\/mammoth.io\/mammoth_v2\/wp-json\/wp\/v2\/media?parent=13313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}