{"id":330535,"url":"\/fulfilment\/","layout":"standard","version":"2026-03-31T11:34:17.000000Z","blocks":[{"id":5069109,"type":"html","published":1,"size":{"x":12,"y":0},"order":0,"items":[],"properties":{"html":{"id":127395938,"value":"<div class=\"penna-fulfilment-bg\">\n  <canvas id=\"pennaFulfilmentCanvas\"><\/canvas>\n<\/div>\n\n<section class=\"penna-fulfilment-hero\">\n  <div class=\"penna-fulfilment-hero__inner\">\n    <div class=\"penna-fulfilment-hero__content\">\n      <h1>3PL fulfilment built for modern brands.<\/h1>\n      <p class=\"penna-fulfilment-hero__lead\">\n        Store, pack and ship your products with Penna \u2014 with a fulfilment setup that works seamlessly alongside print on demand.\n      <\/p>\n\n      <div class=\"penna-fulfilment-hero__points\">\n        <div class=\"penna-fulfilment-hero__point\">Pick, pack & dispatch<\/div>\n        <div class=\"penna-fulfilment-hero__point\">Integrated with POD<\/div>\n        <div class=\"penna-fulfilment-hero__point\">Built for scale<\/div>\n      <\/div>\n        <\/div>\n\n      <\/div>\n<\/section>\n\n<section class=\"penna-fulfilment-capabilities\">\n  <div class=\"penna-fulfilment-capabilities__inner\">\n    <div class=\"penna-fulfilment-capabilities__content\">\n      <h2>Everything you need to run streamlined fulfilment.<\/h2>\n      <p class=\"penna-fulfilment-capabilities__lead\">\n        Whether you\u2019re shipping stocked products, print on demand orders or both together, Penna gives you one connected fulfilment workflow.\n      <\/p>\n\n      <div class=\"penna-fulfilment-capabilities__grid\">\n        <div class=\"penna-fulfilment-capabilities__item\">\n          <h3>Stocked product fulfilment<\/h3>\n          <p>Store your inventory with us and let our team handle pick, pack and dispatch quickly and accurately.<\/p>\n        <\/div>\n\n        <div class=\"penna-fulfilment-capabilities__item\">\n          <h3>Print on demand + 3PL<\/h3>\n          <p>Combine stocked items and made-to-order products in one operation, without splitting fulfilment across multiple partners.<\/p>\n        <\/div>\n\n        <div class=\"penna-fulfilment-capabilities__item\">\n          <h3>Store integrations<\/h3>\n          <p>Orders flow directly from your ecommerce store into our fulfilment workflow, reducing admin and manual handling.<\/p>\n        <\/div>\n\n        <div class=\"penna-fulfilment-capabilities__item\">\n          <h3>Reliable dispatch<\/h3>\n          <p>Fast, consistent fulfilment handled in-house, with clear processes and quality checks at every step.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"penna-fulfilment-process\">\n  <div class=\"penna-fulfilment-process__inner\">\n    <div class=\"penna-fulfilment-process__content\">\n      <h2>One workflow from order to delivery.<\/h2>\n      <p class=\"penna-fulfilment-process__lead\">\n        We connect your store, manage your stock, and fulfil every order through one streamlined system \u2014 including print on demand where needed.\n      <\/p>\n\n      <div class=\"penna-fulfilment-diagram\">\n        <div class=\"penna-fulfilment-node\">\n          <div class=\"penna-fulfilment-node__dot\"><\/div>\n          <h3>Your store<\/h3>\n          <p>Orders sync directly from your website into our fulfilment workflow.<\/p>\n        <\/div>\n\n        <div class=\"penna-fulfilment-link\"><\/div>\n\n        <div class=\"penna-fulfilment-node\">\n          <div class=\"penna-fulfilment-node__dot\"><\/div>\n          <h3>Stock \/ POD routing<\/h3>\n          <p>Each order is routed to stocked fulfilment, print on demand, or a combination of both.<\/p>\n        <\/div>\n\n        <div class=\"penna-fulfilment-link\"><\/div>\n\n        <div class=\"penna-fulfilment-node\">\n          <div class=\"penna-fulfilment-node__dot\"><\/div>\n          <h3>Pick, pack & print<\/h3>\n          <p>We handle the physical fulfilment in-house with quality control built into the process.<\/p>\n        <\/div>\n\n        <div class=\"penna-fulfilment-link\"><\/div>\n\n        <div class=\"penna-fulfilment-node\">\n          <div class=\"penna-fulfilment-node__dot\"><\/div>\n          <h3>Dispatch<\/h3>\n          <p>Your customer receives one smooth, professional delivery experience.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"penna-fulfilment-gallery\" aria-label=\"Fulfilment gallery\">\n  <div class=\"penna-fulfilment-gallery__inner\">\n    <div class=\"penna-fulfilment-gallery__stack\" id=\"pennaFulfilmentGallery\">\n      <div class=\"penna-fulfilment-gallery__card is-left\" data-src=\"https:\/\/images.teemill.com\/5db91c6c716cd87ad61c52d4e802896c1c2e07a2dc098b25.jpg?project=penna-clothing-ltd-295107\" data-alt=\"Fulfilment operation\">\n        <img src=\"https:\/\/images.teemill.com\/5db91c6c716cd87ad61c52d4e802896c1c2e07a2dc098b25.jpg?project=penna-clothing-ltd-295107\" alt=\"Fulfilment operation\" \/>\n      <\/div>\n\n      <div class=\"penna-fulfilment-gallery__card is-active\" data-src=\"https:\/\/images.teemill.com\/c5b9bbf7f033218c1520600ba8f56faa5a6f5e32e425321b.jpg?project=penna-clothing-ltd-295107\" data-alt=\"Packing\">\n        <img src=\"https:\/\/images.teemill.com\/c5b9bbf7f033218c1520600ba8f56faa5a6f5e32e425321b.jpg?project=penna-clothing-ltd-295107\" alt=\"Packing\" \/>\n      <\/div>\n\n      <div class=\"penna-fulfilment-gallery__card is-right\" data-src=\"https:\/\/images.teemill.com\/f607ab0c42ccf3a2756737f3d915e1e6524992ef559f3636.jpg?project=penna-clothing-ltd-295107\" data-alt=\"Workflow\">\n        <img src=\"https:\/\/images.teemill.com\/f607ab0c42ccf3a2756737f3d915e1e6524992ef559f3636.jpg?project=penna-clothing-ltd-295107\" alt=\"Workflow\" \/>\n      <\/div>\n\n      <div class=\"penna-fulfilment-gallery__card\" data-src=\"https:\/\/images.teemill.com\/6c4ddcec495a74814793ad96ed71a6fa59c237ae3ecf4fc2.png?project=penna-clothing-ltd-295107\" data-alt=\"Additional fulfilment image\">\n        <img src=\"https:\/\/images.teemill.com\/6c4ddcec495a74814793ad96ed71a6fa59c237ae3ecf4fc2.png?project=penna-clothing-ltd-295107\" alt=\"Additional fulfilment image\" \/>\n      <\/div>\n        <\/div>\n\n    <div class=\"penna-fulfilment-gallery__controls\">\n      <button class=\"penna-fulfilment-gallery__arrow penna-fulfilment-gallery__arrow--prev\" type=\"button\" aria-label=\"Previous image\">\u2039<\/button>\n      <button class=\"penna-fulfilment-gallery__arrow penna-fulfilment-gallery__arrow--next\" type=\"button\" aria-label=\"Next image\">\u203a<\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"penna-fulfilment-why\">\n  <div class=\"penna-fulfilment-why__inner\">\n    <div class=\"penna-fulfilment-why__content\">\n      <h2>Why brands choose Penna for fulfilment.<\/h2>\n      <p class=\"penna-fulfilment-why__lead\">\n        More control than a generic 3PL. More flexibility than a print-only partner.\n      <\/p>\n\n      <div class=\"penna-fulfilment-why__grid\">\n        <div class=\"penna-fulfilment-why__item\">\n          <h3>Hybrid fulfilment model<\/h3>\n          <p>We handle stocked products and print on demand together, giving you a cleaner operation.<\/p>\n        <\/div>\n\n        <div class=\"penna-fulfilment-why__item\">\n          <h3>In-house control<\/h3>\n          <p>Production, packing and dispatch all stay close to the team actually managing your orders.<\/p>\n        <\/div>\n\n        <div class=\"penna-fulfilment-why__item\">\n          <h3>Built to scale<\/h3>\n          <p>From small launches to growing brands, our setup expands with your order volume.<\/p>\n        <\/div>\n\n        <div class=\"penna-fulfilment-why__item\">\n          <h3>Real support<\/h3>\n          <p>Work with people who understand operations, fulfilment and ecommerce \u2014 not just ticket queues.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"penna-fulfilment-couriers\">\n  <div class=\"penna-fulfilment-couriers__inner\">\n    <h2>Global shipping, powered by leading couriers.<\/h2>\n    <p class=\"penna-fulfilment-couriers__lead\">\n      We work with trusted delivery partners to ensure fast, reliable shipping across the UK and worldwide \u2014 integrated directly into your fulfilment workflow.\n    <\/p>\n\n    <div class=\"penna-fulfilment-couriers__stack\" aria-label=\"Courier partners\">\n      <div class=\"penna-stack__card penna-stack__card--center\">\n        <img src=\"https:\/\/images.teemill.com\/a277698cc5012ee3e74e5e62dbed0dcb6a45744cb4e6e7aa.png?project=penna-clothing-ltd-295107\" alt=\"Penna\" \/>\n      <\/div>\n      <div class=\"penna-stack__card\" style=\"--i:1\">\n        <img src=\"https:\/\/images.teemill.com\/47019733e1b05bce2aa1d9dc31d039ac903156694e80d24a.png?project=penna-clothing-ltd-295107\" alt=\"FedEx\" \/>\n      <\/div>\n      <div class=\"penna-stack__card\" style=\"--i:2\">\n        <img src=\"https:\/\/images.teemill.com\/e0204733e5706cf4533bed72edb372bda19b3188970f1f1a.png?project=penna-clothing-ltd-295107\" alt=\"Royal Mail\" \/>\n      <\/div>\n      <div class=\"penna-stack__card\" style=\"--i:3\">\n        <img src=\"https:\/\/images.teemill.com\/f4ed8a1898fcb45a0e8d88dd2561e7e858bb0282abf780e5.png?project=penna-clothing-ltd-295107\" alt=\"DPD\" \/>\n      <\/div>\n      <div class=\"penna-stack__card\" style=\"--i:4\">\n        <img src=\"https:\/\/images.teemill.com\/6d36b406f0a1899ce46aeb91a210f6b33424b9e81b8f74a1.png?project=penna-clothing-ltd-295107\" alt=\"Spring GDS\" \/>\n      <\/div>\n      <div class=\"penna-stack__card\" style=\"--i:5\">\n        <img src=\"https:\/\/images.teemill.com\/19e121c7b52fb0fd242bf6b52d9bf843a6fc9bb2f85db34c.png?project=penna-clothing-ltd-295107\" alt=\"Evri\" \/>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"penna-fulfilment-cta\">\n  <div class=\"penna-fulfilment-cta__inner\">\n    <h2>Ready to simplify your fulfilment?<\/h2>\n    <p>Bring your stocked products and print on demand together under one reliable partner.<\/p>\n\n    <div class=\"penna-fulfilment-cta__actions\">\n      <a href=\"\/contact\" class=\"penna-fulfilment-cta__button penna-fulfilment-cta__button--primary\">Start your project<\/a>\n      <a href=\"\/contact\" class=\"penna-fulfilment-cta__button penna-fulfilment-cta__button--secondary\">Speak to the team<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .penna-fulfilment-hero,\n  .penna-fulfilment-capabilities,\n  .penna-fulfilment-process,\n  .penna-fulfilment-gallery,\n  .penna-fulfilment-why,\n  .penna-fulfilment-couriers,\n  .penna-fulfilment-cta {\n    position: relative;\n    z-index: 1;\n    font-family: Inter, Arial, sans-serif;\n  }\n\n  .penna-fulfilment-hero {\n    min-height: 92vh;\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding: 42px 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n  }\n\n  .penna-fulfilment-hero__inner,\n  .penna-fulfilment-capabilities__inner,\n  .penna-fulfilment-process__inner,\n  .penna-fulfilment-gallery__inner,\n  .penna-fulfilment-why__inner,\n  .penna-fulfilment-couriers__inner,\n  .penna-fulfilment-cta__inner {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .penna-fulfilment-hero__content {\n    max-width: 960px;\n    margin: 0 auto;\n  }\n\n  .penna-fulfilment-hero h1 {\n    margin: 0 0 22px;\n    font-size: clamp(3.2rem, 8vw, 6.2rem);\n    line-height: 0.94;\n    letter-spacing: -0.065em;\n    color: #07111b;\n  }\n\n  .penna-fulfilment-hero__lead,\n  .penna-fulfilment-capabilities__lead,\n  .penna-fulfilment-process__lead,\n  .penna-fulfilment-gallery__lead,\n  .penna-fulfilment-why__lead,\n  .penna-fulfilment-couriers__lead,\n  .penna-fulfilment-cta p {\n    color: #4b5563;\n    font-size: 1.08rem;\n    line-height: 1.65;\n  }\n\n  .penna-fulfilment-hero__lead {\n    max-width: 760px;\n    margin: 0 auto 34px;\n  }\n\n  .penna-fulfilment-hero__points {\n    display: flex;\n    justify-content: center;\n    gap: 14px;\n    flex-wrap: wrap;\n  }\n\n  .penna-fulfilment-hero__point,\n  .penna-fulfilment-capabilities__item,\n  .penna-fulfilment-node,\n  .penna-fulfilment-why__item {\n    background: rgba(255,255,255,0.76);\n    border: 1px solid rgba(0,0,0,0.06);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    box-shadow: 0 18px 40px rgba(30,150,200,0.08);\n  }\n\n  .penna-fulfilment-hero__point {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 48px;\n    padding: 0 18px;\n    border-radius: 999px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #07111b;\n  }\n\n  .penna-fulfilment-capabilities,\n  .penna-fulfilment-process,\n  .penna-fulfilment-gallery,\n  .penna-fulfilment-why,\n  .penna-fulfilment-couriers {\n    padding: 110px 20px;\n    text-align: center;\n  }\n\n  .penna-fulfilment-capabilities h2,\n  .penna-fulfilment-process h2,\n  .penna-fulfilment-gallery h2,\n  .penna-fulfilment-why h2,\n  .penna-fulfilment-couriers h2,\n  .penna-fulfilment-cta h2 {\n    margin: 0 0 18px;\n    font-size: clamp(2.2rem, 4vw, 3rem);\n    line-height: 1.05;\n    letter-spacing: -0.04em;\n    color: #07111b;\n  }\n\n  .penna-fulfilment-capabilities__lead,\n  .penna-fulfilment-process__lead,\n  .penna-fulfilment-gallery__lead,\n  .penna-fulfilment-why__lead {\n    max-width: 760px;\n    margin: 0 auto 56px;\n  }\n\n  .penna-fulfilment-capabilities__grid,\n  .penna-fulfilment-why__grid {\n    display: grid;\n    gap: 24px;\n  }\n\n  .penna-fulfilment-capabilities__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .penna-fulfilment-why__grid {\n    grid-template-columns: repeat(4, 1fr);\n  }\n\n  .penna-fulfilment-capabilities__item,\n  .penna-fulfilment-why__item {\n    padding: 28px;\n    border-radius: 20px;\n    text-align: left;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n\n  .penna-fulfilment-capabilities__item:hover,\n  .penna-fulfilment-why__item:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 22px 44px rgba(30,150,200,0.12);\n  }\n\n  .penna-fulfilment-capabilities__item h3,\n  .penna-fulfilment-node h3,\n  .penna-fulfilment-why__item h3 {\n    margin: 0 0 10px;\n    font-size: 1.15rem;\n    color: #07111b;\n  }\n\n  .penna-fulfilment-capabilities__item p,\n  .penna-fulfilment-node p,\n  .penna-fulfilment-why__item p {\n    margin: 0;\n    color: #555;\n    font-size: 0.95rem;\n    line-height: 1.6;\n  }\n\n  .penna-fulfilment-diagram {\n    display: grid;\n    grid-template-columns: 240px 60px 240px 60px 240px 60px 240px;\n    align-items: stretch;\n    justify-content: center;\n  }\n\n  .penna-fulfilment-node {\n    padding: 26px;\n    border-radius: 18px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .penna-fulfilment-node__dot {\n    width: 10px;\n    height: 10px;\n    margin: 0 auto 14px;\n    border-radius: 50%;\n    background: #1e96c8;\n    box-shadow: 0 0 0 6px rgba(30,150,200,0.12);\n  }\n\n  .penna-fulfilment-link {\n    align-self: center;\n    height: 2px;\n    background: linear-gradient(90deg, #1e96c8, transparent);\n  }\n\n  .penna-fulfilment-gallery__inner {\n    max-width: 1000px;\n    margin: 0 auto;\n  }\n\n  .penna-fulfilment-gallery__controls {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 16px;\n  }\n\n  .penna-fulfilment-gallery__arrow {\n    width: 54px;\n    height: 54px;\n    border: 1px solid rgba(0,0,0,0.08);\n    border-radius: 999px;\n    background: rgba(255,255,255,0.82);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    box-shadow: 0 16px 36px rgba(0,0,0,0.10);\n    color: #111;\n    font-size: 1.9rem;\n    line-height: 1;\n    cursor: pointer;\n    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n  }\n\n  .penna-fulfilment-gallery__arrow:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 20px 42px rgba(0,0,0,0.14);\n    background: rgba(255,255,255,0.94);\n  }\n\n  .penna-fulfilment-gallery__stack {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-height: 600px;\n  }\n\n  .penna-fulfilment-gallery__card {\n    position: absolute;\n    background: transparent;\n    transition: transform 0.4s ease, opacity 0.3s ease;\n    pointer-events: none;\n  }\n\n  .penna-fulfilment-gallery__card img {\n    max-width: min(70vw, 520px);\n    height: auto;\n    display: block;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n  }\n\n  .penna-fulfilment-gallery__card.is-left {\n    transform: translateX(-120px) rotate(-6deg) scale(0.9);\n    z-index: 1;\n  }\n\n  .penna-fulfilment-gallery__card.is-active {\n    transform: translateX(0) rotate(0deg) scale(1);\n    z-index: 5;\n  }\n\n  .penna-fulfilment-gallery__card.is-right {\n    transform: translateX(120px) rotate(6deg) scale(0.9);\n    z-index: 2;\n  }\n\n  .penna-fulfilment-couriers__lead {\n    max-width: 680px;\n    margin: 0 auto 60px;\n  }\n\n  .penna-fulfilment-couriers__stack {\n    position: relative;\n    width: 320px;\n    height: 200px;\n    margin: 0 auto;\n    perspective: 1000px;\n  }\n\n  .penna-stack__card {\n    position: absolute;\n    inset: 0;\n    margin: auto;\n    width: 220px;\n    height: 120px;\n    border-radius: 16px;\n    background: rgba(255,255,255,0.92);\n    border: 1px solid rgba(0,0,0,0.06);\n    box-shadow: 0 16px 36px rgba(0,0,0,0.10);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transform-origin: 50% 80%;\n    transition: transform 0.6s cubic-bezier(.2,.7,.2,1), box-shadow 0.4s ease, opacity 0.4s ease;\n    will-change: transform;\n  }\n\n  .penna-stack__card img {\n    max-width: 70%;\n    height: auto;\n  }\n\n  .penna-stack__card:not(.penna-stack__card--center) {\n    transform: translateY(calc(var(--i) * 6px)) scale(0.98);\n    opacity: 0.95;\n  }\n\n  .penna-stack__card--center {\n    width: 140px;\n    height: 140px;\n    border-radius: 50%;\n    z-index: 5;\n    box-shadow: 0 18px 44px rgba(30,150,200,0.18);\n  }\n\n  .penna-stack__card--center img {\n    max-width: 72%;\n  }\n\n  .penna-fulfilment-couriers__stack:hover .penna-stack__card {\n    box-shadow: 0 22px 52px rgba(0,0,0,0.16);\n  }\n\n  .penna-fulfilment-couriers__stack:hover .penna-stack__card:nth-child(2) { transform: translate(-145px, -24px) rotate(-14deg) scale(1.02); }\n  .penna-fulfilment-couriers__stack:hover .penna-stack__card:nth-child(3) { transform: translate(-110px, 88px) rotate(-7deg) scale(1.02); }\n  .penna-fulfilment-couriers__stack:hover .penna-stack__card:nth-child(4) { transform: translate(0px, 118px) rotate(0deg) scale(1.02); }\n  .penna-fulfilment-couriers__stack:hover .penna-stack__card:nth-child(5) { transform: translate(110px, 88px) rotate(7deg) scale(1.02); }\n  .penna-fulfilment-couriers__stack:hover .penna-stack__card:nth-child(6) { transform: translate(145px, -24px) rotate(14deg) scale(1.02); }\n  .penna-fulfilment-couriers__stack:hover .penna-stack__card--center { transform: translate(0,0) scale(1.02); }\n\n  .penna-fulfilment-cta {\n    padding: 120px 20px 140px;\n    text-align: center;\n  }\n\n  .penna-fulfilment-cta__inner {\n    max-width: 760px;\n  }\n\n  .penna-fulfilment-cta p {\n    margin: 0 0 36px;\n  }\n\n  .penna-fulfilment-cta__actions {\n    display: flex;\n    justify-content: center;\n    gap: 14px;\n    flex-wrap: wrap;\n  }\n\n  .penna-fulfilment-cta__button {\n    padding: 16px 26px;\n    border-radius: 12px;\n    font-weight: 700;\n    text-decoration: none;\n    font-size: 0.95rem;\n    display: inline-block;\n  }\n\n  .penna-fulfilment-cta__button--primary {\n    background: #000;\n    color: #fff !important;\n  }\n\n  .penna-fulfilment-cta__button--secondary {\n    background: rgba(255,255,255,0.78);\n    border: 1px solid rgba(0,0,0,0.08);\n    color: #111;\n  }\n\n  .penna-fulfilment-bg {\n    position: fixed;\n    inset: 0;\n    z-index: 0;\n    pointer-events: none;\n  }\n\n  #pennaFulfilmentCanvas {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n\n  @media (max-width: 1150px) {\n    .penna-fulfilment-diagram {\n      grid-template-columns: repeat(2, minmax(240px, 1fr));\n      gap: 20px;\n      max-width: 760px;\n      margin: 0 auto;\n    }\n\n    .penna-fulfilment-link {\n      display: none;\n    }\n\n    .penna-fulfilment-why__grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .penna-fulfilment-gallery__stack {\n      min-height: 520px;\n    }\n\n    .penna-fulfilment-gallery__card.is-left {\n      transform: translateX(-80px) rotate(-5deg) scale(0.9);\n    }\n\n    .penna-fulfilment-gallery__card.is-right {\n      transform: translateX(80px) rotate(5deg) scale(0.9);\n    }\n  }\n\n  @media (max-width: 900px) {\n    .penna-fulfilment-capabilities__grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 700px) {\n    .penna-fulfilment-hero {\n      min-height: 86vh;\n      padding: 30px 18px;\n    }\n\n    .penna-fulfilment-hero h1 {\n      font-size: clamp(2.6rem, 12vw, 4.4rem);\n    }\n\n    .penna-fulfilment-diagram,\n    .penna-fulfilment-why__grid {\n      grid-template-columns: 1fr;\n      max-width: 420px;\n      margin: 0 auto;\n    }\n\n    .penna-fulfilment-gallery__controls {\n      margin-bottom: 18px;\n    }\n\n    .penna-fulfilment-gallery__arrow {\n      width: 48px;\n      height: 48px;\n      font-size: 1.6rem;\n    }\n\n    .penna-fulfilment-gallery__stack {\n      min-height: 360px;\n    }\n\n    .penna-fulfilment-gallery__card,\n    .penna-fulfilment-gallery__card.is-left,\n    .penna-fulfilment-gallery__card.is-active,\n    .penna-fulfilment-gallery__card.is-right {\n      position: relative;\n      transform: none;\n      z-index: auto;\n      display: none;\n    }\n\n    .penna-fulfilment-gallery__card.is-active {\n      display: block;\n    }\n\n    .penna-fulfilment-gallery__card img {\n      max-width: 100%;\n      margin: 0 auto;\n    }\n\n    .penna-fulfilment-node,\n    .penna-fulfilment-capabilities__item,\n    .penna-fulfilment-why__item {\n      text-align: center;\n    }\n\n    .penna-fulfilment-capabilities,\n    .penna-fulfilment-process,\n    .penna-fulfilment-gallery,\n    .penna-fulfilment-why,\n    .penna-fulfilment-couriers,\n    .penna-fulfilment-cta {\n      padding: 80px 20px;\n    }\n\n    \n\n    .penna-fulfilment-couriers__stack { width: 290px; height: 240px; }\n    .penna-stack__card { width: 170px; height: 100px; }\n    .penna-stack__card--center { width: 118px; height: 118px; }\n    .penna-fulfilment-couriers__stack:hover .penna-stack__card:nth-child(2) { transform: translate(-95px,-14px) rotate(-14deg) scale(1.02); }\n    .penna-fulfilment-couriers__stack:hover .penna-stack__card:nth-child(3) { transform: translate(-72px,72px) rotate(-7deg) scale(1.02); }\n    .penna-fulfilment-couriers__stack:hover .penna-stack__card:nth-child(4) { transform: translate(0px,98px) rotate(0deg) scale(1.02); }\n    .penna-fulfilment-couriers__stack:hover .penna-stack__card:nth-child(5) { transform: translate(72px,72px) rotate(7deg) scale(1.02); }\n    .penna-fulfilment-couriers__stack:hover .penna-stack__card:nth-child(6) { transform: translate(95px,-14px) rotate(14deg) scale(1.02); }\n  }\n<\/style>\n\n<script>\n(function(){\nconst canvas=document.getElementById('pennaFulfilmentCanvas');\nif(!canvas) return;\nconst ctx=canvas.getContext('2d');\nif(!ctx) return;\nlet w,h;\nconst mouse={x:window.innerWidth*0.5,y:window.innerHeight*0.45,active:false};\n\nfunction resize(){\n  const ratio=window.devicePixelRatio||1;\n  w=window.innerWidth;\n  h=window.innerHeight;\n  canvas.width=w*ratio;\n  canvas.height=h*ratio;\n  ctx.setTransform(ratio,0,0,ratio,0,0);\n}\n\nconst blobs=[\n  {x:.16,y:.22,r:220,c:'#1e96c8'},\n  {x:.74,y:.18,r:190,c:'#28b0e5'},\n  {x:.58,y:.72,r:240,c:'#f2d600'},\n  {x:.24,y:.76,r:170,c:'#e0525e'},\n  {x:.82,y:.64,r:210,c:'#b9ecfb'}\n];\n\nfunction move(e){\n  mouse.x=e.clientX;\n  mouse.y=e.clientY;\n  mouse.active=true;\n  mouse.lastMove=Date.now();\n}\n\nfunction leave(){\n  mouse.active=false;\n}\n\nfunction draw(){\n  ctx.clearRect(0,0,w,h);\n  const t=Date.now()*0.00024;\n  blobs.forEach((b,i)=>{\n    const scrollY=window.scrollY||0;\n    const baseX=w*b.x+Math.sin(t+i*1.3)*42;\n    const baseY=(h*b.y+Math.cos(t*1.15+i)*36+scrollY*(0.05+i*0.01))%(h+b.r*2)-b.r;\n    const live=mouse.active || (mouse.lastMove && Date.now()-mouse.lastMove<180);\n    const offsetX=live ? (mouse.x-w*0.5)*(0.03+i*0.003) : 0;\n    const offsetY=live ? (mouse.y-h*0.5)*(0.02+i*0.002) : 0;\n    const x=baseX+offsetX;\n    const y=baseY+offsetY;\n    const g=ctx.createRadialGradient(x,y,0,x,y,b.r);\n    g.addColorStop(0,b.c+'66');\n    g.addColorStop(0.45,b.c+'2d');\n    g.addColorStop(1,b.c+'00');\n    ctx.fillStyle=g;\n    ctx.beginPath();\n    ctx.arc(x,y,b.r,0,Math.PI*2);\n    ctx.fill();\n  });\n  requestAnimationFrame(draw);\n}\n\nresize();\ndraw();\nwindow.addEventListener('resize',resize);\nwindow.addEventListener('pointermove',move,{passive:true});\nwindow.addEventListener('mousemove',move,{passive:true});\nwindow.addEventListener('mouseleave',leave);\n\nconst gallery=document.getElementById('pennaFulfilmentGallery');\nif(gallery){\n  const cards=Array.from(gallery.querySelectorAll('.penna-fulfilment-gallery__card'));\n  const prevButton=document.querySelector('.penna-fulfilment-gallery__arrow--prev');\n  const nextButton=document.querySelector('.penna-fulfilment-gallery__arrow--next');\n  let currentIndex=1;\n\n  function renderGallery(){\n    const total=cards.length;\n    const leftIndex=(currentIndex-1+total)%total;\n    const rightIndex=(currentIndex+1)%total;\n\n    cards.forEach((card,index)=>{\n      card.classList.remove('is-left','is-active','is-right');\n      if(index===leftIndex) card.classList.add('is-left');\n      if(index===currentIndex) card.classList.add('is-active');\n      if(index===rightIndex) card.classList.add('is-right');\n    });\n  }\n\n  if(prevButton){\n    prevButton.addEventListener('click',()=>{\n      currentIndex=(currentIndex-1+cards.length)%cards.length;\n      renderGallery();\n    });\n  }\n\n  if(nextButton){\n    nextButton.addEventListener('click',()=>{\n      currentIndex=(currentIndex+1)%cards.length;\n      renderGallery();\n    });\n  }\n\n  renderGallery();\n}\n})();\n<\/script>"},"padding":{"id":127395940,"value":"6"},"fullWidth":{"id":127395941,"value":"0"},"fullBackgroundColor":{"id":127395942,"value":"#fff0"},"published":{"id":127395943,"value":"1"},"conditions":{"id":127395944,"value":"[]"},"template":{"id":127636726,"value":"html"}}}],"properties":{"title":{"id":54331314,"value":"UK 3PL Fulfilment \u2013 Fast, Scalable & Eco-Friendly Order Fulfilment"},"isStorePage":{"id":54331315,"value":"1"},"ogImage":{"id":54331316,"value":"https:\/\/images.podos.io\/dnxjig98b4rqpgouxrpql8solpiohhnhgte8nym52zhhfmre.jpg.jpg?w=1200&h=auto"},"description":{"id":54332410,"value":"Scalable 3PL fulfilment in the UK with fast shipping, inventory management & eco-friendly packaging. Streamline your eCommerce logistics\u2014ship smarter today!"},"loginState":{"id":55777834,"value":"everyone"}},"labels":[],"published":1,"sitemap":1,"divisionId":293110,"edited":true,"keyPhraseCampaignId":112156}