{"id":3756,"date":"2025-05-19T12:29:14","date_gmt":"2025-05-19T11:29:14","guid":{"rendered":"https:\/\/mercurydesignbuild.co.uk\/?page_id=3756"},"modified":"2025-10-22T14:18:21","modified_gmt":"2025-10-22T13:18:21","slug":"elementor-page-3756","status":"publish","type":"page","link":"https:\/\/mercurydesignbuild.co.uk\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3756\" class=\"elementor elementor-3756\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7e089c1 elementor-section-stretched elementor-section-items-stretch elementor-section-height-full elementor-section-full_width elementor-section-height-default\" data-id=\"7e089c1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:4185,&quot;url&quot;:&quot;https:\\\/\\\/mercurydesignbuild.co.uk\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/upscaled-image-1.png&quot;},{&quot;id&quot;:4060,&quot;url&quot;:&quot;https:\\\/\\\/mercurydesignbuild.co.uk\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/upscaled-image.png&quot;},{&quot;id&quot;:4509,&quot;url&quot;:&quot;https:\\\/\\\/mercurydesignbuild.co.uk\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/a7102299-c947-4946-a9c0-ac709b361d16.png&quot;},{&quot;id&quot;:4733,&quot;url&quot;:&quot;https:\\\/\\\/mercurydesignbuild.co.uk\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/81aaaee1-b0e7-48e0-987d-7964d505aeda.png&quot;},{&quot;id&quot;:4734,&quot;url&quot;:&quot;https:\\\/\\\/mercurydesignbuild.co.uk\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/c5bd83ff-7961-4892-b031-ded44bee3d9e.png&quot;},{&quot;id&quot;:4735,&quot;url&quot;:&quot;https:\\\/\\\/mercurydesignbuild.co.uk\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/ccc4c9d2-b483-4572-9b87-0fbc31f55ff5.png&quot;}],&quot;background_slideshow_slide_duration&quot;:7000,&quot;background_slideshow_ken_burns&quot;:&quot;yes&quot;,&quot;shape_divider_bottom&quot;:&quot;opacity-tilt&quot;,&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500,&quot;background_slideshow_ken_burns_zoom_direction&quot;:&quot;in&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2600 131.1\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L2600 0 2600 69.1 0 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.5\" d=\"M0 0L2600 0 2600 69.1 0 69.1z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.25\" d=\"M2600 0L0 0 0 130.1 2600 69.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f68796d\" data-id=\"f68796d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-639d9a8 elementor-widget-tablet__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image\" data-id=\"639d9a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"180\" src=\"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Tagline-1000px.png\" class=\"attachment-large size-large wp-image-4456\" alt=\"\" srcset=\"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Tagline-1000px.png 1000w, https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Tagline-1000px-300x90.png 300w, https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Tagline-1000px-768x230.png 768w, https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Tagline-1000px-400x120.png 400w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-09806d6 elementor-section-stretched elementor-section-content-middle elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"09806d6\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6d65085\" data-id=\"6d65085\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c3323bf elementor-heading-tablet__align-center animated-fast elementor-heading__align-center elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"c3323bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;opal-move-up&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Clients<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3a6e0a elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"c3a6e0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;3&quot;,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/10\/RWC-300x142.png\" alt=\"RWC\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/10\/Screwfix-300x80.png\" alt=\"Screwfix\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/10\/Levis-300x169.png\" alt=\"Levis\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/10\/LoknStore.png\" alt=\"LoknStore\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/10\/MkCouncil-300x75.png\" alt=\"MkCouncil\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-72f5140 elementor-section-stretched elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"72f5140\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f99c63b\" data-id=\"f99c63b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e428863 elementor-heading__align-right elementor-widget elementor-widget-heading\" data-id=\"e428863\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-xxl\">From concept<BR>to completion<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8bc93ff elementor-heading__align-center elementor-widget elementor-widget-heading\" data-id=\"8bc93ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-large\">Transforming workspaces to inspire,<BR>\nencourage growth, and<BR>\nelevate performance<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d3e78be elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d3e78be\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e96fca2\" data-id=\"e96fca2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e92843a elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"e92843a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<html>\r\n<style>\r\n.tag-canvas {\r\n  position: relative;         \/* so the overlay text positions correctly *\/\r\n  aspect-ratio: 1219 \/ 913;\r\n  border: 3px solid #ffffff;\r\n}\r\n\r\n\/* Overlay text behind the canvas *\/\r\n.tag-background-text {\r\n  position: absolute;\r\n  top: 20px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 90%;\r\n  text-align: center;\r\n  font-size: 20px;\r\n  font-weight: bold;\r\n  color: #FFF;                \/* <-- needs the # *\/\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Make sure the Matter.js canvas is above the text *\/\r\n.tag-canvas canvas {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n<\/style>\r\n\r\n \r\n    \r\n    \r\n  <div class=\"tag-canvas\" style=\"width:100%;height:420px;border: 3px solid #ffffff;\">\r\n        <div class=\"tag-background-text\">\r\n    Avoid the stress of multiple contractors\r\n  <\/div>\r\n  <\/div>\r\n\r\n\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/matter-js\/0.19.0\/matter.min.js\"><\/script>\r\n<script>\r\n(async function initSimulation() {\r\n  const { Engine, Render, World, Bodies, Mouse, MouseConstraint } = Matter;\r\n\r\n  \/\/ ----- CONFIG -----\r\n  const FIXED_TAG_HEIGHT = 38;     \/\/ all tags render to this height (px in world units)\r\n  const BODY_INSET = 1;            \/\/ shrink physics body slightly vs the sprite to avoid \"fat\" hitboxes\r\n  const DENSITY = 0.0042;\r\n  const FRICTION = 0.15;\r\n  const RESTITUTION = 0.05;\r\n\r\n  const TAGS = [\r\n    \"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Asset1.svg\",\r\n    \"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Asset2.svg\",\r\n    \"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Asset3.svg\",\r\n    \"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Asset4.svg\",\r\n    \"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Asset5.svg\",\r\n    \"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Asset6.svg\",\r\n    \"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Asset7.svg\",\r\n    \"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Asset8.svg\",\r\n    \"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Asset9.svg\",\r\n    \"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Asset10.svg\",\r\n    \"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Asset11.svg\",\r\n    \"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Asset12.svg\",\r\n    \"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Asset13.svg\"\r\n  ];\r\n\r\n  \/\/ ----- HELPERS -----\r\n  function loadImageDims(url) {\r\n    \/\/ Try naturalWidth\/Height first (works for most SVGs); if 0, parse viewBox\r\n    return new Promise((resolve) => {\r\n      const img = new Image();\r\n      img.onload = () => {\r\n        if (img.naturalWidth && img.naturalHeight) {\r\n          resolve({ w: img.naturalWidth, h: img.naturalHeight });\r\n        } else {\r\n          \/\/ Fallback: fetch SVG text and read viewBox\r\n          fetch(url).then(r => r.text()).then(txt => {\r\n            const m = txt.match(\/viewBox\\s*=\\s*[\"']\\s*([\\d.\\-]+)\\s+([\\d.\\-]+)\\s+([\\d.\\-]+)\\s+([\\d.\\-]+)\\s*[\"']\/i);\r\n            if (m) {\r\n              const vbW = parseFloat(m[3]);\r\n              const vbH = parseFloat(m[4]);\r\n              resolve({ w: vbW, h: vbH });\r\n            } else {\r\n              \/\/ Final fallback: assume square-ish; you can tweak\r\n              resolve({ w: 300, h: 100 });\r\n            }\r\n          }).catch(() => resolve({ w: 300, h: 100 }));\r\n        }\r\n      };\r\n      img.onerror = () => resolve({ w: 300, h: 100 }); \/\/ safe default\r\n      img.src = url;\r\n    });\r\n  }\r\n\r\n  function makeTagBody(x, y, imageUrl, intrinsicW, intrinsicH) {\r\n    \/\/ scale so the *visual* height equals FIXED_TAG_HEIGHT\r\n    const yScale = FIXED_TAG_HEIGHT \/ intrinsicH;\r\n    const scaledW = intrinsicW * yScale;\r\n\r\n    \/\/ shrink body slightly so sprites visually touch when piled\r\n    const bodyW = Math.max(6, scaledW - BODY_INSET);\r\n    const bodyH = Math.max(6, FIXED_TAG_HEIGHT - BODY_INSET);\r\n\r\n    return Bodies.rectangle(x, y, bodyW, bodyH, {\r\n      chamfer: { radius: 5 },\r\n      density: DENSITY,\r\n      friction: FRICTION,\r\n      restitution: RESTITUTION,\r\n      render: {\r\n        sprite: {\r\n          texture: imageUrl,\r\n          xScale: yScale,  \/\/ keep aspect by using the same scale (since we used intrinsicW vs intrinsicH)\r\n          yScale: yScale\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ ----- SETUP WORLD \/ RENDER -----\r\n  const container = document.querySelector(\".tag-canvas\");\r\n  const width = container.clientWidth;\r\n  const height = container.clientHeight;\r\n\r\n  const engine = Engine.create();\r\n  const world = engine.world;\r\n\r\n  const render = Matter.Render.create({\r\n    element: container,\r\n    engine,\r\n    options: {\r\n      width,\r\n      height,\r\n      pixelRatio: Math.min(window.devicePixelRatio || 1, 2),\r\n      background: \"transparent\",\r\n      wireframes: false\r\n    }\r\n  });\r\n\r\n  \/\/ Boundaries\r\n  const ground = Bodies.rectangle(width \/ 2, height + 40, width + 80, 80, { isStatic: true });\r\n  const roof   = Bodies.rectangle(width \/ 2, -40, width + 80, 80, { isStatic: true });\r\n  const wallL  = Bodies.rectangle(-40, height \/ 2, 80, height, { isStatic: true });\r\n  const wallR  = Bodies.rectangle(width + 40, height \/ 2, 80, height, { isStatic: true });\r\n  World.add(world, [ground, roof, wallL, wallR]);\r\n\r\n  \/\/ ----- BUILD TAGS WITH MEASURED DIMS -----\r\n  const dims = await Promise.all(TAGS.map(loadImageDims));\r\n  const tags = TAGS.map((url, i) => {\r\n    \/\/ Drop them near the top with a little horizontal spread\r\n    const x = (width * 0.3) + (i % 6) * (width * 0.07);\r\n    const y = 40 + (i % 3) * 5;\r\n    return makeTagBody(x, y, url, dims[i].w, dims[i].h);\r\n  });\r\n\r\n  World.add(world, tags);\r\n\r\n  \/\/ Mouse drag\r\n  const mouse = Mouse.create(render.canvas);\r\n  const mouseConstraint = MouseConstraint.create(engine, {\r\n    mouse,\r\n    constraint: { stiffness: 0.2, render: { visible: false } }\r\n  });\r\n  World.add(world, mouseConstraint);\r\n  render.mouse = mouse;\r\n\r\n  \/\/ Run\r\n  Engine.run(engine);\r\n  Render.run(render);\r\n\r\n  \/\/ Optional: handle resize so the world fits if the container changes\r\n  window.addEventListener(\"resize\", () => {\r\n    const w = container.clientWidth;\r\n    const h = container.clientHeight;\r\n    render.bounds.max.x = w;\r\n    render.bounds.max.y = h;\r\n    render.options.width = w;\r\n    render.options.height = h;\r\n    render.canvas.width = w * render.options.pixelRatio;\r\n    render.canvas.height = h * render.options.pixelRatio;\r\n    \/\/ You could also reposition walls here if your container resizes dynamically\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-34efe77\" data-id=\"34efe77\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1349d6e elementor-widget elementor-widget-html\" data-id=\"1349d6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<html>\r\n<style>\r\n.tag-canvas2 {\r\n  aspect-ratio: 1219 \/ 913;\r\n  border: 3px solid #ffffff;\r\n    background-image: url(\"https:\/\/mercurydesignbuild.co.uk\/wp-content\/uploads\/2025\/09\/Towerv5.png\");\r\n    background-size: 100%;\r\n    background-position: bottom;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n.tag-background-text2 {\r\n  position: absolute;\r\n  top: 20px;                 \/* distance from the top *\/\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 90%;                \/* keep it within box *\/\r\n  text-align: center;\r\n  font-size: 20px;\r\n  font-weight: bold;\r\n  color: FFF; \/* faded so blocks show on top *\/\r\n  z-index: 0;                \/* stay behind canvas *\/\r\n  pointer-events: none;       \/* don\u2019t interfere with dragging *\/\r\n}\r\n\r\n\/* Make sure the Matter.js canvas is above the text *\/\r\n.tag-canvas2 canvas {\r\n  position: relative;\r\n  z-index: 1;\r\n  \r\n}\r\n<\/style>\r\n  <div class=\"tag-canvas2\" style=\"width:100%;height:420px;border: 3px solid #ffffff;\">\r\n        <div class=\"tag-background-text2\">\r\n    Mercury makes the process effortless\r\n  <\/div>\r\n  <\/div>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2416bd1 elementor-section-stretched elementor-section-content-middle elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"2416bd1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-be0096c\" data-id=\"be0096c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a1c933b elementor-heading-tablet__align-center animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a1c933b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;opal-move-up&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">At Mercury Design &amp; Build, we craft sophisticated commercial, retail, office and educational spaces that inspire and elevate.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e210d5 animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"4e210d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;opal-move-up&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Delivered with the confidence that our projects bring your vision to life.<br \/>We create environments where teams can thrive, collaborate, and perform at their best, so you can focus on driving your business forward.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-db67a48\" data-id=\"db67a48\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-25299ce animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"25299ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;opal-move-up&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our services include:Fit-out\u00a0<br \/>Design and build<br \/>Commercial washroom refurbishments<br \/>Carpentry and bespoke joinery<br \/>Kitchens, kitchenettes and catering facilities\u00a0<br \/>Mezzanines, structural and steelwork<br \/>Building restoration and renovations<br \/>Project management<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Clients From conceptto completion Transforming workspaces to inspire, encourage growth, and elevate performance Avoid the stress of multiple contractors Mercury makes the process effortless At Mercury Design &amp; Build, we craft sophisticated commercial, retail, office and educational spaces that inspire and elevate. Delivered with the confidence that our projects bring your vision to life.We create &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/mercurydesignbuild.co.uk\/\" class=\"more-link\">Read More <span class=\"screen-reader-text\"> &#8220;Home&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3756","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mercurydesignbuild.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/3756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mercurydesignbuild.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mercurydesignbuild.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mercurydesignbuild.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mercurydesignbuild.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=3756"}],"version-history":[{"count":100,"href":"https:\/\/mercurydesignbuild.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/3756\/revisions"}],"predecessor-version":[{"id":5221,"href":"https:\/\/mercurydesignbuild.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/3756\/revisions\/5221"}],"wp:attachment":[{"href":"https:\/\/mercurydesignbuild.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=3756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}