{"site":{"id":3317707,"direct_link":"https:\/\/ofmercury.com","display_url":"ofmercury.com","site_url":"ofmercury","domain":"ofmercury.com","domain_active":true,"domain_purchased":false,"domain_pending":false,"css_url":"https:\/\/ofmercury.com\/stylesheet","rss_url":"https:\/\/ofmercury.com\/rss","favicon_url":"https:\/\/freight.cargo.site\/t\/original\/i\/B2934483577565928968501301064505\/web-app-manifest-512x512.ico","website_title":"ofmercury","access_level":"public","is_private":false,"is_deleted":false,"is_upgraded":false,"is_template":false,"show_cargo_logo":false,"has_annex_upgrade":true,"has_domain_addon":true,"has_commerce_addon":true,"has_storage_addon":false,"can_duplicate":false,"can_copy":false,"site_password_enabled":false,"recent_date":"2026-07-05 03:00:48","upgrade_expire_date":"","version":"Cargo3","total_file_size":1888915078,"promocode_type":null,"meta_tags":"<meta name=\"description\" content=\"Enter the Veil. ofmercury is a Melbourne-based photography and design studio selling fine art prints with narrative and atmosphere.\">\n<meta name=\"keywords\" content=\"ofmercury, photography, fine art prints, Melbourne, design studio, narrative photography, atmospheric photography\">\n<meta name=\"author\" content=\"ofmercury\">\n<meta name=\"google-site-verification\" content=\"ju3pqvF3aYQGwt7O2trL1XZ8fiZ9KQuSfnftqdMD5Xc\" \/>","homepage_id":"Q3858910101","homepage_purl":"ofmercury-\u2014-fine-art-photography-prints-|-melbourne","mobile_homepage_id":"Q3858910101","mobile_homepage_purl":"ofmercury-\u2014-fine-art-photography-prints-|-melbourne","screenshot":{"id":83239878,"name":"screenshot-1185097945.jpg","hash":"V3018854829202784556010258805561","width":1792,"height":1120,"file_size":null,"file_type":"jpg","mime_type":"image\/jpeg","is_image":true,"is_video":false},"site_preview_type":"upload-image","site_preview_image":[{"id":80106865,"display_name":"of-mercury-arrival.jpeg","name":"of-mercury-arrival.jpeg","hash":"O2936094338108860225988472582969","width":1791,"height":1093,"file_size":743972,"file_size_human":"726.5KB","file_type":"jpeg","mime_type":"image\/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2026-05-14T04:46:33.194561Z","updated_at":"2026-05-14T04:46:33.194561Z"}],"site_preview_url":"https:\/\/freight.cargo.site\/w\/1000\/i\/O2936094338108860225988472582969\/of-mercury-arrival.jpeg","has_site_description":true,"site_description":"Enter the Veil. ofmercury is a Melbourne-based photography++design studio selling fine art prints with narrative and atmosphere","custom_html":"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\">\n\n<script>\n(function () {\n  \/*\n    OF MERCURY \u2014 HARD ROUTE-MASK CLEANUP\n    Kills stale route\/pre-route controllers from earlier broken versions.\n  *\/\n\n  var staleKeys = [\n    \"__omRouteCoverController__\",\n    \"__omGlobalPreRouteHold__\",\n    \"__omFieldDiaryPreNavMask__\",\n    \"__omSlitReveal_v1__\",\n    \"__omHomepageMobileSlitInlineFix_v1__\",\n    \"__omHomepageMobileCargoBackgroundStretch_v2__\",\n    \"__omHomepageSlitScanOnlyMobileFix_v1__\",\n    \"__omHomepageBgDiagnosticInline_v1__\"\n  ];\n\n  staleKeys.forEach(function (key) {\n    try {\n      if (window[key] && typeof window[key].destroy === \"function\") {\n        window[key].destroy();\n      }\n    } catch (error) {}\n\n    try {\n      delete window[key];\n    } catch (error) {\n      window[key] = null;\n    }\n  });\n\n  [\n    \"omRouteCover\",\n    \"omGlobalPreRouteHoldMask\",\n    \"omFieldDiaryPreNavMask\",\n    \"omSlitReveal\",\n    \"omMobileSlitPortal\",\n    \"omDiagnosticRanTag\"\n  ].forEach(function (id) {\n    var el = document.getElementById(id);\n    if (el) el.remove();\n  });\n\n  [\n    \"om-global-route-hold-active\",\n    \"om-field-prenav-active\",\n    \"om-home-mobile-slit-portalled\"\n  ].forEach(function (className) {\n    document.documentElement.classList.remove(className);\n    if (document.body) document.body.classList.remove(className);\n  });\n\n  try {\n    delete window.__omSiteScriptsInit;\n  } catch (error) {\n    window.__omSiteScriptsInit = false;\n  }\n})();\n<\/script>\n\n<script>\n(function () {\n  if (window.__omSiteScriptsInit) return;\n  window.__omSiteScriptsInit = true;\n\n  function onReady(fn) {\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\"DOMContentLoaded\", fn, { once: true });\n    } else {\n      fn();\n    }\n  }\n\n  function runSoon(fn) {\n    setTimeout(fn, 0);\n    setTimeout(fn, 120);\n    setTimeout(fn, 360);\n  }\n\n  function onRouteChange(fn) {\n    window.addEventListener(\"pageshow\", function () {\n      runSoon(fn);\n    });\n\n    window.addEventListener(\"popstate\", function () {\n      runSoon(fn);\n    });\n\n    window.addEventListener(\"hashchange\", function () {\n      runSoon(fn);\n    });\n\n    if (!history.__omRouteWrapped) {\n      var originalPushState = history.pushState;\n      var originalReplaceState = history.replaceState;\n\n      history.pushState = function () {\n        originalPushState.apply(history, arguments);\n        runSoon(fn);\n      };\n\n      history.replaceState = function () {\n        originalReplaceState.apply(history, arguments);\n        runSoon(fn);\n      };\n\n      history.__omRouteWrapped = true;\n    }\n  }\n\n  function hasLocalFieldNotesOwner() {\n    return !!document.querySelector(\"[data-om-fieldnotes-local='true']\");\n  }\n\n  function isLocalFieldNotesNode(node) {\n    if (!node || !node.closest) return false;\n    return !!node.closest(\"[data-om-fieldnotes-local='true']\");\n  }\n\n  \/* -------------------------------------------------\n     CLEAN OLD HOMEPAGE NAV CONTROLLERS\n  ------------------------------------------------- *\/\n\n  [\n    \"__omHomeNavTextGate__\",\n    \"__omHomeNavController__\",\n    \"__omHomeNavHardFontGate__\",\n    \"__omHomeNavSafeFontGate__\",\n    \"__omHomeNavStableRecovery__\",\n    \"__omHomeVcrRealFontGate__\",\n    \"__omHomeVcrMeasuredFontGate__\",\n    \"__omHomeVcrMeasuredFontGateLocked__\",\n    \"__omHomeVcrV2MeasuredGate__\",\n    \"__omHomeNavV2MeadowLabels__\"\n  ].forEach(function (key) {\n    try {\n      if (window[key] && typeof window[key].destroy === \"function\") {\n        window[key].destroy();\n      }\n      delete window[key];\n    } catch (error) {}\n  });\n\n  \/* -------------------------------------------------\n     PRODUCT PAGE \u2014 GENERIC FIELD NOTES TYPING\n     Skips whenever a local owner exists.\n  ------------------------------------------------- *\/\n\n  var omPanelState = new WeakMap();\n\n  function startTyping(panel) {\n    if (!panel) return;\n    if (hasLocalFieldNotesOwner()) return;\n    if (isLocalFieldNotesNode(panel)) return;\n\n    var textEl = panel.querySelector(\".om-field-text\");\n    if (!textEl) return;\n\n    var fullText = textEl.getAttribute(\"data-fulltext\") || \"\";\n    if (!fullText) return;\n\n    var state = omPanelState.get(panel);\n\n    if (!state) {\n      state = {\n        hasTyped: false,\n        timer: null,\n        isTyping: false\n      };\n\n      omPanelState.set(panel, state);\n    }\n\n    if (state.hasTyped || state.isTyping) return;\n\n    if (state.timer) {\n      clearTimeout(state.timer);\n      state.timer = null;\n    }\n\n    var i = 0;\n    state.isTyping = true;\n\n    textEl.textContent = \"\";\n    textEl.classList.add(\"is-typing\");\n\n    function step() {\n      if (!panel.open) {\n        state.isTyping = false;\n        state.timer = null;\n        return;\n      }\n\n      i += 1;\n      textEl.textContent = fullText.slice(0, i);\n\n      if (i < fullText.length) {\n        var char = fullText[i - 1];\n        var delay =\n          char === \".\" || char === \",\" ? 70 :\n          char === \" \" ? 24 :\n          32;\n\n        state.timer = setTimeout(step, delay);\n      } else {\n        textEl.classList.remove(\"is-typing\");\n        state.hasTyped = true;\n        state.isTyping = false;\n        state.timer = null;\n      }\n    }\n\n    step();\n  }\n\n  function initTypedPanels() {\n    if (hasLocalFieldNotesOwner()) return;\n\n    document.querySelectorAll(\".om-field-notes[open]\").forEach(function (panel) {\n      if (isLocalFieldNotesNode(panel)) return;\n      startTyping(panel);\n    });\n  }\n\n  document.addEventListener(\"toggle\", function (event) {\n    if (hasLocalFieldNotesOwner()) return;\n\n    var panel = event.target;\n    if (!panel.matches || !panel.matches(\".om-field-notes\")) return;\n    if (isLocalFieldNotesNode(panel)) return;\n\n    if (panel.open) startTyping(panel);\n  }, true);\n\n  onReady(initTypedPanels);\n  onRouteChange(initTypedPanels);\n\n  \/* -------------------------------------------------\n     BACKDROP FREEZE PAGE\n  ------------------------------------------------- *\/\n\n  function initOmBackdropFreeze() {\n    var page = document.querySelector('[id=\"V2346843026\"].page');\n    if (!page) return;\n    if (page.dataset.freezeInit === \"true\") return;\n\n    page.dataset.freezeInit = \"true\";\n\n    if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\n      page.classList.add(\"is-frozen\");\n      return;\n    }\n\n    setTimeout(function () {\n      page.classList.add(\"is-locking\");\n    }, 2200);\n\n    setTimeout(function () {\n      page.classList.add(\"is-frozen\");\n    }, 2480);\n\n    setTimeout(function () {\n      page.classList.remove(\"is-locking\");\n    }, 2900);\n  }\n\n  onReady(initOmBackdropFreeze);\n  onRouteChange(initOmBackdropFreeze);\n\n  \/* -------------------------------------------------\n     CONTACT PAGE BOOT\n  ------------------------------------------------- *\/\n\n  var omwActiveRoot = null;\n  var omwActiveRaf = null;\n  var omwActiveResizeObserver = null;\n  var omwActiveResizeHandler = null;\n  var omwObserver = null;\n\n  function cleanupOmw() {\n    if (omwActiveRaf) {\n      cancelAnimationFrame(omwActiveRaf);\n      omwActiveRaf = null;\n    }\n\n    if (omwActiveResizeObserver) {\n      omwActiveResizeObserver.disconnect();\n      omwActiveResizeObserver = null;\n    }\n\n    if (omwActiveResizeHandler) {\n      window.removeEventListener(\"resize\", omwActiveResizeHandler);\n      omwActiveResizeHandler = null;\n    }\n\n    omwActiveRoot = null;\n  }\n\n  function initOmwContact(root) {\n    if (!root) return;\n    if (root === omwActiveRoot) return;\n    if (root.dataset.bound === \"1\") return;\n\n    cleanupOmw();\n\n    root.dataset.bound = \"1\";\n    omwActiveRoot = root;\n\n    var trackA = root.querySelector(\"#omwTrackA\");\n    var trackB = root.querySelector(\"#omwTrackB\");\n    var windowEl = root.querySelector(\"#omwWindow\");\n    var form = root.querySelector(\"#omwContactForm\");\n    var closeBtn = root.querySelector(\"#omwBack\");\n    var pageReturn = root.querySelector(\"#omwPageReturn\");\n    var topic = root.querySelector(\"#omwTopic\");\n    var nameField = root.querySelector(\"#omwName\");\n    var emailField = root.querySelector(\"#omwEmail\");\n    var messageField = root.querySelector(\"#omwMessage\");\n    var submitBtn = root.querySelector(\".omw-contact__submit\");\n    var statusEl = root.querySelector(\"#omwContactStatus\");\n\n    if (!trackA || !trackB || !windowEl || !form || !closeBtn || !topic) return;\n\n    root.classList.remove(\"is-open\");\n\n    var progress = 0;\n    var speed = 0.26;\n    var loopHeight = 0;\n    var paused = false;\n    var isSubmitting = false;\n\n    function isMobileOmw() {\n      return window.innerWidth <= 900;\n    }\n\n    function getReelOffset() {\n      if (!isMobileOmw()) return 0;\n      if (root.classList.contains(\"is-open\")) return 0;\n      return 24;\n    }\n\n    function render() {\n      trackA.style.transform = \"translate3d(0,\" + (-progress) + \"px,0)\";\n      trackB.style.transform = \"translate3d(0,\" + (-progress) + \"px,0)\";\n    }\n\n    function measure() {\n      loopHeight = trackA.offsetHeight;\n\n      var reelOffset = getReelOffset();\n\n      trackA.style.top = reelOffset + \"px\";\n      trackB.style.top = (loopHeight + reelOffset) + \"px\";\n\n      render();\n    }\n\n    function tick() {\n      if (!document.body.contains(root)) {\n        cleanupOmw();\n        return;\n      }\n\n      if (!paused && loopHeight > 0) {\n        progress += speed;\n        if (progress >= loopHeight) progress -= loopHeight;\n        render();\n      }\n\n      omwActiveRaf = requestAnimationFrame(tick);\n    }\n\n    function setStatus(message, type) {\n      if (!statusEl) return;\n\n      statusEl.textContent = message || \"\";\n      statusEl.classList.remove(\"is-success\", \"is-error\", \"is-loading\");\n\n      if (type) statusEl.classList.add(type);\n    }\n\n    root.addEventListener(\"click\", function (event) {\n      var item = event.target.closest(\".omw-contact__item[data-topic]\");\n      if (!item) return;\n\n      topic.value = item.getAttribute(\"data-topic\") || \"\";\n\n      paused = true;\n      root.classList.add(\"is-open\");\n\n      setStatus(\"\", \"\");\n      measure();\n\n      setTimeout(function () {\n        if (nameField) nameField.focus();\n      }, 180);\n    });\n\n    closeBtn.addEventListener(\"click\", function () {\n      if (isSubmitting) return;\n\n      root.classList.remove(\"is-open\");\n      topic.value = \"\";\n      paused = false;\n\n      setStatus(\"\", \"\");\n      measure();\n    });\n\n    if (pageReturn) {\n      pageReturn.addEventListener(\"click\", function () {\n        if (root.classList.contains(\"is-open\")) {\n          if (isSubmitting) return;\n\n          root.classList.remove(\"is-open\");\n          topic.value = \"\";\n          paused = false;\n\n          setStatus(\"\", \"\");\n          measure();\n          return;\n        }\n\n        window.location.href = \"\/\";\n      });\n    }\n\n    form.addEventListener(\"submit\", function (event) {\n      event.preventDefault();\n      if (isSubmitting) return;\n\n      var payload = {\n        topic: (topic.value || \"\").trim(),\n        name: ((nameField && nameField.value) || \"\").trim(),\n        email: ((emailField && emailField.value) || \"\").trim(),\n        message: ((messageField && messageField.value) || \"\").trim(),\n        _email: {\n          subject: \"Of Mercury \u2014 Let\u2019s talk\"\n        }\n      };\n\n      if (!payload.name || !payload.email || !payload.message) {\n        setStatus(\"Please complete all required fields.\", \"is-error\");\n        return;\n      }\n\n      isSubmitting = true;\n\n      if (submitBtn) {\n        submitBtn.disabled = true;\n        submitBtn.textContent = \"Sending\u2026\";\n      }\n\n      setStatus(\"Sending\u2026\", \"is-loading\");\n\n      fetch(\"https:\/\/submit-form.com\/xQz3IB4QZ\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application\/json\",\n          \"Accept\": \"application\/json\"\n        },\n        body: JSON.stringify(payload)\n      })\n        .then(function (response) {\n          if (!response.ok) throw new Error(\"Submission failed\");\n\n          return response.json().catch(function () {\n            return {};\n          });\n        })\n        .then(function () {\n          setStatus(\"Thanks for submitting.\", \"is-success\");\n\n          form.reset();\n          topic.value = \"\";\n\n          setTimeout(function () {\n            root.classList.remove(\"is-open\");\n            paused = false;\n            setStatus(\"\", \"\");\n            measure();\n          }, 1200);\n        })\n        .catch(function (error) {\n          console.error(\"Formspark submission error:\", error);\n          setStatus(\"Couldn\u2019t send just yet. Please try again.\", \"is-error\");\n        })\n        .finally(function () {\n          isSubmitting = false;\n\n          if (submitBtn) {\n            submitBtn.disabled = false;\n            submitBtn.textContent = \"Send\";\n          }\n        });\n    });\n\n    windowEl.addEventListener(\"mouseenter\", function () {\n      if (!root.classList.contains(\"is-open\")) speed = 0.18;\n    });\n\n    windowEl.addEventListener(\"mouseleave\", function () {\n      if (!root.classList.contains(\"is-open\")) speed = 0.26;\n    });\n\n    omwActiveResizeHandler = measure;\n    window.addEventListener(\"resize\", omwActiveResizeHandler);\n\n    if (\"ResizeObserver\" in window) {\n      omwActiveResizeObserver = new ResizeObserver(measure);\n      omwActiveResizeObserver.observe(trackA);\n    }\n\n    setTimeout(measure, 50);\n    setTimeout(measure, 250);\n    setTimeout(measure, 800);\n\n    measure();\n    omwActiveRaf = requestAnimationFrame(tick);\n  }\n\n  function bootOmwContact() {\n    var root = document.getElementById(\"omwContact\");\n\n    if (!root) {\n      cleanupOmw();\n      return;\n    }\n\n    if (root.dataset.bound === \"1\" && root !== omwActiveRoot) {\n      root.dataset.bound = \"\";\n    }\n\n    initOmwContact(root);\n  }\n\n  function observeOmw() {\n    if (omwObserver) return;\n\n    omwObserver = new MutationObserver(function () {\n      bootOmwContact();\n    });\n\n    omwObserver.observe(document.documentElement, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  onReady(function () {\n    bootOmwContact();\n    observeOmw();\n  });\n\n  onRouteChange(bootOmwContact);\n\n  \/* -------------------------------------------------\n     PARALLAX\n  ------------------------------------------------- *\/\n\n  function initParallax() {\n    document.querySelectorAll(\"[data-og-parallax]\").forEach(function (item) {\n      if (item.dataset.ogParallaxBound === \"1\") return;\n      item.dataset.ogParallaxBound = \"1\";\n\n      var media = item.querySelector(\"[data-og-parallax-media]\");\n      if (!media) return;\n\n      item.addEventListener(\"pointermove\", function (event) {\n        var rect = item.getBoundingClientRect();\n        var x = (event.clientX - rect.left) \/ rect.width - 0.5;\n        var y = (event.clientY - rect.top) \/ rect.height - 0.5;\n\n        var moveX = x * -24;\n        var moveY = y * -18;\n\n        media.style.transform = \"translate3d(\" + moveX + \"px,\" + moveY + \"px,0) scale(1.05)\";\n      });\n\n      item.addEventListener(\"pointerleave\", function () {\n        media.style.transform = \"translate3d(0,0,0) scale(1.02)\";\n      });\n    });\n  }\n\n  onReady(initParallax);\n  onRouteChange(initParallax);\n})();\n<\/script>\n\n<script>\n(function () {\n  var BREAKPOINT = 780;\n  var raf = null;\n\n  function applyLayoutMode() {\n    var isNarrow = window.innerWidth <= BREAKPOINT;\n\n    document.querySelectorAll(\".om-page-shell\").forEach(function (shell) {\n      shell.classList.toggle(\"om-is-narrow\", isNarrow);\n    });\n  }\n\n  function queueApply() {\n    if (raf) cancelAnimationFrame(raf);\n\n    raf = requestAnimationFrame(function () {\n      raf = null;\n      applyLayoutMode();\n    });\n  }\n\n  var observer = new MutationObserver(queueApply);\n\n  observer.observe(document.documentElement, {\n    childList: true,\n    subtree: true\n  });\n\n  window.addEventListener(\"load\", queueApply);\n  window.addEventListener(\"resize\", queueApply, { passive: true });\n  window.addEventListener(\"pageshow\", queueApply);\n  window.addEventListener(\"orientationchange\", queueApply, { passive: true });\n\n  queueApply();\n})();\n<\/script>\n\n<script>\n(function () {\n  var KEY = \"__omUniversalImageSwapFix__\";\n\n  if (window[KEY] && typeof window[KEY].destroy === \"function\") {\n    window[KEY].destroy();\n  }\n\n  var swapCommitTimer = null;\n  var swapReleaseTimer = null;\n\n  function clearTimer(timer) {\n    if (timer) clearTimeout(timer);\n    return null;\n  }\n\n  function resetBusyStates() {\n    document.querySelectorAll(\".om-image-stage\").forEach(function (stage) {\n      stage.dataset.swapBusy = \"false\";\n\n      stage.querySelectorAll(\".om-image-slot\").forEach(function (slot) {\n        slot.classList.remove(\"is-swapping\");\n      });\n    });\n  }\n\n  function swapStage(stage) {\n    if (!stage) return;\n    if (stage.dataset.swapBusy === \"true\") return;\n\n    var small = stage.querySelector(\".om-image-slot--small\");\n    var large = stage.querySelector(\".om-image-slot--large\");\n\n    if (!small || !large) return;\n\n    stage.dataset.swapBusy = \"true\";\n\n    small.classList.add(\"is-swapping\");\n    large.classList.add(\"is-swapping\");\n\n    swapCommitTimer = clearTimer(swapCommitTimer);\n    swapReleaseTimer = clearTimer(swapReleaseTimer);\n\n    swapCommitTimer = setTimeout(function () {\n      small.classList.remove(\"om-image-slot--small\");\n      small.classList.add(\"om-image-slot--large\");\n\n      large.classList.remove(\"om-image-slot--large\");\n      large.classList.add(\"om-image-slot--small\");\n    }, 140);\n\n    swapReleaseTimer = setTimeout(function () {\n      stage.querySelectorAll(\".om-image-slot\").forEach(function (slot) {\n        slot.classList.remove(\"is-swapping\");\n      });\n\n      stage.dataset.swapBusy = \"false\";\n    }, 520);\n  }\n\n  function onClick(event) {\n    var clickedSmall = event.target.closest(\".om-image-slot--small\");\n    if (!clickedSmall) return;\n\n    var stage = clickedSmall.closest(\".om-image-stage\");\n    if (!stage) return;\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    swapStage(stage);\n  }\n\n  document.addEventListener(\"click\", onClick, true);\n  window.addEventListener(\"pageshow\", resetBusyStates);\n  window.addEventListener(\"load\", resetBusyStates);\n\n  resetBusyStates();\n\n  window[KEY] = {\n    destroy: function () {\n      document.removeEventListener(\"click\", onClick, true);\n      window.removeEventListener(\"pageshow\", resetBusyStates);\n      window.removeEventListener(\"load\", resetBusyStates);\n\n      swapCommitTimer = clearTimer(swapCommitTimer);\n      swapReleaseTimer = clearTimer(swapReleaseTimer);\n\n      delete window[KEY];\n    }\n  };\n})();\n<\/script>\n\n<script>\n(function () {\n  var KEY = \"__omHomeNavV3BodyOverlay__\";\n  var NAV_ID = \"omHomeNavV3\";\n  var ACTIVE_CLASS = \"om-home-nav-v3-active\";\n  var READY_CLASS = \"om-home-vcr-v3-ready\";\n  var FONT_NAME = \"VCR OSD Mono\";\n  var TEST_TEXT = \"Shop Field Diaries Contact WWWWMMMMiiii1111\";\n  var MAX_WAIT = 12000;\n\n  if (window[KEY] && typeof window[KEY].destroy === \"function\") {\n    window[KEY].destroy();\n  }\n\n  var destroyed = false;\n  var raf = null;\n  var timers = [];\n  var observer = null;\n  var fontHasBeenProven = false;\n  var startTime = Date.now();\n\n  function clearTimers() {\n    timers.forEach(function (timer) {\n      clearTimeout(timer);\n    });\n\n    timers = [];\n  }\n\n  function root() {\n    return document.documentElement;\n  }\n\n  function currentPath() {\n    return (window.location.pathname || \"\").replace(\/\\\/+$\/, \"\").toLowerCase();\n  }\n\n  function isHomePage() {\n    var path = currentPath();\n\n    return (\n      path === \"\" ||\n      path === \"\/\" ||\n      path === \"\/enter-mercury-2\" ||\n      !!document.querySelector('[id=\"Q3858910101\"].page')\n    );\n  }\n\n  function createNav() {\n    var nav = document.getElementById(NAV_ID);\n\n    if (nav) return nav;\n\n    nav = document.createElement(\"nav\");\n    nav.id = NAV_ID;\n    nav.className = \"om-home-nav-v3\";\n    nav.setAttribute(\"aria-label\", \"Primary navigation\");\n\n    nav.innerHTML =\n      '<a aria-label=\"Shop\" class=\"om-home-nav-v3__shop\" data-label=\"Shop\" href=\"shopfront\" rel=\"history\"><\/a>' +\n      '<a aria-label=\"Field Diaries\" class=\"om-home-nav-v3__gallery\" data-label=\"Field Diaries\" href=\"the-field\" rel=\"history\"><\/a>' +\n      '<a aria-label=\"Contact\" class=\"om-home-nav-v3__contact\" data-label=\"Contact\" href=\"make-contact\" rel=\"history\"><\/a>';\n\n    document.body.appendChild(nav);\n\n    return nav;\n  }\n\n  function setActiveState() {\n    if (destroyed) return;\n\n    createNav();\n\n    if (isHomePage()) {\n      root().classList.add(ACTIVE_CLASS);\n    } else {\n      root().classList.remove(ACTIVE_CLASS);\n    }\n  }\n\n  function makeProbe(id, family) {\n    var el = document.getElementById(id);\n\n    if (!el) {\n      el = document.createElement(\"span\");\n      el.id = id;\n      el.setAttribute(\"aria-hidden\", \"true\");\n      el.textContent = TEST_TEXT;\n\n      el.style.position = \"fixed\";\n      el.style.left = \"-99999px\";\n      el.style.top = \"-99999px\";\n      el.style.opacity = \"0\";\n      el.style.pointerEvents = \"none\";\n      el.style.whiteSpace = \"nowrap\";\n      el.style.fontSize = \"48px\";\n      el.style.lineHeight = \"1\";\n      el.style.letterSpacing = \"0\";\n      el.style.fontWeight = \"400\";\n      el.style.fontStyle = \"normal\";\n      el.style.zIndex = \"-1\";\n\n      document.body.appendChild(el);\n    }\n\n    el.style.fontFamily = family;\n\n    return el;\n  }\n\n  function getWidth(el) {\n    return el.getBoundingClientRect().width || el.offsetWidth || 0;\n  }\n\n  function measuredFontIsReallyDifferent() {\n    if (!document.body) return false;\n\n    var target = makeProbe(\"omHomeVcrV3ProbeTarget\", '\"' + FONT_NAME + '\", monospace');\n    var mono = makeProbe(\"omHomeVcrV3ProbeMono\", \"monospace\");\n    var sans = makeProbe(\"omHomeVcrV3ProbeSans\", \"Arial, sans-serif\");\n    var serif = makeProbe(\"omHomeVcrV3ProbeSerif\", \"Times New Roman, serif\");\n\n    var targetWidth = getWidth(target);\n    var monoWidth = getWidth(mono);\n    var sansWidth = getWidth(sans);\n    var serifWidth = getWidth(serif);\n\n    if (!targetWidth || !monoWidth || !sansWidth || !serifWidth) return false;\n\n    return !(\n      Math.abs(targetWidth - monoWidth) < 0.5 ||\n      Math.abs(targetWidth - sansWidth) < 0.5 ||\n      Math.abs(targetWidth - serifWidth) < 0.5\n    );\n  }\n\n  function requestFontLoad() {\n    if (!document.fonts || typeof document.fonts.load !== \"function\") return;\n\n    try {\n      document.fonts.load('48px \"' + FONT_NAME + '\"', TEST_TEXT);\n    } catch (error) {}\n  }\n\n  function revealFont() {\n    if (destroyed) return;\n\n    fontHasBeenProven = true;\n    root().classList.add(READY_CLASS);\n\n    try {\n      sessionStorage.setItem(\"__omHomeVcrV3Ready__\", \"true\");\n    } catch (error) {}\n  }\n\n  function tickFont() {\n    if (destroyed) return;\n\n    if (fontHasBeenProven) {\n      revealFont();\n      return;\n    }\n\n    requestFontLoad();\n\n    if (measuredFontIsReallyDifferent()) {\n      revealFont();\n      return;\n    }\n\n    if (Date.now() - startTime > MAX_WAIT) {\n      revealFont();\n      return;\n    }\n\n    raf = requestAnimationFrame(tickFont);\n  }\n\n  function bootFontGate() {\n    if (destroyed) return;\n\n    try {\n      if (sessionStorage.getItem(\"__omHomeVcrV3Ready__\") === \"true\") {\n        fontHasBeenProven = true;\n        revealFont();\n        return;\n      }\n    } catch (error) {}\n\n    root().classList.remove(READY_CLASS);\n    startTime = Date.now();\n\n    if (raf) cancelAnimationFrame(raf);\n    raf = requestAnimationFrame(tickFont);\n\n    timers.push(setTimeout(requestFontLoad, 500));\n    timers.push(setTimeout(requestFontLoad, 1500));\n    timers.push(setTimeout(requestFontLoad, 3000));\n  }\n\n  function boot() {\n    if (destroyed) return;\n\n    setActiveState();\n    bootFontGate();\n  }\n\n  function runSoon() {\n    timers.push(setTimeout(boot, 0));\n    timers.push(setTimeout(boot, 120));\n    timers.push(setTimeout(boot, 360));\n    timers.push(setTimeout(boot, 1000));\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", runSoon, { once: true });\n  } else {\n    runSoon();\n  }\n\n  window.addEventListener(\"pageshow\", runSoon);\n  window.addEventListener(\"popstate\", runSoon);\n  window.addEventListener(\"hashchange\", runSoon);\n\n  if (!history.__omHomeNavV3Wrapped) {\n    var originalPushState = history.pushState;\n    var originalReplaceState = history.replaceState;\n\n    history.pushState = function () {\n      originalPushState.apply(history, arguments);\n      runSoon();\n    };\n\n    history.replaceState = function () {\n      originalReplaceState.apply(history, arguments);\n      runSoon();\n    };\n\n    history.__omHomeNavV3Wrapped = true;\n  }\n\n  observer = new MutationObserver(function () {\n    if (destroyed) return;\n\n    createNav();\n    setActiveState();\n\n    if (fontHasBeenProven) {\n      root().classList.add(READY_CLASS);\n    }\n  });\n\n  observer.observe(document.documentElement, {\n    childList: true,\n    subtree: true\n  });\n\n  window[KEY] = {\n    destroy: function () {\n      destroyed = true;\n\n      if (raf) cancelAnimationFrame(raf);\n      raf = null;\n\n      clearTimers();\n\n      window.removeEventListener(\"pageshow\", runSoon);\n      window.removeEventListener(\"popstate\", runSoon);\n      window.removeEventListener(\"hashchange\", runSoon);\n\n      if (observer) {\n        observer.disconnect();\n        observer = null;\n      }\n\n      var nav = document.getElementById(NAV_ID);\n      if (nav) nav.remove();\n\n      [\n        \"omHomeVcrV3ProbeTarget\",\n        \"omHomeVcrV3ProbeMono\",\n        \"omHomeVcrV3ProbeSans\",\n        \"omHomeVcrV3ProbeSerif\"\n      ].forEach(function (id) {\n        var el = document.getElementById(id);\n        if (el) el.remove();\n      });\n\n      root().classList.remove(ACTIVE_CLASS);\n      root().classList.remove(READY_CLASS);\n\n      delete window[KEY];\n    }\n  };\n})();\n<\/script>\n\n<script>\n(function () {\n  var KEY = \"__omHomeNavShopPendingFeedback__\";\n\n  if (window[KEY] && typeof window[KEY].destroy === \"function\") {\n    window[KEY].destroy();\n  }\n\n  var NAV_ID = \"omHomeNavV3\";\n  var SHOP_SELECTOR = \".om-home-nav-v3__shop\";\n  var STYLE_ID = \"omHomeNavShopPendingFeedbackStyle\";\n\n  var destroyed = false;\n  var timers = [];\n  var dotTimer = null;\n  var dotStep = 0;\n\n  function clearTimers() {\n    timers.forEach(clearTimeout);\n    timers = [];\n\n    if (dotTimer) {\n      clearInterval(dotTimer);\n      dotTimer = null;\n    }\n  }\n\n  function injectStyle() {\n    var existing = document.getElementById(STYLE_ID);\n    if (existing) existing.remove();\n\n    var style = document.createElement(\"style\");\n    style.id = STYLE_ID;\n\n    style.textContent =\n      'html.om-home-nav-v3-active #omHomeNavV3.om-home-nav-v3 .om-home-nav-v3__shop.is-om-shop-pending::before {' +\n      'color: rgba(145, 255, 190, 1) !important;' +\n      'text-shadow: 0 0 2px rgba(210, 255, 190, 0.68), 0 0 7px rgba(145, 255, 190, 0.48), 0 0 16px rgba(57, 255, 20, 0.26), 0 1px 6px rgba(0, 0, 0, 0.18) !important;' +\n      'animation: omHomeShopPendingPulse 1150ms ease-in-out infinite !important;' +\n      '}' +\n\n      '#omHomeNavV3 .om-home-nav-v3__shop .om-shop-pending-dots {' +\n      'position: absolute !important;' +\n      'left: calc(100% + 0.22rem) !important;' +\n      'top: 0 !important;' +\n      'display: block !important;' +\n      'min-width: 2.3em !important;' +\n      'height: 1em !important;' +\n      'color: rgba(145, 255, 190, 1) !important;' +\n      'font-family: \"VCR OSD Mono\", monospace !important;' +\n      'font-size: inherit !important;' +\n      'line-height: inherit !important;' +\n      'letter-spacing: 0.03em !important;' +\n      'opacity: 1 !important;' +\n      'visibility: visible !important;' +\n      'pointer-events: none !important;' +\n      'text-shadow: 0 0 2px rgba(210, 255, 190, 0.68), 0 0 7px rgba(145, 255, 190, 0.48), 0 0 16px rgba(57, 255, 20, 0.26), 0 1px 6px rgba(0, 0, 0, 0.18) !important;' +\n      '}' +\n\n      '@keyframes omHomeShopPendingPulse {' +\n      '0%, 100% { opacity: 0.82; filter: blur(0) brightness(1); }' +\n      '50% { opacity: 1; filter: blur(0) brightness(1.08); }' +\n      '}' +\n\n      '@media (prefers-reduced-motion: reduce) {' +\n      '#omHomeNavV3 .om-home-nav-v3__shop.is-om-shop-pending::before { animation: none !important; }' +\n      '}';\n\n    document.head.appendChild(style);\n  }\n\n  function getShopLink() {\n    var nav = document.getElementById(NAV_ID);\n    return nav ? nav.querySelector(SHOP_SELECTOR) : null;\n  }\n\n  function ensureDots(link) {\n    if (!link) return null;\n\n    var existing = link.querySelector(\".om-shop-pending-dots\");\n    if (existing) return existing;\n\n    var dots = document.createElement(\"span\");\n    dots.className = \"om-shop-pending-dots\";\n    dots.setAttribute(\"aria-hidden\", \"true\");\n    dots.textContent = \".\";\n\n    link.appendChild(dots);\n\n    return dots;\n  }\n\n  function removeDots(link) {\n    if (!link) return;\n\n    var dots = link.querySelector(\".om-shop-pending-dots\");\n    if (dots) dots.remove();\n  }\n\n  function normaliseHref(href) {\n    return String(href || \"\")\n      .replace(\/^https?:\\\/\\\/[^\/]+\/i, \"\")\n      .replace(\/^\\\/+\/, \"\")\n      .replace(\/\\\/+$\/, \"\")\n      .split(\"?\")[0]\n      .split(\"#\")[0]\n      .toLowerCase();\n  }\n\n  function isShopHref(href) {\n    var path = normaliseHref(href);\n\n    return (\n      path === \"shopfront\" ||\n      path === \"shop\" ||\n      path === \"catalogue\" ||\n      path === \"catalog\" ||\n      path.indexOf(\"shopfront\") === 0\n    );\n  }\n\n  function startDots(link) {\n    var dots = ensureDots(link);\n    if (!dots) return;\n\n    if (dotTimer) {\n      clearInterval(dotTimer);\n      dotTimer = null;\n    }\n\n    dotStep = 0;\n    dots.textContent = \".\";\n\n    dotTimer = setInterval(function () {\n      if (destroyed) return;\n\n      var activeLink = getShopLink();\n      var activeDots = activeLink ? activeLink.querySelector(\".om-shop-pending-dots\") : null;\n\n      if (!activeLink || !activeDots) {\n        if (dotTimer) {\n          clearInterval(dotTimer);\n          dotTimer = null;\n        }\n        return;\n      }\n\n      if (!activeLink.classList.contains(\"is-om-shop-pending\")) {\n        activeLink.classList.add(\"is-om-shop-pending\");\n      }\n\n      dotStep = (dotStep + 1) % 3;\n      activeDots.textContent =\n        dotStep === 0 ? \".\" :\n        dotStep === 1 ? \"..\" :\n        \"...\";\n    }, 430);\n  }\n\n  function clearPending() {\n    var link = getShopLink();\n\n    if (dotTimer) {\n      clearInterval(dotTimer);\n      dotTimer = null;\n    }\n\n    if (!link) return;\n\n    link.classList.remove(\"is-om-shop-pending\");\n    link.removeAttribute(\"aria-busy\");\n    link.setAttribute(\"data-label\", \"Shop\");\n    removeDots(link);\n  }\n\n  function setPending(link) {\n    if (!link || destroyed) return;\n\n    injectStyle();\n\n    link.classList.add(\"is-om-shop-pending\");\n    link.setAttribute(\"aria-busy\", \"true\");\n    link.setAttribute(\"data-label\", \"Shop\");\n\n    clearTimers();\n    startDots(link);\n\n    timers.push(setTimeout(clearPending, 7000));\n  }\n\n  function onPointerDown(event) {\n    var link = event.target && event.target.closest\n      ? event.target.closest(\"#\" + NAV_ID + \" \" + SHOP_SELECTOR)\n      : null;\n\n    if (!link) return;\n\n    var href = link.getAttribute(\"href\") || \"\";\n    if (!isShopHref(href)) return;\n\n    setPending(link);\n  }\n\n  function onClick(event) {\n    var link = event.target && event.target.closest\n      ? event.target.closest(\"#\" + NAV_ID + \" \" + SHOP_SELECTOR)\n      : null;\n\n    if (!link) return;\n\n    var href = link.getAttribute(\"href\") || \"\";\n    if (!isShopHref(href)) return;\n\n    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;\n    if (link.getAttribute(\"target\") === \"_blank\") return;\n\n    setPending(link);\n  }\n\n  function onReturnToPage() {\n    timers.push(setTimeout(clearPending, 1200));\n  }\n\n  injectStyle();\n\n  document.addEventListener(\"pointerdown\", onPointerDown, true);\n  document.addEventListener(\"click\", onClick, true);\n\n  window.addEventListener(\"pageshow\", onReturnToPage);\n  window.addEventListener(\"popstate\", onReturnToPage);\n  window.addEventListener(\"hashchange\", onReturnToPage);\n\n  window[KEY] = {\n    destroy: function () {\n      destroyed = true;\n\n      clearTimers();\n\n      document.removeEventListener(\"pointerdown\", onPointerDown, true);\n      document.removeEventListener(\"click\", onClick, true);\n\n      window.removeEventListener(\"pageshow\", onReturnToPage);\n      window.removeEventListener(\"popstate\", onReturnToPage);\n      window.removeEventListener(\"hashchange\", onReturnToPage);\n\n      clearPending();\n\n      var style = document.getElementById(STYLE_ID);\n      if (style) style.remove();\n\n      delete window[KEY];\n    }\n  };\n})();\n<\/script>\n\n<script>\n(function () {\n  var KEY = \"__omCartBackTrap__\";\n\n  if (window[KEY] && typeof window[KEY].destroy === \"function\") {\n    window[KEY].destroy();\n  }\n\n  var destroyed = false;\n\n  function install() {\n    if (destroyed) return;\n    if (history.__omCartBackTrapInstalled) return;\n\n    var originalPushState = history.pushState;\n\n    history.pushState = function (state, title, url) {\n      if (url && String(url).replace(\/\\\/+$\/, \"\").toLowerCase() === \"\/cart\") {\n        return history.replaceState(state, title, url);\n      }\n\n      return originalPushState.apply(history, arguments);\n    };\n\n    history.__omCartBackTrapInstalled = true;\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      setTimeout(install, 0);\n    }, { once: true });\n  } else {\n    setTimeout(install, 0);\n  }\n\n  window.addEventListener(\"pageshow\", install);\n\n  window[KEY] = {\n    destroy: function () {\n      destroyed = true;\n      history.__omCartBackTrapInstalled = false;\n      window.removeEventListener(\"pageshow\", install);\n      delete window[KEY];\n    }\n  };\n})();\n<\/script>\n\n<script>\n(function () {\n  var KEY = \"__omOverlayBackClose__\";\n\n  if (window[KEY] && typeof window[KEY].destroy === \"function\") {\n    window[KEY].destroy();\n  }\n\n  var destroyed = false;\n  var guardActive = false;\n\n  function overlayOpen() {\n    return !!document.querySelector(\".top-overlay.overlay-open\");\n  }\n\n  function closeOverlay() {\n    var closer =\n      document.querySelector('.top-overlay.overlay-open [rel=\"close-overlay\"]') ||\n      document.querySelector('[rel=\"close-overlay\"]');\n\n    if (closer) closer.click();\n  }\n\n  function onOverlayChange() {\n    if (destroyed) return;\n\n    if (overlayOpen() && !guardActive) {\n      guardActive = true;\n      history.pushState({ omGuard: true }, \"\", location.href);\n    }\n  }\n\n  function onPopState() {\n    if (destroyed) return;\n    if (!guardActive) return;\n\n    guardActive = false;\n\n    if (overlayOpen()) {\n      closeOverlay();\n    }\n  }\n\n  var observer = new MutationObserver(onOverlayChange);\n\n  observer.observe(document.documentElement, {\n    subtree: true,\n    attributes: true,\n    attributeFilter: [\"class\"]\n  });\n\n  window.addEventListener(\"popstate\", onPopState);\n\n  onOverlayChange();\n\n  window[KEY] = {\n    destroy: function () {\n      destroyed = true;\n\n      observer.disconnect();\n      window.removeEventListener(\"popstate\", onPopState);\n\n      delete window[KEY];\n    }\n  };\n})();\n<\/script>\n\n<script>\n(function () {\n  function stretchBackdrop() {\n    var backdrop = document.querySelector('[id=\"Q3858910101\"] .backdrop');\n    if (!backdrop) return;\n    backdrop.style.setProperty('height', '100svh', 'important');\n    backdrop.style.setProperty('min-height', '100svh', 'important');\n    backdrop.style.setProperty('position', 'fixed', 'important');\n    backdrop.style.setProperty('inset', '0', 'important');\n    backdrop.style.setProperty('width', '100vw', 'important');\n    \n    \/\/ Also hit any video or canvas inside it\n    var media = backdrop.querySelectorAll('video, canvas, img');\n    media.forEach(function(el) {\n      el.style.setProperty('height', '100%', 'important');\n      el.style.setProperty('width', '100%', 'important');\n      el.style.setProperty('object-fit', 'cover', 'important');\n    });\n  }\n\n  \/\/ Run repeatedly to fight Cargo's JS resizing\n  [0, 100, 300, 600, 1000, 2000].forEach(function(ms) {\n    setTimeout(stretchBackdrop, ms);\n  });\n\n  window.addEventListener('pageshow', stretchBackdrop);\n  window.addEventListener('resize', stretchBackdrop);\n})();\n<\/script>\n\n<script>\n(function () {\n  function fix() {\n    var h = window.screen.height;\n    document.documentElement.style.setProperty('--viewport-height', h + 'px', 'important');\n    document.documentElement.style.setProperty('--min-viewport-height', h + 'px', 'important');\n  }\n  [0, 50, 100, 300, 500, 1000].forEach(function(ms) {\n    setTimeout(fix, ms);\n  });\n  window.addEventListener('pageshow', fix);\n})();\n<\/script>\n\n<!-- Meta Pixel Code -->\n<script>\n!function(f,b,e,v,n,t,s)\n{\n  if(f.fbq)return;\n  n=f.fbq=function(){\n    n.callMethod\n      ? n.callMethod.apply(n,arguments)\n      : n.queue.push(arguments)\n  };\n  if(!f._fbq)f._fbq=n;\n  n.push=n;\n  n.loaded=!0;\n  n.version='2.0';\n  n.queue=[];\n  t=b.createElement(e);\n  t.async=!0;\n  t.src=v;\n  s=b.getElementsByTagName(e)[0];\n  s.parentNode.insertBefore(t,s)\n}(window, document,'script',\n'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n\nfbq('init', '4551877408427366');\nfbq('track', 'PageView');\n<\/script>\n\n<noscript>\n  <img\n    height=\"1\"\n    width=\"1\"\n    style=\"display:none\"\n    alt=\"\"\n    src=\"https:\/\/www.facebook.com\/tr?id=4551877408427366&ev=PageView&noscript=1\"\n  >\n<\/noscript>\n<!-- End Meta Pixel Code -->\n\n<script>\n(function () {\n  var KEY = \"__omMetaProductViewTracking_v1__\";\n\n  if (window[KEY] && typeof window[KEY].destroy === \"function\") {\n    window[KEY].destroy();\n  }\n\n  var timer = null;\n  var lastProductPath = \"\";\n\n  \/*\n    Pages that are not individual products.\n    Add any other non-product routes here if needed.\n  *\/\n  var excludedPaths = {\n    \"\": true,\n    \"enter-mercury-2\": true,\n    \"shopfront\": true,\n    \"shop\": true,\n    \"catalogue\": true,\n    \"catalog\": true,\n    \"the-field\": true,\n    \"make-contact\": true,\n    \"cart\": true,\n    \"size-reference\": true\n  };\n\n  function getSlug() {\n    return String(window.location.pathname || \"\")\n      .replace(\/^\\\/+|\\\/+$\/g, \"\")\n      .toLowerCase();\n  }\n\n  function readableName(slug) {\n    return slug\n      .split(\"-\")\n      .map(function (word) {\n        return word.charAt(0).toUpperCase() + word.slice(1);\n      })\n      .join(\" \");\n  }\n\n  function trackCurrentProduct() {\n    var slug = getSlug();\n\n    if (!slug || excludedPaths[slug]) {\n      lastProductPath = \"\";\n      return;\n    }\n\n    if (slug === lastProductPath) return;\n    if (typeof window.fbq !== \"function\") return;\n\n    lastProductPath = slug;\n\n    window.fbq(\"track\", \"ViewContent\", {\n      content_name: readableName(slug),\n      content_ids: [slug],\n      content_type: \"product\",\n      page_path: \"\/\" + slug\n    });\n  }\n\n  function queueCheck() {\n    clearTimeout(timer);\n    timer = setTimeout(trackCurrentProduct, 500);\n  }\n\n  \/*\n    Polling is deliberate here because Cargo can replace page content\n    without reliably exposing every navigation through one history event.\n  *\/\n  var interval = setInterval(function () {\n    var slug = getSlug();\n\n    if (\n      slug &&\n      !excludedPaths[slug] &&\n      slug !== lastProductPath\n    ) {\n      queueCheck();\n    }\n\n    if (!slug || excludedPaths[slug]) {\n      lastProductPath = \"\";\n    }\n  }, 400);\n\n  window.addEventListener(\"popstate\", queueCheck);\n  window.addEventListener(\"hashchange\", queueCheck);\n  window.addEventListener(\"pageshow\", queueCheck);\n\n  queueCheck();\n\n  window[KEY] = {\n    destroy: function () {\n      clearTimeout(timer);\n      clearInterval(interval);\n\n      window.removeEventListener(\"popstate\", queueCheck);\n      window.removeEventListener(\"hashchange\", queueCheck);\n      window.removeEventListener(\"pageshow\", queueCheck);\n\n      delete window[KEY];\n    }\n  };\n})();\n<\/script>","shop_id":106545,"fonts":[{"family":"VCR OSD Mono","provider":"cargo"},{"family":"Chaumont Script","provider":"cargo"},{"family":"Diatype Mono Variable","provider":"cargo"},{"family":"Diatype Variable","provider":"cargo"}],"tags":[]},"scaffolding":[{"id":"root","set_id":"root","title":"Root","purl":null,"page_type":"set","content":"","local_css":null,"display":false,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"sort":null,"index":0,"page_count":6,"page_design_options":null,"backdrops":null,"pin_options":{},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":{},"media":[],"tags":[],"access_level":"public"},{"id":"W3637027679","set_id":"root","title":"Field Experiments","purl":"field-experiments","page_type":"set","content":"","local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"sort":0,"index":0,"page_count":2,"page_design_options":null,"backdrops":null,"pin_options":{},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":{},"media":[],"tags":[],"access_level":"public"},{"id":"E1624596981","set_id":"W3637027679","title":"The Field","purl":"the-field","page_type":"set","content":"","local_css":null,"display":true,"stack":true,"pin":false,"overlay":false,"password_enabled":false,"sort":1,"index":0,"page_count":1,"page_design_options":null,"backdrops":null,"pin_options":{},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":[],"media":[],"tags":[],"access_level":"public"},{"id":"P0067586922","set_id":"E1624596981","title":"Overlay","purl":"overlay","page_type":"page","content":"<script>\n(function () {\n \u00a0var INIT_KEY = \"__omFieldDiaryBodyOverlayInit__\";\n \u00a0var OVERLAY_ID = \"omFieldDiaryBodyOverlay\";\n \u00a0var MERCURY_ID = \"omFieldDiaryBodyMercury\";\n \u00a0var BG_ID = \"omFieldDiaryBodyBackground\";\n\n \u00a0var MERCURY_SRC = \"https:\/\/freight.cargo.site\/m\/Y2857897435158886190249188766521\/ofmercury-chrome-logo.png\";\n\n \u00a0if (window[INIT_KEY] && typeof window[INIT_KEY].destroy === \"function\") {\n \u00a0 \u00a0window[INIT_KEY].destroy();\n \u00a0}\n\n \u00a0var destroyed = false;\n \u00a0var lastY = window.scrollY || document.documentElement.scrollTop || 0;\n \u00a0var ticking = false;\n\n \u00a0var SHOW_AT_TOP = 10;\n \u00a0var SCROLL_DELTA = 7;\n\n \u00a0function removeExisting() {\n \u00a0 \u00a0var oldOverlay = document.getElementById(OVERLAY_ID);\n \u00a0 \u00a0var oldMercury = document.getElementById(MERCURY_ID);\n \u00a0 \u00a0var oldBg = document.getElementById(BG_ID);\n\n \u00a0 \u00a0if (oldOverlay) oldOverlay.remove();\n \u00a0 \u00a0if (oldMercury) oldMercury.remove();\n \u00a0 \u00a0if (oldBg) oldBg.remove();\n \u00a0}\n\n \u00a0function createBackground() {\n \u00a0 \u00a0var bg = document.createElement(\"div\");\n \u00a0 \u00a0bg.id = BG_ID;\n \u00a0 \u00a0bg.className = \"om-field-diary-body-background om-field-diary-bg-entering\";\n \u00a0 \u00a0bg.setAttribute(\"aria-hidden\", \"true\");\n\n \u00a0 \u00a0document.body.appendChild(bg);\n \u00a0 \u00a0return bg;\n \u00a0}\n\n \u00a0function createOverlay() {\n \u00a0 \u00a0var overlay = document.createElement(\"nav\");\n \u00a0 \u00a0overlay.id = OVERLAY_ID;\n \u00a0 \u00a0overlay.className = \"om-field-diary-body-overlay om-field-diary-entering\";\n \u00a0 \u00a0overlay.setAttribute(\"aria-label\", \"Field Diaries\");\n\n \u00a0 \u00a0overlay.innerHTML =\n \u00a0 \u00a0 \u00a0'<div class=\"om-field-diary-body-overlay__inner\">' +\n \u00a0 \u00a0 \u00a0 \u00a0'<span class=\"om-field-diary-title is-active\">Field Diaries<\/span>' +\n \u00a0 \u00a0 \u00a0'<\/div>';\n\n \u00a0 \u00a0document.body.appendChild(overlay);\n \u00a0 \u00a0return overlay;\n \u00a0}\n\n \u00a0function createMercury() {\n \u00a0 \u00a0var mercury = document.createElement(\"a\");\n \u00a0 \u00a0mercury.id = MERCURY_ID;\n \u00a0 \u00a0mercury.className = \"om-field-diary-body-mercury om-field-diary-entering\";\n \u00a0 \u00a0mercury.href = \"\/\";\n \u00a0 \u00a0mercury.setAttribute(\"rel\", \"history\");\n \u00a0 \u00a0mercury.setAttribute(\"aria-label\", \"of mercury\");\n\n \u00a0 \u00a0document.body.appendChild(mercury);\n \u00a0 \u00a0return mercury;\n \u00a0}\n\n \u00a0function preloadImage(src, done) {\n \u00a0 \u00a0var img = new Image();\n\n \u00a0 \u00a0img.onload = function () {\n \u00a0 \u00a0 \u00a0done(true);\n \u00a0 \u00a0};\n\n \u00a0 \u00a0img.onerror = function () {\n \u00a0 \u00a0 \u00a0done(false);\n \u00a0 \u00a0};\n\n \u00a0 \u00a0img.src = src;\n \u00a0}\n\n \u00a0removeExisting();\n\n \u00a0var bg = createBackground();\n \u00a0var overlay = createOverlay();\n \u00a0var mercury = createMercury();\n\n \u00a0function setImmersiveHidden(hidden) {\n \u00a0 \u00a0if (bg) bg.classList.toggle(\"is-immersive-hidden\", hidden);\n \u00a0 \u00a0if (overlay) overlay.classList.toggle(\"is-immersive-hidden\", hidden);\n \u00a0 \u00a0if (mercury) mercury.classList.toggle(\"is-immersive-hidden\", hidden);\n \u00a0}\n\n \u00a0function updateScrollState() {\n \u00a0 \u00a0if (destroyed) return;\n\n \u00a0 \u00a0var currentY = window.scrollY || document.documentElement.scrollTop || 0;\n \u00a0 \u00a0var delta = currentY - lastY;\n\n \u00a0 \u00a0if (currentY <= SHOW_AT_TOP) {\n \u00a0 \u00a0 \u00a0setImmersiveHidden(false);\n \u00a0 \u00a0 \u00a0lastY = currentY;\n \u00a0 \u00a0 \u00a0ticking = false;\n \u00a0 \u00a0 \u00a0return;\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (delta > SCROLL_DELTA) {\n \u00a0 \u00a0 \u00a0setImmersiveHidden(true);\n \u00a0 \u00a0 \u00a0lastY = currentY;\n \u00a0 \u00a0 \u00a0ticking = false;\n \u00a0 \u00a0 \u00a0return;\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (delta < -SCROLL_DELTA) {\n \u00a0 \u00a0 \u00a0setImmersiveHidden(false);\n \u00a0 \u00a0 \u00a0lastY = currentY;\n \u00a0 \u00a0 \u00a0ticking = false;\n \u00a0 \u00a0 \u00a0return;\n \u00a0 \u00a0}\n\n \u00a0 \u00a0ticking = false;\n \u00a0}\n\n \u00a0function requestScrollUpdate() {\n \u00a0 \u00a0if (ticking || destroyed) return;\n\n \u00a0 \u00a0ticking = true;\n \u00a0 \u00a0requestAnimationFrame(updateScrollState);\n \u00a0}\n\n \u00a0function revealBackground() {\n \u00a0 \u00a0if (destroyed || !bg) return;\n\n \u00a0 \u00a0requestAnimationFrame(function () {\n \u00a0 \u00a0 \u00a0if (!bg) return;\n\n \u00a0 \u00a0 \u00a0bg.classList.remove(\"om-field-diary-bg-entering\");\n \u00a0 \u00a0 \u00a0bg.classList.add(\"om-field-diary-bg-ready\");\n \u00a0 \u00a0});\n \u00a0}\n\n \u00a0function revealMercury() {\n \u00a0 \u00a0if (destroyed || !mercury) return;\n\n \u00a0 \u00a0requestAnimationFrame(function () {\n \u00a0 \u00a0 \u00a0if (!mercury) return;\n\n \u00a0 \u00a0 \u00a0mercury.classList.remove(\"om-field-diary-entering\");\n \u00a0 \u00a0 \u00a0mercury.classList.add(\"om-field-diary-ready\");\n \u00a0 \u00a0});\n \u00a0}\n\n \u00a0function revealText() {\n \u00a0 \u00a0if (destroyed || !overlay) return;\n\n \u00a0 \u00a0requestAnimationFrame(function () {\n \u00a0 \u00a0 \u00a0if (!overlay) return;\n\n \u00a0 \u00a0 \u00a0overlay.classList.remove(\"om-field-diary-entering\");\n \u00a0 \u00a0 \u00a0overlay.classList.add(\"om-field-diary-ready\");\n \u00a0 \u00a0});\n \u00a0}\n\n \u00a0function runEntrySequence() {\n \u00a0 \u00a0revealBackground();\n\n \u00a0 \u00a0preloadImage(MERCURY_SRC, function () {\n \u00a0 \u00a0 \u00a0if (destroyed) return;\n\n \u00a0 \u00a0 \u00a0setTimeout(function () {\n \u00a0 \u00a0 \u00a0 \u00a0revealMercury();\n \u00a0 \u00a0 \u00a0}, 120);\n\n \u00a0 \u00a0 \u00a0setTimeout(function () {\n \u00a0 \u00a0 \u00a0 \u00a0revealText();\n \u00a0 \u00a0 \u00a0}, 420);\n \u00a0 \u00a0});\n \u00a0}\n\n \u00a0function syncSoon() {\n \u00a0 \u00a0requestScrollUpdate();\n\n \u00a0 \u00a0setTimeout(requestScrollUpdate, 120);\n \u00a0 \u00a0setTimeout(requestScrollUpdate, 360);\n \u00a0}\n\n \u00a0function destroy() {\n \u00a0 \u00a0destroyed = true;\n\n \u00a0 \u00a0window.removeEventListener(\"scroll\", requestScrollUpdate);\n \u00a0 \u00a0window.removeEventListener(\"pageshow\", syncSoon);\n \u00a0 \u00a0window.removeEventListener(\"popstate\", syncSoon);\n \u00a0 \u00a0window.removeEventListener(\"hashchange\", syncSoon);\n\n \u00a0 \u00a0var currentOverlay = document.getElementById(OVERLAY_ID);\n \u00a0 \u00a0var currentMercury = document.getElementById(MERCURY_ID);\n \u00a0 \u00a0var currentBg = document.getElementById(BG_ID);\n\n \u00a0 \u00a0if (currentOverlay) currentOverlay.remove();\n \u00a0 \u00a0if (currentMercury) currentMercury.remove();\n \u00a0 \u00a0if (currentBg) currentBg.remove();\n\n \u00a0 \u00a0delete window[INIT_KEY];\n \u00a0}\n\n \u00a0window[INIT_KEY] = {\n \u00a0 \u00a0destroy: destroy\n \u00a0};\n\n \u00a0syncSoon();\n \u00a0setTimeout(runEntrySequence, 80);\n\n \u00a0window.addEventListener(\"scroll\", requestScrollUpdate, { passive: true });\n \u00a0window.addEventListener(\"pageshow\", syncSoon);\n \u00a0window.addEventListener(\"popstate\", syncSoon);\n \u00a0window.addEventListener(\"hashchange\", syncSoon);\n})();\n<\/script>\n\n<style>\n\/* -------------------------\n \u00a0 FIELD DIARIES \u2014 BODY-LEVEL IMMERSIVE OVERLAYS\n------------------------- *\/\n\n#omFieldDiaryBodyBackground,\n#omFieldDiaryBodyOverlay,\n#omFieldDiaryBodyMercury {\n \u00a0position: fixed !important;\n \u00a0box-sizing: border-box !important;\n \u00a0z-index: 999999 !important;\n\n \u00a0visibility: visible !important;\n \u00a0pointer-events: auto !important;\n\n \u00a0will-change: opacity, transform, filter;\n\n \u00a0transition:\n \u00a0 \u00a0opacity 420ms cubic-bezier(0.22, 1, 0.36, 1),\n \u00a0 \u00a0transform 520ms cubic-bezier(0.22, 1, 0.36, 1),\n \u00a0 \u00a0filter 420ms cubic-bezier(0.22, 1, 0.36, 1),\n \u00a0 \u00a0visibility 0ms linear 0ms !important;\n}\n\n\/* -------------------------\n \u00a0 SHARED BACKGROUND LAYER\n \u00a0 Loads first, before image and text.\n------------------------- *\/\n\n#omFieldDiaryBodyBackground {\n \u00a0top: 0 !important;\n \u00a0left: 0 !important;\n \u00a0right: 0 !important;\n \u00a0height: 4.2rem !important;\n\n \u00a0z-index: 999997 !important;\n \u00a0pointer-events: none !important;\n\n \u00a0background: linear-gradient(\n \u00a0 \u00a0to bottom,\n \u00a0 \u00a0rgba(35, 35, 35, 0.72) 0%,\n \u00a0 \u00a0rgba(35, 35, 35, 0.42) 48%,\n \u00a0 \u00a0rgba(35, 35, 35, 0) 100%\n \u00a0) !important;\n\n \u00a0backdrop-filter: blur(9px) !important;\n \u00a0-webkit-backdrop-filter: blur(9px) !important;\n\n \u00a0opacity: 1 !important;\n \u00a0transform: translateY(0) !important;\n \u00a0filter: blur(0) !important;\n}\n\n#omFieldDiaryBodyBackground.om-field-diary-bg-entering {\n \u00a0opacity: 0 !important;\n \u00a0visibility: visible !important;\n \u00a0transform: translateY(-8px) !important;\n \u00a0filter: blur(2px) !important;\n}\n\n#omFieldDiaryBodyBackground.om-field-diary-bg-ready {\n \u00a0opacity: 1 !important;\n \u00a0visibility: visible !important;\n \u00a0transform: translateY(0) !important;\n \u00a0filter: blur(0) !important;\n}\n\n#omFieldDiaryBodyBackground.is-immersive-hidden {\n \u00a0opacity: 0 !important;\n \u00a0visibility: hidden !important;\n \u00a0pointer-events: none !important;\n \u00a0transform: translateY(-10px) !important;\n \u00a0filter: blur(2px) !important;\n\n \u00a0transition:\n \u00a0 \u00a0opacity 280ms ease,\n \u00a0 \u00a0transform 340ms cubic-bezier(0.22, 1, 0.36, 1),\n \u00a0 \u00a0filter 280ms ease,\n \u00a0 \u00a0visibility 0ms linear 280ms !important;\n}\n\n\/* -------------------------\n \u00a0 TOP-RIGHT FIELD DIARIES OVERLAY \/ TEXT\n------------------------- *\/\n\n#omFieldDiaryBodyOverlay {\n \u00a0top: 0 !important;\n \u00a0right: 0 !important;\n \u00a0left: auto !important;\n \u00a0width: auto !important;\n \u00a0max-width: calc(100vw - 8.5rem) !important;\n\n \u00a0z-index: 999999 !important;\n\n \u00a0display: flex !important;\n \u00a0align-items: flex-start !important;\n \u00a0justify-content: flex-end !important;\n\n \u00a0padding: 0.86rem 1rem 0.42rem 0.8rem !important;\n\n \u00a0background: transparent !important;\n \u00a0backdrop-filter: none !important;\n \u00a0-webkit-backdrop-filter: none !important;\n \u00a0border-bottom-left-radius: 0 !important;\n\n \u00a0opacity: 1 !important;\n \u00a0transform: translateY(0) !important;\n \u00a0filter: blur(0) !important;\n}\n\n#omFieldDiaryBodyOverlay.om-field-diary-entering {\n \u00a0opacity: 0 !important;\n \u00a0visibility: visible !important;\n \u00a0pointer-events: none !important;\n \u00a0transform: translateY(-14px) !important;\n \u00a0filter: blur(2px) !important;\n}\n\n#omFieldDiaryBodyOverlay.om-field-diary-ready {\n \u00a0opacity: 1 !important;\n \u00a0visibility: visible !important;\n \u00a0pointer-events: auto !important;\n \u00a0transform: translateY(0) !important;\n \u00a0filter: blur(0) !important;\n}\n\n#omFieldDiaryBodyOverlay.is-immersive-hidden {\n \u00a0opacity: 0 !important;\n \u00a0visibility: hidden !important;\n \u00a0pointer-events: none !important;\n \u00a0transform: translateY(-14px) !important;\n \u00a0filter: blur(2px) !important;\n\n \u00a0transition:\n \u00a0 \u00a0opacity 260ms ease,\n \u00a0 \u00a0transform 320ms cubic-bezier(0.22, 1, 0.36, 1),\n \u00a0 \u00a0filter 260ms ease,\n \u00a0 \u00a0visibility 0ms linear 260ms !important;\n}\n\n#omFieldDiaryBodyOverlay .om-field-diary-body-overlay__inner {\n \u00a0display: grid !important;\n \u00a0justify-items: end !important;\n \u00a0gap: 0 !important;\n \u00a0min-width: 0 !important;\n \u00a0margin-left: auto !important;\n}\n\n#omFieldDiaryBodyOverlay .om-field-diary-title {\n \u00a0appearance: none !important;\n \u00a0border: 0 !important;\n \u00a0background: transparent !important;\n \u00a0padding: 0 !important;\n \u00a0margin: 0 !important;\n\n \u00a0color: rgba(145, 255, 190, 0.92) !important;\n \u00a0font: inherit !important;\n \u00a0font-size: 0.66rem !important;\n \u00a0font-style: normal !important;\n \u00a0font-weight: normal !important;\n \u00a0line-height: 1 !important;\n \u00a0letter-spacing: 0.18em !important;\n \u00a0text-transform: uppercase !important;\n \u00a0text-decoration: none !important;\n\n \u00a0display: inline-flex !important;\n \u00a0align-items: center !important;\n \u00a0justify-content: flex-end !important;\n \u00a0white-space: nowrap !important;\n\n \u00a0cursor: default !important;\n\n \u00a0transition:\n \u00a0 \u00a0color 160ms ease,\n \u00a0 \u00a0opacity 160ms ease,\n \u00a0 \u00a0transform 160ms ease !important;\n}\n\n\/* -------------------------\n \u00a0 TOP-LEFT OF MERCURY MARK \/ IMAGE\n------------------------- *\/\n\n#omFieldDiaryBodyMercury {\n \u00a0top: 0.86rem !important;\n \u00a0left: max(1rem, env(safe-area-inset-left)) !important;\n \u00a0right: auto !important;\n \u00a0bottom: auto !important;\n\n \u00a0width: 120px !important;\n \u00a0height: 38px !important;\n\n \u00a0z-index: 999998 !important;\n\n \u00a0display: block !important;\n\n \u00a0padding: 0 !important;\n \u00a0margin: 0 !important;\n \u00a0border: 0 !important;\n \u00a0outline: 0 !important;\n\n \u00a0background-color: transparent !important;\n \u00a0background-image: url(&#x26;#x22;https:\/\/freight.cargo.site\/m\/Y2857897435158886190249188766521\/ofmercury-chrome-logo.png&#x26;#x22;) !important;\n \u00a0background-repeat: no-repeat !important;\n \u00a0background-position: center center !important;\n \u00a0background-size: contain !important;\n\n \u00a0box-shadow: none !important;\n \u00a0text-decoration: none !important;\n\n \u00a0opacity: 0.82 !important;\n \u00a0transform: translateY(0) scale(1) !important;\n \u00a0filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28)) !important;\n}\n\n#omFieldDiaryBodyMercury.om-field-diary-entering {\n \u00a0opacity: 0 !important;\n \u00a0visibility: visible !important;\n \u00a0pointer-events: none !important;\n \u00a0transform: translateY(-14px) scale(0.97) !important;\n \u00a0filter: blur(2px) drop-shadow(0 8px 18px rgba(0, 0, 0, 0.18)) !important;\n}\n\n#omFieldDiaryBodyMercury.om-field-diary-ready {\n \u00a0opacity: 0.82 !important;\n \u00a0visibility: visible !important;\n \u00a0pointer-events: auto !important;\n \u00a0transform: translateY(0) scale(1) !important;\n \u00a0filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28)) !important;\n}\n\n#omFieldDiaryBodyMercury.is-immersive-hidden {\n \u00a0opacity: 0 !important;\n \u00a0visibility: hidden !important;\n \u00a0pointer-events: none !important;\n \u00a0transform: translateY(-14px) scale(0.97) !important;\n \u00a0filter: blur(2px) drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12)) !important;\n\n \u00a0transition:\n \u00a0 \u00a0opacity 260ms ease,\n \u00a0 \u00a0transform 320ms cubic-bezier(0.22, 1, 0.36, 1),\n \u00a0 \u00a0filter 260ms ease,\n \u00a0 \u00a0visibility 0ms linear 260ms !important;\n}\n\n\/* -------------------------\n \u00a0 MOBILE\n------------------------- *\/\n\n@media (max-width: 980px) {\n \u00a0#omFieldDiaryBodyBackground {\n \u00a0 \u00a0height: 4.6rem !important;\n\n \u00a0 \u00a0background: linear-gradient(\n \u00a0 \u00a0 \u00a0to bottom,\n \u00a0 \u00a0 \u00a0rgba(35, 35, 35, 0.76) 0%,\n \u00a0 \u00a0 \u00a0rgba(35, 35, 35, 0.42) 56%,\n \u00a0 \u00a0 \u00a0rgba(35, 35, 35, 0) 100%\n \u00a0 \u00a0) !important;\n\n \u00a0 \u00a0backdrop-filter: blur(9px) !important;\n \u00a0 \u00a0-webkit-backdrop-filter: blur(9px) !important;\n \u00a0}\n\n \u00a0#omFieldDiaryBodyOverlay {\n \u00a0 \u00a0max-width: calc(100vw - 7rem) !important;\n \u00a0 \u00a0padding: 1.1rem 1rem 0.4rem 0.8rem !important;\n \u00a0}\n\n \u00a0#omFieldDiaryBodyOverlay .om-field-diary-title {\n \u00a0 \u00a0font-size: 0.56rem !important;\n \u00a0 \u00a0letter-spacing: 0.16em !important;\n \u00a0}\n\n \u00a0#omFieldDiaryBodyMercury {\n \u00a0 \u00a0top: 1.1rem !important;\n \u00a0 \u00a0left: max(0.9rem, env(safe-area-inset-left)) !important;\n \u00a0 \u00a0width: 92px !important;\n \u00a0 \u00a0height: 30px !important;\n \u00a0}\n}\n\n\/* -------------------------\n \u00a0 REDUCED MOTION\n------------------------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n \u00a0#omFieldDiaryBodyBackground,\n \u00a0#omFieldDiaryBodyOverlay,\n \u00a0#omFieldDiaryBodyMercury,\n \u00a0#omFieldDiaryBodyOverlay .om-field-diary-title {\n \u00a0 \u00a0animation: none !important;\n \u00a0 \u00a0transition: none !important;\n \u00a0}\n\n \u00a0#omFieldDiaryBodyBackground,\n \u00a0#omFieldDiaryBodyOverlay,\n \u00a0#omFieldDiaryBodyMercury {\n \u00a0 \u00a0opacity: 1 !important;\n \u00a0 \u00a0visibility: visible !important;\n \u00a0 \u00a0transform: none !important;\n \u00a0 \u00a0filter: none !important;\n \u00a0}\n\n \u00a0#omFieldDiaryBodyMercury {\n \u00a0 \u00a0opacity: 0.82 !important;\n \u00a0}\n}\n<\/style>","local_css":"\/* -------------------------\n   FIELD DIARIES \u2014 BODY-LEVEL IMMERSIVE OVERLAYS\n------------------------- *\/\n\n#omFieldDiaryBodyOverlay,\n#omFieldDiaryBodyMercury {\n  position: fixed !important;\n  box-sizing: border-box !important;\n  z-index: 999999 !important;\n\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n\n  transition:\n    opacity 360ms cubic-bezier(0.22, 1, 0.36, 1),\n    transform 420ms cubic-bezier(0.22, 1, 0.36, 1),\n    filter 360ms cubic-bezier(0.22, 1, 0.36, 1),\n    visibility 0ms linear 0ms !important;\n}\n\n\/* -------------------------\n   TOP-RIGHT FIELD DIARIES OVERLAY\n------------------------- *\/\n\n#omFieldDiaryBodyOverlay {\n  top: 0 !important;\n  right: 0 !important;\n  left: auto !important;\n  width: auto !important;\n  max-width: calc(100vw - 8.5rem) !important;\n\n  display: flex !important;\n  align-items: flex-start !important;\n  justify-content: flex-end !important;\n\n  padding: 0.86rem 1rem 0.42rem 0.8rem !important;\n\n  background: rgba(35, 35, 35, 0.38) !important;\n  backdrop-filter: blur(9px) !important;\n  -webkit-backdrop-filter: blur(9px) !important;\n  border-bottom-left-radius: 0.35rem !important;\n\n  transform: translateY(0) !important;\n  filter: blur(0) !important;\n}\n\n#omFieldDiaryBodyOverlay.om-field-diary-entering {\n  opacity: 0 !important;\n  visibility: visible !important;\n  pointer-events: none !important;\n  transform: translateY(-14px) !important;\n  filter: blur(2px) !important;\n}\n\n#omFieldDiaryBodyOverlay.om-field-diary-ready {\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n  transform: translateY(0) !important;\n  filter: blur(0) !important;\n}\n\n#omFieldDiaryBodyOverlay.is-immersive-hidden {\n  opacity: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n  transform: translateY(-14px) !important;\n  filter: blur(2px) !important;\n\n  transition:\n    opacity 260ms ease,\n    transform 320ms cubic-bezier(0.22, 1, 0.36, 1),\n    filter 260ms ease,\n    visibility 0ms linear 260ms !important;\n}\n\n#omFieldDiaryBodyOverlay .om-field-diary-body-overlay__inner {\n  display: grid !important;\n  justify-items: end !important;\n  gap: 0 !important;\n  min-width: 0 !important;\n  margin-left: auto !important;\n}\n\n#omFieldDiaryBodyOverlay .om-field-diary-title {\n  appearance: none !important;\n  border: 0 !important;\n  background: transparent !important;\n  padding: 0 !important;\n  margin: 0 !important;\n\n  color: rgba(145, 255, 190, 0.92) !important;\n  font: inherit !important;\n  font-size: 0.66rem !important;\n  font-style: normal !important;\n  font-weight: normal !important;\n  line-height: 1 !important;\n  letter-spacing: 0.18em !important;\n  text-transform: uppercase !important;\n  text-decoration: none !important;\n\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: flex-end !important;\n  white-space: nowrap !important;\n\n  cursor: default !important;\n\n  transition:\n    color 160ms ease,\n    opacity 160ms ease,\n    transform 160ms ease !important;\n}\n\n\/* -------------------------\n   TOP-LEFT OF MERCURY MARK\n------------------------- *\/\n\n#omFieldDiaryBodyMercury {\n  top: 0.86rem !important;\n  left: max(1rem, env(safe-area-inset-left)) !important;\n  right: auto !important;\n  bottom: auto !important;\n\n  width: 120px !important;\n  height: 38px !important;\n\n  display: block !important;\n\n  padding: 0 !important;\n  margin: 0 !important;\n  border: 0 !important;\n  outline: 0 !important;\n\n  background-color: transparent !important;\n  background-image: url(\"https:\/\/freight.cargo.site\/m\/Y2857897435158886190249188766521\/ofmercury-chrome-logo.png\") !important;\n  background-repeat: no-repeat !important;\n  background-position: center center !important;\n  background-size: contain !important;\n\n  box-shadow: none !important;\n  text-decoration: none !important;\n\n  transform: translateY(0) scale(1) !important;\n  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28)) !important;\n}\n\n#omFieldDiaryBodyMercury.om-field-diary-entering {\n  opacity: 0 !important;\n  visibility: visible !important;\n  pointer-events: none !important;\n  transform: translateY(-14px) scale(0.97) !important;\n  filter: blur(2px) drop-shadow(0 8px 18px rgba(0, 0, 0, 0.18)) !important;\n}\n\n#omFieldDiaryBodyMercury.om-field-diary-ready {\n  opacity: 0.82 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n  transform: translateY(0) scale(1) !important;\n  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28)) !important;\n}\n\n#omFieldDiaryBodyMercury.is-immersive-hidden {\n  opacity: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n  transform: translateY(-14px) scale(0.97) !important;\n  filter: blur(2px) drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12)) !important;\n\n  transition:\n    opacity 260ms ease,\n    transform 320ms cubic-bezier(0.22, 1, 0.36, 1),\n    filter 260ms ease,\n    visibility 0ms linear 260ms !important;\n}\n\n\/* -------------------------\n   MOBILE\n------------------------- *\/\n\n@media (max-width: 980px) {\n  #omFieldDiaryBodyOverlay {\n    max-width: calc(100vw - 7rem) !important;\n    padding: 1.1rem 1rem 0.4rem 0.8rem !important;\n\n    background: linear-gradient(\n      to bottom,\n      rgba(35, 35, 35, 0.48) 0%,\n      rgba(35, 35, 35, 0.28) 58%,\n      rgba(35, 35, 35, 0) 100%\n    ) !important;\n\n    backdrop-filter: blur(9px) !important;\n    -webkit-backdrop-filter: blur(9px) !important;\n  }\n\n  #omFieldDiaryBodyOverlay .om-field-diary-title {\n    font-size: 0.56rem !important;\n    letter-spacing: 0.16em !important;\n  }\n\n  #omFieldDiaryBodyMercury {\n    top: 1.1rem !important;\n    left: max(0.9rem, env(safe-area-inset-left)) !important;\n    width: 92px !important;\n    height: 30px !important;\n  }\n}\n\n\/* -------------------------\n   REDUCED MOTION\n------------------------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #omFieldDiaryBodyOverlay,\n  #omFieldDiaryBodyMercury,\n  #omFieldDiaryBodyOverlay .om-field-diary-title {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\n@media (max-width: 980px) {\n  \/* Kill backdrop-filter \u2014 washes out the bar on mobile Safari *\/\n  #omFieldDiaryBodyOverlay {\n    backdrop-filter: none !important;\n    -webkit-backdrop-filter: none !important;\n  }\n\n  \/* Force the logo mark sharp & visible in every state *\/\n  #omFieldDiaryBodyMercury,\n  #omFieldDiaryBodyMercury.om-field-diary-entering,\n  #omFieldDiaryBodyMercury.om-field-diary-ready {\n    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28)) !important;\n    opacity: 0.82 !important;\n    visibility: visible !important;\n  }\n\n  \/* Force the overlay bar + title sharp in every state *\/\n  #omFieldDiaryBodyOverlay,\n  #omFieldDiaryBodyOverlay.om-field-diary-entering,\n  #omFieldDiaryBodyOverlay.om-field-diary-ready {\n    filter: none !important;\n  }\n\n  #omFieldDiaryBodyOverlay .om-field-diary-title {\n    filter: none !important;\n    color: rgba(145, 255, 190, 1) !important;\n  }\n}\/* -------------------------\n   DESKTOP BLUR FIX\n------------------------- *\/\n\n#omFieldDiaryBodyOverlay {\n  backdrop-filter: none !important;\n  -webkit-backdrop-filter: none !important;\n}\n\n#omFieldDiaryPageNav .om-field-diary-page-nav__button {\n  backdrop-filter: none !important;\n  -webkit-backdrop-filter: none !important;\n}\n\n#omFieldDiaryTopReturn {\n  backdrop-filter: none !important;\n  -webkit-backdrop-filter: none !important;\n}\n\n#omFieldDiaryBodyOverlay,\n#omFieldDiaryBodyOverlay.om-field-diary-entering,\n#omFieldDiaryBodyOverlay.om-field-diary-ready,\n#omFieldDiaryBodyOverlay.is-immersive-hidden {\n  filter: none !important;\n}\n\n#omFieldDiaryBodyMercury,\n#omFieldDiaryBodyMercury.om-field-diary-entering,\n#omFieldDiaryBodyMercury.om-field-diary-ready,\n#omFieldDiaryBodyMercury.is-immersive-hidden {\n  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28)) !important;\n}\n\n#omFieldDiaryBodyOverlay .om-field-diary-title {\n  filter: none !important;\n}","display":true,"stack":false,"pin":true,"overlay":false,"password_enabled":false,"sort":2,"index":null,"page_count":null,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{"screen_visibility":"all","position":"top","overlay":true,"fixed":true,"adjust":false},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":[],"media":[],"tags":[],"access_level":"public"},{"id":"B4092026340","set_id":"W3637027679","title":"Field 0","purl":"field-0","page_type":"set","content":"","local_css":null,"display":true,"stack":true,"pin":false,"overlay":false,"password_enabled":false,"sort":4,"index":1,"page_count":15,"page_design_options":null,"backdrops":null,"pin_options":{},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":[],"media":[],"tags":[],"access_level":"public"},{"id":"D3378874561","set_id":"B4092026340","title":"Field 0 Overlay","purl":"field-0-overlay-1","page_type":"page","content":"<script>\n(function () {\n \u00a0var INIT_KEY = \"__omFieldDiaryBodyOverlayInit__\";\n \u00a0var OVERLAY_ID = \"omFieldDiaryBodyOverlay\";\n \u00a0var MERCURY_ID = \"omFieldDiaryBodyMercury\";\n \u00a0var PAGE_NAV_ID = \"omFieldDiaryPageNav\";\n \u00a0var TOP_RETURN_ID = \"omFieldDiaryTopReturn\";\n\n \u00a0if (window[INIT_KEY] && typeof window[INIT_KEY].destroy === \"function\") {\n \u00a0 \u00a0window[INIT_KEY].destroy();\n \u00a0}\n\n \u00a0var destroyed = false;\n\n \u00a0var lastY = window.scrollY || document.documentElement.scrollTop || 0;\n \u00a0var ticking = false;\n\n \u00a0var zoomFrameTimer = null;\n \u00a0var enterTimerA = null;\n \u00a0var enterTimerB = null;\n \u00a0var enterTimerC = null;\n \u00a0var syncTimerA = null;\n \u00a0var syncTimerB = null;\n \u00a0var routeCleanTimerA = null;\n \u00a0var routeCleanTimerB = null;\n \u00a0var routeCleanTimerC = null;\n \u00a0var liveRefreshTimerA = null;\n \u00a0var liveRefreshTimerB = null;\n \u00a0var liveRefreshTimerC = null;\n \u00a0var liveRefreshTimerD = null;\n \u00a0var liveRefreshTimerE = null;\n \u00a0var liveRefreshTimerF = null;\n \u00a0var liveRefreshTimerG = null;\n \u00a0var layoutObserver = null;\n\n \u00a0var touchStartY = 0;\n \u00a0var touchStartX = 0;\n\n \u00a0var SHOW_AT_TOP = 10;\n \u00a0var SCROLL_DELTA = 7;\n \u00a0var ZOOM_FRAME_DURATION = 1800;\n \u00a0var BOTTOM_BUTTON_THRESHOLD = 10;\n\n \u00a0\/*\n \u00a0 \u00a0Automatic internal stop settings.\n\n \u00a0 \u00a0Any visible desktop page taller than the viewport gets one internal stop.\n \u00a0 \u00a0This fixes tall strip pages like Field 0 3 without relying on a fragile page ID.\n \u00a0*\/\n \u00a0var INTERNAL_STOP_MIN_HEIGHT = 1.18;\n \u00a0var INTERNAL_STOP_MIN_SCROLLABLE = 0.28;\n \u00a0var INTERNAL_STOP_POSITION = 0.12;\n\n \u00a0function removeFieldDiaryArtifacts() {\n \u00a0 \u00a0document.body.classList.remove(\"om-field-diary-zoom-framing\");\n \u00a0 \u00a0document.body.classList.remove(\"om-field-diary-button-scroll\");\n\n \u00a0 \u00a0[\n \u00a0 \u00a0 \u00a0OVERLAY_ID,\n \u00a0 \u00a0 \u00a0MERCURY_ID,\n \u00a0 \u00a0 \u00a0PAGE_NAV_ID,\n \u00a0 \u00a0 \u00a0TOP_RETURN_ID,\n \u00a0 \u00a0 \u00a0\"omFieldDiaryScrollNav\",\n \u00a0 \u00a0 \u00a0\"omFieldDiaryScrollUp\",\n \u00a0 \u00a0 \u00a0\"omFieldDiaryScrollDown\"\n \u00a0 \u00a0].forEach(function (id) {\n \u00a0 \u00a0 \u00a0var el = document.getElementById(id);\n \u00a0 \u00a0 \u00a0if (el) el.remove();\n \u00a0 \u00a0});\n \u00a0}\n\n \u00a0function removeExisting() {\n \u00a0 \u00a0removeFieldDiaryArtifacts();\n \u00a0}\n\nfunction createOverlay() {\n \u00a0var overlay = document.createElement(\"nav\");\n \u00a0overlay.id = OVERLAY_ID;\n \u00a0overlay.className = \"om-field-diary-body-overlay om-field-diary-entering\";\n \u00a0overlay.setAttribute(\"aria-label\", \"Field Diaries\");\n\n \u00a0overlay.innerHTML =\n \u00a0 \u00a0'<div class=\"om-field-diary-body-overlay__inner\">' +\n \u00a0 \u00a0 \u00a0'<span class=\"om-field-diary-title is-active\">0 \/\/ FOGS\\u00b2<\/span>' +\n \u00a0 \u00a0'<\/div>';\n\n \u00a0document.body.appendChild(overlay);\n \u00a0return overlay;\n}\n\n \u00a0function createMercury() {\n \u00a0 \u00a0var mercury = document.createElement(\"a\");\n \u00a0 \u00a0mercury.id = MERCURY_ID;\n \u00a0 \u00a0mercury.className = \"om-field-diary-body-mercury om-field-diary-entering\";\n \u00a0 \u00a0mercury.href = \"\/\";\n \u00a0 \u00a0mercury.setAttribute(\"rel\", \"history\");\n \u00a0 \u00a0mercury.setAttribute(\"aria-label\", \"of mercury\");\n\n \u00a0 \u00a0document.body.appendChild(mercury);\n \u00a0 \u00a0return mercury;\n \u00a0}\n\n \u00a0function createPageNav() {\n \u00a0 \u00a0var nav = document.createElement(\"nav\");\n \u00a0 \u00a0nav.id = PAGE_NAV_ID;\n \u00a0 \u00a0nav.className = \"om-field-diary-page-nav om-field-diary-entering\";\n \u00a0 \u00a0nav.setAttribute(\"aria-label\", \"Page navigation\");\n\n \u00a0 \u00a0nav.innerHTML =\n \u00a0 \u00a0 \u00a0'<button class=\"om-field-diary-page-nav__button om-field-diary-page-nav__button--up\" type=\"button\" aria-label=\"Previous page\">\\u2191<\/button>' +\n \u00a0 \u00a0 \u00a0'<button class=\"om-field-diary-page-nav__button om-field-diary-page-nav__button--down\" type=\"button\" aria-label=\"Next page\">\\u2193<\/button>';\n\n \u00a0 \u00a0document.body.appendChild(nav);\n \u00a0 \u00a0return nav;\n \u00a0}\n\n \u00a0function createTopReturn() {\n \u00a0 \u00a0var button = document.createElement(\"button\");\n \u00a0 \u00a0button.id = TOP_RETURN_ID;\n \u00a0 \u00a0button.className = \"om-field-diary-top-return om-field-diary-entering\";\n \u00a0 \u00a0button.type = \"button\";\n \u00a0 \u00a0button.setAttribute(\"aria-label\", \"Return to top\");\n \u00a0 \u00a0button.textContent = \"\\u2191\";\n\n \u00a0 \u00a0document.body.appendChild(button);\n \u00a0 \u00a0return button;\n \u00a0}\n\n \u00a0removeExisting();\n\n \u00a0document.body.classList.add(\"om-field-diary-button-scroll\");\n\n \u00a0var overlay = createOverlay();\n \u00a0var mercury = createMercury();\n \u00a0var pageNav = createPageNav();\n \u00a0var topReturn = createTopReturn();\n\n \u00a0var upButton = pageNav.querySelector(\".om-field-diary-page-nav__button--up\");\n \u00a0var downButton = pageNav.querySelector(\".om-field-diary-page-nav__button--down\");\n\n \u00a0function getScrollY() {\n \u00a0 \u00a0return window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0;\n \u00a0}\n\n \u00a0function getMaxScrollY() {\n \u00a0 \u00a0var doc = document.documentElement;\n \u00a0 \u00a0var body = document.body;\n\n \u00a0 \u00a0return Math.max(\n \u00a0 \u00a0 \u00a00,\n \u00a0 \u00a0 \u00a0Math.max(\n \u00a0 \u00a0 \u00a0 \u00a0body.scrollHeight,\n \u00a0 \u00a0 \u00a0 \u00a0body.offsetHeight,\n \u00a0 \u00a0 \u00a0 \u00a0doc.clientHeight,\n \u00a0 \u00a0 \u00a0 \u00a0doc.scrollHeight,\n \u00a0 \u00a0 \u00a0 \u00a0doc.offsetHeight\n \u00a0 \u00a0 \u00a0) - window.innerHeight\n \u00a0 \u00a0);\n \u00a0}\n\n \u00a0function isDesktop() {\n \u00a0 \u00a0return window.matchMedia && window.matchMedia(\"(min-width: 981px)\").matches;\n \u00a0}\n\n \u00a0function isVisiblePage(page) {\n \u00a0 \u00a0if (!page) return false;\n\n \u00a0 \u00a0var rect = page.getBoundingClientRect();\n \u00a0 \u00a0var style = window.getComputedStyle(page);\n\n \u00a0 \u00a0return (\n \u00a0 \u00a0 \u00a0rect.width > 0 &&\n \u00a0 \u00a0 \u00a0rect.height > 0 &&\n \u00a0 \u00a0 \u00a0style.display !== \"none\" &&\n \u00a0 \u00a0 \u00a0style.visibility !== \"hidden\"\n \u00a0 \u00a0);\n \u00a0}\n\n \u00a0function pageShouldHaveInternalStop(page, height, viewportH) {\n \u00a0 \u00a0if (!page || !page.id) return false;\n \u00a0 \u00a0if (!isDesktop()) return false;\n\n \u00a0 \u00a0return height > viewportH * INTERNAL_STOP_MIN_HEIGHT;\n \u00a0}\n\n \u00a0function getPageTargets() {\n \u00a0 \u00a0var y = getScrollY();\n \u00a0 \u00a0var viewportH = window.innerHeight || document.documentElement.clientHeight || 0;\n \u00a0 \u00a0var targets = [];\n\n \u00a0 \u00a0Array.prototype.slice.call(document.querySelectorAll(\".page[id]\"))\n \u00a0 \u00a0 \u00a0.filter(isVisiblePage)\n \u00a0 \u00a0 \u00a0.forEach(function (page) {\n \u00a0 \u00a0 \u00a0 \u00a0var rect = page.getBoundingClientRect();\n \u00a0 \u00a0 \u00a0 \u00a0var top = rect.top + y;\n \u00a0 \u00a0 \u00a0 \u00a0var bottom = rect.bottom + y;\n \u00a0 \u00a0 \u00a0 \u00a0var height = rect.height;\n\n \u00a0 \u00a0 \u00a0 \u00a0targets.push({\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0el: page,\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0id: page.id,\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0top: top,\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0bottom: bottom,\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0height: height,\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0virtual: false\n \u00a0 \u00a0 \u00a0 \u00a0});\n\n \u00a0 \u00a0 \u00a0 \u00a0if (pageShouldHaveInternalStop(page, height, viewportH)) {\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0var scrollableInsidePage = Math.max(0, height - viewportH);\n\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0if (scrollableInsidePage > viewportH * INTERNAL_STOP_MIN_SCROLLABLE) {\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0targets.push({\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0el: page,\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0id: page.id + \"__mid\",\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0top: top + scrollableInsidePage * INTERNAL_STOP_POSITION,\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0bottom: bottom,\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0height: height,\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0virtual: true\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0});\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0}\n \u00a0 \u00a0 \u00a0 \u00a0}\n \u00a0 \u00a0 \u00a0});\n\n \u00a0 \u00a0return targets\n \u00a0 \u00a0 \u00a0.filter(function (target, index, arr) {\n \u00a0 \u00a0 \u00a0 \u00a0return !arr.some(function (other, otherIndex) {\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0return (\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0otherIndex < index &&\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0Math.abs(other.top - target.top) < 32\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0);\n \u00a0 \u00a0 \u00a0 \u00a0});\n \u00a0 \u00a0 \u00a0})\n \u00a0 \u00a0 \u00a0.sort(function (a, b) {\n \u00a0 \u00a0 \u00a0 \u00a0return a.top - b.top;\n \u00a0 \u00a0 \u00a0});\n \u00a0}\n\n \u00a0\/* ---- EDIT 1: programmatic-scroll guard added below ---- *\/\n \u00a0var isProgrammaticScrolling = false;\n \u00a0var programmaticScrollTimer = null;\n\n \u00a0function scrollToY(y) {\n \u00a0 \u00a0var maxY = getMaxScrollY();\n \u00a0 \u00a0var nextY = Math.max(0, Math.min(maxY, y));\n\n \u00a0 \u00a0isProgrammaticScrolling = true;\n \u00a0 \u00a0clearTimeout(programmaticScrollTimer);\n\n \u00a0 \u00a0window.scrollTo({\n \u00a0 \u00a0 \u00a0top: nextY,\n \u00a0 \u00a0 \u00a0left: 0,\n \u00a0 \u00a0 \u00a0behavior: \"smooth\"\n \u00a0 \u00a0});\n\n \u00a0 \u00a0programmaticScrollTimer = setTimeout(function () {\n \u00a0 \u00a0 \u00a0isProgrammaticScrolling = false;\n \u00a0 \u00a0 \u00a0requestScrollUpdate();\n \u00a0 \u00a0}, 950);\n \u00a0}\n\n \u00a0function scrollToPage(direction) {\n \u00a0 \u00a0var currentY = getScrollY();\n \u00a0 \u00a0var maxY = getMaxScrollY();\n \u00a0 \u00a0var pages = getPageTargets();\n\n \u00a0 \u00a0var threshold = Math.max(40, window.innerHeight * 0.08);\n \u00a0 \u00a0var target = null;\n\n \u00a0 \u00a0if (direction > 0) {\n \u00a0 \u00a0 \u00a0for (var i = 0; i < pages.length; i += 1) {\n \u00a0 \u00a0 \u00a0 \u00a0if (pages[i].top > currentY + threshold) {\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0target = pages[i].top;\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0break;\n \u00a0 \u00a0 \u00a0 \u00a0}\n \u00a0 \u00a0 \u00a0}\n\n \u00a0 \u00a0 \u00a0if (target === null) {\n \u00a0 \u00a0 \u00a0 \u00a0target = Math.min(maxY, currentY + window.innerHeight);\n \u00a0 \u00a0 \u00a0}\n \u00a0 \u00a0} else {\n \u00a0 \u00a0 \u00a0for (var j = pages.length - 1; j >= 0; j -= 1) {\n \u00a0 \u00a0 \u00a0 \u00a0if (pages[j].top < currentY - threshold) {\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0target = pages[j].top;\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0break;\n \u00a0 \u00a0 \u00a0 \u00a0}\n \u00a0 \u00a0 \u00a0}\n\n \u00a0 \u00a0 \u00a0if (target === null) {\n \u00a0 \u00a0 \u00a0 \u00a0target = Math.max(0, currentY - window.innerHeight);\n \u00a0 \u00a0 \u00a0}\n \u00a0 \u00a0}\n\n \u00a0 \u00a0scrollToY(target);\n \u00a0}\n\n \u00a0function updatePageNavState() {\n \u00a0 \u00a0if (!upButton || !downButton) return;\n\n \u00a0 \u00a0var y = getScrollY();\n \u00a0 \u00a0var maxY = getMaxScrollY();\n\n \u00a0 \u00a0upButton.disabled = y <= 4;\n \u00a0 \u00a0downButton.disabled = maxY <= 4 || y >= maxY - 4;\n \u00a0}\n\n \u00a0function updateTopReturnState() {\n \u00a0 \u00a0if (!topReturn) return;\n\n \u00a0 \u00a0var y = getScrollY();\n \u00a0 \u00a0var maxY = getMaxScrollY();\n \u00a0 \u00a0var atBottom = maxY > 0 && y >= maxY - BOTTOM_BUTTON_THRESHOLD;\n\n \u00a0 \u00a0topReturn.classList.toggle(\"is-visible\", atBottom);\n \u00a0}\n\n \u00a0function forcePageNavVisible() {\n \u00a0 \u00a0if (!pageNav) return;\n\n \u00a0 \u00a0pageNav.classList.remove(\"om-field-diary-entering\");\n \u00a0 \u00a0pageNav.classList.add(\"om-field-diary-ready\");\n \u00a0 \u00a0pageNav.classList.remove(\"is-immersive-hidden\");\n\n \u00a0 \u00a0pageNav.style.setProperty(\"opacity\", \"1\", \"important\");\n \u00a0 \u00a0pageNav.style.setProperty(\"visibility\", \"visible\", \"important\");\n \u00a0 \u00a0pageNav.style.setProperty(\"pointer-events\", \"auto\", \"important\");\n \u00a0 \u00a0pageNav.style.setProperty(\"filter\", \"blur(0)\", \"important\");\n \u00a0}\n\n \u00a0function refreshNavAfterLiveLayout() {\n \u00a0 \u00a0if (destroyed) return;\n\n \u00a0 \u00a0forcePageNavVisible();\n \u00a0 \u00a0updatePageNavState();\n \u00a0 \u00a0updateTopReturnState();\n \u00a0 \u00a0requestScrollUpdate();\n\n \u00a0 \u00a0setTimeout(function () {\n \u00a0 \u00a0 \u00a0if (destroyed) return;\n \u00a0 \u00a0 \u00a0forcePageNavVisible();\n \u00a0 \u00a0 \u00a0updatePageNavState();\n \u00a0 \u00a0 \u00a0updateTopReturnState();\n \u00a0 \u00a0 \u00a0requestScrollUpdate();\n \u00a0 \u00a0}, 60);\n \u00a0}\n\n \u00a0function replayPageNavPulse() {\n \u00a0 \u00a0if (!pageNav) return;\n\n \u00a0 \u00a0pageNav.classList.remove(\"om-field-diary-nav-pulse\");\n \u00a0 \u00a0void pageNav.offsetWidth;\n \u00a0 \u00a0pageNav.classList.add(\"om-field-diary-nav-pulse\");\n \u00a0}\n\n \u00a0function isFieldZeroVisibleEnough() {\n \u00a0 \u00a0var page = document.getElementById(\"N1685669062\");\n \u00a0 \u00a0if (!page) return false;\n\n \u00a0 \u00a0var rect = page.getBoundingClientRect();\n \u00a0 \u00a0var style = window.getComputedStyle(page);\n\n \u00a0 \u00a0return (\n \u00a0 \u00a0 \u00a0rect.width > 0 &&\n \u00a0 \u00a0 \u00a0rect.height > 0 &&\n \u00a0 \u00a0 \u00a0style.display !== \"none\" &&\n \u00a0 \u00a0 \u00a0style.visibility !== \"hidden\" &&\n \u00a0 \u00a0 \u00a0rect.top < window.innerHeight * 0.68 &&\n \u00a0 \u00a0 \u00a0rect.bottom > window.innerHeight * 0.18\n \u00a0 \u00a0);\n \u00a0}\n\n \u00a0function triggerFieldZeroIntro() {\n \u00a0 \u00a0var didAnything = false;\n\n \u00a0 \u00a0var imageController = window.__omZeroSwapController_N1685669062__;\n \u00a0 \u00a0var textController = window.__omImageDecryptTextController_N1685669062__;\n\n \u00a0 \u00a0if (\n \u00a0 \u00a0 \u00a0imageController &&\n \u00a0 \u00a0 \u00a0typeof imageController.reveal === \"function\" &&\n \u00a0 \u00a0 \u00a0typeof imageController.hasSwapped === \"function\" &&\n \u00a0 \u00a0 \u00a0!imageController.hasSwapped()\n \u00a0 \u00a0) {\n \u00a0 \u00a0 \u00a0if (imageController.reveal() === true) {\n \u00a0 \u00a0 \u00a0 \u00a0didAnything = true;\n \u00a0 \u00a0 \u00a0}\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (\n \u00a0 \u00a0 \u00a0textController &&\n \u00a0 \u00a0 \u00a0typeof textController.start === \"function\" &&\n \u00a0 \u00a0 \u00a0typeof textController.hasStarted === \"function\" &&\n \u00a0 \u00a0 \u00a0!textController.hasStarted()\n \u00a0 \u00a0) {\n \u00a0 \u00a0 \u00a0if (textController.start() === true) {\n \u00a0 \u00a0 \u00a0 \u00a0didAnything = true;\n \u00a0 \u00a0 \u00a0}\n \u00a0 \u00a0}\n\n \u00a0 \u00a0return didAnything;\n \u00a0}\n\n \u00a0function targetIsZoomOrLightbox(target) {\n \u00a0 \u00a0if (!target || !target.closest) return false;\n\n \u00a0 \u00a0return !!(\n \u00a0 \u00a0 \u00a0document.body.classList.contains(\"om-field-diary-zoom-framing\") ||\n \u00a0 \u00a0 \u00a0target.closest(\".pswp\") ||\n \u00a0 \u00a0 \u00a0target.closest(\".lightbox\") ||\n \u00a0 \u00a0 \u00a0target.closest(\".cargo-lightbox\") ||\n \u00a0 \u00a0 \u00a0target.closest(\".zoom-overlay\") ||\n \u00a0 \u00a0 \u00a0target.closest(\".zoomable-overlay\") ||\n \u00a0 \u00a0 \u00a0target.closest(\".media-zoom\") ||\n \u00a0 \u00a0 \u00a0target.closest(\".media-item-zoom\") ||\n \u00a0 \u00a0 \u00a0target.closest('[role=\"dialog\"]') ||\n \u00a0 \u00a0 \u00a0target.closest(\"[data-lightbox]\") ||\n \u00a0 \u00a0 \u00a0target.closest(\"[data-zoom]\")\n \u00a0 \u00a0);\n \u00a0}\n\n \u00a0function preventManualScroll(event) {\n \u00a0 \u00a0if (destroyed) return;\n \u00a0 \u00a0if (targetIsZoomOrLightbox(event.target)) return;\n\n \u00a0 \u00a0event.preventDefault();\n \u00a0}\n\n \u00a0function onWheelLock(event) {\n \u00a0 \u00a0preventManualScroll(event);\n \u00a0}\n\n \u00a0function onTouchStartLock(event) {\n \u00a0 \u00a0if (destroyed) return;\n \u00a0 \u00a0if (!event.touches || !event.touches.length) return;\n\n \u00a0 \u00a0touchStartY = event.touches[0].clientY;\n \u00a0 \u00a0touchStartX = event.touches[0].clientX;\n \u00a0}\n\n \u00a0function onTouchMoveLock(event) {\n \u00a0 \u00a0if (destroyed) return;\n \u00a0 \u00a0if (!event.touches || !event.touches.length) return;\n \u00a0 \u00a0if (targetIsZoomOrLightbox(event.target)) return;\n\n \u00a0 \u00a0var currentY = event.touches[0].clientY;\n \u00a0 \u00a0var currentX = event.touches[0].clientX;\n\n \u00a0 \u00a0var deltaY = currentY - touchStartY;\n \u00a0 \u00a0var deltaX = currentX - touchStartX;\n\n \u00a0 \u00a0if (Math.abs(deltaY) > Math.abs(deltaX)) {\n \u00a0 \u00a0 \u00a0event.preventDefault();\n \u00a0 \u00a0}\n \u00a0}\n\n \u00a0function setZoomFraming(active) {\n \u00a0 \u00a0document.body.classList.toggle(\"om-field-diary-zoom-framing\", active);\n\n \u00a0 \u00a0if (overlay) {\n \u00a0 \u00a0 \u00a0overlay.classList.toggle(\"is-zoom-framing\", active);\n \u00a0 \u00a0 \u00a0if (active) overlay.classList.remove(\"is-immersive-hidden\");\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (mercury) {\n \u00a0 \u00a0 \u00a0mercury.classList.toggle(\"is-zoom-framing\", active);\n \u00a0 \u00a0 \u00a0if (active) mercury.classList.remove(\"is-immersive-hidden\");\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (pageNav) {\n \u00a0 \u00a0 \u00a0pageNav.classList.toggle(\"is-zoom-framing\", active);\n \u00a0 \u00a0 \u00a0if (active) pageNav.classList.remove(\"is-immersive-hidden\");\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (topReturn) {\n \u00a0 \u00a0 \u00a0topReturn.classList.toggle(\"is-zoom-framing\", active);\n \u00a0 \u00a0}\n \u00a0}\n\n \u00a0function startZoomFraming() {\n \u00a0 \u00a0if (destroyed) return;\n\n \u00a0 \u00a0clearTimeout(zoomFrameTimer);\n \u00a0 \u00a0setZoomFraming(true);\n\n \u00a0 \u00a0zoomFrameTimer = setTimeout(function () {\n \u00a0 \u00a0 \u00a0stopZoomFraming();\n \u00a0 \u00a0}, ZOOM_FRAME_DURATION);\n \u00a0}\n\n \u00a0function stopZoomFraming() {\n \u00a0 \u00a0clearTimeout(zoomFrameTimer);\n \u00a0 \u00a0zoomFrameTimer = null;\n\n \u00a0 \u00a0setZoomFraming(false);\n\n \u00a0 \u00a0requestScrollUpdate();\n \u00a0 \u00a0setTimeout(requestScrollUpdate, 80);\n \u00a0 \u00a0setTimeout(requestScrollUpdate, 220);\n \u00a0}\n\n \u00a0function setImmersiveHidden(hidden) {\n \u00a0 \u00a0if (document.body.classList.contains(\"om-field-diary-zoom-framing\")) {\n \u00a0 \u00a0 \u00a0hidden = false;\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (overlay) overlay.classList.toggle(\"is-immersive-hidden\", hidden);\n \u00a0 \u00a0if (mercury) mercury.classList.toggle(\"is-immersive-hidden\", hidden);\n\n \u00a0 \u00a0if (pageNav) pageNav.classList.toggle(\"is-immersive-hidden\", false);\n \u00a0}\n\n \u00a0function updateScrollState() {\n \u00a0 \u00a0if (destroyed) return;\n \u00a0 \u00a0if (isProgrammaticScrolling) { ticking = false; return; }\n\n \u00a0 \u00a0var currentY = window.scrollY || document.documentElement.scrollTop || 0;\n \u00a0 \u00a0var delta = currentY - lastY;\n\n \u00a0 \u00a0forcePageNavVisible();\n \u00a0 \u00a0updatePageNavState();\n \u00a0 \u00a0updateTopReturnState();\n\n \u00a0 \u00a0if (document.body.classList.contains(\"om-field-diary-zoom-framing\")) {\n \u00a0 \u00a0 \u00a0setImmersiveHidden(false);\n \u00a0 \u00a0 \u00a0ticking = false;\n \u00a0 \u00a0 \u00a0return;\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (currentY <= SHOW_AT_TOP) {\n \u00a0 \u00a0 \u00a0setImmersiveHidden(false);\n \u00a0 \u00a0 \u00a0lastY = currentY;\n \u00a0 \u00a0 \u00a0ticking = false;\n \u00a0 \u00a0 \u00a0return;\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (delta > SCROLL_DELTA) {\n \u00a0 \u00a0 \u00a0setImmersiveHidden(true);\n \u00a0 \u00a0 \u00a0lastY = currentY;\n \u00a0 \u00a0 \u00a0ticking = false;\n \u00a0 \u00a0 \u00a0return;\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (delta < -SCROLL_DELTA) {\n \u00a0 \u00a0 \u00a0setImmersiveHidden(false);\n \u00a0 \u00a0 \u00a0lastY = currentY;\n \u00a0 \u00a0 \u00a0ticking = false;\n \u00a0 \u00a0 \u00a0return;\n \u00a0 \u00a0}\n\n \u00a0 \u00a0ticking = false;\n \u00a0}\n\n \u00a0function requestScrollUpdate() {\n \u00a0 \u00a0if (ticking || destroyed) return;\n\n \u00a0 \u00a0ticking = true;\n \u00a0 \u00a0requestAnimationFrame(updateScrollState);\n \u00a0}\n\n \u00a0function enterOverlays() {\n \u00a0 \u00a0if (destroyed) return;\n\n \u00a0 \u00a0if (mercury) {\n \u00a0 \u00a0 \u00a0mercury.classList.remove(\"om-field-diary-entering\");\n \u00a0 \u00a0 \u00a0mercury.classList.add(\"om-field-diary-ready\");\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (topReturn) {\n \u00a0 \u00a0 \u00a0topReturn.classList.remove(\"om-field-diary-entering\");\n \u00a0 \u00a0 \u00a0topReturn.classList.add(\"om-field-diary-ready\");\n \u00a0 \u00a0}\n\n \u00a0 \u00a0enterTimerA = setTimeout(function () {\n \u00a0 \u00a0 \u00a0if (destroyed) return;\n\n \u00a0 \u00a0 \u00a0if (overlay) {\n \u00a0 \u00a0 \u00a0 \u00a0overlay.classList.remove(\"om-field-diary-entering\");\n \u00a0 \u00a0 \u00a0 \u00a0overlay.classList.add(\"om-field-diary-ready\");\n \u00a0 \u00a0 \u00a0}\n \u00a0 \u00a0}, 180);\n\n \u00a0 \u00a0enterTimerC = setTimeout(function () {\n \u00a0 \u00a0 \u00a0if (destroyed) return;\n\n \u00a0 \u00a0 \u00a0if (pageNav) {\n \u00a0 \u00a0 \u00a0 \u00a0pageNav.classList.remove(\"om-field-diary-entering\");\n \u00a0 \u00a0 \u00a0 \u00a0pageNav.classList.add(\"om-field-diary-ready\");\n \u00a0 \u00a0 \u00a0 \u00a0forcePageNavVisible();\n \u00a0 \u00a0 \u00a0 \u00a0updatePageNavState();\n \u00a0 \u00a0 \u00a0 \u00a0replayPageNavPulse();\n \u00a0 \u00a0 \u00a0}\n \u00a0 \u00a0}, 280);\n \u00a0}\n\n \u00a0function syncSoon() {\n \u00a0 \u00a0refreshNavAfterLiveLayout();\n\n \u00a0 \u00a0clearTimeout(syncTimerA);\n \u00a0 \u00a0clearTimeout(syncTimerB);\n\n \u00a0 \u00a0syncTimerA = setTimeout(refreshNavAfterLiveLayout, 120);\n \u00a0 \u00a0syncTimerB = setTimeout(refreshNavAfterLiveLayout, 360);\n \u00a0}\n\n \u00a0function scheduleRouteCleanup() {\n \u00a0 \u00a0clearTimeout(routeCleanTimerA);\n \u00a0 \u00a0clearTimeout(routeCleanTimerB);\n \u00a0 \u00a0clearTimeout(routeCleanTimerC);\n\n \u00a0 \u00a0routeCleanTimerA = setTimeout(function () {\n \u00a0 \u00a0 \u00a0if (!destroyed) {\n \u00a0 \u00a0 \u00a0 \u00a0destroy();\n \u00a0 \u00a0 \u00a0 \u00a0removeFieldDiaryArtifacts();\n \u00a0 \u00a0 \u00a0}\n \u00a0 \u00a0}, 60);\n\n \u00a0 \u00a0routeCleanTimerB = setTimeout(function () {\n \u00a0 \u00a0 \u00a0removeFieldDiaryArtifacts();\n \u00a0 \u00a0}, 220);\n\n \u00a0 \u00a0routeCleanTimerC = setTimeout(function () {\n \u00a0 \u00a0 \u00a0removeFieldDiaryArtifacts();\n \u00a0 \u00a0}, 700);\n \u00a0}\n\n \u00a0function clickedInternalNavigation(target) {\n \u00a0 \u00a0if (!target || !target.closest) return false;\n\n \u00a0 \u00a0var link = target.closest(\"a[href], [href][rel='history'], media-item[href], .linked[href]\");\n \u00a0 \u00a0if (!link) return false;\n\n \u00a0 \u00a0if (target.closest(\"#\" + PAGE_NAV_ID)) return false;\n \u00a0 \u00a0if (target.closest(\"#\" + TOP_RETURN_ID)) return false;\n\n \u00a0 \u00a0var href = link.getAttribute(\"href\") || \"\";\n \u00a0 \u00a0if (!href) return false;\n\n \u00a0 \u00a0if (href.indexOf(\"#\") === 0) return false;\n \u00a0 \u00a0if (href.indexOf(\"javascript:\") === 0) return false;\n\n \u00a0 \u00a0return true;\n \u00a0}\n\n \u00a0function onDocumentClick(event) {\n \u00a0 \u00a0if (destroyed) return;\n\n \u00a0 \u00a0var target = event.target;\n \u00a0 \u00a0if (!target || !target.closest) return;\n\n \u00a0 \u00a0var clickedOwnOverlay =\n \u00a0 \u00a0 \u00a0target.closest(\"#\" + OVERLAY_ID) ||\n \u00a0 \u00a0 \u00a0target.closest(\"#\" + MERCURY_ID) ||\n \u00a0 \u00a0 \u00a0target.closest(\"#\" + PAGE_NAV_ID) ||\n \u00a0 \u00a0 \u00a0target.closest(\"#\" + TOP_RETURN_ID);\n\n \u00a0 \u00a0if (clickedInternalNavigation(target)) {\n \u00a0 \u00a0 \u00a0scheduleRouteCleanup();\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (clickedOwnOverlay) return;\n\n \u00a0 \u00a0var clickedImage =\n \u00a0 \u00a0 \u00a0target.closest(\"media-item\") ||\n \u00a0 \u00a0 \u00a0target.closest(\".zoomable\") ||\n \u00a0 \u00a0 \u00a0target.closest(\"img\") ||\n \u00a0 \u00a0 \u00a0target.closest(\"picture\") ||\n \u00a0 \u00a0 \u00a0target.closest(\"video\");\n\n \u00a0 \u00a0var clickedClose =\n \u00a0 \u00a0 \u00a0target.closest('[aria-label=\"Close\"]') ||\n \u00a0 \u00a0 \u00a0target.closest('[aria-label=\"close\"]') ||\n \u00a0 \u00a0 \u00a0target.closest(\".close\") ||\n \u00a0 \u00a0 \u00a0target.closest(\".lightbox-close\") ||\n \u00a0 \u00a0 \u00a0target.closest(\".pswp__button--close\") ||\n \u00a0 \u00a0 \u00a0target.closest(\"[rel='close-overlay']\");\n\n \u00a0 \u00a0if (clickedClose) {\n \u00a0 \u00a0 \u00a0setTimeout(stopZoomFraming, 40);\n \u00a0 \u00a0 \u00a0setTimeout(stopZoomFraming, 160);\n \u00a0 \u00a0 \u00a0return;\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (clickedImage) {\n \u00a0 \u00a0 \u00a0setTimeout(startZoomFraming, 60);\n \u00a0 \u00a0 \u00a0setTimeout(startZoomFraming, 180);\n \u00a0 \u00a0 \u00a0return;\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (document.body.classList.contains(\"om-field-diary-zoom-framing\")) {\n \u00a0 \u00a0 \u00a0setTimeout(stopZoomFraming, 80);\n \u00a0 \u00a0 \u00a0setTimeout(stopZoomFraming, 220);\n \u00a0 \u00a0}\n \u00a0}\n\n \u00a0function onKeyDown(event) {\n \u00a0 \u00a0if (destroyed) return;\n\n \u00a0 \u00a0var scrollKeys = [\n \u00a0 \u00a0 \u00a0\"ArrowDown\",\n \u00a0 \u00a0 \u00a0\"ArrowUp\",\n \u00a0 \u00a0 \u00a0\"PageDown\",\n \u00a0 \u00a0 \u00a0\"PageUp\",\n \u00a0 \u00a0 \u00a0\" \",\n \u00a0 \u00a0 \u00a0\"Spacebar\",\n \u00a0 \u00a0 \u00a0\"Home\",\n \u00a0 \u00a0 \u00a0\"End\"\n \u00a0 \u00a0];\n\n \u00a0 \u00a0if (scrollKeys.indexOf(event.key) !== -1) {\n \u00a0 \u00a0 \u00a0event.preventDefault();\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (event.key === \"Escape\") {\n \u00a0 \u00a0 \u00a0stopZoomFraming();\n \u00a0 \u00a0 \u00a0return;\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (event.key === \"ArrowDown\" || event.key === \"PageDown\" || event.key === \" \" || event.key === \"Spacebar\") {\n \u00a0 \u00a0 \u00a0if (isFieldZeroVisibleEnough() && triggerFieldZeroIntro()) {\n \u00a0 \u00a0 \u00a0 \u00a0return;\n \u00a0 \u00a0 \u00a0}\n\n \u00a0 \u00a0 \u00a0scrollToPage(1);\n \u00a0 \u00a0 \u00a0return;\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (event.key === \"ArrowUp\" || event.key === \"PageUp\") {\n \u00a0 \u00a0 \u00a0scrollToPage(-1);\n \u00a0 \u00a0 \u00a0return;\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (event.key === \"Home\") {\n \u00a0 \u00a0 \u00a0scrollToY(0);\n \u00a0 \u00a0 \u00a0return;\n \u00a0 \u00a0}\n\n \u00a0 \u00a0if (event.key === \"End\") {\n \u00a0 \u00a0 \u00a0scrollToY(getMaxScrollY());\n \u00a0 \u00a0 \u00a0return;\n \u00a0 \u00a0}\n \u00a0}\n\n \u00a0function onUpClick(event) {\n \u00a0 \u00a0event.preventDefault();\n \u00a0 \u00a0scrollToPage(-1);\n \u00a0}\n\n \u00a0function onDownClick(event) {\n \u00a0 \u00a0event.preventDefault();\n\n \u00a0 \u00a0if (isFieldZeroVisibleEnough() && triggerFieldZeroIntro()) {\n \u00a0 \u00a0 \u00a0return;\n \u00a0 \u00a0}\n\n \u00a0 \u00a0scrollToPage(1);\n \u00a0}\n\n \u00a0function onTopReturnClick(event) {\n \u00a0 \u00a0event.preventDefault();\n \u00a0 \u00a0scrollToY(0);\n \u00a0}\n\n \u00a0function onScroll() {\n \u00a0 \u00a0if (destroyed) return;\n \u00a0 \u00a0requestScrollUpdate();\n \u00a0}\n\n \u00a0function onRouteSignal() {\n \u00a0 \u00a0syncSoon();\n \u00a0}\n\n \u00a0function bindLiveLayoutRefresh() {\n \u00a0 \u00a0if (\"ResizeObserver\" in window) {\n \u00a0 \u00a0 \u00a0layoutObserver = new ResizeObserver(function () {\n \u00a0 \u00a0 \u00a0 \u00a0refreshNavAfterLiveLayout();\n \u00a0 \u00a0 \u00a0});\n\n \u00a0 \u00a0 \u00a0layoutObserver.observe(document.documentElement);\n \u00a0 \u00a0 \u00a0layoutObserver.observe(document.body);\n \u00a0 \u00a0}\n\n \u00a0 \u00a0Array.prototype.slice.call(document.querySelectorAll(\"img, media-item, video\")).forEach(function (el) {\n \u00a0 \u00a0 \u00a0el.addEventListener(\"load\", refreshNavAfterLiveLayout, true);\n \u00a0 \u00a0 \u00a0el.addEventListener(\"loadedmetadata\", refreshNavAfterLiveLayout, true);\n \u00a0 \u00a0 \u00a0el.addEventListener(\"canplay\", refreshNavAfterLiveLayout, true);\n \u00a0 \u00a0});\n\n \u00a0 \u00a0liveRefreshTimerA = setTimeout(refreshNavAfterLiveLayout, 80);\n \u00a0 \u00a0liveRefreshTimerB = setTimeout(refreshNavAfterLiveLayout, 180);\n \u00a0 \u00a0liveRefreshTimerC = setTimeout(refreshNavAfterLiveLayout, 420);\n \u00a0 \u00a0liveRefreshTimerD = setTimeout(refreshNavAfterLiveLayout, 800);\n \u00a0 \u00a0liveRefreshTimerE = setTimeout(refreshNavAfterLiveLayout, 1400);\n \u00a0 \u00a0liveRefreshTimerF = setTimeout(refreshNavAfterLiveLayout, 2400);\n \u00a0 \u00a0liveRefreshTimerG = setTimeout(refreshNavAfterLiveLayout, 3800);\n \u00a0}\n\n \u00a0function destroy() {\n \u00a0 \u00a0destroyed = true;\n\n \u00a0 \u00a0clearTimeout(zoomFrameTimer);\n \u00a0 \u00a0clearTimeout(enterTimerA);\n \u00a0 \u00a0clearTimeout(enterTimerB);\n \u00a0 \u00a0clearTimeout(enterTimerC);\n \u00a0 \u00a0clearTimeout(syncTimerA);\n \u00a0 \u00a0clearTimeout(syncTimerB);\n \u00a0 \u00a0clearTimeout(routeCleanTimerA);\n \u00a0 \u00a0clearTimeout(routeCleanTimerB);\n \u00a0 \u00a0clearTimeout(routeCleanTimerC);\n \u00a0 \u00a0clearTimeout(liveRefreshTimerA);\n \u00a0 \u00a0clearTimeout(liveRefreshTimerB);\n \u00a0 \u00a0clearTimeout(liveRefreshTimerC);\n \u00a0 \u00a0clearTimeout(liveRefreshTimerD);\n \u00a0 \u00a0clearTimeout(liveRefreshTimerE);\n \u00a0 \u00a0clearTimeout(liveRefreshTimerF);\n \u00a0 \u00a0clearTimeout(liveRefreshTimerG);\n \u00a0 \u00a0clearTimeout(programmaticScrollTimer);\n\n \u00a0 \u00a0if (layoutObserver) {\n \u00a0 \u00a0 \u00a0layoutObserver.disconnect();\n \u00a0 \u00a0 \u00a0layoutObserver = null;\n \u00a0 \u00a0}\n\n \u00a0 \u00a0document.body.classList.remove(\"om-field-diary-zoom-framing\");\n \u00a0 \u00a0document.body.classList.remove(\"om-field-diary-button-scroll\");\n\n \u00a0 \u00a0window.removeEventListener(\"scroll\", onScroll);\n \u00a0 \u00a0window.removeEventListener(\"pageshow\", onRouteSignal);\n \u00a0 \u00a0window.removeEventListener(\"popstate\", scheduleRouteCleanup);\n \u00a0 \u00a0window.removeEventListener(\"hashchange\", scheduleRouteCleanup);\n \u00a0 \u00a0window.removeEventListener(\"resize\", syncSoon);\n \u00a0 \u00a0window.removeEventListener(\"load\", syncSoon);\n\n \u00a0 \u00a0document.removeEventListener(\"click\", onDocumentClick, true);\n \u00a0 \u00a0document.removeEventListener(\"keydown\", onKeyDown);\n\n \u00a0 \u00a0document.removeEventListener(\"wheel\", onWheelLock, true);\n \u00a0 \u00a0document.removeEventListener(\"touchstart\", onTouchStartLock, true);\n \u00a0 \u00a0document.removeEventListener(\"touchmove\", onTouchMoveLock, true);\n\n \u00a0 \u00a0if (upButton) upButton.removeEventListener(\"click\", onUpClick);\n \u00a0 \u00a0if (downButton) downButton.removeEventListener(\"click\", onDownClick);\n \u00a0 \u00a0if (topReturn) topReturn.removeEventListener(\"click\", onTopReturnClick);\n\n \u00a0 \u00a0removeFieldDiaryArtifacts();\n\n \u00a0 \u00a0delete window[INIT_KEY];\n \u00a0}\n\n \u00a0window[INIT_KEY] = {\n \u00a0 \u00a0destroy: destroy\n \u00a0};\n\n \u00a0if (upButton) upButton.addEventListener(\"click\", onUpClick);\n \u00a0if (downButton) downButton.addEventListener(\"click\", onDownClick);\n \u00a0if (topReturn) topReturn.addEventListener(\"click\", onTopReturnClick);\n\n \u00a0syncSoon();\n\n \u00a0enterTimerB = setTimeout(function () {\n \u00a0 \u00a0requestAnimationFrame(enterOverlays);\n \u00a0}, 520);\n\n \u00a0window.addEventListener(\"scroll\", onScroll, { passive: true });\n \u00a0window.addEventListener(\"pageshow\", onRouteSignal);\n \u00a0window.addEventListener(\"popstate\", scheduleRouteCleanup);\n \u00a0window.addEventListener(\"hashchange\", scheduleRouteCleanup);\n \u00a0window.addEventListener(\"resize\", syncSoon);\n \u00a0window.addEventListener(\"load\", syncSoon);\n\n \u00a0document.addEventListener(\"click\", onDocumentClick, true);\n \u00a0document.addEventListener(\"keydown\", onKeyDown);\n\n \u00a0document.addEventListener(\"wheel\", onWheelLock, {\n \u00a0 \u00a0capture: true,\n \u00a0 \u00a0passive: false\n \u00a0});\n\n \u00a0document.addEventListener(\"touchstart\", onTouchStartLock, {\n \u00a0 \u00a0capture: true,\n \u00a0 \u00a0passive: true\n \u00a0});\n\n \u00a0document.addEventListener(\"touchmove\", onTouchMoveLock, {\n \u00a0 \u00a0capture: true,\n \u00a0 \u00a0passive: false\n \u00a0});\n\n \u00a0bindLiveLayoutRefresh();\n\n \u00a0forcePageNavVisible();\n \u00a0updatePageNavState();\n \u00a0updateTopReturnState();\n})();\n<\/script>","local_css":"\/* -------------------------\n   FIELD DIARIES \u2014 BODY-LEVEL IMMERSIVE OVERLAYS\n------------------------- *\/\n\n#omFieldDiaryBodyOverlay,\n#omFieldDiaryBodyMercury,\n#omFieldDiaryPageNav,\n#omFieldDiaryTopReturn {\n  position: fixed !important;\n  box-sizing: border-box !important;\n  z-index: 999999 !important;\n\n  visibility: visible !important;\n  pointer-events: auto !important;\n\n  will-change: opacity, transform, filter;\n\n  transition:\n    opacity 620ms cubic-bezier(0.22, 1, 0.36, 1),\n    transform 780ms cubic-bezier(0.16, 0.84, 0.24, 1),\n    filter 680ms cubic-bezier(0.22, 1, 0.36, 1),\n    visibility 0ms linear 0ms !important;\n}\n\n\/* -------------------------\n   TOP-RIGHT FIELD DIARIES OVERLAY\n------------------------- *\/\n\n#omFieldDiaryBodyOverlay {\n  top: 0 !important;\n  right: 0 !important;\n  left: auto !important;\n  width: auto !important;\n  max-width: calc(100vw - 8.5rem) !important;\n\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n\n  padding: 0.62rem 1rem 0.56rem 1rem !important;\n\n  background: rgba(35, 35, 35, 0.32) !important;\n  backdrop-filter: blur(9px) !important;\n  -webkit-backdrop-filter: blur(9px) !important;\n  border-bottom-left-radius: 0.35rem !important;\n\n  opacity: 1 !important;\n  transform: translate3d(0, 0, 0) !important;\n  filter: blur(0) !important;\n}\n\n#omFieldDiaryBodyOverlay.om-field-diary-entering {\n  opacity: 0 !important;\n  visibility: visible !important;\n  pointer-events: none !important;\n  transform: translate3d(0, -1.05rem, 0) scale(0.985) !important;\n  filter: blur(4px) !important;\n}\n\n#omFieldDiaryBodyOverlay.om-field-diary-ready {\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n  transform: translate3d(0, 0, 0) scale(1) !important;\n  filter: blur(0) !important;\n}\n\n#omFieldDiaryBodyOverlay.is-immersive-hidden {\n  opacity: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n  transform: translate3d(0, -0.9rem, 0) scale(0.99) !important;\n  filter: blur(3px) !important;\n\n  transition:\n    opacity 320ms ease,\n    transform 420ms cubic-bezier(0.22, 1, 0.36, 1),\n    filter 320ms ease,\n    visibility 0ms linear 320ms !important;\n}\n\n#omFieldDiaryBodyOverlay .om-field-diary-body-overlay__inner {\n  display: grid !important;\n  justify-items: end !important;\n  gap: 0 !important;\n  min-width: 0 !important;\n  margin-left: auto !important;\n}\n\n#omFieldDiaryBodyOverlay .om-field-diary-title {\n  appearance: none !important;\n  border: 0 !important;\n  background: transparent !important;\n  padding: 0 !important;\n  margin: 0 !important;\n\n  color: rgba(145, 255, 190, 0.92) !important;\n  font: inherit !important;\n  font-size: 0.74rem !important;\n  font-style: normal !important;\n  font-weight: normal !important;\n  line-height: 1 !important;\n  letter-spacing: 0.16em !important;\n  text-transform: uppercase !important;\n  text-decoration: none !important;\n\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: flex-end !important;\n  white-space: nowrap !important;\n\n  cursor: default !important;\n\n  opacity: 1;\n  transform: translateY(0);\n  transform-origin: right center !important;\n\n  text-shadow:\n    0 0 7px rgba(145, 255, 190, 0.08),\n    0 0 18px rgba(145, 255, 190, 0.035);\n\n  transition:\n    color 180ms ease,\n    opacity 280ms ease,\n    transform 360ms cubic-bezier(0.22, 1, 0.36, 1),\n    text-shadow 360ms ease !important;\n}\n\n#omFieldDiaryBodyOverlay.om-field-diary-entering .om-field-diary-title {\n  opacity: 0 !important;\n  transform: translateY(-0.28rem) !important;\n}\n\n\/* -------------------------\n   TOP-LEFT OF MERCURY MARK\n------------------------- *\/\n\n#omFieldDiaryBodyMercury {\n  top: 0.86rem !important;\n  left: max(1rem, env(safe-area-inset-left)) !important;\n  right: auto !important;\n  bottom: auto !important;\n\n  width: 48px !important;\n  height: 48px !important;\n\n  display: block !important;\n\n  padding: 0 !important;\n  margin: 0 !important;\n  border: 0 !important;\n  outline: 0 !important;\n\n  background-color: transparent !important;\n  background-image: url(\"https:\/\/freight.cargo.site\/m\/Q2935753640507089889557450568505\/favicon-96x96.png\") !important;\n  background-repeat: no-repeat !important;\n  background-position: center center !important;\n  background-size: contain !important;\n\n  box-shadow: none !important;\n  text-decoration: none !important;\n\n  opacity: 0.82 !important;\n  transform: translate3d(0, 0, 0) scale(1) !important;\n  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28)) !important;\n}\n\n#omFieldDiaryBodyMercury.om-field-diary-entering {\n  opacity: 0 !important;\n  visibility: visible !important;\n  pointer-events: none !important;\n  transform: translate3d(0, -0.75rem, 0) scale(0.955) !important;\n  filter:\n    blur(4px)\n    drop-shadow(0 8px 18px rgba(0, 0, 0, 0.14)) !important;\n}\n\n#omFieldDiaryBodyMercury.om-field-diary-ready {\n  opacity: 0.82 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n  transform: translate3d(0, 0, 0) scale(1) !important;\n  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28)) !important;\n}\n\n#omFieldDiaryBodyMercury.is-immersive-hidden {\n  opacity: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n  transform: translate3d(0, -0.85rem, 0) scale(0.965) !important;\n  filter:\n    blur(3px)\n    drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12)) !important;\n\n  transition:\n    opacity 320ms ease,\n    transform 420ms cubic-bezier(0.22, 1, 0.36, 1),\n    filter 320ms ease,\n    visibility 0ms linear 320ms !important;\n}\n\n\/* -------------------------\n   FIXED PAGE NAV BUTTON\n------------------------- *\/\n\n#omFieldDiaryPageNav {\n  left: 1.05rem !important;\n  right: auto !important;\n  bottom: 1.05rem !important;\n  top: auto !important;\n\n  width: auto !important;\n  height: auto !important;\n\n  display: grid !important;\n  grid-template-columns: auto auto !important;\n  align-items: center !important;\n  justify-content: start !important;\n  gap: 0.68rem !important;\n\n  padding: 0 !important;\n  margin: 0 !important;\n\n  background: transparent !important;\n  border: 0 !important;\n  outline: 0 !important;\n  box-shadow: none !important;\n\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n\n  transform: translate3d(0, 0, 0) !important;\n  transform-origin: left center !important;\n  filter: blur(0) !important;\n}\n\n#omFieldDiaryPageNav.om-field-diary-entering {\n  opacity: 0 !important;\n  visibility: visible !important;\n  pointer-events: none !important;\n  filter: blur(4px) !important;\n}\n\n#omFieldDiaryPageNav.om-field-diary-ready {\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n  filter: blur(0) !important;\n}\n\n#omFieldDiaryPageNav.is-immersive-hidden {\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n  filter: blur(0) !important;\n}\n\n#omFieldDiaryPageNav .om-field-diary-page-nav__button {\n  appearance: none !important;\n  -webkit-appearance: none !important;\n\n  width: 3.45rem !important;\n  height: 3.45rem !important;\n\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n\n  padding: 0 !important;\n  margin: 0 !important;\n\n  border-radius: 999px !important;\n  border: 1px solid rgba(145, 255, 190, 0.24) !important;\n\n  background: rgba(35, 35, 35, 0.26) !important;\n  backdrop-filter: blur(9px) !important;\n  -webkit-backdrop-filter: blur(9px) !important;\n\n  color: rgba(145, 255, 190, 0.84) !important;\n  font-family: \"VCR OSD Mono\", monospace !important;\n  font-size: 1.42rem !important;\n  font-weight: normal !important;\n  line-height: 1 !important;\n  text-align: center !important;\n  text-decoration: none !important;\n\n  cursor: pointer !important;\n  pointer-events: auto !important;\n\n  box-shadow:\n    0 8px 22px rgba(0, 0, 0, 0.18),\n    inset 0 0 0 rgba(145, 255, 190, 0) !important;\n\n  text-shadow:\n    0 0 7px rgba(145, 255, 190, 0.12),\n    0 0 18px rgba(145, 255, 190, 0.04) !important;\n\n  transform-origin: center center !important;\n  will-change: opacity, transform, filter, box-shadow, border-color, background, color;\n\n  transition:\n    opacity 180ms ease,\n    color 180ms ease,\n    border-color 180ms ease,\n    background 180ms ease,\n    box-shadow 240ms ease,\n    transform 220ms cubic-bezier(0.16, 0.84, 0.24, 1) !important;\n}\n\n#omFieldDiaryPageNav .om-field-diary-page-nav__button--up {\n  transform: rotate(-9deg) translate3d(0, 0, 0) scale(1) !important;\n}\n\n#omFieldDiaryPageNav .om-field-diary-page-nav__button--down {\n  transform: rotate(9deg) translate3d(0, 0, 0) scale(1) !important;\n}\n\n#omFieldDiaryPageNav.om-field-diary-nav-pulse .om-field-diary-page-nav__button--up {\n  animation: omFieldDiaryNavButtonBloomUp 1450ms cubic-bezier(0.16, 0.84, 0.24, 1) 120ms both !important;\n}\n\n#omFieldDiaryPageNav.om-field-diary-nav-pulse .om-field-diary-page-nav__button--down {\n  animation: omFieldDiaryNavButtonBloomDown 1450ms cubic-bezier(0.16, 0.84, 0.24, 1) 190ms both !important;\n}\n\n#omFieldDiaryPageNav .om-field-diary-page-nav__button:hover {\n  color: rgba(210, 255, 226, 0.96) !important;\n  border-color: rgba(145, 255, 190, 0.5) !important;\n  background: rgba(35, 35, 35, 0.46) !important;\n  box-shadow:\n    0 8px 22px rgba(0, 0, 0, 0.2),\n    0 0 18px rgba(145, 255, 190, 0.08),\n    inset 0 0 10px rgba(145, 255, 190, 0.035) !important;\n}\n\n#omFieldDiaryPageNav .om-field-diary-page-nav__button--up:hover {\n  transform: rotate(-9deg) translate3d(0, -1px, 0) scale(1.055) !important;\n}\n\n#omFieldDiaryPageNav .om-field-diary-page-nav__button--down:hover {\n  transform: rotate(9deg) translate3d(0, -1px, 0) scale(1.055) !important;\n}\n\n#omFieldDiaryPageNav .om-field-diary-page-nav__button--up:active {\n  transform: rotate(-9deg) translate3d(0, 1px, 0) scale(0.985) !important;\n  opacity: 0.86 !important;\n}\n\n#omFieldDiaryPageNav .om-field-diary-page-nav__button--down:active {\n  transform: rotate(9deg) translate3d(0, 1px, 0) scale(0.985) !important;\n  opacity: 0.86 !important;\n}\n\n#omFieldDiaryPageNav .om-field-diary-page-nav__button:disabled {\n  opacity: 0.28 !important;\n  cursor: default !important;\n  pointer-events: none !important;\n  border-color: rgba(145, 255, 190, 0.12) !important;\n  color: rgba(145, 255, 190, 0.36) !important;\n  background: rgba(35, 35, 35, 0.12) !important;\n  box-shadow:\n    0 8px 22px rgba(0, 0, 0, 0.1),\n    inset 0 0 0 rgba(145, 255, 190, 0) !important;\n}\n\n#omFieldDiaryPageNav .om-field-diary-page-nav__button--up:disabled {\n  transform: rotate(-9deg) translate3d(0, 0, 0) scale(1) !important;\n}\n\n#omFieldDiaryPageNav .om-field-diary-page-nav__button--down:disabled {\n  transform: rotate(9deg) translate3d(0, 0, 0) scale(1) !important;\n}\n\n\/* -------------------------\n   FIXED TOP-RETURN BUTTON\n   Bottom-centre, red, only visible at bottom.\n------------------------- *\/\n\n#omFieldDiaryTopReturn {\n  left: 50% !important;\n  right: auto !important;\n  bottom: 1.05rem !important;\n  top: auto !important;\n\n  width: 3.45rem !important;\n  height: 3.45rem !important;\n\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n\n  padding: 0 !important;\n  margin: 0 !important;\n\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  border-radius: 999px !important;\n  border: 1px solid rgba(255, 110, 110, 0.28) !important;\n\n  background: rgba(35, 35, 35, 0.28) !important;\n  backdrop-filter: blur(9px) !important;\n  -webkit-backdrop-filter: blur(9px) !important;\n\n  color: rgba(255, 120, 120, 0.92) !important;\n  font-family: \"VCR OSD Mono\", monospace !important;\n  font-size: 1.42rem !important;\n  font-weight: normal !important;\n  line-height: 1 !important;\n  text-align: center !important;\n  text-decoration: none !important;\n\n  cursor: pointer !important;\n  pointer-events: none !important;\n\n  box-shadow:\n    0 8px 22px rgba(0, 0, 0, 0.18),\n    0 0 0 rgba(255, 110, 110, 0),\n    inset 0 0 0 rgba(255, 110, 110, 0) !important;\n\n  text-shadow:\n    0 0 7px rgba(255, 120, 120, 0.16),\n    0 0 18px rgba(255, 120, 120, 0.08) !important;\n\n  opacity: 0 !important;\n  visibility: hidden !important;\n  transform: translateX(-50%) rotate(9deg) translate3d(0, 0.55rem, 0) scale(0.92) !important;\n  filter: blur(4px) !important;\n\n  transition:\n    opacity 260ms ease,\n    color 180ms ease,\n    border-color 180ms ease,\n    background 180ms ease,\n    box-shadow 240ms ease,\n    transform 260ms cubic-bezier(0.16, 0.84, 0.24, 1),\n    filter 240ms ease,\n    visibility 0ms linear 260ms !important;\n}\n\n#omFieldDiaryTopReturn.om-field-diary-entering {\n  opacity: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n  transform: translateX(-50%) rotate(14deg) translate3d(0, 0.7rem, 0) scale(0.9) !important;\n  filter: blur(4px) !important;\n}\n\n#omFieldDiaryTopReturn.om-field-diary-ready {\n  opacity: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n}\n\n#omFieldDiaryTopReturn.is-visible {\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n  transform: translateX(-50%) rotate(9deg) translate3d(0, 0, 0) scale(1) !important;\n  filter: blur(0) !important;\n\n  transition:\n    opacity 260ms ease,\n    color 180ms ease,\n    border-color 180ms ease,\n    background 180ms ease,\n    box-shadow 240ms ease,\n    transform 260ms cubic-bezier(0.16, 0.84, 0.24, 1),\n    filter 240ms ease,\n    visibility 0ms linear 0ms !important;\n}\n\n#omFieldDiaryTopReturn:hover {\n  color: rgba(255, 215, 215, 0.98) !important;\n  border-color: rgba(255, 120, 120, 0.58) !important;\n  background: rgba(35, 35, 35, 0.48) !important;\n  box-shadow:\n    0 8px 22px rgba(0, 0, 0, 0.2),\n    0 0 18px rgba(255, 110, 110, 0.14),\n    inset 0 0 10px rgba(255, 110, 110, 0.05) !important;\n  transform: translateX(-50%) rotate(9deg) translate3d(0, -1px, 0) scale(1.055) !important;\n}\n\n#omFieldDiaryTopReturn:active {\n  transform: translateX(-50%) rotate(9deg) translate3d(0, 1px, 0) scale(0.985) !important;\n  opacity: 0.9 !important;\n}\n\n\/* Up arrow: oversized \/ soft flash \/ settles sideways *\/\n@keyframes omFieldDiaryNavButtonBloomUp {\n  0% {\n    opacity: 0;\n    transform: rotate(-18deg) translate3d(-0.2rem, 0.55rem, 0) scale(1.42);\n    filter: blur(4px);\n    border-color: rgba(145, 255, 190, 0.04);\n    background: rgba(35, 35, 35, 0.06);\n    color: rgba(145, 255, 190, 0.22);\n    box-shadow:\n      0 0 0 rgba(145, 255, 190, 0),\n      inset 0 0 0 rgba(145, 255, 190, 0);\n  }\n\n  18% {\n    opacity: 1;\n    transform: rotate(-12deg) translate3d(0, 0, 0) scale(1.18);\n    filter: blur(0);\n    border-color: rgba(145, 255, 190, 0.64);\n    background: rgba(35, 35, 35, 0.52);\n    color: rgba(214, 255, 228, 0.98);\n    box-shadow:\n      0 0 28px rgba(145, 255, 190, 0.15),\n      inset 0 0 14px rgba(145, 255, 190, 0.055);\n  }\n\n  42% {\n    opacity: 1;\n    transform: rotate(-7deg) translate3d(0, 0, 0) scale(1.04);\n    filter: blur(0);\n    border-color: rgba(145, 255, 190, 0.38);\n    background: rgba(35, 35, 35, 0.36);\n    color: rgba(178, 255, 208, 0.92);\n    box-shadow:\n      0 0 12px rgba(145, 255, 190, 0.06),\n      inset 0 0 8px rgba(145, 255, 190, 0.025);\n  }\n\n  100% {\n    opacity: 1;\n    transform: rotate(-9deg) translate3d(0, 0, 0) scale(1);\n    filter: blur(0);\n    border-color: rgba(145, 255, 190, 0.24);\n    background: rgba(35, 35, 35, 0.26);\n    color: rgba(145, 255, 190, 0.84);\n    box-shadow:\n      0 8px 22px rgba(0, 0, 0, 0.18),\n      0 0 0 rgba(145, 255, 190, 0),\n      inset 0 0 0 rgba(145, 255, 190, 0);\n  }\n}\n\n\/* Down arrow: oversized \/ soft flash \/ settles sideways *\/\n@keyframes omFieldDiaryNavButtonBloomDown {\n  0% {\n    opacity: 0;\n    transform: rotate(18deg) translate3d(0.2rem, 0.55rem, 0) scale(1.42);\n    filter: blur(4px);\n    border-color: rgba(145, 255, 190, 0.04);\n    background: rgba(35, 35, 35, 0.06);\n    color: rgba(145, 255, 190, 0.22);\n    box-shadow:\n      0 0 0 rgba(145, 255, 190, 0),\n      inset 0 0 0 rgba(145, 255, 190, 0);\n  }\n\n  18% {\n    opacity: 1;\n    transform: rotate(12deg) translate3d(0, 0, 0) scale(1.18);\n    filter: blur(0);\n    border-color: rgba(145, 255, 190, 0.64);\n    background: rgba(35, 35, 35, 0.52);\n    color: rgba(214, 255, 228, 0.98);\n    box-shadow:\n      0 0 28px rgba(145, 255, 190, 0.15),\n      inset 0 0 14px rgba(145, 255, 190, 0.055);\n  }\n\n  42% {\n    opacity: 1;\n    transform: rotate(7deg) translate3d(0, 0, 0) scale(1.04);\n    filter: blur(0);\n    border-color: rgba(145, 255, 190, 0.38);\n    background: rgba(35, 35, 35, 0.36);\n    color: rgba(178, 255, 208, 0.92);\n    box-shadow:\n      0 0 12px rgba(145, 255, 190, 0.06),\n      inset 0 0 8px rgba(145, 255, 190, 0.025);\n  }\n\n  100% {\n    opacity: 1;\n    transform: rotate(9deg) translate3d(0, 0, 0) scale(1);\n    filter: blur(0);\n    border-color: rgba(145, 255, 190, 0.24);\n    background: rgba(35, 35, 35, 0.26);\n    color: rgba(145, 255, 190, 0.84);\n    box-shadow:\n      0 8px 22px rgba(0, 0, 0, 0.18),\n      0 0 0 rgba(145, 255, 190, 0),\n      inset 0 0 0 rgba(145, 255, 190, 0);\n  }\n}\n\n\/* -------------------------\n   ZOOM FRAMING OVERRIDE\n------------------------- *\/\n\nbody.om-field-diary-zoom-framing #omFieldDiaryBodyOverlay,\nbody.om-field-diary-zoom-framing #omFieldDiaryBodyMercury,\nbody.om-field-diary-zoom-framing #omFieldDiaryPageNav,\nbody.om-field-diary-zoom-framing #omFieldDiaryTopReturn,\n#omFieldDiaryBodyOverlay.is-zoom-framing,\n#omFieldDiaryBodyMercury.is-zoom-framing,\n#omFieldDiaryPageNav.is-zoom-framing,\n#omFieldDiaryTopReturn.is-zoom-framing {\n  z-index: 2147483647 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n}\n\nbody.om-field-diary-zoom-framing #omFieldDiaryBodyOverlay,\n#omFieldDiaryBodyOverlay.is-zoom-framing,\n#omFieldDiaryBodyOverlay.is-immersive-hidden.is-zoom-framing {\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n  transform: translate3d(0, 0, 0) scale(1) !important;\n  filter: blur(0) !important;\n}\n\nbody.om-field-diary-zoom-framing #omFieldDiaryBodyMercury,\n#omFieldDiaryBodyMercury.is-zoom-framing,\n#omFieldDiaryBodyMercury.is-immersive-hidden.is-zoom-framing {\n  opacity: 0.82 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n  transform: translate3d(0, 0, 0) scale(1) !important;\n  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28)) !important;\n}\n\nbody.om-field-diary-zoom-framing #omFieldDiaryPageNav,\n#omFieldDiaryPageNav.is-zoom-framing,\n#omFieldDiaryPageNav.is-immersive-hidden.is-zoom-framing {\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n  filter: blur(0) !important;\n}\n\nbody.om-field-diary-zoom-framing #omFieldDiaryTopReturn,\n#omFieldDiaryTopReturn.is-zoom-framing {\n  visibility: hidden !important;\n  pointer-events: none !important;\n  opacity: 0 !important;\n}\n\n\/* -------------------------\n   MOBILE OVERLAY\n------------------------- *\/\n\n@media (max-width: 980px) {\n  #omFieldDiaryBodyOverlay {\n    max-width: calc(100vw - 7rem) !important;\n    padding: 1.1rem 1rem 0.4rem 0.8rem !important;\n\n    background: linear-gradient(\n      to bottom,\n      rgba(35, 35, 35, 0.48) 0%,\n      rgba(35, 35, 35, 0.28) 58%,\n      rgba(35, 35, 35, 0) 100%\n    ) !important;\n\n    backdrop-filter: blur(9px) !important;\n    -webkit-backdrop-filter: blur(9px) !important;\n  }\n\n  #omFieldDiaryBodyOverlay .om-field-diary-title {\n    font-size: 0.56rem !important;\n    letter-spacing: 0.16em !important;\n  }\n\n  #omFieldDiaryBodyMercury {\n    top: 1.1rem !important;\n    left: max(0.9rem, env(safe-area-inset-left)) !important;\n    width: 40px !important;\n    height: 40px !important;\n  }\n\n  #omFieldDiaryPageNav {\n    left: 0.9rem !important;\n    bottom: 3.15rem !important;\n    gap: 0.52rem !important;\n  }\n\n  #omFieldDiaryPageNav .om-field-diary-page-nav__button {\n    width: 3rem !important;\n    height: 3rem !important;\n    font-size: 1.26rem !important;\n  }\n\n  #omFieldDiaryTopReturn {\n    left: 50% !important;\n    right: auto !important;\n    bottom: 3.15rem !important;\n    width: 3rem !important;\n    height: 3rem !important;\n    font-size: 1.26rem !important;\n  }\n\n  #omFieldDiaryPageNav.om-field-diary-nav-pulse .om-field-diary-page-nav__button--up {\n    animation-duration: 1180ms !important;\n  }\n\n  #omFieldDiaryPageNav.om-field-diary-nav-pulse .om-field-diary-page-nav__button--down {\n    animation-duration: 1180ms !important;\n  }\n}\n\n\/* -------------------------\n   MOBILE \u2014 SIMPLE STACK SCROLL FIX\n------------------------- *\/\n\n@media (max-width: 980px) {\n  html,\n  body {\n    overscroll-behavior: none !important;\n    overscroll-behavior-y: none !important;\n    overscroll-behavior-x: none !important;\n  }\n\n  [id=\"R1558100931\"].page,\n  [id=\"N1685669062\"].page {\n    overscroll-behavior: none !important;\n    overscroll-behavior-y: none !important;\n    overscroll-behavior-x: none !important;\n  }\n\n  [id=\"R1558100931\"] media-item,\n  [id=\"R1558100931\"] media-item *,\n  [id=\"R1558100931\"] .zoomable,\n  [id=\"R1558100931\"] .zoomable *,\n  [id=\"R1558100931\"] img,\n  [id=\"R1558100931\"] picture,\n  [id=\"R1558100931\"] video,\n  [id=\"R1558100931\"] canvas,\n  [id=\"N1685669062\"] media-item,\n  [id=\"N1685669062\"] media-item *,\n  [id=\"N1685669062\"] .zoomable,\n  [id=\"N1685669062\"] .zoomable *,\n  [id=\"N1685669062\"] img,\n  [id=\"N1685669062\"] picture,\n  [id=\"N1685669062\"] video,\n  [id=\"N1685669062\"] canvas {\n    pointer-events: none !important;\n    touch-action: auto !important;\n    overscroll-behavior: none !important;\n    overscroll-behavior-y: none !important;\n\n    -webkit-user-select: none !important;\n    user-select: none !important;\n    -webkit-user-drag: none !important;\n  }\n}\n\n\/* -------------------------\n   REDUCED MOTION\n------------------------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #omFieldDiaryBodyOverlay,\n  #omFieldDiaryBodyMercury,\n  #omFieldDiaryPageNav,\n  #omFieldDiaryTopReturn,\n  #omFieldDiaryBodyOverlay .om-field-diary-title,\n  #omFieldDiaryPageNav .om-field-diary-page-nav__button,\n  #omFieldDiaryTopReturn {\n    animation: none !important;\n    transition: none !important;\n    filter: none !important;\n  }\n\n  #omFieldDiaryBodyOverlay.om-field-diary-entering,\n  #omFieldDiaryBodyMercury.om-field-diary-entering,\n  #omFieldDiaryPageNav.om-field-diary-entering,\n  #omFieldDiaryTopReturn.om-field-diary-entering {\n    opacity: 1 !important;\n    visibility: visible !important;\n  }\n}\n\n\/* -------------------------\n   FIELD DIARIES \u2014 BUTTON-ONLY SCROLL MODE\n------------------------- *\/\n\nbody.om-field-diary-button-scroll {\n  overscroll-behavior: none !important;\n  overscroll-behavior-y: none !important;\n  overscroll-behavior-x: none !important;\n}\n\nbody.om-field-diary-button-scroll {\n  scrollbar-width: none !important;\n}\n\nbody.om-field-diary-button-scroll::-webkit-scrollbar {\n  width: 0 !important;\n  height: 0 !important;\n  display: none !important;\n}\n\n@media (max-width: 980px) {\n  #omFieldDiaryBodyOverlay,\n  #omFieldDiaryBodyBackground {\n    backdrop-filter: none !important;\n    -webkit-backdrop-filter: none !important;\n  }\n\n  #omFieldDiaryBodyMercury {\n    opacity: 1 !important;\n  }\n\n  #omFieldDiaryBodyMercury.om-field-diary-ready {\n    opacity: 1 !important;\n  }\n\n  #omFieldDiaryBodyOverlay .om-field-diary-title {\n    color: rgba(145, 255, 190, 1) !important;\n  }\n}\n\n@media (max-width: 980px) {\n  #omFieldDiaryBodyOverlay {\n    backdrop-filter: none !important;\n    -webkit-backdrop-filter: none !important;\n  }\n\n  #omFieldDiaryBodyMercury,\n  #omFieldDiaryBodyMercury.om-field-diary-entering,\n  #omFieldDiaryBodyMercury.om-field-diary-ready,\n  #omFieldDiaryBodyMercury.is-immersive-hidden {\n    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28)) !important;\n    opacity: 0.82 !important;\n    visibility: visible !important;\n  }\n\n  #omFieldDiaryBodyOverlay,\n  #omFieldDiaryBodyOverlay.om-field-diary-entering,\n  #omFieldDiaryBodyOverlay.om-field-diary-ready,\n  #omFieldDiaryBodyOverlay.is-immersive-hidden {\n    filter: none !important;\n  }\n\n  #omFieldDiaryBodyOverlay .om-field-diary-title {\n    filter: none !important;\n    color: rgba(145, 255, 190, 1) !important;\n  }\n}\n\n\/* -------------------------\n   DESKTOP BLUR FIX\n------------------------- *\/\n\n#omFieldDiaryBodyOverlay {\n  backdrop-filter: none !important;\n  -webkit-backdrop-filter: none !important;\n}\n\n#omFieldDiaryPageNav .om-field-diary-page-nav__button {\n  backdrop-filter: none !important;\n  -webkit-backdrop-filter: none !important;\n}\n\n#omFieldDiaryTopReturn {\n  backdrop-filter: none !important;\n  -webkit-backdrop-filter: none !important;\n}\n\n#omFieldDiaryBodyOverlay,\n#omFieldDiaryBodyOverlay.om-field-diary-entering,\n#omFieldDiaryBodyOverlay.om-field-diary-ready,\n#omFieldDiaryBodyOverlay.is-immersive-hidden {\n  filter: none !important;\n}\n\n#omFieldDiaryBodyMercury,\n#omFieldDiaryBodyMercury.om-field-diary-entering,\n#omFieldDiaryBodyMercury.om-field-diary-ready,\n#omFieldDiaryBodyMercury.is-immersive-hidden {\n  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28)) !important;\n}\n\n#omFieldDiaryBodyOverlay .om-field-diary-title {\n  filter: none !important;\n}","display":true,"stack":false,"pin":true,"overlay":false,"password_enabled":false,"sort":5,"index":null,"page_count":null,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{"screen_visibility":"all","position":"top","overlay":true,"fixed":true,"adjust":false},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":[],"media":[],"tags":[],"access_level":"public"},{"id":"S1499805251","set_id":"root","title":"Shopfront Suite","purl":"shopfront-suite-1","page_type":"set","content":"","local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"sort":21,"index":1,"page_count":1,"page_design_options":null,"backdrops":null,"pin_options":{},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":[],"media":[],"tags":[],"access_level":"public"},{"id":"T2795845661","set_id":"S1499805251","title":"Shop","purl":"shop","page_type":"set","content":"","local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"sort":22,"index":0,"page_count":37,"page_design_options":null,"backdrops":null,"pin_options":{},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":[],"media":[],"tags":[],"access_level":"public"},{"id":"F1442758529","set_id":"T2795845661","title":"Size Reference","purl":"size-reference","page_type":"page","content":"<div class=\"om-size-reference-page is-mobile-size-a5\">\n  <a aria-label=\"Close size reference\" class=\"om-size-close\" href=\"#\" rel=\"close-overlay\">\u00d7<\/a>\n\n  <section class=\"om-size-reference-shell\">\n\n    <header class=\"om-size-reference-header\">\n      <p class=\"om-size-kicker\">OF MERCURY \/ PRINT SCALE INDEX<\/p>\n      <h1>SIZE REFERENCE<\/h1>\n    <\/header>\n\n    <div class=\"om-size-reference-layout\">\n\n      <div class=\"om-size-stack-wrap\">\n        \n\n        <div aria-label=\"Visual comparison of A1 to A5 print sizes\" class=\"om-size-stack\">\n          <div class=\"om-paper-size om-a1\">\n            <span class=\"om-paper-label\">A1<\/span>\n            <small class=\"om-paper-dim\">23.39 \u00d7 33.11 in<\/small>\n            <em class=\"om-paper-vibe\">Feature wall \/ atmosphere at scale<\/em>\n\n            <div class=\"om-paper-size om-a2\">\n              <span class=\"om-paper-label\">A2<\/span>\n              <small class=\"om-paper-dim\">16.54 \u00d7 23.39 in<\/small>\n              <em class=\"om-paper-vibe\">Bedroom scale \/ strong in pairs<\/em>\n\n              <div class=\"om-paper-size om-a3\">\n                <span class=\"om-paper-label\">A3<\/span>\n                <small class=\"om-paper-dim\">11.69 \u00d7 16.54 in<\/small>\n                <em class=\"om-paper-vibe\">Office \/ kitchen \/ smaller spaces<\/em>\n\n                <div class=\"om-paper-size om-a4\">\n                  <span class=\"om-paper-label\">A4<\/span>\n                  <small class=\"om-paper-dim\">8.27 \u00d7 11.69 in<\/small>\n                  <em class=\"om-paper-vibe\">Standard office paper<\/em>\n\n                  <div class=\"om-paper-size om-a5\">\n                    <span class=\"om-paper-label\">A5<\/span>\n                    <small class=\"om-paper-dim\">5.83 \u00d7 8.27 in<\/small>\n                    <em class=\"om-paper-vibe\">Desk \/ mini gallery<\/em>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div aria-label=\"Select print size\" class=\"om-mobile-size-picker\">\n          <button aria-pressed=\"true\" class=\"om-mobile-size-btn is-active\" data-mobile-size=\"a1\" type=\"button\">A1<\/button>\n          <button aria-pressed=\"false\" class=\"om-mobile-size-btn\" data-mobile-size=\"a2\" type=\"button\">A2<\/button>\n          <button aria-pressed=\"false\" class=\"om-mobile-size-btn\" data-mobile-size=\"a3\" type=\"button\">A3<\/button>\n          <button aria-pressed=\"false\" class=\"om-mobile-size-btn\" data-mobile-size=\"a4\" type=\"button\">A4<\/button>\n          <button aria-pressed=\"true\" class=\"om-mobile-size-btn is-active\" data-mobile-size=\"a5\" type=\"button\">A5<\/button>\n        <\/div>\n\n        <div aria-live=\"polite\" class=\"om-mobile-size-description\">\n          <div class=\"om-mobile-size-desc is-active\" data-mobile-size-panel=\"a1\">\n            <div class=\"om-mobile-size-desc-main\">\n              <span>A1<\/span>\n              <strong>23.39 \u00d7 33.11 in<\/strong>\n            <\/div>\n            <p>Feature wall scale. Best when you want the image to hold the atmosphere of a room.<\/p>\n            <small>Twice the area of an A2.<\/small>\n          <\/div>\n\n          <div class=\"om-mobile-size-desc\" data-mobile-size-panel=\"a2\" hidden=\"\">\n            <div class=\"om-mobile-size-desc-main\">\n              <span>A2<\/span>\n              <strong>16.54 \u00d7 23.39 in<\/strong>\n            <\/div>\n            <p>Bedroom, hallway, or above-furniture scale. Works strongly alone, or in pairs for a larger impression.<\/p>\n            <small>Twice the area of an A3.<\/small>\n          <\/div>\n\n          <div class=\"om-mobile-size-desc\" data-mobile-size-panel=\"a3\" hidden=\"\">\n            <div class=\"om-mobile-size-desc-main\">\n              <span>A3<\/span>\n              <strong>11.69 \u00d7 16.54 in<\/strong>\n            <\/div>\n            <p>A smaller statement. Suits offices, kitchens, studies, shelves, and tighter wall spaces.<\/p>\n            <small>Twice the area of an A4.<\/small>\n          <\/div>\n\n          <div class=\"om-mobile-size-desc\" data-mobile-size-panel=\"a4\" hidden=\"\">\n            <div class=\"om-mobile-size-desc-main\">\n              <span>A4<\/span>\n              <strong>8.27 \u00d7 11.69 in<\/strong>\n            <\/div>\n            <p>Standard office paper. The easiest everyday reference point for judging scale.<\/p>\n            <small>Half the area of an A3, and twice the area of an A5.<\/small>\n          <\/div>\n\n          <div class=\"om-mobile-size-desc is-active\" data-mobile-size-panel=\"a5\">\n            <div class=\"om-mobile-size-desc-main\">\n              <span>A5<\/span>\n              <strong>5.83 \u00d7 8.27 in<\/strong>\n            <\/div>\n            <p>Desk, shelf, bedside, or mini-gallery scale. Small, close, intimate.<\/p>\n            <small>Half the area of an A4.<\/small>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <aside aria-label=\"A-series print size guide\" class=\"om-size-index\">\n\n        <div class=\"omcw-widget omcw-widget--size-inline is-idling is-closing\" id=\"omSizeContactWidget\">\n          <button aria-controls=\"omSizeContactBubble\" aria-expanded=\"false\" class=\"omcw-trigger\" type=\"button\">\n            <span class=\"omcw-figure\">\n              <img alt=\"\" src=\"https:\/\/freight.cargo.site\/m\/E2855006214628665467159838176057\/white-gladiator-flipped.png\" \/>\n            <\/span>\n          <\/button>\n\n          <div aria-hidden=\"true\" class=\"omcw-bubble\" hidden=\"\" id=\"omSizeContactBubble\">\n            <p class=\"omcw-copy\">\n              <span class=\"omcw-copy-main\">Need help with sizing, or would like a mock up done?<\/span>\n              <span class=\"omcw-copy-link\">\n                <a class=\"omcw-link-inner\" href=\"mailto:contact@ofmercury.com\">email contact@ofmercury.com<\/a>\n              <\/span>\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"om-size-card om-size-card-a1\">\n          <div class=\"om-size-card-main\">\n            <span class=\"om-size-name\">A1<\/span>\n            <strong class=\"om-size-value\">23.39 \u00d7 33.11 in<\/strong>\n          <\/div>\n          <p>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Feature wall scale. Best when you want the image to hold the atmosphere of a room.\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<span class=\"om-size-compare\">Twice the area of an A2.<\/span>\n          <\/p>\n        <\/div>\n\n        <div class=\"om-size-card om-size-card-a2\">\n          <div class=\"om-size-card-main\">\n            <span class=\"om-size-name\">A2<\/span>\n            <strong class=\"om-size-value\">16.54 \u00d7 23.39 in<\/strong>\n          <\/div>\n          <p>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Bedroom, hallway, or above-furniture scale. Works strongly alone, or in pairs for a larger impression.\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<span class=\"om-size-compare\">Twice the area of an A3.<\/span>\n          <\/p>\n        <\/div>\n\n        <div class=\"om-size-card om-size-card-a3\">\n          <div class=\"om-size-card-main\">\n            <span class=\"om-size-name\">A3<\/span>\n            <strong class=\"om-size-value\">11.69 \u00d7 16.54 in<\/strong>\n          <\/div>\n          <p>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 A smaller statement. Suits offices, kitchens, studies, shelves, and tighter wall spaces.\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<span class=\"om-size-compare\">Twice the area of an A4.<\/span>\n          <\/p>\n        <\/div>\n\n        <div class=\"om-size-card om-size-card-a4\">\n          <div class=\"om-size-card-main\">\n            <span class=\"om-size-name\">A4<\/span>\n            <strong class=\"om-size-value\">8.27 \u00d7 11.69 in<\/strong>\n          <\/div>\n          <p>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Standard office paper. The easiest everyday reference point for judging scale.\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<span class=\"om-size-compare\">Half the area of an A3, and twice the area of an A5.<\/span>\n          <\/p>\n        <\/div>\n\n        <div class=\"om-size-card om-size-card-a5\">\n          <div class=\"om-size-card-main\">\n            <span class=\"om-size-name\">A5<\/span>\n            <strong class=\"om-size-value\">5.83 \u00d7 8.27 in<\/strong>\n          <\/div>\n          <p>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Desk, shelf, bedside, or mini-gallery scale. Small, close, intimate.\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<span class=\"om-size-compare\">Half the area of an A4.<\/span>\n          <\/p>\n        <\/div>\n\n      <\/aside>\n    <\/div>\n\n  <\/section>\n<\/div>\n\n<script>\n(function () {\n \u00a0const KEY = \"__omSizeReferenceContactWidget_v2_closedOnLoad__\";\n\n \u00a0if (window[KEY] && typeof window[KEY].destroy === \"function\") {\n \u00a0 \u00a0window[KEY].destroy();\n \u00a0}\n\n \u00a0const widget = document.getElementById(\"omSizeContactWidget\");\n \u00a0if (!widget) return;\n\n \u00a0const trigger = widget.querySelector(\".omcw-trigger\");\n \u00a0const bubble = widget.querySelector(\".omcw-bubble\");\n\n \u00a0if (!trigger || !bubble) return;\n\n \u00a0let closeTimer = null;\n \u00a0let openTimer = null;\n \u00a0let destroyed = false;\n\n \u00a0function clearTimers() {\n \u00a0 \u00a0window.clearTimeout(closeTimer);\n \u00a0 \u00a0window.clearTimeout(openTimer);\n \u00a0 \u00a0closeTimer = null;\n \u00a0 \u00a0openTimer = null;\n \u00a0}\n\n \u00a0function forceClosed() {\n \u00a0 \u00a0clearTimers();\n\n \u00a0 \u00a0widget.classList.remove(\"is-open\", \"is-opening\", \"is-closing\");\n \u00a0 \u00a0widget.classList.add(\"is-idling\");\n\n \u00a0 \u00a0bubble.hidden = true;\n \u00a0 \u00a0bubble.setAttribute(\"aria-hidden\", \"true\");\n\n \u00a0 \u00a0trigger.setAttribute(\"aria-expanded\", \"false\");\n \u00a0}\n\n \u00a0function openBubble() {\n \u00a0 \u00a0clearTimers();\n\n \u00a0 \u00a0bubble.hidden = false;\n \u00a0 \u00a0bubble.setAttribute(\"aria-hidden\", \"false\");\n\n \u00a0 \u00a0trigger.setAttribute(\"aria-expanded\", \"true\");\n\n \u00a0 \u00a0widget.classList.remove(\"is-idling\", \"is-closing\", \"is-open\");\n \u00a0 \u00a0widget.classList.add(\"is-opening\");\n\n \u00a0 \u00a0openTimer = window.setTimeout(function () {\n \u00a0 \u00a0 \u00a0if (destroyed) return;\n \u00a0 \u00a0 \u00a0widget.classList.remove(\"is-opening\");\n \u00a0 \u00a0 \u00a0widget.classList.add(\"is-open\");\n \u00a0 \u00a0}, 260);\n \u00a0}\n\n \u00a0function closeBubble() {\n \u00a0 \u00a0clearTimers();\n\n \u00a0 \u00a0trigger.setAttribute(\"aria-expanded\", \"false\");\n\n \u00a0 \u00a0widget.classList.remove(\"is-opening\", \"is-open\");\n \u00a0 \u00a0widget.classList.add(\"is-closing\");\n\n \u00a0 \u00a0closeTimer = window.setTimeout(function () {\n \u00a0 \u00a0 \u00a0if (destroyed) return;\n\n \u00a0 \u00a0 \u00a0bubble.hidden = true;\n \u00a0 \u00a0 \u00a0bubble.setAttribute(\"aria-hidden\", \"true\");\n\n \u00a0 \u00a0 \u00a0widget.classList.remove(\"is-closing\");\n \u00a0 \u00a0 \u00a0widget.classList.add(\"is-idling\");\n \u00a0 \u00a0}, 190);\n \u00a0}\n\n \u00a0function toggleBubble(event) {\n \u00a0 \u00a0event.preventDefault();\n \u00a0 \u00a0event.stopPropagation();\n\n \u00a0 \u00a0const isOpen =\n \u00a0 \u00a0 \u00a0widget.classList.contains(\"is-open\") ||\n \u00a0 \u00a0 \u00a0widget.classList.contains(\"is-opening\") ||\n \u00a0 \u00a0 \u00a0bubble.hidden === false;\n\n \u00a0 \u00a0if (isOpen) {\n \u00a0 \u00a0 \u00a0closeBubble();\n \u00a0 \u00a0} else {\n \u00a0 \u00a0 \u00a0openBubble();\n \u00a0 \u00a0}\n \u00a0}\n\n \u00a0function handleOutsideClick(event) {\n \u00a0 \u00a0if (!widget.contains(event.target)) {\n \u00a0 \u00a0 \u00a0closeBubble();\n \u00a0 \u00a0}\n \u00a0}\n\n \u00a0function handleEscape(event) {\n \u00a0 \u00a0if (event.key === \"Escape\") {\n \u00a0 \u00a0 \u00a0closeBubble();\n \u00a0 \u00a0}\n \u00a0}\n\n \u00a0trigger.addEventListener(\"click\", toggleBubble);\n \u00a0document.addEventListener(\"click\", handleOutsideClick);\n \u00a0document.addEventListener(\"keydown\", handleEscape);\n\n \u00a0forceClosed();\n\n \u00a0window[KEY] = {\n \u00a0 \u00a0destroy: function () {\n \u00a0 \u00a0 \u00a0destroyed = true;\n \u00a0 \u00a0 \u00a0clearTimers();\n\n \u00a0 \u00a0 \u00a0trigger.removeEventListener(\"click\", toggleBubble);\n \u00a0 \u00a0 \u00a0document.removeEventListener(\"click\", handleOutsideClick);\n \u00a0 \u00a0 \u00a0document.removeEventListener(\"keydown\", handleEscape);\n \u00a0 \u00a0}\n \u00a0};\n})();\n<\/script>\n\n<script>\n(function () {\n \u00a0const KEY = \"__omSizeReferenceMobilePicker_v1__\";\n\n \u00a0if (window[KEY] && typeof window[KEY].destroy === \"function\") {\n \u00a0 \u00a0window[KEY].destroy();\n \u00a0}\n\n \u00a0const page = document.querySelector(\".om-size-reference-page\");\n \u00a0if (!page) return;\n\n \u00a0const buttons = Array.from(page.querySelectorAll(\".om-mobile-size-btn\"));\n \u00a0const panels = Array.from(page.querySelectorAll(\".om-mobile-size-desc\"));\n\n \u00a0if (!buttons.length || !panels.length) return;\n\n \u00a0let destroyed = false;\n\n \u00a0function setSize(size) {\n \u00a0 \u00a0if (destroyed || !size) return;\n\n \u00a0 \u00a0page.classList.remove(\n \u00a0 \u00a0 \u00a0\"is-mobile-size-a1\",\n \u00a0 \u00a0 \u00a0\"is-mobile-size-a2\",\n \u00a0 \u00a0 \u00a0\"is-mobile-size-a3\",\n \u00a0 \u00a0 \u00a0\"is-mobile-size-a4\",\n \u00a0 \u00a0 \u00a0\"is-mobile-size-a5\"\n \u00a0 \u00a0);\n\n \u00a0 \u00a0page.classList.add(\"is-mobile-size-\" + size);\n\n \u00a0 \u00a0buttons.forEach(function (button) {\n \u00a0 \u00a0 \u00a0const isActive = button.getAttribute(\"data-mobile-size\") === size;\n \u00a0 \u00a0 \u00a0button.classList.toggle(\"is-active\", isActive);\n \u00a0 \u00a0 \u00a0button.setAttribute(\"aria-pressed\", isActive ? \"true\" : \"false\");\n \u00a0 \u00a0});\n\n \u00a0 \u00a0panels.forEach(function (panel) {\n \u00a0 \u00a0 \u00a0const isActive = panel.getAttribute(\"data-mobile-size-panel\") === size;\n \u00a0 \u00a0 \u00a0panel.classList.toggle(\"is-active\", isActive);\n \u00a0 \u00a0 \u00a0panel.hidden = !isActive;\n \u00a0 \u00a0});\n \u00a0}\n\n \u00a0function handleClick(event) {\n \u00a0const button = event.currentTarget;\n \u00a0const size = button.getAttribute(\"data-mobile-size\");\n\n \u00a0event.preventDefault();\n\n \u00a0if (\n \u00a0 \u00a0window.matchMedia(\"(max-width: 620px)\").matches ||\n \u00a0 \u00a0window.matchMedia(\"(hover: none)\").matches ||\n \u00a0 \u00a0window.matchMedia(\"(pointer: coarse)\").matches\n \u00a0) {\n \u00a0 \u00a0event.stopPropagation();\n \u00a0}\n\n \u00a0setSize(size);\n}\n\n \u00a0buttons.forEach(function (button) {\n \u00a0 \u00a0button.addEventListener(\"click\", handleClick);\n \u00a0});\n\n \u00a0setSize(\"a1\");\n\n \u00a0window[KEY] = {\n \u00a0 \u00a0destroy: function () {\n \u00a0 \u00a0 \u00a0destroyed = true;\n\n \u00a0 \u00a0 \u00a0buttons.forEach(function (button) {\n \u00a0 \u00a0 \u00a0 \u00a0button.removeEventListener(\"click\", handleClick);\n \u00a0 \u00a0 \u00a0});\n\n \u00a0 \u00a0 \u00a0delete window[KEY];\n \u00a0 \u00a0}\n \u00a0};\n})();\n<\/script>","local_css":".om-size-reference-page {\n  --om-bg: #0f1448;\n  --om-green: #39ff14;\n  --om-yellow: #f4ff4f;\n  --om-white: rgba(255, 255, 255, 0.92);\n  --om-white-soft: rgba(255, 255, 255, 0.72);\n  --om-panel: rgba(255, 255, 255, 0.035);\n  --om-step: 70.710678%;\n  --om-stack-width: 520px;\n\n  --om-scale-image-blur: url(\"https:\/\/freight.cargo.site\/m\/P2966182084626852135763232404281\/kids-to-scale-blur.jpg\");\n  --om-scale-image-sharp: url(\"https:\/\/freight.cargo.site\/m\/U2966172148122136135449868481337\/kids-to-scale.jpg\");\n\n  position: relative;\n  min-height: 100vh;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 4.2rem 1.45rem 3.25rem;\n  background:\n    radial-gradient(circle at 14% 18%, rgba(57, 255, 20, 0.055), transparent 28rem),\n    radial-gradient(circle at 84% 72%, rgba(244, 255, 79, 0.035), transparent 24rem),\n    var(--om-bg);\n  color: var(--om-white);\n  font-family: \"VCR OSD Mono\", \"Courier New\", monospace;\n}\n\n\/* CLOSE X *\/\n\n.om-size-close,\n.om-size-close:link,\n.om-size-close:visited {\n  position: fixed;\n  top: 1.8rem;\n  right: 2rem;\n  z-index: 99999;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 3.4rem;\n  height: 3.4rem;\n\n  color: rgba(255, 255, 255, 0.92);\n  text-decoration: none;\n\n  font-family: \"VCR OSD Mono\", \"Courier New\", monospace;\n  font-size: 3.1rem;\n  line-height: 0.8;\n  font-weight: 400;\n\n  opacity: 0.9;\n  text-shadow:\n    0 0 5px rgba(255, 255, 255, 0.2),\n    0 0 12px rgba(57, 255, 20, 0.14);\n\n  transition:\n    color 220ms ease,\n    opacity 220ms ease,\n    text-shadow 320ms ease,\n    transform 320ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.om-size-close:hover {\n  color: var(--om-green);\n  opacity: 1;\n  transform: rotate(5deg) scale(1.045);\n  text-shadow:\n    0 0 5px rgba(57, 255, 20, 0.3),\n    0 0 16px rgba(57, 255, 20, 0.2);\n}\n\n\/* PAGE SHELL *\/\n\n.om-size-reference-shell {\n  width: min(1180px, 100%);\n  margin: 0 auto;\n}\n\n.om-size-reference-header {\n  max-width: 45rem;\n  margin-bottom: 3.05rem;\n  text-align: left;\n}\n\n.om-size-kicker {\n  margin: 0 0 0.9rem;\n  font-size: 0.68rem;\n  line-height: 1;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--om-green);\n  text-align: left;\n  text-shadow:\n    0 0 5px rgba(57, 255, 20, 0.22),\n    0 0 14px rgba(57, 255, 20, 0.08);\n}\n\n.om-size-reference-header h1 {\n  margin: 0 0 1rem;\n  font-size: clamp(2.05rem, 3vw, 2.95rem);\n  font-weight: 400;\n  line-height: 0.96;\n  letter-spacing: 0.035em;\n  text-transform: uppercase;\n  color: var(--om-white);\n  text-align: left;\n  text-shadow:\n    0 0 7px rgba(255, 255, 255, 0.08),\n    0 0 18px rgba(57, 255, 20, 0.05);\n}\n\n.om-size-reference-intro {\n  display: block;\n  margin: 0;\n  max-width: 39rem;\n  font-size: 0.78rem;\n  line-height: 1.55;\n  letter-spacing: 0.01em;\n  word-spacing: normal;\n  text-align: left;\n  text-indent: 0;\n  white-space: normal;\n  color: var(--om-white-soft);\n}\n\n.om-size-reference-layout {\n  display: grid;\n  grid-template-columns: minmax(360px, 1fr) minmax(360px, 440px);\n  gap: clamp(2.5rem, 6vw, 6.8rem);\n  align-items: start;\n}\n\n\/* VISUAL SCALE *\/\n\n.om-size-stack-wrap {\n  width: 100%;\n}\n\n.om-scale-note {\n  margin: 0 0 0.85rem;\n  font-size: 0.75rem;\n  line-height: 1;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n  color: var(--om-green);\n}\n\n.om-size-stack {\n  width: min(100%, 620px);\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  background: transparent;\n  border: none;\n  box-shadow: none;\n}\n\n.om-paper-size {\n  position: relative;\n  box-sizing: border-box;\n  overflow: hidden;\n  isolation: isolate;\n  border: 1px solid rgba(255, 255, 255, 0.24);\n  background: transparent !important;\n\n  transition:\n    border-color 220ms ease,\n    box-shadow 260ms ease,\n    filter 220ms ease,\n    opacity 220ms ease,\n    visibility 220ms ease;\n}\n\n\/* image layer *\/\n\n.om-paper-size::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n\n  background-image: var(--om-scale-image-blur);\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n\n  opacity: 0;\n  filter: none;\n  transform: scale(1.01);\n\n  pointer-events: none;\n\n  transition:\n    opacity 280ms ease,\n    filter 280ms ease,\n    transform 420ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\/* wash layer *\/\n\n.om-paper-size::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n\n  opacity: 0;\n  pointer-events: none;\n  background: transparent;\n\n  transition:\n    opacity 220ms ease,\n    background 280ms ease;\n}\n\n\/* default: only A1 carries the blurred background image.\n   This avoids nested images\/overlays darkening the smaller frames. *\/\n\n.om-a1::before {\n  opacity: 0.52;\n  filter: saturate(0.92) brightness(0.92) contrast(1.02);\n}\n\n.om-a1::after {\n  opacity: 1;\n  background:\n    linear-gradient(\n      180deg,\n      rgba(10, 14, 48, 0.08) 0%,\n      rgba(10, 14, 48, 0.16) 48%,\n      rgba(10, 14, 48, 0.24) 100%\n    );\n}\n\n\/* paper text *\/\n\n.om-paper-label,\n.om-paper-dim,\n.om-paper-vibe {\n  position: absolute;\n  left: 0.72rem;\n  z-index: 2;\n  pointer-events: none;\n  text-shadow:\n    0 0 6px rgba(10, 14, 48, 0.75),\n    0 0 14px rgba(10, 14, 48, 0.42);\n  transition:\n    color 220ms ease,\n    text-shadow 260ms ease,\n    opacity 220ms ease;\n}\n\n.om-paper-label {\n  top: 0.68rem;\n  font-size: 0.82rem;\n  line-height: 1;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--om-white);\n}\n\n.om-paper-dim {\n  top: 1.68rem;\n  font-size: 0.66rem;\n  line-height: 1;\n  letter-spacing: 0.035em;\n  color: var(--om-white-soft);\n}\n\n.om-paper-vibe {\n  top: 2.58rem;\n  max-width: calc(100% - 1.35rem);\n  font-size: 0.61rem;\n  line-height: 1.22;\n  font-style: normal;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--om-yellow);\n}\n\n\/* paper dimensions *\/\n\n.om-a1 {\n  width: min(100%, var(--om-stack-width));\n  aspect-ratio: 594 \/ 841;\n  margin: 0 auto;\n  border-color: rgba(255, 255, 255, 0.34);\n  z-index: 1;\n}\n\n.om-a2,\n.om-a3,\n.om-a4,\n.om-a5 {\n  position: absolute;\n  right: 7.5%;\n  bottom: 6.8%;\n  width: var(--om-step);\n  aspect-ratio: 594 \/ 841;\n}\n\n.om-a2 {\n  z-index: 2;\n}\n\n.om-a3 {\n  z-index: 3;\n}\n\n.om-a4 {\n  z-index: 4;\n  border-color: rgba(57, 255, 20, 0.8);\n  box-shadow:\n    inset 0 0 0 1px rgba(57, 255, 20, 0.1),\n    0 0 18px rgba(57, 255, 20, 0.06);\n}\n\n.om-a5 {\n  z-index: 5;\n}\n\n.om-a2,\n.om-a3,\n.om-a5 {\n  border-color: rgba(244, 255, 79, 0.28);\n}\n\n.om-a4 .om-paper-label,\n.om-a4 .om-paper-dim,\n.om-a4 .om-paper-vibe {\n  color: var(--om-green);\n  text-shadow:\n    0 0 5px rgba(57, 255, 20, 0.18),\n    0 0 12px rgba(10, 14, 48, 0.45);\n}\n\n.om-a1 .om-paper-vibe,\n.om-a2 .om-paper-vibe,\n.om-a3 .om-paper-vibe,\n.om-a5 .om-paper-vibe {\n  color: var(--om-yellow);\n}\n\n\/* CONSISTENT HOVER LOGIC\n   1. clear every frame\n   2. make non-selected frames outline\/text only\n   3. selected frame becomes the only sharp image carrier\n   4. selected text is restored\n*\/\n\n.om-size-reference-page:has(.om-size-card:hover) .om-a1,\n.om-size-reference-page:has(.om-size-card:hover) .om-a2,\n.om-size-reference-page:has(.om-size-card:hover) .om-a3,\n.om-size-reference-page:has(.om-size-card:hover) .om-a4,\n.om-size-reference-page:has(.om-size-card:hover) .om-a5 {\n  filter: none !important;\n  background: transparent !important;\n  box-shadow: none !important;\n}\n\n.om-size-reference-page:has(.om-size-card:hover) .om-a1::before,\n.om-size-reference-page:has(.om-size-card:hover) .om-a2::before,\n.om-size-reference-page:has(.om-size-card:hover) .om-a3::before,\n.om-size-reference-page:has(.om-size-card:hover) .om-a4::before,\n.om-size-reference-page:has(.om-size-card:hover) .om-a5::before {\n  opacity: 0 !important;\n  background-image: var(--om-scale-image-blur) !important;\n  filter: none !important;\n  transform: scale(1.01) !important;\n}\n\n.om-size-reference-page:has(.om-size-card:hover) .om-a1::after,\n.om-size-reference-page:has(.om-size-card:hover) .om-a2::after,\n.om-size-reference-page:has(.om-size-card:hover) .om-a3::after,\n.om-size-reference-page:has(.om-size-card:hover) .om-a4::after,\n.om-size-reference-page:has(.om-size-card:hover) .om-a5::after {\n  opacity: 0 !important;\n  background: transparent !important;\n}\n\n\/* dim all direct frame labels first *\/\n\n.om-size-reference-page:has(.om-size-card:hover) .om-a1 > .om-paper-label,\n.om-size-reference-page:has(.om-size-card:hover) .om-a1 > .om-paper-dim,\n.om-size-reference-page:has(.om-size-card:hover) .om-a1 > .om-paper-vibe,\n.om-size-reference-page:has(.om-size-card:hover) .om-a2 > .om-paper-label,\n.om-size-reference-page:has(.om-size-card:hover) .om-a2 > .om-paper-dim,\n.om-size-reference-page:has(.om-size-card:hover) .om-a2 > .om-paper-vibe,\n.om-size-reference-page:has(.om-size-card:hover) .om-a3 > .om-paper-label,\n.om-size-reference-page:has(.om-size-card:hover) .om-a3 > .om-paper-dim,\n.om-size-reference-page:has(.om-size-card:hover) .om-a3 > .om-paper-vibe,\n.om-size-reference-page:has(.om-size-card:hover) .om-a4 > .om-paper-label,\n.om-size-reference-page:has(.om-size-card:hover) .om-a4 > .om-paper-dim,\n.om-size-reference-page:has(.om-size-card:hover) .om-a4 > .om-paper-vibe,\n.om-size-reference-page:has(.om-size-card:hover) .om-a5 > .om-paper-label,\n.om-size-reference-page:has(.om-size-card:hover) .om-a5 > .om-paper-dim,\n.om-size-reference-page:has(.om-size-card:hover) .om-a5 > .om-paper-vibe {\n  opacity: 0.12 !important;\n  text-shadow: none !important;\n}\n\n\/* selected frame base *\/\n\n.om-size-reference-page:has(.om-size-card-a1:hover) .om-a1,\n.om-size-reference-page:has(.om-size-card-a2:hover) .om-a2,\n.om-size-reference-page:has(.om-size-card-a3:hover) .om-a3,\n.om-size-reference-page:has(.om-size-card-a5:hover) .om-a5 {\n  z-index: 50 !important;\n  background: #11152e !important;\n  border-color: rgba(244, 255, 79, 1) !important;\n  box-shadow:\n    inset 0 0 0 1px rgba(244, 255, 79, 0.18),\n    0 0 22px rgba(244, 255, 79, 0.16),\n    0 0 56px rgba(244, 255, 79, 0.07) !important;\n}\n\n.om-size-reference-page:has(.om-size-card-a4:hover) .om-a4 {\n  z-index: 50 !important;\n  background: #11152e !important;\n  border-color: rgba(57, 255, 20, 1) !important;\n  box-shadow:\n    inset 0 0 0 1px rgba(57, 255, 20, 0.22),\n    0 0 26px rgba(57, 255, 20, 0.18),\n    0 0 64px rgba(57, 255, 20, 0.08) !important;\n}\n\n\/* selected frame sharp image *\/\n\n.om-size-reference-page:has(.om-size-card-a1:hover) .om-a1::before,\n.om-size-reference-page:has(.om-size-card-a2:hover) .om-a2::before,\n.om-size-reference-page:has(.om-size-card-a3:hover) .om-a3::before,\n.om-size-reference-page:has(.om-size-card-a4:hover) .om-a4::before,\n.om-size-reference-page:has(.om-size-card-a5:hover) .om-a5::before {\n  background-image: var(--om-scale-image-sharp) !important;\n  opacity: 1 !important;\n  filter: saturate(1.16) brightness(1.18) contrast(1.03) !important;\n}\n\n.om-size-reference-page:has(.om-size-card-a1:hover) .om-a1::before {\n  transform: scale(1.025) !important;\n}\n\n.om-size-reference-page:has(.om-size-card-a2:hover) .om-a2::before {\n  transform: scale(1.03) !important;\n}\n\n.om-size-reference-page:has(.om-size-card-a3:hover) .om-a3::before {\n  transform: scale(1.035) !important;\n}\n\n.om-size-reference-page:has(.om-size-card-a4:hover) .om-a4::before {\n  transform: scale(1.04) !important;\n}\n\n.om-size-reference-page:has(.om-size-card-a5:hover) .om-a5::before {\n  transform: scale(1.045) !important;\n}\n\n\/* selected frame light wash *\/\n\n.om-size-reference-page:has(.om-size-card-a1:hover) .om-a1::after,\n.om-size-reference-page:has(.om-size-card-a2:hover) .om-a2::after,\n.om-size-reference-page:has(.om-size-card-a3:hover) .om-a3::after,\n.om-size-reference-page:has(.om-size-card-a5:hover) .om-a5::after {\n  opacity: 1 !important;\n  background:\n    linear-gradient(\n      180deg,\n      rgba(10, 14, 48, 0.01) 0%,\n      rgba(10, 14, 48, 0.035) 48%,\n      rgba(10, 14, 48, 0.08) 100%\n    ) !important;\n}\n\n.om-size-reference-page:has(.om-size-card-a4:hover) .om-a4::after {\n  opacity: 1 !important;\n  background:\n    linear-gradient(\n      180deg,\n      rgba(57, 255, 20, 0.01) 0%,\n      rgba(10, 14, 48, 0.035) 48%,\n      rgba(10, 14, 48, 0.08) 100%\n    ) !important;\n}\n\n\/* selected text restored *\/\n\n.om-size-reference-page:has(.om-size-card-a1:hover) .om-a1 > .om-paper-label,\n.om-size-reference-page:has(.om-size-card-a1:hover) .om-a1 > .om-paper-dim,\n.om-size-reference-page:has(.om-size-card-a1:hover) .om-a1 > .om-paper-vibe,\n.om-size-reference-page:has(.om-size-card-a2:hover) .om-a2 > .om-paper-label,\n.om-size-reference-page:has(.om-size-card-a2:hover) .om-a2 > .om-paper-dim,\n.om-size-reference-page:has(.om-size-card-a2:hover) .om-a2 > .om-paper-vibe,\n.om-size-reference-page:has(.om-size-card-a3:hover) .om-a3 > .om-paper-label,\n.om-size-reference-page:has(.om-size-card-a3:hover) .om-a3 > .om-paper-dim,\n.om-size-reference-page:has(.om-size-card-a3:hover) .om-a3 > .om-paper-vibe,\n.om-size-reference-page:has(.om-size-card-a4:hover) .om-a4 > .om-paper-label,\n.om-size-reference-page:has(.om-size-card-a4:hover) .om-a4 > .om-paper-dim,\n.om-size-reference-page:has(.om-size-card-a4:hover) .om-a4 > .om-paper-vibe,\n.om-size-reference-page:has(.om-size-card-a5:hover) .om-a5 > .om-paper-label,\n.om-size-reference-page:has(.om-size-card-a5:hover) .om-a5 > .om-paper-dim,\n.om-size-reference-page:has(.om-size-card-a5:hover) .om-a5 > .om-paper-vibe {\n  opacity: 1 !important;\n  text-shadow:\n    0 0 5px rgba(10, 14, 48, 0.95),\n    0 0 14px rgba(10, 14, 48, 0.72),\n    0 0 22px rgba(10, 14, 48, 0.5) !important;\n}\n\n\/* RIGHT INDEX *\/\n\n.om-size-index {\n  position: relative;\n  border-left: none;\n  padding-left: 1.15rem;\n}\n\n.om-size-index::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 5.85rem;\n  bottom: 0;\n  width: 1px;\n  background: rgba(255, 255, 255, 0.26);\n}\n\n\/* CONTACT WIDGET *\/\n\n.omcw-widget--size-inline {\n  position: relative !important;\n  z-index: 50 !important;\n\n  display: flex !important;\n  align-items: flex-end !important;\n  justify-content: flex-end !important;\n\n  width: 100% !important;\n  min-height: 3.5rem !important;\n\n  margin: 0 0 1rem auto !important;\n  padding: 0 0 0.85rem 0 !important;\n\n  border-bottom: 1px solid rgba(57, 255, 20, 0.22) !important;\n\n  pointer-events: none !important;\n  box-sizing: border-box !important;\n}\n\n.omcw-widget--size-inline > * {\n  pointer-events: auto !important;\n}\n\n.omcw-widget--size-inline .omcw-trigger {\n  position: relative !important;\n  z-index: 90 !important;\n\n  width: 3.2rem !important;\n  height: 3.2rem !important;\n  min-width: 3.2rem !important;\n  min-height: 3.2rem !important;\n  max-width: 3.2rem !important;\n  max-height: 3.2rem !important;\n\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n\n  padding: 0 !important;\n  margin: 0 !important;\n  border: none !important;\n  outline: none !important;\n  background: transparent !important;\n  box-shadow: none !important;\n\n  cursor: pointer !important;\n  overflow: visible !important;\n  isolation: isolate !important;\n\n  transform: translate3d(0, 0, 0);\n  transform-origin: 70% 80%;\n\n  appearance: none !important;\n  -webkit-appearance: none !important;\n}\n\n.omcw-widget--size-inline .omcw-figure {\n  position: relative;\n  z-index: 91;\n  display: block;\n  width: 100%;\n  height: 100%;\n  transform-origin: 64% 72%;\n}\n\n.omcw-widget--size-inline.is-idling .omcw-figure {\n  animation: omcwIdleOpenPose 3.2s ease-in-out infinite;\n}\n\n.omcw-widget--size-inline .omcw-figure img {\n  display: block !important;\n  width: 100% !important;\n  height: 100% !important;\n  max-width: none !important;\n  max-height: none !important;\n  object-fit: contain !important;\n  pointer-events: none !important;\n  filter: drop-shadow(0 0 0 rgba(57,255,20,0));\n}\n\n.omcw-widget--size-inline .omcw-trigger::before,\n.omcw-widget--size-inline .omcw-trigger::after {\n  content: \"\";\n  position: absolute;\n  pointer-events: none;\n  opacity: 0;\n}\n\n.omcw-widget--size-inline .omcw-trigger::before {\n  inset: 0;\n  z-index: 1;\n  border-radius: 999px;\n  background: radial-gradient(\n    circle at 68% 46%,\n    rgba(255, 255, 255, 0.12) 0%,\n    rgba(57, 255, 20, 0.08) 34%,\n    rgba(255, 255, 255, 0) 74%\n  );\n  filter: blur(7px);\n}\n\n.omcw-widget--size-inline .omcw-trigger::after {\n  z-index: 2;\n  right: 0.52rem;\n  top: 0.96rem;\n  width: 1.75rem;\n  height: 0.62rem;\n  background: linear-gradient(\n    90deg,\n    rgba(255, 255, 255, 0) 0%,\n    rgba(255, 255, 255, 0.03) 20%,\n    rgba(57, 255, 20, 0.12) 68%,\n    rgba(255, 255, 255, 0.08) 100%\n  );\n  transform: skewX(-24deg) scaleX(0.84);\n  filter: blur(5px);\n}\n\n.omcw-widget--size-inline.is-opening .omcw-trigger {\n  animation: omcwTriggerOpen 360ms cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n\n.omcw-widget--size-inline.is-open .omcw-trigger {\n  transform: translate3d(-5px, -1px, 0);\n}\n\n.omcw-widget--size-inline.is-closing .omcw-trigger {\n  animation: omcwTriggerClose 220ms cubic-bezier(0.32, 0.02, 0.22, 1) both;\n}\n\n.omcw-widget--size-inline.is-opening .omcw-figure {\n  animation: omcwFigureOpen 360ms cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n\n.omcw-widget--size-inline.is-open .omcw-figure {\n  transform: rotate(-2deg) scale(1.012);\n}\n\n.omcw-widget--size-inline.is-closing .omcw-figure {\n  animation: omcwFigureClose 220ms cubic-bezier(0.32, 0.02, 0.22, 1) both;\n}\n\n.omcw-widget--size-inline.is-opening .omcw-trigger::before {\n  animation: omcwGlowIn 360ms cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n\n.omcw-widget--size-inline.is-opening .omcw-trigger::after {\n  animation: omcwAfterimageIn 360ms cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n\n.omcw-widget--size-inline.is-opening .omcw-figure img {\n  animation: omcwImageFlash 360ms cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n\n.omcw-widget--size-inline.is-closing .omcw-trigger::before {\n  animation: omcwGlowOut 220ms ease both;\n}\n\n.omcw-widget--size-inline.is-closing .omcw-trigger::after {\n  animation: omcwAfterimageOut 220ms ease both;\n}\n\n.omcw-widget--size-inline.is-closing .omcw-figure img {\n  animation: omcwImageFade 220ms ease both;\n}\n\n.omcw-widget--size-inline .omcw-bubble {\n  position: absolute !important;\n  right: 3.85rem !important;\n  bottom: 0.8rem !important;\n  z-index: 70 !important;\n\n  width: 16.8rem !important;\n  max-width: calc(100vw - 7rem) !important;\n  padding: 0.72rem 0.82rem 0.78rem !important;\n\n  background: rgba(8, 8, 8, 0.94) !important;\n  border: 1px solid rgba(57, 255, 20, 0.24) !important;\n  color: rgba(255, 255, 255, 0.9) !important;\n  font-family: \"VCR OSD Mono\", \"Courier New\", monospace !important;\n\n  box-sizing: border-box !important;\n  box-shadow:\n    0 0 0 1px rgba(255, 255, 255, 0.025) inset,\n    0 0 10px rgba(57, 255, 20, 0.05) !important;\n\n  transform-origin: right bottom;\n  text-indent: 0 !important;\n}\n\n.omcw-widget--size-inline .omcw-bubble::after {\n  display: none !important;\n  content: none !important;\n}\n\n.omcw-widget--size-inline .omcw-bubble[hidden] {\n  display: none !important;\n}\n\n.omcw-widget--size-inline.is-opening .omcw-bubble {\n  animation: omcwBubbleIn 220ms cubic-bezier(0.16, 1, 0.3, 1) 80ms both;\n}\n\n.omcw-widget--size-inline.is-closing .omcw-bubble {\n  animation: omcwBubbleOut 160ms ease both;\n}\n\n\/* widget text *\/\n\n.om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-bubble,\n.om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-bubble *,\n.om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-copy,\n.om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-copy *,\n.om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-copy-main,\n.om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-copy-link,\n.om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-link-inner,\n.om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-link-inner:link,\n.om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-link-inner:visited {\n  font-size: 14px !important;\n  line-height: 1.32 !important;\n  letter-spacing: 0 !important;\n  word-spacing: 0 !important;\n  text-transform: none !important;\n  font-family: \"VCR OSD Mono\", \"Courier New\", monospace !important;\n  font-weight: 400 !important;\n  font-variation-settings: normal !important;\n}\n\n.om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-copy {\n  display: block !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  text-indent: 0 !important;\n  text-align: left !important;\n  color: rgba(255, 255, 255, 0.9) !important;\n  white-space: normal !important;\n}\n\n.om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-copy-main {\n  display: block !important;\n  max-width: 15.2rem !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  text-align: left !important;\n}\n\n.om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-copy-link {\n  display: block !important;\n  margin-top: 0.62rem !important;\n  padding: 0 !important;\n  text-align: left !important;\n}\n\n.om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-link-inner,\n.om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-link-inner:link,\n.om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-link-inner:visited {\n  display: inline !important;\n  color: #39ff14 !important;\n  text-decoration: none !important;\n  white-space: normal !important;\n  overflow-wrap: anywhere !important;\n  word-break: normal !important;\n  border-bottom: 1px solid rgba(57, 255, 20, 0.42) !important;\n  text-shadow:\n    0 0 4px rgba(57, 255, 20, 0.14),\n    0 0 8px rgba(57, 255, 20, 0.06) !important;\n}\n\n.om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-link-inner:hover {\n  color: #ffffff !important;\n  border-bottom-color: rgba(255, 255, 255, 0.62) !important;\n}\n\n\/* SIZE CARDS *\/\n\n.om-size-card {\n  margin: 0 0 1rem;\n  padding: 0.95rem 1rem 1rem;\n  background: var(--om-panel);\n  border: 1px solid rgba(255, 255, 255, 0.09);\n  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.015);\n  transition:\n    border-color 220ms ease,\n    background 220ms ease,\n    box-shadow 260ms ease,\n    transform 220ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.om-size-card:hover {\n  transform: translate3d(-0.08rem, -1px, 0);\n}\n\n.om-size-card:last-child {\n  margin-bottom: 0;\n}\n\n.om-size-card-main {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  gap: 1.2rem;\n  margin-bottom: 0.58rem;\n  padding-bottom: 0.55rem;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.13);\n}\n\n.om-size-name {\n  font-size: clamp(1.55rem, 2.4vw, 2.45rem);\n  line-height: 0.95;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--om-white);\n}\n\n.om-size-value {\n  font-size: 0.86rem;\n  line-height: 1;\n  font-weight: 400;\n  letter-spacing: 0.04em;\n  color: var(--om-white-soft);\n  white-space: nowrap;\n  text-align: right;\n}\n\n.om-size-card p {\n  margin: 0;\n  max-width: 26rem;\n  font-size: 0.82rem;\n  line-height: 1.45;\n  letter-spacing: 0.01em;\n  color: var(--om-white-soft);\n}\n\n.om-size-compare {\n  display: block;\n  margin-top: 0.5rem;\n  color: rgba(255, 255, 255, 0.52);\n  font-size: 0.74rem;\n  line-height: 1.4;\n  letter-spacing: 0.03em;\n}\n\n.om-size-card-a1,\n.om-size-card-a2,\n.om-size-card-a3,\n.om-size-card-a5 {\n  border-color: rgba(244, 255, 79, 0.18);\n}\n\n.om-size-card-a1 .om-size-name,\n.om-size-card-a2 .om-size-name,\n.om-size-card-a3 .om-size-name,\n.om-size-card-a5 .om-size-name {\n  color: var(--om-yellow);\n  text-shadow: 0 0 8px rgba(244, 255, 79, 0.1);\n}\n\n.om-size-card-a4 {\n  background:\n    linear-gradient(135deg, rgba(57, 255, 20, 0.11), rgba(255, 255, 255, 0.025));\n  border-color: rgba(57, 255, 20, 0.5);\n  box-shadow:\n    inset 0 0 0 1px rgba(57, 255, 20, 0.075),\n    0 0 16px rgba(57, 255, 20, 0.055);\n}\n\n.om-size-card-a4 .om-size-name,\n.om-size-card-a4 .om-size-value,\n.om-size-card-a4 p {\n  color: var(--om-green);\n}\n\n.om-size-card-a4 .om-size-compare {\n  color: rgba(57, 255, 20, 0.82);\n}\n\n\/* FOOTER *\/\n\n.om-size-reference-footer {\n  margin-top: 2.4rem;\n  max-width: 58rem;\n  font-size: 0.7rem;\n  line-height: 1.55;\n  letter-spacing: 0.05em;\n  color: rgba(255, 255, 255, 0.48);\n}\n\n\/* WIDGET ANIMATIONS *\/\n\n@keyframes omcwIdleOpenPose {\n  0%, 100% {\n    transform: translate3d(0, 0, 0) rotate(-2.2deg) scale(1.024);\n  }\n\n  30% {\n    transform: translate3d(0, -1px, 0) rotate(-2.6deg) scale(1.026);\n  }\n\n  55% {\n    transform: translate3d(0, -4px, 0) rotate(-2.05deg) scale(1.031);\n  }\n\n  78% {\n    transform: translate3d(0, -2px, 0) rotate(-1.95deg) scale(1.026);\n  }\n}\n\n@keyframes omcwTriggerOpen {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    transform: translate3d(-5px, -1px, 0);\n  }\n}\n\n@keyframes omcwFigureOpen {\n  from {\n    transform: rotate(0deg) scale(1);\n  }\n\n  to {\n    transform: rotate(-2deg) scale(1.012);\n  }\n}\n\n@keyframes omcwTriggerClose {\n  0% {\n    transform: translate3d(-5px, -1px, 0);\n    opacity: 1;\n  }\n\n  52% {\n    transform: translate3d(-1px, -2px, 0);\n    opacity: 0.72;\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n}\n\n@keyframes omcwFigureClose {\n  0% {\n    transform: translate3d(0, 0, 0) rotate(-2deg) scale(1.012);\n    filter: blur(0);\n  }\n\n  52% {\n    transform: translate3d(0, 0, 0) rotate(-0.7deg) scale(0.99);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0) rotate(-2.2deg) scale(1.024);\n    filter: blur(0);\n  }\n}\n\n@keyframes omcwGlowIn {\n  0% {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n\n  34% {\n    opacity: 0.26;\n  }\n\n  100% {\n    opacity: 0;\n    transform: translate3d(-9px, 0, 0) scale(1.16);\n  }\n}\n\n@keyframes omcwAfterimageIn {\n  0% {\n    opacity: 0;\n    transform: skewX(-24deg) translate3d(0, 0, 0) scaleX(0.58);\n  }\n\n  24% {\n    opacity: 0.2;\n  }\n\n  56% {\n    opacity: 0.13;\n    transform: skewX(-24deg) translate3d(10px, 0, 0) scaleX(1.18);\n  }\n\n  100% {\n    opacity: 0;\n    transform: skewX(-24deg) translate3d(16px, 0, 0) scaleX(1.42);\n  }\n}\n\n@keyframes omcwImageFlash {\n  0% {\n    filter: drop-shadow(0 0 0 rgba(57, 255, 20, 0));\n  }\n\n  38% {\n    filter: drop-shadow(0 0 8px rgba(57, 255, 20, 0.16));\n  }\n\n  100% {\n    filter: drop-shadow(0 0 0 rgba(57, 255, 20, 0));\n  }\n}\n\n@keyframes omcwGlowOut {\n  0% {\n    opacity: 0.18;\n    transform: translate3d(-4px, 0, 0) scale(1.08);\n  }\n\n  100% {\n    opacity: 0;\n    transform: translate3d(1px, -1px, 0) scale(0.96);\n  }\n}\n\n@keyframes omcwAfterimageOut {\n  0% {\n    opacity: 0.16;\n    transform: skewX(-24deg) translate3d(-3px, 0, 0) scaleX(1.02);\n  }\n\n  100% {\n    opacity: 0;\n    transform: skewX(-24deg) translate3d(7px, -1px, 0) scaleX(0.7);\n  }\n}\n\n@keyframes omcwImageFade {\n  0% {\n    filter: drop-shadow(0 0 4px rgba(57, 255, 20, 0.08));\n  }\n\n  100% {\n    filter: drop-shadow(0 0 0 rgba(57, 255, 20, 0));\n  }\n}\n\n@keyframes omcwBubbleIn {\n  0% {\n    opacity: 0;\n    transform: translate3d(8px, 4px, 0) scale(0.975);\n    filter: blur(2px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) scale(1);\n    filter: blur(0);\n  }\n}\n\n@keyframes omcwBubbleOut {\n  0% {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) scale(1);\n    filter: blur(0);\n  }\n\n  100% {\n    opacity: 0;\n    transform: translate3d(6px, 1px, 0) scale(0.985);\n    filter: blur(1.8px);\n  }\n}\n\n\/* RESPONSIVE *\/\n\n@media (max-width: 920px) {\n  .om-size-reference-page {\n    padding: 3rem 1rem 2.4rem;\n  }\n\n  .om-size-close {\n    top: 1rem;\n    right: 1rem;\n    width: 3rem;\n    height: 3rem;\n    font-size: 2.7rem;\n  }\n\n  .om-size-reference-layout {\n    grid-template-columns: 1fr;\n    gap: 2.4rem;\n  }\n\n  .om-size-stack {\n    width: min(100%, 500px);\n  }\n\n  .om-size-index {\n    padding-left: 0.95rem;\n  }\n\n  .om-size-index::before {\n    top: 5.65rem;\n  }\n}\n\n@media (max-width: 620px) {\n  .om-size-reference-header {\n    margin-bottom: 2.2rem;\n  }\n\n  .om-size-reference-header h1 {\n    font-size: 1.85rem;\n  }\n\n  .om-size-reference-intro {\n    max-width: 100%;\n    font-size: 0.76rem;\n    line-height: 1.48;\n  }\n\n  .om-paper-label {\n    top: 0.44rem;\n    left: 0.48rem;\n    font-size: 0.62rem;\n  }\n\n  .om-paper-dim {\n    top: 1.25rem;\n    left: 0.48rem;\n    font-size: 0.5rem;\n  }\n\n  .om-paper-vibe {\n    display: none;\n  }\n\n  .omcw-widget--size-inline {\n    min-height: 3.2rem !important;\n  }\n\n  .omcw-widget--size-inline .omcw-trigger {\n    width: 2.9rem !important;\n    height: 2.9rem !important;\n    min-width: 2.9rem !important;\n    min-height: 2.9rem !important;\n    max-width: 2.9rem !important;\n    max-height: 2.9rem !important;\n  }\n\n  .omcw-widget--size-inline .omcw-bubble {\n    right: 3.35rem !important;\n    bottom: 0.72rem !important;\n    width: min(12rem, calc(100vw - 5.8rem)) !important;\n    padding: 0.52rem 0.6rem !important;\n  }\n\n  .om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-bubble,\n  .om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-bubble *,\n  .om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-copy,\n  .om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-copy *,\n  .om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-copy-main,\n  .om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-copy-link,\n  .om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-link-inner,\n  .om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-link-inner:link,\n  .om-size-reference-page #omSizeContactWidget.omcw-widget--size-inline .omcw-link-inner:visited {\n    font-size: 8.5px !important;\n  }\n\n  .om-size-card-main {\n    display: block;\n  }\n\n  .om-size-name {\n    display: block;\n    margin-bottom: 0.35rem;\n    font-size: 1.55rem;\n  }\n\n  .om-size-value {\n    display: block;\n    text-align: left;\n    font-size: 0.78rem;\n  }\n\n  .om-size-card p {\n    font-size: 0.78rem;\n  }\n\n  .om-size-compare {\n    font-size: 0.72rem;\n  }\n}\n\n\/* =========================================================\n   OF MERCURY \u2014 SIZE REFERENCE MOBILE TAP PICKER\n   Mobile only. Desktop hover system untouched.\n   ========================================================= *\/\n\n.om-mobile-size-picker,\n.om-mobile-size-description {\n  display: none !important;\n}\n\n@media (max-width: 620px), (hover: none), (pointer: coarse) {\n  .om-mobile-size-picker {\n    display: grid !important;\n    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;\n    gap: 0.42rem !important;\n    width: 100% !important;\n    margin: 0.88rem 0 0.72rem !important;\n    padding: 0 !important;\n  }\n\n  .om-mobile-size-btn {\n    appearance: none !important;\n    -webkit-appearance: none !important;\n\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    min-width: 0 !important;\n    height: 2.05rem !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    border: 1px solid rgba(255, 255, 255, 0.16) !important;\n    border-radius: 0 !important;\n\n    background: rgba(255, 255, 255, 0.035) !important;\n    color: rgba(255, 255, 255, 0.74) !important;\n\n    font-family: \"VCR OSD Mono\", \"Courier New\", monospace !important;\n    font-size: 0.68rem !important;\n    line-height: 1 !important;\n    letter-spacing: 0.12em !important;\n    text-transform: uppercase !important;\n\n    cursor: pointer !important;\n    -webkit-tap-highlight-color: transparent !important;\n\n    transition:\n      color 180ms ease,\n      border-color 180ms ease,\n      background 180ms ease,\n      box-shadow 220ms ease,\n      transform 180ms cubic-bezier(0.22, 1, 0.36, 1) !important;\n  }\n\n  .om-mobile-size-btn.is-active {\n    color: #39ff14 !important;\n    border-color: rgba(57, 255, 20, 0.72) !important;\n    background: rgba(57, 255, 20, 0.075) !important;\n    box-shadow:\n      inset 0 0 0 1px rgba(57, 255, 20, 0.08),\n      0 0 14px rgba(57, 255, 20, 0.08) !important;\n    transform: translateY(-1px) !important;\n  }\n\n  .om-mobile-size-description {\n    display: block !important;\n    width: 100% !important;\n    margin: 0 0 1.2rem !important;\n    padding: 0 !important;\n  }\n\n  .om-mobile-size-desc {\n    display: none !important;\n    padding: 0.82rem 0.88rem 0.9rem !important;\n\n    background: rgba(255, 255, 255, 0.035) !important;\n    border: 1px solid rgba(255, 255, 255, 0.09) !important;\n    box-shadow:\n      inset 0 0 0 1px rgba(255, 255, 255, 0.015),\n      0 0 18px rgba(57, 255, 20, 0.025) !important;\n\n    color: rgba(255, 255, 255, 0.74) !important;\n\n    animation: omMobileSizeDescIn 320ms cubic-bezier(0.22, 1, 0.36, 1) both !important;\n  }\n\n  .om-mobile-size-desc.is-active {\n    display: block !important;\n  }\n\n  .om-mobile-size-desc-main {\n    display: flex !important;\n    align-items: baseline !important;\n    justify-content: space-between !important;\n    gap: 0.85rem !important;\n\n    margin: 0 0 0.55rem !important;\n    padding: 0 0 0.48rem !important;\n\n    border-bottom: 1px solid rgba(255, 255, 255, 0.13) !important;\n  }\n\n  .om-mobile-size-desc-main span {\n    display: block !important;\n    color: #39ff14 !important;\n    font-size: 1.25rem !important;\n    line-height: 0.95 !important;\n    letter-spacing: 0.08em !important;\n    text-transform: uppercase !important;\n    text-shadow: 0 0 8px rgba(57, 255, 20, 0.12) !important;\n  }\n\n  .om-mobile-size-desc-main strong {\n    display: block !important;\n    color: rgba(255, 255, 255, 0.72) !important;\n    font-size: 0.66rem !important;\n    line-height: 1 !important;\n    font-weight: 400 !important;\n    letter-spacing: 0.035em !important;\n    white-space: nowrap !important;\n    text-align: right !important;\n  }\n\n  .om-mobile-size-desc p {\n    margin: 0 !important;\n    color: rgba(255, 255, 255, 0.72) !important;\n    font-size: 0.72rem !important;\n    line-height: 1.42 !important;\n    letter-spacing: 0.01em !important;\n  }\n\n  .om-mobile-size-desc small {\n    display: block !important;\n    margin-top: 0.55rem !important;\n    color: rgba(255, 255, 255, 0.48) !important;\n    font-size: 0.64rem !important;\n    line-height: 1.34 !important;\n    letter-spacing: 0.025em !important;\n  }\n\n  .om-size-reference-page.is-mobile-size-a1 .om-a1,\n  .om-size-reference-page.is-mobile-size-a2 .om-a2,\n  .om-size-reference-page.is-mobile-size-a3 .om-a3,\n  .om-size-reference-page.is-mobile-size-a5 .om-a5 {\n    z-index: 50 !important;\n    background: #11152e !important;\n    border-color: rgba(244, 255, 79, 1) !important;\n    box-shadow:\n      inset 0 0 0 1px rgba(244, 255, 79, 0.18),\n      0 0 22px rgba(244, 255, 79, 0.16),\n      0 0 56px rgba(244, 255, 79, 0.07) !important;\n  }\n\n  .om-size-reference-page.is-mobile-size-a4 .om-a4 {\n    z-index: 50 !important;\n    background: #11152e !important;\n    border-color: rgba(57, 255, 20, 1) !important;\n    box-shadow:\n      inset 0 0 0 1px rgba(57, 255, 20, 0.22),\n      0 0 26px rgba(57, 255, 20, 0.18),\n      0 0 64px rgba(57, 255, 20, 0.08) !important;\n  }\n\n  .om-size-reference-page.is-mobile-size-a1 .om-a1::before,\n  .om-size-reference-page.is-mobile-size-a2 .om-a2::before,\n  .om-size-reference-page.is-mobile-size-a3 .om-a3::before,\n  .om-size-reference-page.is-mobile-size-a4 .om-a4::before,\n  .om-size-reference-page.is-mobile-size-a5 .om-a5::before {\n    background-image: var(--om-scale-image-sharp) !important;\n    opacity: 1 !important;\n    filter: saturate(1.16) brightness(1.18) contrast(1.03) !important;\n  }\n\n  .om-size-reference-page.is-mobile-size-a1 .om-a1::after,\n  .om-size-reference-page.is-mobile-size-a2 .om-a2::after,\n  .om-size-reference-page.is-mobile-size-a3 .om-a3::after,\n  .om-size-reference-page.is-mobile-size-a5 .om-a5::after {\n    opacity: 1 !important;\n    background:\n      linear-gradient(\n        180deg,\n        rgba(10, 14, 48, 0.01) 0%,\n        rgba(10, 14, 48, 0.035) 48%,\n        rgba(10, 14, 48, 0.08) 100%\n      ) !important;\n  }\n\n  .om-size-reference-page.is-mobile-size-a4 .om-a4::after {\n    opacity: 1 !important;\n    background:\n      linear-gradient(\n        180deg,\n        rgba(57, 255, 20, 0.01) 0%,\n        rgba(10, 14, 48, 0.035) 48%,\n        rgba(10, 14, 48, 0.08) 100%\n      ) !important;\n  }\n\n  .om-size-reference-page.is-mobile-size-a1 .om-a1 > .om-paper-label,\n  .om-size-reference-page.is-mobile-size-a1 .om-a1 > .om-paper-dim,\n  .om-size-reference-page.is-mobile-size-a1 .om-a1 > .om-paper-vibe,\n  .om-size-reference-page.is-mobile-size-a2 .om-a2 > .om-paper-label,\n  .om-size-reference-page.is-mobile-size-a2 .om-a2 > .om-paper-dim,\n  .om-size-reference-page.is-mobile-size-a2 .om-a2 > .om-paper-vibe,\n  .om-size-reference-page.is-mobile-size-a3 .om-a3 > .om-paper-label,\n  .om-size-reference-page.is-mobile-size-a3 .om-a3 > .om-paper-dim,\n  .om-size-reference-page.is-mobile-size-a3 .om-a3 > .om-paper-vibe,\n  .om-size-reference-page.is-mobile-size-a4 .om-a4 > .om-paper-label,\n  .om-size-reference-page.is-mobile-size-a4 .om-a4 > .om-paper-dim,\n  .om-size-reference-page.is-mobile-size-a4 .om-a4 > .om-paper-vibe,\n  .om-size-reference-page.is-mobile-size-a5 .om-a5 > .om-paper-label,\n  .om-size-reference-page.is-mobile-size-a5 .om-a5 > .om-paper-dim,\n  .om-size-reference-page.is-mobile-size-a5 .om-a5 > .om-paper-vibe {\n    opacity: 1 !important;\n    text-shadow:\n      0 0 5px rgba(10, 14, 48, 0.95),\n      0 0 14px rgba(10, 14, 48, 0.72),\n      0 0 22px rgba(10, 14, 48, 0.5) !important;\n  }\n\n  .om-size-reference-page.is-mobile-size-a1 .om-a1::before { transform: scale(1.025) !important; }\n  .om-size-reference-page.is-mobile-size-a2 .om-a2::before { transform: scale(1.03) !important; }\n  .om-size-reference-page.is-mobile-size-a3 .om-a3::before { transform: scale(1.035) !important; }\n  .om-size-reference-page.is-mobile-size-a4 .om-a4::before { transform: scale(1.04) !important; }\n  .om-size-reference-page.is-mobile-size-a5 .om-a5::before { transform: scale(1.045) !important; }\n\n  @keyframes omMobileSizeDescIn {\n    0% {\n      opacity: 0;\n      transform: translateY(0.35rem);\n      filter: blur(2px);\n    }\n\n    100% {\n      opacity: 1;\n      transform: translateY(0);\n      filter: blur(0);\n    }\n  }\n}\/* =========================================================\n   OF MERCURY \u2014 MOBILE SIZE DESCRIPTION FIXED HEIGHT\n   Prevents the picker\/info panel jumping between A1\u2013A5.\n   Mobile only. Desktop untouched.\n   ========================================================= *\/\n\n@media (max-width: 620px), (hover: none), (pointer: coarse) {\n  .om-mobile-size-description {\n    min-height: 8.6rem !important;\n    height: 8.6rem !important;\n    max-height: 8.6rem !important;\n    overflow: hidden !important;\n  }\n\n  .om-mobile-size-desc {\n    min-height: 8.6rem !important;\n    height: 8.6rem !important;\n    max-height: 8.6rem !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n  }\n\n  .om-mobile-size-desc p {\n    min-height: 2.95rem !important;\n    max-height: 2.95rem !important;\n    overflow: hidden !important;\n  }\n\n  .om-mobile-size-desc small {\n    min-height: 1.8rem !important;\n    max-height: 1.8rem !important;\n    overflow: hidden !important;\n  }\n}\/* =========================================================\n   OF MERCURY \u2014 MOBILE SIZE PICKER NO-BUMP PATCH\n   Stops tap state from visually jumping\/resetting.\n   Mobile only. Desktop untouched.\n   ========================================================= *\/\n\n@media (max-width: 620px), (hover: none), (pointer: coarse) {\n  .om-mobile-size-description,\n  .om-mobile-size-desc {\n    transform: none !important;\n    filter: none !important;\n    animation: none !important;\n    transition: none !important;\n  }\n\n  .om-mobile-size-desc.is-active {\n    display: block !important;\n    animation: none !important;\n    transform: none !important;\n    filter: none !important;\n  }\n\n  .om-mobile-size-btn,\n  .om-mobile-size-btn.is-active {\n    transform: none !important;\n  }\n\n  .om-mobile-size-btn {\n    transition:\n      color 140ms ease,\n      border-color 140ms ease,\n      background 140ms ease,\n      box-shadow 140ms ease !important;\n  }\n\n  .om-mobile-size-desc-main,\n  .om-mobile-size-desc p,\n  .om-mobile-size-desc small {\n    animation: none !important;\n    transform: none !important;\n    filter: none !important;\n    transition: none !important;\n  }\n}\/* =========================================================\n   OF MERCURY \u2014 SIZE REFERENCE MOBILE CLEANUP\n   Hide old A1\u2013A5 cards on mobile + enlarge mobile picker text.\n   Desktop untouched.\n========================================================= *\/\n\n@media (max-width: 620px), (hover: none), (pointer: coarse) {\n\n  \/* Hide the old repeated A1\u2013A5 card list on mobile only *\/\n  .om-size-index .om-size-card {\n    display: none !important;\n  }\n\n  \/* Keep the contact widget visible, but remove the redundant index line spacing *\/\n  .om-size-index {\n    padding-left: 0 !important;\n    margin-top: 0.9rem !important;\n  }\n\n  .om-size-index::before {\n    display: none !important;\n    content: none !important;\n  }\n\n  \/* Bigger mobile size buttons *\/\n  .om-mobile-size-picker {\n    gap: 0.48rem !important;\n    margin: 1rem 0 0.82rem !important;\n  }\n\n  .om-mobile-size-btn {\n    height: 2.35rem !important;\n    font-size: 0.82rem !important;\n    letter-spacing: 0.12em !important;\n  }\n\n  \/* Bigger mobile info panel *\/\n  .om-mobile-size-description {\n    min-height: 9.8rem !important;\n    height: 9.8rem !important;\n    max-height: 9.8rem !important;\n  }\n\n  .om-mobile-size-desc {\n    min-height: 9.8rem !important;\n    height: 9.8rem !important;\n    max-height: 9.8rem !important;\n    padding: 1rem 1rem 1.05rem !important;\n  }\n\n  .om-mobile-size-desc-main {\n    margin-bottom: 0.68rem !important;\n    padding-bottom: 0.62rem !important;\n  }\n\n  .om-mobile-size-desc-main span {\n    font-size: 1.55rem !important;\n    letter-spacing: 0.08em !important;\n  }\n\n  .om-mobile-size-desc-main strong {\n    font-size: 0.82rem !important;\n  }\n\n  .om-mobile-size-desc p {\n    font-size: 0.9rem !important;\n    line-height: 1.42 !important;\n    min-height: 3.35rem !important;\n    max-height: 3.35rem !important;\n  }\n\n  .om-mobile-size-desc small {\n    font-size: 0.76rem !important;\n    line-height: 1.35 !important;\n    min-height: 1.75rem !important;\n    max-height: 1.75rem !important;\n  }\n}\/* =========================================================\n   SIZE REFERENCE \u2014 MOBILE FONT SIZE BOOST\n   Desktop untouched.\n========================================================= *\/\n\n@media (max-width: 620px), (hover: none), (pointer: coarse) {\n\n  .om-mobile-size-btn {\n    height: 2.55rem !important;\n    font-size: 1rem !important;\n    letter-spacing: 0.11em !important;\n  }\n\n  .om-mobile-size-description {\n    min-height: 11.4rem !important;\n    height: 11.4rem !important;\n    max-height: 11.4rem !important;\n  }\n\n  .om-mobile-size-desc {\n    min-height: 11.4rem !important;\n    height: 11.4rem !important;\n    max-height: 11.4rem !important;\n    padding: 1.08rem 1.08rem 1.12rem !important;\n  }\n\n  .om-mobile-size-desc-main span {\n    font-size: 1.85rem !important;\n  }\n\n  .om-mobile-size-desc-main strong {\n    font-size: 0.95rem !important;\n  }\n\n  .om-mobile-size-desc p {\n    font-size: 1.05rem !important;\n    line-height: 1.38 !important;\n    min-height: 4.35rem !important;\n    max-height: 4.35rem !important;\n  }\n\n  .om-mobile-size-desc small {\n    font-size: 0.88rem !important;\n    line-height: 1.32 !important;\n    min-height: 1.95rem !important;\n    max-height: 1.95rem !important;\n  }\n}\/* =========================================================\n   SIZE REFERENCE \u2014 MOBILE SIZE BUTTON NUMBER BOOST ONLY\n   Desktop untouched.\n========================================================= *\/\n\n@media (max-width: 620px), (hover: none), (pointer: coarse) {\n  .om-mobile-size-btn {\n    height: 2.65rem !important;\n    font-size: 1.28rem !important;\n    line-height: 1 !important;\n    letter-spacing: 0.04em !important;\n    font-weight: 400 !important;\n    padding: 0.08rem 0 0 0 !important;\n  }\n}\/* =========================================================\n   SIZE REFERENCE \u2014 MOBILE READABILITY BOOST\n   Bigger compare text + bigger labels inside visual paper stack.\n   Desktop untouched.\n========================================================= *\/\n\n@media (max-width: 620px), (hover: none), (pointer: coarse) {\n\n  \/* Bigger \u201cTwice the area\u2026\u201d text in the mobile info box *\/\n  .om-mobile-size-desc small {\n    font-size: 1rem !important;\n    line-height: 1.35 !important;\n    letter-spacing: 0.02em !important;\n    color: rgba(255, 255, 255, 0.68) !important;\n\n    min-height: 2.25rem !important;\n    max-height: 2.25rem !important;\n  }\n\n  \/* Make the fixed info box slightly taller so the larger subtext fits *\/\n  .om-mobile-size-description,\n  .om-mobile-size-desc {\n    min-height: 12.2rem !important;\n    height: 12.2rem !important;\n    max-height: 12.2rem !important;\n  }\n\n  \/* Bigger A1\/A2\/A3\/A4\/A5 labels inside the actual visual overlay *\/\n  .om-paper-label {\n    top: 0.5rem !important;\n    left: 0.55rem !important;\n    font-size: 0.9rem !important;\n    line-height: 1 !important;\n    letter-spacing: 0.08em !important;\n  }\n\n  \/* Bigger inch dimensions inside the actual visual overlay *\/\n  .om-paper-dim {\n    top: 1.62rem !important;\n    left: 0.55rem !important;\n    font-size: 0.66rem !important;\n    line-height: 1 !important;\n    letter-spacing: 0.02em !important;\n  }\n\n  \/* Keep the label readable over the image *\/\n  .om-paper-label,\n  .om-paper-dim {\n    text-shadow:\n      0 0 4px rgba(10, 14, 48, 1),\n      0 0 10px rgba(10, 14, 48, 0.9),\n      0 0 18px rgba(10, 14, 48, 0.72) !important;\n  }\n\n  \/* A4 stays green and legible *\/\n  .om-a4 > .om-paper-label,\n  .om-a4 > .om-paper-dim {\n    color: #39ff14 !important;\n    text-shadow:\n      0 0 4px rgba(10, 14, 48, 1),\n      0 0 10px rgba(10, 14, 48, 0.9),\n      0 0 16px rgba(57, 255, 20, 0.28) !important;\n  }\n}\/* =========================================================\n   SIZE REFERENCE \u2014 MOBILE TOP HEADING BOOST\n   Bigger top labels\/title only. Desktop untouched.\n========================================================= *\/\n\n@media (max-width: 620px), (hover: none), (pointer: coarse) {\n\n  .om-size-reference-header {\n    margin-bottom: 2.45rem !important;\n  }\n\n  .om-size-kicker {\n    margin: 0 0 1rem 0 !important;\n    font-size: 0.9rem !important;\n    line-height: 1.15 !important;\n    letter-spacing: 0.12em !important;\n  }\n\n  .om-size-reference-header h1 {\n    font-size: 2.75rem !important;\n    line-height: 0.92 !important;\n    letter-spacing: 0.025em !important;\n  }\n\n  .om-scale-note {\n    margin: 0 0 1.05rem 0 !important;\n    font-size: 0.92rem !important;\n    line-height: 1.15 !important;\n    letter-spacing: 0.1em !important;\n  }\n}","display":true,"stack":false,"pin":false,"overlay":true,"password_enabled":false,"sort":24,"index":null,"page_count":null,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{},"overlay_options":{"closeOnClickout":true,"closeOnNavigate":false,"closeOthersOnOpen":false,"closeSelf":false,"closeDelay":0,"transitionIntensity":1,"animateOnOpen":{"fade":false,"speed":0.5,"slideAmount":100,"slideDirection":"bottom","wipeShape":"default","easing":"smooth","scaleAmount":0,"rotateAmount":0},"animateOnClose":{"fade":true,"speed":0.5,"slideAmount":3,"slideDirection":"bottom","wipeShape":"default","easing":"smooth","scaleAmount":0,"rotateAmount":0},"transitionPreset":"slide-up"},"thumb_media_id":null,"thumbnail":null,"thumb_meta":[],"media":[],"tags":[],"access_level":"public"},{"id":"E0809523609","set_id":"root","title":"Homeset","purl":"homeset","page_type":"set","content":"","local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"sort":61,"index":2,"page_count":1,"page_design_options":null,"backdrops":null,"pin_options":{},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":{},"media":[],"tags":[],"access_level":"public"},{"id":"W3925459613","set_id":"E0809523609","title":"Content bar","purl":"content-bar","page_type":"page","content":"","local_css":".om-nav a::before {\n  opacity: 0;\n  visibility: hidden;\n}\n\n.om-nav.is-font-ready a::before,\nhtml.om-home-nav-font-ready .om-nav a::before {\n  opacity: 1;\n  visibility: visible;\n}","display":true,"stack":false,"pin":true,"overlay":false,"password_enabled":false,"sort":62,"index":null,"page_count":null,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{"screen_visibility":"all","position":"top","overlay":true,"fixed":true,"adjust":true},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":[],"media":[],"tags":[],"access_level":"public"},{"id":"Q3858910101","set_id":"E0809523609","title":"ofmercury \u2014 Fine Art Photography Prints | Melbourne","purl":"ofmercury-\u2014-fine-art-photography-prints-|-melbourne","page_type":"page","content":"<div aria-hidden=\"true\" class=\"om-slit-stack om-mobile-slit-portal-source\" style=\"box-sizing: border-box !important; margin: 0px -50vw !important; padding: 0px !important; background: transparent !important; overflow: visible !important; position: relative !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; left: 50% !important; line-height: 0 !important; display: block !important; right: auto !important; border: 0px !important;\">\n  <section class=\"om-slit-pass\" style=\"box-sizing: border-box !important; margin: 0px !important; padding: 0px !important; background: transparent !important; overflow: visible !important; position: relative !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 145svh !important; min-height: 145svh !important; max-height: none !important; display: block !important; border: 0px !important;\">\n    <div class=\"om-slit-viewport\" style=\"box-sizing: border-box !important; margin: 0px !important; padding: 0px !important; background: transparent !important; overflow: visible !important; position: sticky !important; top: 0px !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 100svh !important; min-height: 100svh !important; max-height: 100svh !important; display: block !important; border: 0px !important;\"><\/div>\n  <\/section>\n\n  <section class=\"om-slit-pass\" style=\"box-sizing: border-box !important; margin: 0px !important; padding: 0px !important; background: transparent !important; overflow: visible !important; position: relative !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 145svh !important; min-height: 145svh !important; max-height: none !important; display: block !important; border: 0px !important;\">\n    <div class=\"om-slit-viewport\" style=\"box-sizing: border-box !important; margin: 0px !important; padding: 0px !important; background: transparent !important; overflow: visible !important; position: sticky !important; top: 0px !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 100svh !important; min-height: 100svh !important; max-height: 100svh !important; display: block !important; border: 0px !important;\"><\/div>\n  <\/section>\n\n  <section class=\"om-slit-pass\" style=\"box-sizing: border-box !important; margin: 0px !important; padding: 0px !important; background: transparent !important; overflow: visible !important; position: relative !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 145svh !important; min-height: 145svh !important; max-height: none !important; display: block !important; border: 0px !important;\">\n    <div class=\"om-slit-viewport\" style=\"box-sizing: border-box !important; margin: 0px !important; padding: 0px !important; background: transparent !important; overflow: visible !important; position: sticky !important; top: 0px !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 100svh !important; min-height: 100svh !important; max-height: 100svh !important; display: block !important; border: 0px !important;\"><\/div>\n  <\/section>\n\n  <section class=\"om-slit-pass\" style=\"box-sizing: border-box !important; margin: 0px !important; padding: 0px !important; background: transparent !important; overflow: visible !important; position: relative !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 145svh !important; min-height: 145svh !important; max-height: none !important; display: block !important; border: 0px !important;\">\n    <div class=\"om-slit-viewport\" style=\"box-sizing: border-box !important; margin: 0px !important; padding: 0px !important; background: transparent !important; overflow: visible !important; position: sticky !important; top: 0px !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 100svh !important; min-height: 100svh !important; max-height: 100svh !important; display: block !important; border: 0px !important;\"><\/div>\n  <\/section>\n\n  <!--        kept for later, fully hidden for launch        -->\n  <section class=\"om-easter-egg-zone\" style=\"height: 90svh !important;\">\n    <span class=\"om-easter-egg-link\">`replacement-meadow<\/span>\n  <\/section>\n<\/div>","local_css":"\/* -------------------------\n   HOMEPAGE SLIT-SCAN ONLY\n   Page ID: Q3858910101\n------------------------- *\/\n\n[id=\"Q3858910101\"] .om-slit-stack,\n[id=\"Q3858910101\"] .om-slit-pass,\n[id=\"Q3858910101\"] .om-slit-viewport,\n[id=\"Q3858910101\"] .om-easter-egg-zone {\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  background: transparent !important;\n}\n\n[id=\"Q3858910101\"] .om-slit-stack {\n  position: relative !important;\n  width: 100% !important;\n  max-width: none !important;\n  line-height: 0 !important;\n  z-index: 5 !important;\n  overflow: hidden !important;\n  box-sizing: border-box !important;\n}\n\n[id=\"Q3858910101\"] .om-slit-pass {\n  position: relative !important;\n  width: 100% !important;\n  max-width: none !important;\n  height: 175vh !important;\n  height: 175lvh !important;\n  overflow: hidden !important;\n  box-sizing: border-box !important;\n  animation: omSlitPassReveal 1100ms cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n\n[id=\"Q3858910101\"] .om-slit-pass:nth-child(1) { animation-delay: 0ms; }\n[id=\"Q3858910101\"] .om-slit-pass:nth-child(2) { animation-delay: 80ms; }\n[id=\"Q3858910101\"] .om-slit-pass:nth-child(3) { animation-delay: 160ms; }\n[id=\"Q3858910101\"] .om-slit-pass:nth-child(4) { animation-delay: 240ms; }\n\n@keyframes omSlitPassReveal {\n  0% {\n    clip-path: inset(50% 0 50% 0);\n    filter: brightness(0.12) saturate(0.3);\n  }\n  55% {\n    clip-path: inset(0% 0 0% 0);\n    filter: brightness(0.7) saturate(0.8);\n  }\n  100% {\n    clip-path: inset(0% 0 0% 0);\n    filter: brightness(1) saturate(1);\n  }\n}\n\n[id=\"Q3858910101\"] .om-slit-viewport {\n  position: sticky !important;\n  top: 0 !important;\n  width: 100% !important;\n  max-width: none !important;\n  height: 100vh !important;\n  height: 100lvh !important;\n  overflow: hidden !important;\n  background: transparent !important;\n  box-sizing: border-box !important;\n}\n\n[id=\"Q3858910101\"] .om-slit-stack::before,\n[id=\"Q3858910101\"] .om-slit-stack::after,\n[id=\"Q3858910101\"] .om-slit-pass::before,\n[id=\"Q3858910101\"] .om-slit-pass::after,\n[id=\"Q3858910101\"] .om-slit-viewport::before,\n[id=\"Q3858910101\"] .om-slit-viewport::after {\n  content: none !important;\n}\n\n\/* -------------------------\n   EASTER EGG AREA\n------------------------- *\/\n\n[id=\"Q3858910101\"] .om-easter-egg-zone {\n  position: relative !important;\n  height: 120vh !important;\n  background: transparent !important;\n}\n\n[id=\"Q3858910101\"] .om-easter-egg-link {\n  position: absolute !important;\n  right: 1rem !important;\n  bottom: 1rem !important;\n  display: block !important;\n  font-family: \"VCR OSD Mono\" !important;\n  font-size: 2rem !important;\n  line-height: 1 !important;\n  letter-spacing: 0.015em !important;\n  color: rgba(236, 240, 232, 0.82) !important;\n  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.16) !important;\n  white-space: nowrap !important;\n  text-decoration: none !important;\n  cursor: text !important;\n  user-select: text !important;\n}\n\n\/* -------------------------\n   BODY-LEVEL ROUTE MASK\n------------------------- *\/\n\n#omHomeRouteMask {\n  position: fixed !important;\n  inset: 0 !important;\n  z-index: 2147483646 !important;\n  display: block !important;\n  background: #232323 !important;\n  opacity: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n  transform: translate3d(0, 0, 0) !important;\n  filter: none !important;\n  will-change: opacity, visibility !important;\n  transition:\n    opacity 90ms linear,\n    visibility 0ms linear 90ms !important;\n}\n\n#omHomeRouteMask.is-active {\n  opacity: 1 !important;\n  visibility: visible !important;\n  transition:\n    opacity 55ms linear,\n    visibility 0ms linear 0ms !important;\n}\n\n#omHomeRouteMask.is-releasing {\n  opacity: 0 !important;\n  visibility: hidden !important;\n  transition:\n    opacity 620ms cubic-bezier(0.22, 1, 0.36, 1),\n    visibility 0ms linear 620ms !important;\n}\n\nhtml.om-home-route-mask-active,\nbody.om-home-route-mask-active {\n  background-color: #232323 !important;\n}\n\n\/* -------------------------\n   MOBILE\n------------------------- *\/\n\n@media (max-width: 980px), (hover: none), (pointer: coarse) {\n  html,\n  body {\n    background-color: #050505 !important;\n    overflow-x: hidden !important;\n  }\n\n  [id=\"Q3858910101\"],\n  [id=\"Q3858910101\"].page,\n  [id=\"Q3858910101\"] .page-layout,\n  [id=\"Q3858910101\"] .page-content,\n  [id=\"Q3858910101\"] bodycopy {\n    width: 100vw !important;\n    min-width: 100vw !important;\n    max-width: none !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    overflow-x: hidden !important;\n    background: transparent !important;\n    box-sizing: border-box !important;\n  }\n\n  [id=\"Q3858910101\"] .om-slit-stack {\n    position: relative !important;\n    width: 100vw !important;\n    min-width: 100vw !important;\n    max-width: none !important;\n    left: 50% !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    overflow: hidden !important;\n    background: transparent !important;\n    box-sizing: border-box !important;\n  }\n\n  [id=\"Q3858910101\"] .om-slit-pass {\n    width: 100vw !important;\n    min-width: 100vw !important;\n    max-width: none !important;\n    height: 145vh !important;\n    height: 145svh !important;\n    min-height: 145svh !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: hidden !important;\n    background: transparent !important;\n    box-sizing: border-box !important;\n  }\n\n  [id=\"Q3858910101\"] .om-slit-viewport {\n    position: sticky !important;\n    top: 0 !important;\n    width: 100vw !important;\n    min-width: 100vw !important;\n    max-width: none !important;\n    height: 100vh !important;\n    height: 100svh !important;\n    min-height: 100svh !important;\n    max-height: 100svh !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: hidden !important;\n    background: transparent !important;\n    box-sizing: border-box !important;\n  }\n\n  [id=\"Q3858910101\"] .om-easter-egg-zone {\n    height: 90vh !important;\n    height: 90svh !important;\n  }\n\n  [id=\"Q3858910101\"] .om-easter-egg-link {\n    right: 0.85rem !important;\n    bottom: 0.85rem !important;\n    font-size: 1.3rem !important;\n  }\n}\n\n\/* -------------------------\n   REDUCED MOTION\n------------------------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #omHomeRouteMask,\n  #omHomeRouteMask.is-active,\n  #omHomeRouteMask.is-releasing {\n    transition: none !important;\n  }\n\n  [id=\"Q3858910101\"] .om-slit-pass {\n    animation: none !important;\n  }\n}\n\n\/* -------------------------\n   EDGE FADES \u2014 TV ARCH\n------------------------- *\/\n#omHomeEdgeFadeTop,\n#omHomeEdgeFadeBottom,\n#omHomeEdgeFadeLeft,\n#omHomeEdgeFadeRight {\n  position: fixed !important;\n  pointer-events: none !important;\n  z-index: 99998 !important;\n}\n\n#omHomeEdgeFadeTop {\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  height: 220px !important;\n  background: linear-gradient(to bottom, #050505 0%, #050505 20%, rgba(5,5,5,0.6) 55%, transparent 100%) !important;\n}\n\n#omHomeEdgeFadeBottom {\n  bottom: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  height: 200px !important;\n  background: linear-gradient(to top, #050505 0%, #050505 15%, rgba(5,5,5,0.6) 45%, transparent 100%) !important;\n}\n\n#omHomeEdgeFadeLeft {\n  top: 0 !important;\n  left: 0 !important;\n  bottom: 0 !important;\n  width: 80px !important;\n  background: linear-gradient(to right, #050505 0%, transparent 100%) !important;\n}\n\n#omHomeEdgeFadeRight {\n  top: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  width: 80px !important;\n  background: linear-gradient(to left, #050505 0%, transparent 100%) !important;\n}\n\n@media (min-width: 981px) {\n  #omHomeEdgeFadeTop,\n  #omHomeEdgeFadeBottom,\n  #omHomeEdgeFadeLeft,\n  #omHomeEdgeFadeRight {\n    display: none !important;\n  }\n}","display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"sort":63,"index":0,"page_count":null,"page_design_options":null,"backdrops":{"activeBackdrop":"legacy\/slitscan","backdropSettings":{"wallpaper":{"activeImage":"F1332270929626196865795426877515","alignments":[]},"legacy\/slitscan":{"image":"Q2993551358433022020665049854777","orientation":"vertical","mouse_interaction":false,"clipScroll":false,"scroll_interaction":true,"color":"rgba(0,0,0,0)","hex":"#000000","alpha":0,"target_speed":10,"scan_size":90,"scan_cycles":1,"wiggle":20}}},"pin_options":{},"overlay_options":{"closeOnClickout":false,"closeOnNavigate":false,"closeOthersOnOpen":false,"closeSelf":false,"closeDelay":0,"transitionIntensity":3,"animateOnOpen":{"fade":true,"speed":1.2,"slideAmount":0,"slideDirection":"default","wipeShape":"default","easing":"smooth","scaleAmount":0,"rotateAmount":0},"animateOnClose":{"fade":true,"speed":1.2,"slideAmount":0,"slideDirection":"default","wipeShape":"default","easing":"smooth","scaleAmount":0,"rotateAmount":0},"transitionPreset":"fade"},"thumb_media_id":76708423,"thumbnail":{"id":76708423,"master_muid":15184697,"name":"fish-no-spit.jpg","display_name":null,"hash":"B2856310763259810098232575898425","width":1272,"height":1432,"file_size":3182808,"file_type":"jpg","mime_type":"image\/jpeg","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2026-03-25 03:21:56.973192","updated_at":"2026-03-25 03:21:56.973192"},"thumb_meta":[],"media":[{"id":76708423,"display_name":"fish-no-spit.jpg","name":"fish-no-spit.jpg","hash":"B2856310763259810098232575898425","width":1272,"height":1432,"file_size":3182808,"file_size_human":"3.0MB","file_type":"jpg","mime_type":"image\/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2026-03-25T03:21:56.973192Z","updated_at":"2026-03-25T03:21:56.973192Z"},{"id":82391571,"display_name":"fish-no-spit-remaster-2.jpg","name":"fish-no-spit-remaster-2.jpg","hash":"Q2993551358433022020665049854777","width":1272,"height":1432,"file_size":1154361,"file_size_human":"1.1MB","file_type":"jpg","mime_type":"image\/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2026-06-19T05:59:05.358998Z","updated_at":"2026-06-19T05:59:05.358998Z"}],"tags":[],"access_level":"public"},{"id":"N3476975857","set_id":"root","title":"The meadow","purl":"the-meadow-1","page_type":"set","content":"","local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"sort":64,"index":3,"page_count":1,"page_design_options":null,"backdrops":null,"pin_options":{},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":{},"media":[],"tags":[],"access_level":"public"},{"id":"Z2744451596","set_id":"N3476975857","title":"Make Contact with Meadow","purl":"make-contact-with-meadow","page_type":"page","content":"<div class=\"omw-contact\" data-bound=\"1\" id=\"omwContact\">\n  <div class=\"omw-contact__layout\">\n    <section class=\"omw-contact__left\">\n      <div class=\"omw-contact__window\" id=\"omwWindow\">\n        <div aria-hidden=\"true\" class=\"omw-contact__fade omw-contact__fade--top\"><\/div>\n        <div aria-hidden=\"true\" class=\"omw-contact__fade omw-contact__fade--bottom\"><\/div>\n\n        <div class=\"omw-contact__track omw-contact__track--a\" id=\"omwTrackA\" style=\"transform: translate3d(0px, -144.18px, 0px); top: 0px;\">\n          <button class=\"omw-contact__item\" data-topic=\"Shoot with me\" type=\"button\">SHOOT WITH ME<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Design work\" type=\"button\">DESIGN WORK<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Print enquiries\" type=\"button\">PRINT ENQUIRIES<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Art direction\" type=\"button\">ART DIRECTION<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Image licensing\" type=\"button\">IMAGE LICENSING<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Retail enquiries\" type=\"button\">RETAIL ENQUIRIES<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Custom print request\" type=\"button\">CUSTOM PRINT REQUEST<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Stock my work\" type=\"button\">STOCK MY WORK<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Exhibit with me\" type=\"button\">EXHIBIT WITH ME<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Ask me a question\" type=\"button\">ASK ME A QUESTION<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Ask me for an opinion\" type=\"button\">YOU ARE NOT ALONE HERE<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Tell me what you need\" type=\"button\">TELL ME WHAT YOU NEED<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Say something nice\" type=\"button\">SAY SOMETHING NICE<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Raise insight\" type=\"button\">RAISE INSIGHT<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Make me useful\" type=\"button\">MAKE ME USEFUL<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Anything\" type=\"button\">ANYTHING<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Everything\" type=\"button\">EVERYTHING<\/button>\n\n          <button class=\"omw-contact__item\" data-topic=\"Shoot with me\" type=\"button\">SHOOT WITH ME<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Design work\" type=\"button\">DESIGN WORK<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Print enquiries\" type=\"button\">PRINT ENQUIRIES<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Art direction\" type=\"button\">ART DIRECTION<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Image licensing\" type=\"button\">IMAGE LICENSING<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Retail enquiries\" type=\"button\">RETAIL ENQUIRIES<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Custom print request\" type=\"button\">CUSTOM PRINT REQUEST<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Stock my work\" type=\"button\">STOCK MY WORK<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Exhibit with me\" type=\"button\">EXHIBIT WITH ME<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Ask me a question\" type=\"button\">ASK ME A QUESTION<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Ask me for an opinion\" type=\"button\">ASK ME FOR AN OPINION<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Tell me what you need\" type=\"button\">TELL ME WHAT YOU NEED<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Say something nice\" type=\"button\">SAY SOMETHING NICE<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Raise insight\" type=\"button\">RAISE INSIGHT<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Make me useful\" type=\"button\">MAKE ME USEFUL<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Anything\" type=\"button\">ANYTHING<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Everything\" type=\"button\">EVERYTHING<\/button>\n        <\/div>\n\n        <div class=\"omw-contact__track omw-contact__track--b\" id=\"omwTrackB\" style=\"transform: translate3d(0px, -144.18px, 0px); top: 543px;\">\n          <button class=\"omw-contact__item\" data-topic=\"Shoot with me\" type=\"button\">SHOOT WITH ME<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Design work\" type=\"button\">DESIGN WORK<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Print enquiries\" type=\"button\">PRINT ENQUIRIES<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Art direction\" type=\"button\">ART DIRECTION<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Image licensing\" type=\"button\">IMAGE LICENSING<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Retail enquiries\" type=\"button\">RETAIL ENQUIRIES<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Custom print request\" type=\"button\">CUSTOM PRINT REQUEST<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Stock my work\" type=\"button\">STOCK MY WORK<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Exhibit with me\" type=\"button\">EXHIBIT WITH ME<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Ask me a question\" type=\"button\">ASK ME A QUESTION<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Ask me for an opinion\" type=\"button\">ASK ME FOR AN OPINION<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Tell me what you need\" type=\"button\">TELL ME WHAT YOU NEED<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Say something nice\" type=\"button\">SAY SOMETHING NICE<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Raise insight\" type=\"button\">RAISE INSIGHT<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Make me useful\" type=\"button\">MAKE ME USEFUL<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Anything\" type=\"button\">ANYTHING<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Everything\" type=\"button\">EVERYTHING<\/button>\n\n          <button class=\"omw-contact__item\" data-topic=\"Shoot with me\" type=\"button\">SHOOT WITH ME<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Design work\" type=\"button\">DESIGN WORK<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Print enquiries\" type=\"button\">PRINT ENQUIRIES<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Art direction\" type=\"button\">ART DIRECTION<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Image licensing\" type=\"button\">IMAGE LICENSING<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Retail enquiries\" type=\"button\">RETAIL ENQUIRIES<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Custom print request\" type=\"button\">CUSTOM PRINT REQUEST<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Stock my work\" type=\"button\">STOCK MY WORK<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Exhibit with me\" type=\"button\">EXHIBIT WITH ME<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Ask me a question\" type=\"button\">ASK ME A QUESTION<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Ask me for an opinion\" type=\"button\">ASK ME FOR AN OPINION<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Tell me what you need\" type=\"button\">TELL ME WHAT YOU NEED<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Say something nice\" type=\"button\">SAY SOMETHING NICE<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Raise insight\" type=\"button\">RAISE INSIGHT<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Make me useful\" type=\"button\">MAKE ME USEFUL<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Anything\" type=\"button\">ANYTHING<\/button>\n          <button class=\"omw-contact__item\" data-topic=\"Everything\" type=\"button\">EVERYTHING<\/button>\n        <\/div>\n\n        <div aria-hidden=\"true\" class=\"omw-contact__signal\"><\/div>\n      <\/div>\n    <\/section>\n\n    <aside class=\"omw-contact__right\">\n      <div class=\"omw-contact__form-wrap\">\n        <form action=\"https:\/\/submit-form.com\/xQz3IB4QZ\" class=\"omw-contact__form\" id=\"omwContactForm\" method=\"POST\">\n          <input id=\"omwTopic\" name=\"topic\" type=\"hidden\" value=\"\" \/>\n\n          <div class=\"omw-contact__form-top\">\n            <div class=\"omw-contact__form-kicker\">LET\u2019S TALK<\/div>\n            <button class=\"omw-contact__back\" id=\"omwBack\" type=\"button\">Close<\/button>\n          <\/div>\n\n          <label class=\"omw-contact__label\" for=\"omwName\">Name<\/label>\n          <input autocomplete=\"name\" class=\"omw-contact__input\" id=\"omwName\" name=\"name\" required=\"\" type=\"text\" \/>\n\n          <label class=\"omw-contact__label\" for=\"omwEmail\">Email<\/label>\n          <input autocomplete=\"email\" class=\"omw-contact__input\" id=\"omwEmail\" inputmode=\"email\" name=\"email\" required=\"\" type=\"email\" \/>\n\n          <label class=\"omw-contact__label\" for=\"omwMessage\">Message<\/label>\n          <textarea class=\"omw-contact__textarea\" id=\"omwMessage\" name=\"message\" required=\"\" rows=\"9\"><\/textarea>ro\n\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<div aria-live=\"polite\" class=\"omw-contact__status\" id=\"omwContactStatus\"><\/div>\n\n          <div class=\"omw-contact__actions\">\n            <button class=\"omw-contact__submit\" type=\"submit\">Send<\/button>\n          <\/div>\n        <\/form>\n      <\/div>\n    <\/aside>\n  <\/div>\n<\/div>","local_css":"html,\nbody {\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  background: #ff000e !important;\n}\n\n:root {\n  --omw-blood-field:\n    radial-gradient(\n      1100px 820px at -18% 52%,\n      rgba(140, 0, 12, 0.22) 0%,\n      rgba(140, 0, 12, 0.12) 24%,\n      rgba(140, 0, 12, 0.05) 46%,\n      rgba(140, 0, 12, 0.015) 64%,\n      rgba(0, 0, 0, 0) 82%\n    ),\n    radial-gradient(\n      900px 680px at 118% 46%,\n      rgba(105, 0, 10, 0.16) 0%,\n      rgba(60, 0, 6, 0.08) 34%,\n      rgba(0, 0, 0, 0) 76%\n    ),\n    linear-gradient(180deg, #180002 0%, #120001 44%, #0a0001 100%);\n}\n\n.page,\n.page-content,\n.backdrop {\n  background: transparent !important;\n}\n\n.page {\n  min-height: 100vh !important;\n  min-height: var(--viewport-height) !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n}\n\n.page-content {\n  width: 100% !important;\n  min-height: 100vh !important;\n  min-height: var(--viewport-height) !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  align-items: stretch !important;\n  overflow: hidden !important;\n}\n\n\/* ===== shared blood field ===== *\/\n\n.omw-contact,\n[id=\"Z2744451596\"].page,\n[id=\"Z2744451596\"] .page-content,\n[id=\"Z2744451596\"] .backdrop,\n.mobile [id=\"Z2744451596\"] .page-layout,\n[id=\"Z2744451596\"] .page-layout {\n  background: var(--omw-blood-field) !important;\n}\n\n.omw-contact {\n  width: 100%;\n  min-height: 100vh;\n  min-height: var(--viewport-height);\n  color: #f2f2f2;\n  overflow: hidden;\n  position: relative;\n}\n\n.omw-contact__return {\n  display: none !important;\n}\n\n.omw-contact__layout {\n  width: 100%;\n  min-height: 100vh;\n  min-height: var(--viewport-height);\n  display: grid;\n  grid-template-columns: 230px 390px;\n  justify-content: start;\n  align-items: center;\n  gap: 20px;\n  padding: 34px 42px;\n  box-sizing: border-box;\n}\n\n.omw-contact__left {\n  position: relative;\n  height: 100%;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n\/* ===== transparent window, fade applied once to the viewport ===== *\/\n\n.omw-contact__window {\n  position: relative;\n  width: 100%;\n  height: 180px;\n  overflow: hidden;\n  background: transparent !important;\n  isolation: isolate;\n  -webkit-mask-image: linear-gradient(\n    to bottom,\n    transparent 0%,\n    rgba(0, 0, 0, 0.28) 10%,\n    rgba(0, 0, 0, 0.82) 24%,\n    rgba(0, 0, 0, 1) 36%,\n    rgba(0, 0, 0, 1) 64%,\n    rgba(0, 0, 0, 0.82) 76%,\n    rgba(0, 0, 0, 0.28) 90%,\n    transparent 100%\n  );\n  mask-image: linear-gradient(\n    to bottom,\n    transparent 0%,\n    rgba(0, 0, 0, 0.28) 10%,\n    rgba(0, 0, 0, 0.82) 24%,\n    rgba(0, 0, 0, 1) 36%,\n    rgba(0, 0, 0, 1) 64%,\n    rgba(0, 0, 0, 0.82) 76%,\n    rgba(0, 0, 0, 0.28) 90%,\n    transparent 100%\n  );\n}\n\n.omw-contact__fade,\n.omw-contact__window::before,\n.omw-contact__window::after {\n  display: none !important;\n  content: none !important;\n}\n\n.omw-contact__track {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  will-change: transform, opacity, filter;\n  -webkit-mask-image: none !important;\n  mask-image: none !important;\n}\n\n.omw-contact__item {\n  display: block;\n  width: max-content;\n  max-width: none;\n  white-space: nowrap;\n  appearance: none;\n  border: 0;\n  background: transparent;\n  padding: 0;\n  margin: 0;\n  color: rgba(255, 238, 238, 0.5) !important;\n  font: inherit;\n  font-size: 13px;\n  line-height: 1.08;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  text-align: left;\n  cursor: pointer;\n  text-shadow:\n    0 0 3px rgba(120, 0, 10, 0.08),\n    0 0 10px rgba(120, 0, 10, 0.04);\n  transition: color 160ms ease, transform 180ms ease, opacity 180ms ease;\n}\n\n.omw-contact__item:hover,\n.omw-contact__item:focus-visible {\n  outline: none;\n  color: rgba(255, 246, 246, 0.84) !important;\n  transform: translateX(5px);\n}\n\n.omw-contact__signal {\n  display: none !important;\n}\n\n.omw-contact__right {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  min-height: 0;\n}\n\n.omw-contact__form-wrap {\n  width: 100%;\n  max-width: 390px;\n  margin-left: 0;\n  opacity: 0;\n  transform: translateX(0);\n  pointer-events: none;\n  transition:\n    opacity 260ms ease,\n    transform 320ms cubic-bezier(.18, .88, .2, 1);\n}\n\n.omw-contact__form {\n  display: grid;\n  gap: 12px;\n}\n\n.omw-contact__form-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 10px;\n}\n\n.omw-contact__form-kicker {\n  font-size: 11px;\n  line-height: 1;\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  color: rgba(145, 255, 190, 0.96);\n}\n\n.omw-contact__back {\n  appearance: none;\n  border: 0;\n  background: transparent;\n  color: rgba(255, 228, 228, 0.46) !important;\n  font: inherit;\n  font-size: 11px;\n  line-height: 1;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  padding: 0;\n  margin: 0;\n  cursor: pointer;\n  transition: color 160ms ease;\n}\n\n.omw-contact__back:hover,\n.omw-contact__back:focus-visible {\n  outline: none;\n  color: rgba(255, 244, 244, 0.82);\n}\n\n.omw-contact__label {\n  font-size: 10px;\n  line-height: 1;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: rgba(255, 228, 228, 0.46) !important;\n  margin-top: 6px;\n}\n\n.omw-contact__input,\n.omw-contact__textarea {\n  width: 100%;\n  box-sizing: border-box;\n  appearance: none;\n  border-radius: 0;\n  border: 1px solid rgba(145, 255, 190, 0.22);\n  background: rgba(255, 255, 255, 0.02);\n  color: #f2f2f2;\n  font: inherit;\n  font-size: 14px;\n  line-height: 1.45;\n  padding: 12px 12px;\n  transition: border-color 180ms ease, background 180ms ease;\n}\n\n.omw-contact__input:focus,\n.omw-contact__textarea:focus {\n  outline: none;\n  border-color: rgba(145, 255, 190, 0.5);\n  background: rgba(255, 255, 255, 0.03);\n}\n\n.omw-contact__textarea {\n  resize: vertical;\n  min-height: 198px;\n}\n\n.omw-contact__actions {\n  margin-top: 10px;\n}\n\n.omw-contact__submit {\n  appearance: none;\n  border-radius: 0;\n  border: 1px solid rgba(145, 255, 190, 0.24);\n  background: rgba(145, 255, 190, 0.07);\n  color: #f3f3f3;\n  font: inherit;\n  font-size: 11px;\n  line-height: 1;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  padding: 14px 16px;\n  cursor: pointer;\n  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;\n}\n\n.omw-contact__submit:hover,\n.omw-contact__submit:focus-visible {\n  outline: none;\n  border-color: rgba(145, 255, 190, 0.48);\n  background: rgba(145, 255, 190, 0.14);\n  transform: translateY(-1px);\n}\n\n.omw-contact.is-open .omw-contact__track {\n  opacity: 0;\n  transform: scale(0.985);\n  filter: blur(3px);\n  transition:\n    opacity 180ms ease,\n    transform 240ms ease,\n    filter 240ms ease;\n}\n\n.omw-contact.is-open .omw-contact__form-wrap {\n  opacity: 1;\n  transform: translateX(0);\n  pointer-events: auto;\n}\n\n[id=\"Z2744451596\"].page {\n  min-height: var(--viewport-height);\n}\n\n[id=\"Z2744451596\"] .backdrop {\n  position: relative;\n  width: 45%;\n  order: 1;\n  pointer-events: none !important;\n}\n\n.mobile [id=\"Z2744451596\"] .backdrop {\n  order: 0;\n  height: var(--split-backdrop-height);\n  width: 100%;\n}\n\n.mobile [id=\"Z2744451596\"] .page-layout {\n  max-width: 100%;\n  min-width: 100%;\n  min-height: var(--split-content-height);\n}\n\n[id=\"Z2744451596\"] .page-content {\n  align-items: flex-start;\n  width: 100%;\n}\n\n.omw-contact.is-open .omw-contact__window,\n.omw-contact.is-open .omw-contact__track,\n.omw-contact.is-open .omw-contact__fade,\n.omw-contact.is-open .omw-contact__left {\n  pointer-events: none !important;\n}\n\n.omw-contact__right,\n.omw-contact__form-wrap,\n.omw-contact__form {\n  position: relative;\n  z-index: 20;\n}\n\n.omw-contact.is-open .omw-contact__right,\n.omw-contact.is-open .omw-contact__form-wrap,\n.omw-contact.is-open .omw-contact__form,\n.omw-contact.is-open .omw-contact__input,\n.omw-contact.is-open .omw-contact__textarea,\n.omw-contact.is-open .omw-contact__submit,\n.omw-contact.is-open .omw-contact__back {\n  pointer-events: auto !important;\n}\n\n.omw-contact__status {\n  min-height: 1.2em;\n  margin-top: 0.8rem;\n  margin-bottom: 1rem;\n  font-size: 0.68rem;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  opacity: 0.78;\n}\n\n.omw-contact__status.is-success,\n.omw-contact__status.is-error,\n.omw-contact__status.is-loading {\n  opacity: 1;\n}\n\n.omw-contact__submit[disabled] {\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n@media (max-width: 900px) {\n  html,\n  body,\n  .page,\n  .page-content {\n    overflow: auto !important;\n    background: #120001 !important;\n  }\n\n  .omw-contact__return,\n  .omw-contact__left,\n  .omw-contact__window,\n  .omw-contact__track,\n  .omw-contact__fade,\n  .omw-contact__signal,\n  .omw-contact__back {\n    display: none !important;\n  }\n\n  [id=\"Z2744451596\"].page,\n  [id=\"Z2744451596\"] .page-content,\n  .mobile [id=\"Z2744451596\"] .page-layout,\n  [id=\"Z2744451596\"] .page-layout,\n  .omw-contact,\n  .omw-contact__layout {\n    min-height: 0 !important;\n    height: auto !important;\n  }\n\n  .mobile [id=\"Z2744451596\"] .page-layout,\n  [id=\"Z2744451596\"] .page-layout {\n    display: block !important;\n    max-width: 100% !important;\n    min-width: 100% !important;\n  }\n\n  [id=\"Z2744451596\"] .page-content {\n    width: 100% !important;\n    align-items: flex-start !important;\n    overflow: auto !important;\n  }\n\n  .mobile [id=\"Z2744451596\"] .backdrop,\n  [id=\"Z2744451596\"] .backdrop {\n    display: block !important;\n    order: 0 !important;\n    width: 100% !important;\n    height: 50svh !important;\n    min-height: 50svh !important;\n    max-height: 50svh !important;\n    overflow: hidden !important;\n    pointer-events: none !important;\n    background-position: center top !important;\n    background-size: cover !important;\n  }\n\n  .mobile [id=\"Z2744451596\"] .backdrop img,\n  .mobile [id=\"Z2744451596\"] .backdrop video,\n  .mobile [id=\"Z2744451596\"] .backdrop picture img,\n  [id=\"Z2744451596\"] .backdrop img,\n  [id=\"Z2744451596\"] .backdrop video,\n  [id=\"Z2744451596\"] .backdrop picture img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    object-position: center top !important;\n    display: block !important;\n  }\n\n  .omw-contact {\n    overflow: visible !important;\n  }\n\n  .omw-contact__layout {\n    display: block !important;\n    width: 100% !important;\n    padding: 0 !important;\n    gap: 0 !important;\n  }\n\n  .omw-contact__right {\n    display: block !important;\n    width: 100% !important;\n    min-width: 0 !important;\n    min-height: 0 !important;\n    height: auto !important;\n    max-height: none !important;\n    overflow: visible !important;\n    opacity: 1 !important;\n    pointer-events: auto !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .omw-contact__form-wrap {\n    display: block !important;\n    width: 100% !important;\n    max-width: none !important;\n    min-height: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    opacity: 1 !important;\n    transform: none !important;\n    pointer-events: auto !important;\n  }\n\n  .omw-contact__form {\n    display: grid !important;\n    gap: 10px !important;\n    margin: 0 !important;\n    padding: 1rem 1rem 1.15rem !important;\n    min-height: 0 !important;\n  }\n\n  .omw-contact__form-top {\n    display: block !important;\n    margin-bottom: 0.7rem !important;\n  }\n\n  .omw-contact__form-kicker {\n    display: block !important;\n    font-size: 10px !important;\n    line-height: 1 !important;\n    letter-spacing: 0.28em !important;\n    text-transform: uppercase !important;\n    color: rgba(145, 255, 190, 0.96) !important;\n  }\n\n  .omw-contact__label {\n    margin-top: 0.4rem !important;\n    margin-bottom: 0.3rem !important;\n  }\n\n  .omw-contact__input,\n  .omw-contact__textarea {\n    width: 100% !important;\n    box-sizing: border-box !important;\n    font-size: 16px !important;\n  }\n\n  .omw-contact__textarea {\n    min-height: 7.5rem !important;\n    margin-bottom: 0 !important;\n  }\n\n  .omw-contact__status:empty {\n    display: none !important;\n  }\n\n  .omw-contact__status {\n    min-height: 0 !important;\n    margin: 0 !important;\n  }\n\n  .omw-contact__actions {\n    margin-top: 0.2rem !important;\n    margin-bottom: 0 !important;\n  }\n\n  .omw-contact__submit {\n    padding: 10px 12px !important;\n  }\n\n  .omw-contact__form::after {\n    content: \"\";\n    display: block;\n    width: 100px;\n    height: 200px;\n    margin: 0.9rem auto 0 !important;\n    background: url(\"https:\/\/freight.cargo.site\/m\/M2858198121053337631788083163961\/ofmercury-chrome-logo.png\") center \/ contain no-repeat;\n    opacity: 0.96;\n    pointer-events: none;\n  }\n\n  .omw-contact.is-open .omw-contact__right,\n  .omw-contact.is-open .omw-contact__form-wrap,\n  .omw-contact.is-open .omw-contact__form {\n    opacity: 1 !important;\n    pointer-events: auto !important;\n    transform: none !important;\n  }\n}","display":true,"stack":false,"pin":false,"overlay":true,"password_enabled":false,"sort":66,"index":null,"page_count":0,"page_design_options":null,"backdrops":{"activeBackdrop":"legacy\/ripple","backdropSettings":{"wallpaper":{"activeImage":"H2857900765755422186656152138553","alignments":[]},"legacy\/kaleidoscope":{"image":"H2857900765755422186656152138553","clipScroll":false,"slices":2,"mirrorSlices":false,"hasMouseInteraction":false,"zoom":172,"rotationSpeed1":-79,"baseRotation2":-90},"legacy\/refraction":{"image":"H2857900765755422186656152138553","reflection_type":"refraction"},"legacy\/polygon_engine":{"image":"H2857900765755422186656152138553","style":"iso"},"legacy\/halftone":{"image":"H2857900765755422186656152138553"},"legacy\/video":{"image":"H2857900765755422186656152138553"},"legacy\/ripple":{"image":"M2856802016508988697341030019897","scaleX":5,"scaleY":5,"target_speed":1,"direction":90,"scale":1.29,"mouse_interaction":false},"legacy\/morphovision":{"image":"H2857900765755422186656152138553"}}},"pin_options":{},"overlay_options":{"closeOnClickout":true,"closeOnNavigate":true,"closeOthersOnOpen":true,"closeSelf":false,"closeDelay":0,"transitionIntensity":1,"animateOnOpen":{"fade":true,"speed":0.4,"slideAmount":0,"slideDirection":"default","wipeShape":"default","easing":"smooth","scaleAmount":0,"rotateAmount":0},"animateOnClose":{"fade":true,"speed":0.4,"slideAmount":0,"slideDirection":"default","wipeShape":"default","easing":"smooth","scaleAmount":0,"rotateAmount":0},"transitionPreset":"fade"},"thumb_media_id":76789940,"thumbnail":{"id":76789940,"master_muid":15184697,"name":"render-90ql-34.jpg","display_name":null,"hash":"H2857900765755422186656152138553","width":1414,"height":2000,"file_size":2252300,"file_type":"jpg","mime_type":"image\/jpeg","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2026-03-26 03:18:31.861698","updated_at":"2026-03-26 03:18:31.861698"},"thumb_meta":{},"media":[{"id":76724967,"display_name":"fuck-me-eyes.jpg","name":"fuck-me-eyes.jpg","hash":"M2856802016508988697341030019897","width":4061,"height":13946,"file_size":10750893,"file_size_human":"10.3MB","file_type":"jpg","mime_type":"image\/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2026-03-25T10:45:47.828109Z","updated_at":"2026-03-25T10:45:47.828109Z"},{"id":76789940,"display_name":"render-90ql-34.jpg","name":"render-90ql-34.jpg","hash":"H2857900765755422186656152138553","width":1414,"height":2000,"file_size":2252300,"file_size_human":"2.1MB","file_type":"jpg","mime_type":"image\/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2026-03-26T03:18:31.861698Z","updated_at":"2026-03-26T03:18:31.861698Z"}],"tags":[],"access_level":"public"},{"id":"E3870971272","set_id":"root","title":"Replacement Meadow","purl":"replacement-meadow-1","page_type":"set","content":"","local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"sort":67,"index":4,"page_count":0,"page_design_options":null,"backdrops":null,"pin_options":{},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":[],"media":[],"tags":[],"access_level":"public"},{"id":"E1412381057","set_id":"root","title":"Contact","purl":"contact","page_type":"set","content":"","local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"sort":78,"index":5,"page_count":1,"page_design_options":null,"backdrops":null,"pin_options":{},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":[],"media":[],"tags":[],"access_level":"public"}],"css":{"id":1161996,"stylesheet":"html,\nbody {\n  background-color: #232323 !important;\n}\n\nhtml {\n  --mobile-scale: 1.3;\n  --mobile-padding-offset: 0.8;\n}\n\nbody {\n  --swatch-1: rgba(0, 0, 0, 0.85);\n  --swatch-2: rgba(0, 0, 0, 0.75);\n  --swatch-3: rgba(0, 0, 0, 0.6);\n  --swatch-4: rgba(0, 0, 0, 0.4);\n  --swatch-5: rgba(0, 0, 0, 0.25);\n  --swatch-6: rgba(0, 0, 0, 0.15);\n  --colorfilter-color: #FF0000;\n  --colorfilter-color-opacity: 1;\n  --colorfilter-mix: lighten;\n  --colorfilter-grayscale: 1;\n  --swatch-7: #ffffff;\n  --swatch-8: #000000;\n}\n\nbody.mobile {\n}\n\na:active,\n.linked:active,\n.zoomable::part(media):active {\n  opacity: 0.7;\n}\n\n.page a.active {\n}\n\nsub {\n  position: relative;\n  vertical-align: baseline;\n  top: 0.3em;\n}\n\nsup {\n  position: relative;\n  vertical-align: baseline;\n  top: -0.4em;\n}\n\n.small-caps {\n  font-variant: small-caps;\n  text-transform: lowercase;\n}\n\nol {\n  margin: 0;\n  padding: 0 0 0 2.5em;\n}\n\nul {\n  margin: 0;\n  padding: 0 0 0 2.0em;\n}\n\nul.lineated {\n  margin: 0 0 0 3em;\n  padding: 0;\n  list-style-type: none;\n  text-indent: -3em;\n}\n\nblockquote {\n  margin: 0;\n  padding: 0 0 0 2em;\n}\n\nhr {\n  background: rgba(0, 0, 0, 0.75);\n  border: 0;\n  height: 1px;\n  display: block;\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n\n.content {\n  border-color: rgba(0, 0, 0, 0.85);\n}\n\nbodycopy {\n  font-size: 3rem;\n  color: #000000;\n  font-family: \"VCR OSD Mono\";\n  font-style: normal;\n  line-height: 1;\n  letter-spacing: 0;\n  display: block;\n  font-weight: 400;\n}\n\nbodycopy a {\n  color: #f5ff00;\n  text-decoration: none;\n}\n\nbodycopy a:hover {\n}\n\nh1 {\n  font-family: \"VCR OSD Mono\";\n  font-style: normal;\n  font-weight: 400;\n  margin: 0;\n  font-size: 3rem;\n  line-height: 5;\n  color: rgba(0, 0, 0, 0.85);\n  letter-spacing: 0;\n}\n\n.mobile h1 {\n}\n\nh1 a {\n  color: rgba(0, 0, 0, 0.85);\n  text-decoration: none;\n}\n\nh1 a:hover {\n}\n\nh2 {\n  font-family: \"Chaumont Script\";\n  font-style: normal;\n  font-weight: 400;\n  margin: 0;\n  color: rgba(0, 0, 0, 0.85);\n  font-size: 3rem;\n  line-height: 1;\n  letter-spacing: 0;\n  font-feature-settings: \"kern\", \"liga\", \"dlig\", \"calt\";\n}\n\n.mobile h2 {\n}\n\nh2 a {\n  color: rgba(0, 0, 0, 0.85);\n  text-decoration: none;\n}\n\nh2 a:hover {\n}\n\n.caption {\n  font-size: 1.10rem;\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.4);\n  font-family: \"Diatype Mono Variable\";\n  font-style: normal;\n  line-height: 1.2;\n  letter-spacing: 0em;\n  display: block;\n  font-variation-settings: 'slnt' 0, 'MONO' 1;\n}\n\n.caption a {\n  color: rgba(0, 0, 0, 0.4);\n  text-decoration: underline;\n}\n\n.caption a:hover {\n}\n\nmedia-item .caption {\n  margin-top: 1em;\n}\n\ngallery-grid .caption,\ngallery-columnized .caption,\ngallery-justify .caption {\n  margin-bottom: 2em;\n}\n\n[thumbnail-index] .caption {\n}\n\n[thumbnail-index] .caption .tags {\n  margin-top: 0.25em;\n}\n\n.page {\n  justify-content: flex-start;\n}\n\n.page-content {\n  padding: 0rem;\n  text-align: left;\n  border-color: rgba(0, 0, 0, 0.15);\n  border-style: solid;\n  border-width: 0rem;\n  padding-left: 1rem;\n}\n\n.mobile [id] .page-layout {\n  max-width: 100%;\n}\n\n.mobile [id] .page-content {\n}\n\n.page-layout {\n  align-items: flex-start;\n  max-width: 100%;\n  padding: 0.0rem;\n}\n\nmedia-item::part(media) {\n  border: 0;\n  padding: 0;\n}\n\n.quick-view {\n  height: 100%;\n  width: 100%;\n  padding: 3rem;\n  margin-top: auto;\n  margin-right: auto;\n  margin-bottom: auto;\n  margin-left: auto;\n}\n\n.quick-view-background {\n  background-color: #ffffff;\n}\n\n.quick-view .caption {\n  color: rgba(255, 255, 255, 1.0);\n  padding: 20px 0;\n  text-align: center;\n  transition: 100ms opacity ease-in-out;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n\n.quick-view .caption-background {\n  padding: 0.5rem 1rem;\n  display: inline-block;\n  background: rgba(0, 0, 0, 0.5);\n  border-radius: .5rem;\n  text-align: left;\n  max-width: 50rem;\n}\n\n.mobile .quick-view {\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 10px;\n}\n\n.mobile .quick-view .caption {\n  padding: 10px 0;\n}\n\n.product {\n  --text-style: \"product\";\n  font-size: 2rem;\n  color: #fff9f6;\n  font-family: \"VCR OSD Mono\";\n  font-style: normal;\n  line-height: 2;\n  letter-spacing: 0.5em;\n  display: block;\n  font-weight: 400;\n}\n\n.product a {\n  color: #f5ff00;\n  text-decoration: none;\n}\n\n.product a:hover {\n}\n\n.mobile .quick-view .caption-background {\n  max-width: 100vw;\n}\n\n::part(slideshow-nav) {\n  --button-size: 30px;\n  --button-inset: 20px;\n  --button-icon-color: rgba(255, 255, 255, 0.9);\n  --button-icon-stroke-width: 1.5px;\n  --button-icon-stroke-linecap: none;\n  --button-background-color: rgba(87, 87, 87, 0.35);\n  --button-background-radius: 50%;\n  --button-active-opacity: 0.7;\n}\n\ngallery-slideshow::part(slideshow-nav) {\n  --button-inset: 15px;\n}\n\n.quick-view::part(slideshow-nav) {\n}\n\n.wallpaper-slideshow::part(slideshow-nav) {\n}\n\n.mobile ::part(slideshow-nav) {\n  --button-inset: 10px;\n}\n\n.mobile .quick-view::part(slideshow-nav) {\n  --button-inset: 25px;\n}\n\naudio-player {\n  --text-color: rgba(0, 0, 0, 0.85);\n  --text-padding: 0 1.2em 0 1.0em;\n  --background-color: rgba(255, 255, 255, 0);\n  --buffer-background-color: rgba(0, 0, 0, 0.03);\n  --progress-background-color: rgba(0, 0, 0, 0.075);\n  --border-lines: 1px solid rgba(0, 0, 0, 0.2);\n  font-size: 1.2rem;\n  width: 32rem;\n  height: 2.75em;\n  font-family: \"Diatype Variable\";\n  font-style: normal;\n  font-weight: 400;\n  font-variation-settings: 'slnt' 0, 'MONO' 0;\n  line-height: normal;\n  letter-spacing: 0em;\n  margin-bottom: 0.5em;\n  border-radius: 10em;\n}\n\naudio-player::part(button) {\n  --icon-color: rgba(0, 0, 0, 0.85);\n  --icon-size: 32%;\n  --play-text: '';\n  --pause-text: '';\n  width: 3.15em;\n  display: inline-flex;\n  justify-content: center;\n  cursor: pointer;\n}\n\naudio-player::part(play-icon) {\n  padding-left: 0.6em;\n}\n\naudio-player::part(pause-icon) {\n  padding-left: 0.4em;\n}\n\naudio-player::part(progress-indicator) {\n  border-right: 1px solid rgba(0, 0, 0, 0);\n  height: 100%;\n  cursor: ew-resize;\n}\n\naudio-player::part(separator) {\n  border-right: var(--border-lines);\n}\n\nbody.mobile audio-player {\n  max-width: 100%;\n}\n\nmedia-item {\n  --scroll-animation-mode: animation;\n}\n\n\/* desktop-only footer mark *\/\n@media (min-width: 768px) {\n  .footer-mark {\n    position: fixed;\n    right: 2rem;\n    bottom: 2rem;\n    width: 227px;\n    height: auto;\n    z-index: 0;\n    pointer-events: none;\n  }\n}\n\n\/* ensure page content always sits above *\/\n.page,\n.page-content,\n[data-page],\nmain,\n.site {\n  position: relative;\n  z-index: 10;\n}\n\nshop-product {\n  font-size: 1.05rem;\n  max-width: 22rem;\n  font-family: \"Diatype Variable\";\n  font-style: normal;\n  font-weight: 400;\n  font-variation-settings: 'slnt' 0, 'MONO' 1;\n  letter-spacing: 0.02em;\n  margin-bottom: 1em;\n  color: #39ff14;\n}\n\nshop-product::part(price) {\n  display: inline-block;\n  color: #39ff14;\n  font-size: 1.15rem;\n  letter-spacing: 0.04em;\n  line-height: 1.1;\n  margin-bottom: 0.9em;\n  padding: 0 0 0.35em 0;\n  border-bottom: 1px solid rgba(57, 255, 20, 0.35);\n  min-width: 6rem;\n  text-shadow: 0 0 6px rgba(57, 255, 20, 0.08);\n}\n\nshop-product::part(dropdown) {\n  width: 100%;\n  color: #39ff14;\n  border: 1px solid rgba(57, 255, 20, 0.45);\n  background-color: rgba(255, 255, 255, 0.02);\n  background-image: none;\n  line-height: 1.2;\n  padding: 0.78em 2.4em 0.75em 0.85em;\n  border-radius: 0;\n  margin-bottom: 0.65em;\n  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  position: relative;\n}\n\nshop-product::part(dropdown):focus {\n  outline: none;\n  border-color: #39ff14;\n  box-shadow:\n    inset 0 0 0 1px rgba(57, 255, 20, 0.15),\n    0 0 0 1px rgba(57, 255, 20, 0.15);\n}\n\nshop-product::part(button) {\n  background: transparent;\n  color: #39ff14;\n  text-align: left;\n  line-height: normal;\n  padding: 0.72em 1em 0.7em 1em;\n  cursor: pointer;\n  border-radius: 0;\n  border: 1px solid rgba(57, 255, 20, 0.45);\n  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);\n  transition: background 160ms ease, color 160ms ease, transform 120ms ease;\n}\n\nshop-product::part(button):hover {\n  background: rgba(57, 255, 20, 0.08);\n  box-shadow:\n    inset 0 0 0 1px rgba(57,255,20,0.08),\n    0 0 10px rgba(57,255,20,0.06);\n}\n\nshop-product::part(button):active {\n  opacity: 1;\n  transform: translateY(1px);\n  background: rgba(57, 255, 20, 0.14);\n}\n\n\/* -------------------------------------------------\n   HOME \/ FIELD DARK BODY FALLBACKS\n   Cleaned. Does not force homepage black image fallback.\n------------------------------------------------- *\/\n\nhtml:has([id=\"Q3858910101\"].page),\nbody:has([id=\"Q3858910101\"].page),\nhtml:has([id=\"I3810488988\"].page),\nbody:has([id=\"I3810488988\"].page),\nhtml:has([id=\"T3206378475\"].page),\nbody:has([id=\"T3206378475\"].page),\nhtml:has([id=\"D3939633236\"].page),\nbody:has([id=\"D3939633236\"].page),\nhtml:has([id=\"S1876598698\"].page),\nbody:has([id=\"S1876598698\"].page),\nhtml:has([id=\"R1390490109\"].page),\nbody:has([id=\"R1390490109\"].page),\nhtml:has([id=\"Q3251894014\"].page),\nbody:has([id=\"Q3251894014\"].page),\nhtml:has([id=\"K3774919552\"].page),\nbody:has([id=\"K3774919552\"].page),\nhtml:has([id=\"W2869814833\"].page),\nbody:has([id=\"W2869814833\"].page),\nhtml:has([id=\"U1876064572\"].page),\nbody:has([id=\"U1876064572\"].page),\nhtml:has([id=\"Q2158156684\"].page),\nbody:has([id=\"Q2158156684\"].page) {\n  --viewport-height: 100svh !important;\n  overscroll-behavior-y: none !important;\n  overscroll-behavior-x: none !important;\n}\n\n.mobile .content {\n}\n\n\/* -------------------------------------------------\n   PROOF \/ SHOP TEST AREAS\n------------------------------------------------- *\/\n\nhtml:has(.ogx-proof),\nbody:has(.ogx-proof) {\n  background: #060814 !important;\n  overflow-x: hidden !important;\n}\n\nbody:has(.ogx-proof) .page,\nbody:has(.ogx-proof) .page_content,\nbody:has(.ogx-proof) .site_content,\nbody:has(.ogx-proof) main,\nbody:has(.ogx-proof) #content,\nbody:has(.ogx-proof) .content,\nbody:has(.ogx-proof) .page_background {\n  background: transparent !important;\n}\n\n.ogx-proof {\n  background: #060814;\n  min-height: 100vh;\n  padding: 18px;\n  box-sizing: border-box;\n}\n\n.ogx-proof__head {\n  color: #39ff14;\n  font-size: 12px;\n  line-height: 1;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  margin: 0 0 14px;\n}\n\n.ogx-proof__grid {\n  display: grid;\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n  grid-auto-rows: 72px;\n  gap: 12px;\n}\n\n.ogx-box,\n.ogx-void {\n  min-width: 0;\n  box-sizing: border-box;\n}\n\n.ogx-box {\n  background: rgba(255, 255, 255, 0.08);\n  outline: 1px solid rgba(57, 255, 20, 0.45);\n  color: rgba(255, 255, 255, 0.88);\n  font-size: 11px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  display: flex;\n  align-items: flex-end;\n  justify-content: flex-start;\n  padding: 8px;\n}\n\n.ogx-void {\n  background: rgba(255, 255, 255, 0.015);\n  outline: 1px dashed rgba(255, 255, 255, 0.14);\n}\n\n.ogx-box--16 { grid-column: 1 \/ span 4; grid-row: 1 \/ span 4; }\n.ogx-box--4a { grid-column: 5 \/ span 2; grid-row: 1 \/ span 2; }\n\n.ogx-void--1 { grid-column: 7 \/ span 1; grid-row: 1 \/ span 1; }\n.ogx-void--2 { grid-column: 8 \/ span 1; grid-row: 1 \/ span 1; }\n.ogx-box--1a { grid-column: 7 \/ span 1; grid-row: 2 \/ span 1; }\n.ogx-box--1b { grid-column: 8 \/ span 1; grid-row: 2 \/ span 1; }\n\n.ogx-box--4b { grid-column: 5 \/ span 2; grid-row: 3 \/ span 2; }\n\n.ogx-box--16b { grid-column: 9 \/ span 4; grid-row: 1 \/ span 4; }\n\n.ogx-box--1c { grid-column: 5 \/ span 1; grid-row: 5 \/ span 1; }\n.ogx-box--1d { grid-column: 6 \/ span 1; grid-row: 5 \/ span 1; }\n.ogx-box--1e { grid-column: 5 \/ span 1; grid-row: 6 \/ span 1; }\n.ogx-box--1f { grid-column: 6 \/ span 1; grid-row: 6 \/ span 1; }\n\n.ogx-box--4c { grid-column: 7 \/ span 2; grid-row: 5 \/ span 2; }\n.ogx-box--4d { grid-column: 9 \/ span 2; grid-row: 5 \/ span 2; }\n\n@media (max-width: 900px) {\n  .ogx-proof {\n    padding: 14px;\n  }\n\n  .ogx-proof__grid {\n    grid-auto-rows: 54px;\n    gap: 10px;\n  }\n\n  .ogx-box {\n    font-size: 10px;\n    padding: 6px;\n  }\n}\n\nhtml:has(.om-shop-page),\nbody:has(.om-shop-page) {\n  background: #060814 !important;\n  overflow-x: hidden !important;\n}\n\nbody:has(.om-shop-page) .page,\nbody:has(.om-shop-page) .page_content,\nbody:has(.om-shop-page) .site_content,\nbody:has(.om-shop-page) main,\nbody:has(.om-shop-page) #content,\nbody:has(.om-shop-page) .content,\nbody:has(.om-shop-page) .page_background {\n  background: transparent !important;\n}\n\n.om-shop-page {\n  --om-bg: #060814;\n  --om-soft: rgba(255, 255, 255, 0.018);\n  --om-line: rgba(255, 255, 255, 0.06);\n  --om-label: rgba(255, 255, 255, 0.38);\n  --om-acid: #39ff14;\n\n  background: var(--om-bg);\n  min-height: 100vh;\n  padding: 0.9rem;\n  box-sizing: border-box;\n}\n\n.om-shop-head {\n  margin: 0 0 0.9rem;\n}\n\n.om-shop-title {\n  margin: 0;\n  color: var(--om-acid);\n  font-size: 0.76rem;\n  line-height: 1;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n}\n\n.om-shop-band {\n  margin: 0 0 1.25rem;\n  align-items: flex-start;\n}\n\n.om-shop-slot {\n  position: relative;\n  overflow: hidden;\n  background: var(--om-soft);\n  box-shadow: inset 0 0 0 1px var(--om-line);\n  aspect-ratio: 3 \/ 4;\n  box-sizing: border-box;\n}\n\n.om-shop-void {\n  min-height: 1px;\n  background: transparent;\n}\n\n.om-shop-label {\n  position: absolute;\n  left: 0.58rem;\n  bottom: 0.52rem;\n  z-index: 3;\n  color: var(--om-label);\n  font-size: 0.55rem;\n  line-height: 1;\n  letter-spacing: 0.11em;\n  text-transform: uppercase;\n  pointer-events: none;\n}\n\n.om-shop-slot > *:not(.om-shop-label) {\n  position: absolute !important;\n  inset: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  margin: 0 !important;\n  display: block !important;\n  box-sizing: border-box !important;\n}\n\n.om-shop-slot media-item,\n.om-shop-slot picture,\n.om-shop-slot figure,\n.om-shop-slot .gallery_card,\n.om-shop-slot .image,\n.om-shop-slot a,\n.om-shop-slot div:not(.om-shop-label),\n.om-shop-slot span:not(.om-shop-label) {\n  width: 100% !important;\n  height: 100% !important;\n  box-sizing: border-box !important;\n}\n\n.om-shop-slot img,\n.om-shop-slot video,\n.om-shop-slot canvas {\n  width: 100% !important;\n  height: 100% !important;\n  display: block !important;\n  object-fit: cover !important;\n}\n\n.om-shop-slot:has(media-item),\n.om-shop-slot:has(img),\n.om-shop-slot:has(video),\n.om-shop-slot:has(canvas),\n.om-shop-slot:has(picture),\n.om-shop-slot:has(figure),\n.om-shop-slot:has(.gallery_card),\n.om-shop-slot:has(.image),\n.om-shop-slot:has(a) {\n  background: transparent;\n  box-shadow: none;\n}\n\n.om-shop-slot:has(media-item) .om-shop-label,\n.om-shop-slot:has(img) .om-shop-label,\n.om-shop-slot:has(video) .om-shop-label,\n.om-shop-slot:has(canvas) .om-shop-label,\n.om-shop-slot:has(picture) .om-shop-label,\n.om-shop-slot:has(figure) .om-shop-label,\n.om-shop-slot:has(.gallery_card) .om-shop-label,\n.om-shop-slot:has(.image) .om-shop-label,\n.om-shop-slot:has(a) .om-shop-label {\n  opacity: 0;\n}\n\n.om-shop-slot.is-drop-s {\n  margin-top: clamp(1rem, 2vw, 1.8rem);\n}\n\n.om-shop-slot.is-drop-m {\n  margin-top: clamp(2rem, 4vw, 3.4rem);\n}\n\n.om-shop-slot.is-drop-l {\n  margin-top: clamp(3rem, 6vw, 5rem);\n}\n\n@media (max-width: 900px) {\n  .om-shop-page {\n    padding: 0.72rem;\n  }\n\n  .om-shop-title {\n    font-size: 0.7rem;\n  }\n\n  .om-shop-band {\n    margin-bottom: 0.9rem;\n  }\n\n  .om-shop-label {\n    left: 0.46rem;\n    bottom: 0.42rem;\n    font-size: 0.5rem;\n  }\n\n  .om-shop-slot.is-drop-s,\n  .om-shop-slot.is-drop-m,\n  .om-shop-slot.is-drop-l {\n    margin-top: 0;\n  }\n}\n\n.og-parallax-test {\n  position: relative;\n  width: min(38rem, 100%);\n  aspect-ratio: 3 \/ 4;\n  overflow: hidden;\n  background: #0a0d1a;\n}\n\n.og-parallax-test__media {\n  position: absolute;\n  inset: -6%;\n  width: 112%;\n  height: 112%;\n  transform: translate3d(0, 0, 0) scale(1.02);\n  transition: transform 140ms ease-out;\n  will-change: transform;\n}\n\n.og-parallax-test__media media-item {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.og-parallax-test__media img,\n.og-parallax-test__media video,\n.og-parallax-test__media canvas {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n}\n\n\/* only containers that are meant to be image frames\/cards *\/\n.om-reel-slot,\n.om-shop-slot,\n.og-parallax-test,\n.quick-view-background {\n  background: #060814;\n}\n\n\/* dark fallback only for known framed image systems *\/\n.om-reel-slot,\n.om-shop-slot,\n.quick-view-background,\n.og-parallax-test {\n  background: #060814 !important;\n}\n\n\/* force the actual Cargo media surface inside those framed systems *\/\n.om-reel-slot media-item,\n.om-reel-slot media-item::part(media),\n.om-shop-slot media-item,\n.om-shop-slot media-item::part(media),\n.og-parallax-test media-item,\n.og-parallax-test media-item::part(media) {\n  background: #060814 !important;\n}\n\n\/* ---------- Shopfront entrance animation ---------- *\/\n\n@keyframes omShopFadeRise {\n  from {\n    opacity: 0;\n    transform: translateY(18px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes omShopSoftFade {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n.om-shop-page {\n  opacity: 0;\n  animation: omShopSoftFade 420ms ease-out 40ms forwards;\n}\n\n.om-shop-head,\n.om-shop-title {\n  opacity: 0;\n  transform: translateY(10px);\n  animation: omShopFadeRise 700ms cubic-bezier(0.22, 1, 0.36, 1) 90ms forwards;\n}\n\n.om-shop-band {\n  opacity: 0;\n  transform: translateY(18px);\n  animation: omShopFadeRise 780ms cubic-bezier(0.22, 1, 0.36, 1) forwards;\n}\n\n.om-shop-band:nth-of-type(1) { animation-delay: 120ms; }\n.om-shop-band:nth-of-type(2) { animation-delay: 200ms; }\n.om-shop-band:nth-of-type(3) { animation-delay: 280ms; }\n.om-shop-band:nth-of-type(4) { animation-delay: 360ms; }\n.om-shop-band:nth-of-type(5) { animation-delay: 440ms; }\n.om-shop-band:nth-of-type(6) { animation-delay: 520ms; }\n\n.om-shop-slot {\n  opacity: 0;\n  transform: translateY(12px) scale(0.992);\n  animation: omShopFadeRise 820ms cubic-bezier(0.22, 1, 0.36, 1) forwards;\n}\n\n.om-shop-band .om-shop-slot:nth-child(1) { animation-delay: 150ms; }\n.om-shop-band .om-shop-slot:nth-child(2) { animation-delay: 210ms; }\n.om-shop-band .om-shop-slot:nth-child(3) { animation-delay: 270ms; }\n.om-shop-band .om-shop-slot:nth-child(4) { animation-delay: 330ms; }\n.om-shop-band .om-shop-slot:nth-child(5) { animation-delay: 390ms; }\n.om-shop-band .om-shop-slot:nth-child(6) { animation-delay: 450ms; }\n\n@media (prefers-reduced-motion: reduce) {\n  .om-shop-page,\n  .om-shop-head,\n  .om-shop-title,\n  .om-shop-band,\n  .om-shop-slot {\n    opacity: 1 !important;\n    transform: none !important;\n    animation: none !important;\n  }\n}\n\n\/* -------------------------------------------------\n   GLOBAL OVERSCROLL ONLY\n   No overflow:hidden, no touch-action:none.\n------------------------------------------------- *\/\n\nhtml,\nbody {\n  overscroll-behavior-y: none !important;\n  overscroll-behavior-x: none !important;\n}\n\n\/* Hide leaked Shopfront body-level artifacts everywhere except Shopfront *\/\nbody:not(:has([id=\"K1136865563\"].page)) #omPortalTopbar,\nbody:not(:has([id=\"K1136865563\"].page)) #omDesktopMark,\nbody:not(:has([id=\"K1136865563\"].page)) #omCatalogueBodyHoverImage {\n  display: none !important;\n  opacity: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n}\n\n\/* If a Shopfront shell somehow survives onto another page, suppress it *\/\nbody:not(:has([id=\"K1136865563\"].page)) .om-shop-shell {\n  display: none !important;\n  opacity: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n}\n\n\/* -------------------------------------------------\n   DISABLED MOBILE RECALIBRATION\n   Keeps old HTML harmless if it remains somewhere.\n   Does NOT lock mobile scroll.\n------------------------------------------------- *\/\n\n.om-mobile-recalibration,\n.om-mobile-recalibration *,\n.om-mobile-recalibration__inner,\n.om-mobile-recalibration__brand,\n.om-mobile-recalibration__rule,\n.om-mobile-recalibration p {\n  display: none !important;\n  visibility: hidden !important;\n  opacity: 0 !important;\n\n  position: fixed !important;\n  inset: auto !important;\n\n  width: 0 !important;\n  height: 0 !important;\n  max-width: 0 !important;\n  max-height: 0 !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n\n  overflow: hidden !important;\n  pointer-events: none !important;\n  user-select: none !important;\n\n  background: transparent !important;\n  color: transparent !important;\n\n  z-index: -1 !important;\n}\n\n\/* Hide shop hover overlay during field-diary button-scroll mode *\/\nbody.om-field-diary-button-scroll #omCatalogueBodyHoverImage,\nbody.om-field-diary-button-scroll #omCatalogueBodyHoverImage * {\n  display: none !important;\n  opacity: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n}\n\n\/* -------------------------------------------------\n   HOMEPAGE NAV V3 \u2014 BODY-LEVEL GLOBAL OVERLAY\n   Injected by Site HTML, outside Cargo page content.\n------------------------------------------------- *\/\n\n#omHomeNavV3.om-home-nav-v3 {\n  position: fixed !important;\n  inset: 0 !important;\n  z-index: 2147483645 !important;\n  pointer-events: none !important;\n\n  display: none;\n  opacity: 1 !important;\n  visibility: visible !important;\n  filter: none !important;\n}\n\nhtml.om-home-nav-v3-active #omHomeNavV3.om-home-nav-v3 {\n  display: block !important;\n}\n\n#omHomeNavV3.om-home-nav-v3 a {\n  position: absolute !important;\n  display: block !important;\n  pointer-events: auto !important;\n\n  min-width: max-content !important;\n  min-height: 1em !important;\n\n  padding: 0.25rem 0.35rem !important;\n  margin: -0.25rem -0.35rem !important;\n\n  text-decoration: none !important;\n  font-family: \"VCR OSD Mono\", monospace !important;\n  font-size: 2rem !important;\n  line-height: 1 !important;\n  letter-spacing: 0.015em !important;\n  white-space: nowrap !important;\n\n  color: transparent !important;\n  text-shadow: none !important;\n\n  opacity: 1 !important;\n  visibility: visible !important;\n  filter: none !important;\n}\n\n#omHomeNavV3.om-home-nav-v3 a::before {\n  content: attr(data-label) !important;\n  display: block !important;\n\n  font-family: \"VCR OSD Mono\", monospace !important;\n  font-size: inherit !important;\n  line-height: inherit !important;\n  letter-spacing: inherit !important;\n  white-space: nowrap !important;\n\n  color: rgba(236, 240, 232, 0.82) !important;\n  text-shadow:\n    0 1px 6px rgba(0, 0, 0, 0.16) !important;\n\n  opacity: 0 !important;\n  visibility: visible !important;\n  filter: blur(1.5px) !important;\n\n  transition:\n    opacity 520ms ease,\n    filter 520ms ease,\n    color 180ms ease,\n    text-shadow 180ms ease !important;\n}\n\nhtml.om-home-vcr-v3-ready #omHomeNavV3.om-home-nav-v3 a::before {\n  opacity: 1 !important;\n  filter: blur(0) !important;\n}\n\nhtml.om-home-vcr-v3-ready #omHomeNavV3.om-home-nav-v3 a:hover::before {\n  color: rgba(236, 240, 232, 0.96) !important;\n  text-shadow:\n    0 0 2px rgba(210, 255, 190, 0.48),\n    0 0 5px rgba(165, 255, 120, 0.34),\n    0 0 10px rgba(105, 255, 80, 0.20),\n    0 0 18px rgba(70, 255, 55, 0.12),\n    0 1px 6px rgba(0, 0, 0, 0.16) !important;\n  filter: blur(0) brightness(1.03) !important;\n}\n\n#omHomeNavV3 .om-home-nav-v3__shop {\n  top: 1rem !important;\n  left: 1rem !important;\n}\n\n#omHomeNavV3 .om-home-nav-v3__gallery {\n  top: 1rem !important;\n  right: 1rem !important;\n}\n\n#omHomeNavV3 .om-home-nav-v3__contact {\n  top: calc(100svh - 2.35rem) !important;\n  left: 1rem !important;\n  bottom: auto !important;\n}\n\n@media (max-width: 700px) {\n  #omHomeNavV3.om-home-nav-v3 a {\n    font-size: 1.1rem !important;\n  }\n\n  #omHomeNavV3 .om-home-nav-v3__shop {\n    top: 0.85rem !important;\n    left: 0.85rem !important;\n  }\n\n  #omHomeNavV3 .om-home-nav-v3__gallery {\n    top: 0.85rem !important;\n    right: 0.85rem !important;\n  }\n\n  #omHomeNavV3 .om-home-nav-v3__contact {\n    top: calc(100svh - 1.95rem) !important;\n    left: 0.85rem !important;\n  }\n}\n\n\/* -------------------------\n   HOMEPAGE \u2014 NAV LINKS LARGER ON MOBILE\n   Targets #omHomeNavV3 which is site-level.\n   Desktop untouched.\n------------------------- *\/\n\n@media (max-width: 700px) {\n  html.mobile #omHomeNavV3.om-home-nav-v3 a {\n    font-size: 1.3rem !important;\n  }\n}\n\n\/* =========================================================\n   OF MERCURY \u2014 HOMEPAGE SLIT REVEAL\n   Only reveal animation. Does not stretch or fake the backdrop.\n========================================================= *\/\n\n[id=\"Q3858910101\"] .om-slit-viewport {\n  animation: omBackdropSlitReveal 1100ms cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n\n@keyframes omBackdropSlitReveal {\n  0% {\n    clip-path: inset(50% 0 50% 0);\n    filter: brightness(0.15) saturate(0.4);\n  }\n\n  30% {\n    filter: brightness(0.6) saturate(0.7);\n  }\n\n  65% {\n    clip-path: inset(0% 0 0% 0);\n    filter: brightness(0.85) saturate(0.9);\n  }\n\n  100% {\n    clip-path: inset(0% 0 0% 0);\n    filter: brightness(1) saturate(1);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [id=\"Q3858910101\"] .om-slit-viewport {\n    animation: none !important;\n  }\n}\n\nhtml.om-contact-page-active [id=\"Q3858910101\"] .om-slit-stack {\n  opacity: 0;\n  transition: none;\n}\n\nhtml:not(.om-contact-page-active) [id=\"Q3858910101\"] .om-slit-stack {\n  opacity: 1;\n  transition: opacity 800ms ease;\n}\n\n@media (max-width: 980px) {\n  \/* Field Diaries overlays \u2014 kill stuck blur on mobile across all pages *\/\n  #omFieldDiaryBodyOverlay,\n  #omFieldDiaryBodyBackground {\n    backdrop-filter: none !important;\n    -webkit-backdrop-filter: none !important;\n  }\n\n  #omFieldDiaryBodyMercury,\n  #omFieldDiaryBodyMercury.om-field-diary-entering,\n  #omFieldDiaryBodyMercury.om-field-diary-ready,\n  #omFieldDiaryBodyMercury.is-immersive-hidden {\n    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28)) !important;\n  }\n\n  #omFieldDiaryBodyOverlay,\n  #omFieldDiaryBodyOverlay.om-field-diary-entering,\n  #omFieldDiaryBodyOverlay.om-field-diary-ready,\n  #omFieldDiaryBodyOverlay.is-immersive-hidden {\n    filter: none !important;\n  }\n\n  #omFieldDiaryBodyOverlay .om-field-diary-title {\n    filter: none !important;\n    color: rgba(145, 255, 190, 1) !important;\n  }\n}\n\n@media (max-width: 980px) {\n  .om-interlude-media,\n  .om-interlude-media img,\n  .om-fog-field-image,\n  .om-boardwalk-image,\n  .om-zero-swap,\n  .om-zero-swap__img,\n  .om-zero-swap__img--clean,\n  .om-zero-swap__img--zero {\n    animation: none !important;\n    transition: none !important;\n    opacity: 1 !important;\n    filter: none !important;\n    transform: none !important;\n  }\n}\n\n@media (max-width: 980px), (hover: none), (pointer: coarse) {\n  body:has([id=\"Q3858910101\"].page) [id=\"Q3858910101\"] > .backdrop {\n    position: fixed !important;\n    inset: 0 !important;\n    width: 100vw !important;\n    height: 100svh !important;\n    min-height: 100svh !important;\n  }\n\n  body:has([id=\"Q3858910101\"].page) [id=\"Q3858910101\"] > .backdrop > * {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n  }\n}\n\n@media (max-width: 980px), (hover: none), (pointer: coarse) {\n  [id=\"Q3858910101\"] .om-slit-stack {\n    min-height: 100lvh !important;\n    padding-bottom: env(safe-area-inset-bottom) !important;\n  }\n  \n  html:has([id=\"Q3858910101\"].page) body {\n    min-height: 100lvh !important;\n  }\n}\n\n@media (max-width: 980px), (hover: none), (pointer: coarse) {\n  [id=\"Q3858910101\"].page::before {\n    content: \"\" !important;\n    position: fixed !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    height: env(safe-area-inset-top, 50px) !important;\n    background: linear-gradient(\n      to bottom,\n      #050505 0%,\n      transparent 100%\n    ) !important;\n    z-index: 9999 !important;\n    pointer-events: none !important;\n  }\n\n  [id=\"Q3858910101\"].page::after {\n    content: \"\" !important;\n    position: fixed !important;\n    bottom: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    height: calc(env(safe-area-inset-bottom, 20px) + 60px) !important;\n    background: linear-gradient(\n      to top,\n      #050505 0%,\n      transparent 100%\n    ) !important;\n    z-index: 9999 !important;\n    pointer-events: none !important;\n  }\n[id=\"K1136865563\"] .om-native-return-bar .om-native-return-col media-item.om-shop-logo-media,\n[id=\"K1136865563\"] .om-native-return-bar .om-native-return-col media-item.om-shop-logo-media video,\n[id=\"K1136865563\"] .om-native-return-bar .om-native-return-col media-item.om-shop-logo-media canvas,\n[id=\"K1136865563\"] .om-native-return-bar .om-native-return-col media-item.om-shop-logo-media img {\n  background: transparent !important;\n  background-color: transparent !important;\n  mix-blend-mode: screen !important;\n}\n    \n\/* =========================================================\n   OF MERCURY \u2014 SHOPFRONT HIDDEN UNDER PRODUCT OVERLAYS\n   Prevents shopfront content bleeding through on mobile entry.\n========================================================= *\/\nbody:has(.page:not([id=\"K1136865563\"])) [id=\"K1136865563\"] .om-shop-shell,\nbody:has(.page:not([id=\"K1136865563\"])) [id=\"K1136865563\"] .om-native-cart-slot {\n  opacity: 0 !important;\n  pointer-events: none !important;\n  transition: opacity 180ms ease !important;\n}","created_at":"2022-09-15T23:40:11.000000Z","updated_at":"2026-06-13T05:21:22.000000Z"},"design":{"id":1161972,"site_design":{"cart":{"theme":"dark"},"site":{"is_feed":false,"enableColorFilter":false,"enableHomeLinkActiveStates":false},"images":{"image_zoom":true,"image_full_zoom":false,"scroll_animation":false,"scroll_transition":false,"limit_vertical_images":false,"mobile_image_width_maximize":true},"quick_view":{"show_ui":true,"captions":false,"close_on_scroll":false,"contentAlignVertical":"middle","contentAlignHorizontal":"center"},"contact_form":{"theme":"dark"},"mobile_adjustments":{"view":"desktop","zoom":"21","padding":"-6","formatting":false,"pages_full_width":true,"images_full_width":true,"responsive_columns":"1","responsive_thumbnails_padding":"0.7"}}},"tags":[]}