{"product_id":"mugs-with-meaning","title":"Mugs with Meaning | A Personal Message They Can Keep","description":"\u003cstyle\u003e\n  .mwm-product-story {\n    --mwm-pink: #f25c82;\n    --mwm-pink-dark: #dc456f;\n    --mwm-pink-soft: #fde4e9;\n    --mwm-blush: #fff0f3;\n    --mwm-cream: #fff9f5;\n    --mwm-warm: #faecd6;\n    --mwm-green: #e9f1e4;\n    --mwm-blue: #e7f0f4;\n    --mwm-purple: #eee5f4;\n    --mwm-text: #282326;\n    --mwm-muted: #706669;\n    --mwm-border: #f0dadd;\n    --mwm-white: #ffffff;\n    --mwm-radius: 26px;\n\n    width: 100%;\n    background: var(--mwm-cream);\n    color: var(--mwm-text);\n    overflow: hidden;\n  }\n\n  .mwm-product-story * {\n    box-sizing: border-box;\n  }\n\n  .mwm-product-story .mwm-container {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n  }\n\n  .mwm-product-story .mwm-section {\n    padding: 85px 0;\n  }\n\n  .mwm-product-story .mwm-section-white {\n    background: #fffdfb;\n  }\n\n  .mwm-product-story .mwm-section-blush {\n    background: var(--mwm-blush);\n  }\n\n  .mwm-product-story .mwm-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 14px;\n    color: var(--mwm-pink-dark);\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1;\n    letter-spacing: .1em;\n    text-transform: uppercase;\n  }\n\n  .mwm-product-story .mwm-eyebrow::before {\n    content: \"♥\";\n    color: var(--mwm-pink);\n    font-size: 12px;\n  }\n\n  .mwm-product-story .mwm-heading {\n    margin: 0;\n    color: var(--mwm-text);\n    font-family: var(--font-heading-family, inherit);\n    font-size: clamp(34px, 4.5vw, 58px);\n    font-weight: 800;\n    line-height: 1;\n    letter-spacing: -.045em;\n  }\n\n  .mwm-product-story .mwm-heading .pink {\n    color: var(--mwm-pink);\n  }\n\n  .mwm-product-story .mwm-copy {\n    color: var(--mwm-muted);\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  .mwm-product-story .mwm-copy p {\n    margin: 0 0 17px;\n  }\n\n  .mwm-product-story .mwm-copy p:last-child {\n    margin-bottom: 0;\n  }\n\n  .mwm-product-story .mwm-centered {\n    max-width: 790px;\n    margin-left: auto;\n    margin-right: auto;\n    text-align: center;\n  }\n\n  .mwm-product-story .mwm-centered .mwm-copy {\n    margin-top: 20px;\n  }\n\n\n  \/* INTRO *\/\n\n  .mwm-product-story .mwm-intro {\n    padding: 90px 0;\n    position: relative;\n    background:\n      radial-gradient(\n        circle at 8% 20%,\n        rgba(242,92,130,.08),\n        transparent 22%\n      ),\n      radial-gradient(\n        circle at 92% 80%,\n        rgba(242,92,130,.06),\n        transparent 20%\n      ),\n      var(--mwm-cream);\n  }\n\n  .mwm-product-story .mwm-intro-grid {\n    display: grid;\n    grid-template-columns: .9fr 1.1fr;\n    gap: 70px;\n    align-items: center;\n  }\n\n  .mwm-product-story .mwm-intro-copy {\n    max-width: 560px;\n  }\n\n  .mwm-product-story .mwm-intro-copy .mwm-copy {\n    margin-top: 23px;\n  }\n\n  .mwm-product-story .mwm-emotion-card {\n    padding: 38px;\n    position: relative;\n    overflow: hidden;\n    border: 1px solid var(--mwm-border);\n    border-radius: var(--mwm-radius);\n    background: var(--mwm-white);\n    box-shadow: 0 24px 60px rgba(71, 42, 51, .08);\n  }\n\n  .mwm-product-story .mwm-emotion-card::before {\n    content: \"♡\";\n    position: absolute;\n    right: 22px;\n    top: 14px;\n    color: var(--mwm-pink);\n    font-size: 45px;\n    opacity: .17;\n    transform: rotate(10deg);\n  }\n\n  .mwm-product-story .mwm-big-heart {\n    width: 68px;\n    height: 68px;\n    margin-bottom: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 20px;\n    background: var(--mwm-pink-soft);\n    color: var(--mwm-pink);\n    font-size: 30px;\n  }\n\n  .mwm-product-story .mwm-emotion-card h3 {\n    max-width: 450px;\n    margin: 0 0 17px;\n    font-family: var(--font-heading-family, inherit);\n    font-size: clamp(25px, 3vw, 36px);\n    line-height: 1.12;\n    letter-spacing: -.035em;\n  }\n\n  .mwm-product-story .mwm-emotion-card p {\n    margin: 0;\n    color: var(--mwm-muted);\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .mwm-product-story .mwm-scan-note {\n    margin-top: 25px;\n    padding: 18px;\n    display: flex;\n    gap: 12px;\n    align-items: center;\n    border-radius: 16px;\n    background: var(--mwm-blush);\n  }\n\n  .mwm-product-story .mwm-scan-symbol {\n    width: 42px;\n    height: 42px;\n    flex: 0 0 42px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 13px;\n    background: var(--mwm-white);\n    color: var(--mwm-pink);\n    font-size: 21px;\n  }\n\n  .mwm-product-story .mwm-scan-note strong {\n    display: block;\n    margin-bottom: 2px;\n    font-size: 13px;\n  }\n\n  .mwm-product-story .mwm-scan-note span {\n    color: var(--mwm-muted);\n    font-size: 12px;\n    line-height: 1.4;\n  }\n\n\n  \/* HOW IT WORKS *\/\n\n  .mwm-product-story .mwm-steps {\n    margin-top: 48px;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 18px;\n  }\n\n  .mwm-product-story .mwm-step {\n    min-height: 285px;\n    padding: 26px 20px;\n    position: relative;\n    overflow: hidden;\n    border-radius: 22px;\n    text-align: center;\n  }\n\n  .mwm-product-story .mwm-step:nth-child(1) {\n    background: #fbe1e6;\n  }\n\n  .mwm-product-story .mwm-step:nth-child(2) {\n    background: var(--mwm-warm);\n  }\n\n  .mwm-product-story .mwm-step:nth-child(3) {\n    background: var(--mwm-green);\n  }\n\n  .mwm-product-story .mwm-step:nth-child(4) {\n    background: var(--mwm-purple);\n  }\n\n  .mwm-product-story .mwm-step-number {\n    width: 30px;\n    height: 30px;\n    margin: 0 auto 17px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: var(--mwm-pink);\n    color: #fff;\n    font-size: 12px;\n    font-weight: 800;\n  }\n\n  .mwm-product-story .mwm-step-icon {\n    height: 58px;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 38px;\n    line-height: 1;\n  }\n\n  .mwm-product-story .mwm-step h3 {\n    margin: 0 0 10px;\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 1.25;\n  }\n\n  .mwm-product-story .mwm-step p {\n    margin: 0;\n    color: var(--mwm-muted);\n    font-size: 12px;\n    line-height: 1.55;\n  }\n\n  .mwm-product-story .mwm-simple-note {\n    max-width: 760px;\n    margin: 35px auto 0;\n    padding: 19px 25px;\n    border-radius: 999px;\n    background: var(--mwm-blush);\n    color: var(--mwm-text);\n    text-align: center;\n    font-size: 14px;\n    font-weight: 750;\n    line-height: 1.5;\n  }\n\n\n  \/* QR EXPLANATION *\/\n\n  .mwm-product-story .mwm-qr-grid {\n    display: grid;\n    grid-template-columns: .82fr 1.18fr;\n    gap: 70px;\n    align-items: center;\n  }\n\n  .mwm-product-story .mwm-qr-graphic {\n    min-height: 420px;\n    padding: 40px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    border-radius: var(--mwm-radius);\n    background:\n      linear-gradient(\n        145deg,\n        #f9cad4,\n        #fdebe5\n      );\n  }\n\n  .mwm-product-story .mwm-phone {\n    width: 205px;\n    height: 365px;\n    padding: 33px 16px 18px;\n    position: relative;\n    border: 9px solid var(--mwm-text);\n    border-radius: 34px;\n    background: #fff;\n    transform: rotate(5deg);\n    box-shadow: 18px 20px 0 rgba(63, 38, 47, .09);\n  }\n\n  .mwm-product-story .mwm-phone::before {\n    content: \"\";\n    width: 62px;\n    height: 7px;\n    position: absolute;\n    left: 50%;\n    top: 9px;\n    transform: translateX(-50%);\n    border-radius: 999px;\n    background: var(--mwm-text);\n  }\n\n  .mwm-product-story .mwm-phone-screen {\n    width: 100%;\n    height: 100%;\n    padding: 22px 17px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    border-radius: 21px;\n    background:\n      linear-gradient(\n        145deg,\n        #fff7f5,\n        #f7b9c6\n      );\n    text-align: center;\n  }\n\n  .mwm-product-story .mwm-phone-play {\n    width: 72px;\n    height: 72px;\n    margin-bottom: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: var(--mwm-white);\n    color: var(--mwm-pink);\n    font-size: 28px;\n    box-shadow: 0 10px 24px rgba(75, 42, 52, .1);\n  }\n\n  .mwm-product-story .mwm-phone-screen strong {\n    font-size: 16px;\n  }\n\n  .mwm-product-story .mwm-phone-screen span {\n    margin-top: 7px;\n    color: var(--mwm-muted);\n    font-size: 11px;\n    line-height: 1.45;\n  }\n\n  .mwm-product-story .mwm-qr-copy .mwm-copy {\n    margin-top: 22px;\n  }\n\n\n  \/* PRODUCT HIGHLIGHTS *\/\n\n  .mwm-product-story .mwm-highlights-grid {\n    margin-top: 45px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 15px;\n  }\n\n  .mwm-product-story .mwm-highlight {\n    min-height: 145px;\n    padding: 22px;\n    border: 1px solid var(--mwm-border);\n    border-radius: 19px;\n    background: var(--mwm-white);\n    transition:\n      transform .2s ease,\n      box-shadow .2s ease;\n  }\n\n  .mwm-product-story .mwm-highlight:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 14px 30px rgba(68, 42, 50, .07);\n  }\n\n  .mwm-product-story .mwm-highlight-icon {\n    width: 40px;\n    height: 40px;\n    margin-bottom: 15px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 13px;\n    background: var(--mwm-pink-soft);\n    color: var(--mwm-pink);\n    font-size: 18px;\n    font-weight: 800;\n  }\n\n  .mwm-product-story .mwm-highlight h3 {\n    margin: 0;\n    font-size: 13px;\n    font-weight: 800;\n    line-height: 1.4;\n  }\n\n\n  \/* PERSONAL MESSAGE *\/\n\n  .mwm-product-story .mwm-personal-grid {\n    display: grid;\n    grid-template-columns: .85fr 1.15fr;\n    gap: 65px;\n    align-items: start;\n  }\n\n  .mwm-product-story .mwm-personal-copy {\n    position: sticky;\n    top: 30px;\n  }\n\n  .mwm-product-story .mwm-personal-copy .mwm-copy {\n    margin-top: 21px;\n  }\n\n  .mwm-product-story .mwm-message-list {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n  }\n\n  .mwm-product-story .mwm-message-item {\n    min-height: 91px;\n    padding: 16px;\n    display: flex;\n    align-items: flex-start;\n    gap: 11px;\n    border-radius: 16px;\n    background: var(--mwm-white);\n    color: var(--mwm-text);\n    font-size: 12px;\n    font-weight: 650;\n    line-height: 1.45;\n  }\n\n  .mwm-product-story .mwm-message-item:nth-child(4n+1) {\n    background: #fce7eb;\n  }\n\n  .mwm-product-story .mwm-message-item:nth-child(4n+2) {\n    background: #faedd7;\n  }\n\n  .mwm-product-story .mwm-message-item:nth-child(4n+3) {\n    background: #eaf2e7;\n  }\n\n  .mwm-product-story .mwm-message-item:nth-child(4n+4) {\n    background: #ece5f2;\n  }\n\n  .mwm-product-story .mwm-message-check {\n    width: 24px;\n    height: 24px;\n    flex: 0 0 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: var(--mwm-white);\n    color: var(--mwm-pink);\n    font-size: 11px;\n    font-weight: 900;\n  }\n\n  .mwm-product-story .mwm-starter {\n    margin-top: 20px;\n    padding: 26px;\n    border: 2px dashed #efb3c1;\n    border-radius: 20px;\n    background: #fffafb;\n  }\n\n  .mwm-product-story .mwm-starter-label {\n    margin-bottom: 9px;\n    color: var(--mwm-pink-dark);\n    font-size: 10px;\n    font-weight: 850;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n  }\n\n  .mwm-product-story .mwm-starter blockquote {\n    margin: 0;\n    color: var(--mwm-text);\n    font-family: var(--font-heading-family, inherit);\n    font-size: 22px;\n    font-weight: 750;\n    line-height: 1.35;\n  }\n\n\n  \/* OCCASIONS *\/\n\n  .mwm-product-story .mwm-occasion-grid {\n    margin-top: 45px;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 15px;\n  }\n\n  .mwm-product-story .mwm-occasion-card {\n    min-height: 250px;\n    padding: 24px 21px;\n    position: relative;\n    overflow: hidden;\n    border-radius: 21px;\n  }\n\n  .mwm-product-story .mwm-occasion-card:nth-child(1),\n  .mwm-product-story .mwm-occasion-card:nth-child(5) {\n    background: #fae9c8;\n  }\n\n  .mwm-product-story .mwm-occasion-card:nth-child(2),\n  .mwm-product-story .mwm-occasion-card:nth-child(7) {\n    background: #fae2e7;\n  }\n\n  .mwm-product-story .mwm-occasion-card:nth-child(3) {\n    background: #e7efdf;\n  }\n\n  .mwm-product-story .mwm-occasion-card:nth-child(4) {\n    background: #e8e4f2;\n  }\n\n  .mwm-product-story .mwm-occasion-card:nth-child(6) {\n    background: #e4eff3;\n  }\n\n  .mwm-product-story .mwm-occasion-icon {\n    margin-bottom: 29px;\n    font-size: 37px;\n    line-height: 1;\n  }\n\n  .mwm-product-story .mwm-occasion-card h3 {\n    margin: 0 0 10px;\n    font-family: var(--font-heading-family, inherit);\n    font-size: 18px;\n    font-weight: 780;\n    line-height: 1.15;\n    letter-spacing: -.02em;\n  }\n\n  .mwm-product-story .mwm-occasion-card p {\n    margin: 0;\n    color: var(--mwm-muted);\n    font-size: 12px;\n    line-height: 1.55;\n  }\n\n  .mwm-product-story .mwm-card-heart {\n    position: absolute;\n    right: 16px;\n    top: 14px;\n    color: var(--mwm-pink);\n    font-size: 17px;\n    opacity: .4;\n  }\n\n\n  \/* FINAL EMOTIONAL SECTION *\/\n\n  .mwm-product-story .mwm-final {\n    padding: 95px 0;\n    position: relative;\n    overflow: hidden;\n    background: var(--mwm-pink);\n    color: #fff;\n  }\n\n  .mwm-product-story .mwm-final::before {\n    content: \"♡\";\n    position: absolute;\n    left: 6%;\n    top: 16%;\n    font-size: 90px;\n    opacity: .1;\n    transform: rotate(-12deg);\n  }\n\n  .mwm-product-story .mwm-final::after {\n    content: \"♡\";\n    position: absolute;\n    right: 5%;\n    bottom: 8%;\n    font-size: 115px;\n    opacity: .1;\n    transform: rotate(11deg);\n  }\n\n  .mwm-product-story .mwm-final-inner {\n    max-width: 850px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n    text-align: center;\n  }\n\n  .mwm-product-story .mwm-final-heart {\n    margin-bottom: 15px;\n    font-size: 33px;\n  }\n\n  .mwm-product-story .mwm-final h2 {\n    margin: 0;\n    color: #fff;\n    font-family: var(--font-heading-family, inherit);\n    font-size: clamp(38px, 5vw, 64px);\n    font-weight: 800;\n    line-height: 1;\n    letter-spacing: -.045em;\n  }\n\n  .mwm-product-story .mwm-feeling-lines {\n    max-width: 580px;\n    margin: 30px auto 0;\n    display: grid;\n    gap: 10px;\n  }\n\n  .mwm-product-story .mwm-feeling {\n    padding: 12px 18px;\n    border: 1px solid rgba(255,255,255,.22);\n    border-radius: 999px;\n    background: rgba(255,255,255,.1);\n    color: #fff;\n    font-size: 14px;\n    line-height: 1.4;\n  }\n\n  .mwm-product-story .mwm-final-copy {\n    max-width: 650px;\n    margin: 28px auto 0;\n    color: rgba(255,255,255,.91);\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  .mwm-product-story .mwm-final-line {\n    margin-top: 26px;\n    color: #fff;\n    font-family: var(--font-heading-family, inherit);\n    font-size: clamp(21px, 3vw, 30px);\n    font-weight: 750;\n    line-height: 1.35;\n  }\n\n\n  \/* RESPONSIVE *\/\n\n  @media screen and (max-width: 990px) {\n    .mwm-product-story .mwm-intro-grid,\n    .mwm-product-story .mwm-qr-grid,\n    .mwm-product-story .mwm-personal-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .mwm-product-story .mwm-intro-copy {\n      max-width: 720px;\n    }\n\n    .mwm-product-story .mwm-steps,\n    .mwm-product-story .mwm-occasion-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .mwm-product-story .mwm-highlights-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .mwm-product-story .mwm-personal-copy {\n      position: static;\n    }\n\n    .mwm-product-story .mwm-qr-graphic {\n      max-width: 600px;\n      width: 100%;\n      margin: 0 auto;\n    }\n  }\n\n  @media screen and (max-width: 749px) {\n    .mwm-product-story .mwm-container {\n      width: min(100% - 28px, 1180px);\n    }\n\n    .mwm-product-story .mwm-section,\n    .mwm-product-story .mwm-intro,\n    .mwm-product-story .mwm-final {\n      padding: 60px 0;\n    }\n\n    .mwm-product-story .mwm-heading {\n      font-size: clamp(33px, 10vw, 46px);\n    }\n\n    .mwm-product-story .mwm-copy {\n      font-size: 15px;\n    }\n\n    .mwm-product-story .mwm-intro-grid {\n      gap: 35px;\n    }\n\n    .mwm-product-story .mwm-emotion-card {\n      padding: 27px 22px;\n    }\n\n    .mwm-product-story .mwm-steps,\n    .mwm-product-story .mwm-highlights-grid,\n    .mwm-product-story .mwm-occasion-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .mwm-product-story .mwm-step {\n      min-height: 230px;\n    }\n\n    .mwm-product-story .mwm-simple-note {\n      border-radius: 18px;\n    }\n\n    .mwm-product-story .mwm-qr-graphic {\n      min-height: 400px;\n      padding: 28px;\n    }\n\n    .mwm-product-story .mwm-phone {\n      width: 185px;\n      height: 335px;\n    }\n\n    .mwm-product-story .mwm-message-list {\n      grid-template-columns: 1fr;\n    }\n\n    .mwm-product-story .mwm-message-item {\n      min-height: 75px;\n    }\n\n    .mwm-product-story .mwm-occasion-card {\n      min-height: 210px;\n    }\n\n    .mwm-product-story .mwm-feeling {\n      border-radius: 17px;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"mwm-product-story\"\u003e\n\n\n  \u003c!-- INTRODUCTION --\u003e\n\n  \u003csection class=\"mwm-intro\"\u003e\n\n    \u003cdiv class=\"mwm-container\"\u003e\n\n      \u003cdiv class=\"mwm-intro-grid\"\u003e\n\n\n        \u003cdiv class=\"mwm-intro-copy\"\u003e\n\n          \u003cdiv class=\"mwm-eyebrow\"\u003e\n            More than a mug\n          \u003c\/div\u003e\n\n          \u003ch2 class=\"mwm-heading\"\u003e\n            A Message They Can\n            \u003cspan class=\"pink\"\u003eReturn To\u003c\/span\u003e\n          \u003c\/h2\u003e\n\n          \u003cdiv class=\"mwm-copy\"\u003e\n\n            \u003cp\u003e\n              \u003cstrong\u003eSome words deserve to be heard more than once.\u003c\/strong\u003e\n            \u003c\/p\u003e\n\n            \u003cp\u003e\n              A birthday wish that sounds just like you. A class thanking a\n              favourite teacher. Encouragement before a new adventure. A family\n              memory that still makes them laugh. Three simple words,\n              “I love you”, exactly when they are needed most.\n            \u003c\/p\u003e\n\n            \u003cp\u003e\n              With Mugs with Meaning, these moments do not have to disappear\n              into a camera roll or get lost in a group chat. They become part\n              of a gift that can be held, used and enjoyed every day.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"mwm-emotion-card\"\u003e\n\n          \u003cdiv class=\"mwm-big-heart\"\u003e\n            ♥\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Each scan brings your message back to life.\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Your personalised mug features a unique QR code connected to the\n            audio or video message you provide. When the recipient scans the\n            code using their smartphone, your message opens on their screen.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"mwm-scan-note\"\u003e\n\n            \u003cdiv class=\"mwm-scan-symbol\"\u003e\n              ▦\n            \u003c\/div\u003e\n\n            \u003cdiv\u003e\n              \u003cstrong\u003e\n                Scan. Watch. Listen. Smile.\n              \u003c\/strong\u003e\n\n              \u003cspan\u003e\n                Turn an ordinary cup of tea or coffee into a moment they can\n                revisit.\n              \u003c\/span\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- HOW IT WORKS --\u003e\n\n  \u003csection class=\"mwm-section mwm-section-white\"\u003e\n\n    \u003cdiv class=\"mwm-container\"\u003e\n\n      \u003cdiv class=\"mwm-centered\"\u003e\n\n        \u003cdiv class=\"mwm-eyebrow\"\u003e\n          How it works\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"mwm-heading\"\u003e\n          Create Something Meaningful in\n          \u003cspan class=\"pink\"\u003eFour Simple Steps\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"mwm-steps\"\u003e\n\n\n        \u003cdiv class=\"mwm-step\"\u003e\n\n          \u003cdiv class=\"mwm-step-number\"\u003e\n            1\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"mwm-step-icon\"\u003e\n            ☕\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Choose Your Mug\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Pick the mug for your occasion.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"mwm-step\"\u003e\n\n          \u003cdiv class=\"mwm-step-number\"\u003e\n            2\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"mwm-step-icon\"\u003e\n            🎙\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Add Your Message\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Upload a personal audio recording or video directly from your phone,\n            tablet or computer.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"mwm-step\"\u003e\n\n          \u003cdiv class=\"mwm-step-number\"\u003e\n            3\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"mwm-step-icon\"\u003e\n            ▦\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            We Bring It Together\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            We connect your message to a unique QR code and add it to your mug.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"mwm-step\"\u003e\n\n          \u003cdiv class=\"mwm-step-number\"\u003e\n            4\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"mwm-step-icon\"\u003e\n            🎁\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Give Them the Moment\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            We package and send your gift. When they scan the code, your message\n            is there for them to watch or hear.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"mwm-simple-note\"\u003e\n        ♥ No complicated technology. Simply choose your mug, upload your message\n        and leave the rest to us.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- QR MESSAGE --\u003e\n\n  \u003csection class=\"mwm-section\"\u003e\n\n    \u003cdiv class=\"mwm-container\"\u003e\n\n      \u003cdiv class=\"mwm-qr-grid\"\u003e\n\n\n        \u003cdiv class=\"mwm-qr-graphic\"\u003e\n\n          \u003cdiv class=\"mwm-phone\"\u003e\n\n            \u003cdiv class=\"mwm-phone-screen\"\u003e\n\n              \u003cdiv class=\"mwm-phone-play\"\u003e\n                ▶\n              \u003c\/div\u003e\n\n              \u003cstrong\u003e\n                Your message is here\n              \u003c\/strong\u003e\n\n              \u003cspan\u003e\n                Scan the mug and bring the moment back to life.\n              \u003c\/span\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"mwm-qr-copy\"\u003e\n\n          \u003cdiv class=\"mwm-eyebrow\"\u003e\n            Simple to enjoy\n          \u003c\/div\u003e\n\n          \u003ch2 class=\"mwm-heading\"\u003e\n            How Does the\n            \u003cspan class=\"pink\"\u003eMessage Work?\u003c\/span\u003e\n          \u003c\/h2\u003e\n\n          \u003cdiv class=\"mwm-copy\"\u003e\n\n            \u003cp\u003e\n              Every Mugs with Meaning gift features a unique QR code linked to\n              the audio or video message you upload.\n            \u003c\/p\u003e\n\n            \u003cp\u003e\n              The recipient simply opens the camera on their smartphone and\n              scans the code. Your message then opens on their screen, with no\n              separate app required on most smartphones.\n            \u003c\/p\u003e\n\n            \u003cp\u003e\n              An ordinary cup of tea or coffee becomes a chance to hear your\n              voice, see your face and remember how much they mean to you.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- PRODUCT HIGHLIGHTS --\u003e\n\n  \u003csection class=\"mwm-section mwm-section-blush\"\u003e\n\n    \u003cdiv class=\"mwm-container\"\u003e\n\n      \u003cdiv class=\"mwm-centered\"\u003e\n\n        \u003cdiv class=\"mwm-eyebrow\"\u003e\n          Made meaningful\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"mwm-heading\"\u003e\n          Product\n          \u003cspan class=\"pink\"\u003eHighlights\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"mwm-highlights-grid\"\u003e\n\n\n        \u003cdiv class=\"mwm-highlight\"\u003e\n\n          \u003cdiv class=\"mwm-highlight-icon\"\u003e\n            ▶\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Add a personal audio or video message\n          \u003c\/h3\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"mwm-highlight\"\u003e\n\n          \u003cdiv class=\"mwm-highlight-icon\"\u003e\n            ▦\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Unique QR code connected to your message\n          \u003c\/h3\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"mwm-highlight\"\u003e\n\n          \u003cdiv class=\"mwm-highlight-icon\"\u003e\n            ◎\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Simple smartphone scanning\n          \u003c\/h3\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"mwm-highlight\"\u003e\n\n          \u003cdiv class=\"mwm-highlight-icon\"\u003e\n            ✓\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            No separate app required on most devices\n          \u003c\/h3\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"mwm-highlight\"\u003e\n\n          \u003cdiv class=\"mwm-highlight-icon\"\u003e\n            🎁\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Delivered ready to give\n          \u003c\/h3\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"mwm-highlight\"\u003e\n\n          \u003cdiv class=\"mwm-highlight-icon\"\u003e\n            ♥\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Created especially for your recipient\n          \u003c\/h3\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- PERSONAL MESSAGE IDEAS --\u003e\n\n  \u003csection class=\"mwm-section mwm-section-white\"\u003e\n\n    \u003cdiv class=\"mwm-container\"\u003e\n\n      \u003cdiv class=\"mwm-personal-grid\"\u003e\n\n\n        \u003cdiv class=\"mwm-personal-copy\"\u003e\n\n          \u003cdiv class=\"mwm-eyebrow\"\u003e\n            Make it yours\n          \u003c\/div\u003e\n\n          \u003ch2 class=\"mwm-heading\"\u003e\n            Make It Truly\n            \u003cspan class=\"pink\"\u003ePersonal\u003c\/span\u003e\n          \u003c\/h2\u003e\n\n          \u003cdiv class=\"mwm-copy\"\u003e\n\n            \u003cp\u003e\n              You do not need a script. You do not need to sound polished.\n              You simply need to sound like you.\n            \u003c\/p\u003e\n\n            \u003cp\u003e\n              The most meaningful messages are rarely perfect. They are\n              personal, honest and full of the little details only you would\n              know.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv\u003e\n\n          \u003cdiv class=\"mwm-message-list\"\u003e\n\n            \u003cdiv class=\"mwm-message-item\"\u003e\n              \u003cspan class=\"mwm-message-check\"\u003e♥\u003c\/span\u003e\n              \u003cspan\u003eA favourite memory\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"mwm-message-item\"\u003e\n              \u003cspan class=\"mwm-message-check\"\u003e♥\u003c\/span\u003e\n              \u003cspan\u003eA birthday wish\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"mwm-message-item\"\u003e\n              \u003cspan class=\"mwm-message-check\"\u003e♥\u003c\/span\u003e\n              \u003cspan\u003eA funny story or family joke\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"mwm-message-item\"\u003e\n              \u003cspan class=\"mwm-message-check\"\u003e♥\u003c\/span\u003e\n              \u003cspan\u003eA few words of encouragement\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"mwm-message-item\"\u003e\n              \u003cspan class=\"mwm-message-check\"\u003e♥\u003c\/span\u003e\n              \u003cspan\u003eWhat you love or appreciate about them\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"mwm-message-item\"\u003e\n              \u003cspan class=\"mwm-message-check\"\u003e♥\u003c\/span\u003e\n              \u003cspan\u003eA message from the whole family\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"mwm-message-item\"\u003e\n              \u003cspan class=\"mwm-message-check\"\u003e♥\u003c\/span\u003e\n              \u003cspan\u003eThank-you messages from a class\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"mwm-message-item\"\u003e\n              \u003cspan class=\"mwm-message-check\"\u003e♥\u003c\/span\u003e\n              \u003cspan\u003eAdvice for a new beginning\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"mwm-message-item\"\u003e\n              \u003cspan class=\"mwm-message-check\"\u003e♥\u003c\/span\u003e\n              \u003cspan\u003eA promise to always be there\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"mwm-message-item\"\u003e\n              \u003cspan class=\"mwm-message-check\"\u003e♥\u003c\/span\u003e\n              \u003cspan\u003eSomething you have always wanted to say\u003c\/span\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"mwm-starter\"\u003e\n\n            \u003cdiv class=\"mwm-starter-label\"\u003e\n              Not sure where to begin?\n            \u003c\/div\u003e\n\n            \u003cblockquote\u003e\n              “One thing I always want you to remember is…”\n            \u003c\/blockquote\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- OCCASIONS --\u003e\n\n  \u003csection class=\"mwm-section\"\u003e\n\n    \u003cdiv class=\"mwm-container\"\u003e\n\n      \u003cdiv class=\"mwm-centered\"\u003e\n\n        \u003cdiv class=\"mwm-eyebrow\"\u003e\n          Made for their moment\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"mwm-heading\"\u003e\n          Perfect For\n          \u003cspan class=\"pink\"\u003eMeaningful Moments\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cdiv class=\"mwm-copy\"\u003e\n\n          \u003cp\u003e\n            One meaningful mug. So many reasons to give it.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"mwm-occasion-grid\"\u003e\n\n\n        \u003carticle class=\"mwm-occasion-card\"\u003e\n\n          \u003cspan class=\"mwm-card-heart\"\u003e\n            ♥\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"mwm-occasion-icon\"\u003e\n            🎂\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Birthdays\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Make their birthday message last longer than the candles. Record a\n            message, share a memory or gather birthday wishes from the people\n            they love.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n\n        \u003carticle class=\"mwm-occasion-card\"\u003e\n\n          \u003cspan class=\"mwm-card-heart\"\u003e\n            ♥\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"mwm-occasion-icon\"\u003e\n            ♡\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Mother's Day \u0026amp; Father's Day\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Say the things that matter most. Share a message from you, the\n            children or the whole family.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n\n        \u003carticle class=\"mwm-occasion-card\"\u003e\n\n          \u003cspan class=\"mwm-card-heart\"\u003e\n            ♥\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"mwm-occasion-icon\"\u003e\n            🍎\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Teacher Thank-Yous\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Give them more than a thank you. Add messages from one child, a\n            whole class or the families whose lives they have touched.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n\n        \u003carticle class=\"mwm-occasion-card\"\u003e\n\n          \u003cspan class=\"mwm-card-heart\"\u003e\n            ♥\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"mwm-occasion-icon\"\u003e\n            🎓\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            University \u0026amp; Leaving Home\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Send them away with a little piece of home. Share encouragement,\n            favourite memories and words they can hear whenever home feels far\n            away.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n\n        \u003carticle class=\"mwm-occasion-card\"\u003e\n\n          \u003cspan class=\"mwm-card-heart\"\u003e\n            ♥\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"mwm-occasion-icon\"\u003e\n            ♥\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Anniversaries \u0026amp; Valentine's Day\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Celebrate the story only the two of you share with favourite\n            memories, meaningful milestones and all the reasons you still\n            choose each other.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n\n        \u003carticle class=\"mwm-occasion-card\"\u003e\n\n          \u003cspan class=\"mwm-card-heart\"\u003e\n            ♥\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"mwm-occasion-icon\"\u003e\n            👶\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            New Baby \u0026amp; Family Memories\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Save a first word, a family message or a memory from those earliest\n            days and turn it into a keepsake for the future.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n\n        \u003carticle class=\"mwm-occasion-card\"\u003e\n\n          \u003cspan class=\"mwm-card-heart\"\u003e\n            ♥\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"mwm-occasion-icon\"\u003e\n            💌\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Thinking of You\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            No occasion needed. Send comfort, encouragement or a simple\n            reminder that someone is loved and never far from your thoughts.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n\n        \u003carticle class=\"mwm-occasion-card\"\u003e\n\n          \u003cspan class=\"mwm-card-heart\"\u003e\n            ♥\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"mwm-occasion-icon\"\u003e\n            🎁\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Just Because\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Some of the most meaningful gifts need no occasion at all. Give\n            them a message simply because they matter.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FINAL --\u003e\n\n  \u003csection class=\"mwm-final\"\u003e\n\n    \u003cdiv class=\"mwm-container\"\u003e\n\n      \u003cdiv class=\"mwm-final-inner\"\u003e\n\n        \u003cdiv class=\"mwm-final-heart\"\u003e\n          ♡\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Every Cup Comes With a Feeling\n        \u003c\/h2\u003e\n\n\n        \u003cdiv class=\"mwm-feeling-lines\"\u003e\n\n          \u003cdiv class=\"mwm-feeling\"\u003e\n            Laughter with their morning coffee.\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"mwm-feeling\"\u003e\n            A familiar voice when they are far from home.\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"mwm-feeling\"\u003e\n            A few words of encouragement on a difficult day.\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"mwm-feeling\"\u003e\n            A message from someone who matters.\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"mwm-final-copy\"\u003e\n          Mugs with Meaning turns those feelings into something they can hold,\n          hear and return to whenever they choose.\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"mwm-final-line\"\u003e\n          Because hearing “I love you”, “thank you” or “I'm proud of you”\n          never gets old.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Printify","offers":[{"title":"11oz","offer_id":57513407611255,"sku":"24163500217645387958","price":12.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0985\/0047\/7303\/files\/17754884810346322645_2048.jpg?v=1791266867","url":"https:\/\/www.mugswithmeaning.co.uk\/products\/mugs-with-meaning","provider":"Mugs with Meaning","version":"1.0","type":"link"}