{"product_id":"grand-oak","title":"Grand Oak","description":"\u003cstyle\u003e\n  .custom-watch-story.custom-watch-story--grand-oak {\n    --story-bg: #ffffff;\n    --story-title: #1f1f1f;\n    --story-body: #4b4b4b;\n\n    display: block;\n    width: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n    font-family: inherit;\n    background: var(--story-bg);\n    overflow: hidden;\n  }\n\n  .custom-watch-story--grand-oak *,\n  .custom-watch-story--grand-oak *::before,\n  .custom-watch-story--grand-oak *::after {\n    box-sizing: border-box;\n  }\n\n  .custom-watch-story--grand-oak h2,\n  .custom-watch-story--grand-oak p {\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .custom-watch-story--grand-oak .custom-story-block {\n    display: grid;\n    grid-template-columns: 1fr;\n    width: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n    background: var(--story-bg);\n  }\n\n  .custom-watch-story--grand-oak .custom-story-media {\n    width: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: hidden;\n    background: #ffffff;\n    line-height: 0;\n  }\n\n  .custom-watch-story--grand-oak .custom-story-media--square {\n    aspect-ratio: 1 \/ 1;\n  }\n\n  .custom-watch-story--grand-oak .custom-story-media img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    object-position: center center;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0;\n    border-radius: 0;\n    transition: transform 0.9s ease;\n  }\n\n  .custom-watch-story--grand-oak .custom-story-text {\n    background: var(--story-bg);\n    text-align: left;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: flex-start;\n    margin: 0 !important;\n    min-height: 0 !important;\n    gap: 0 !important;\n  }\n\n  .custom-watch-story--grand-oak .custom-story-title {\n    color: var(--story-title);\n    font-size: 30px;\n    font-weight: 400;\n    line-height: 1.08;\n    letter-spacing: -0.02em;\n    max-width: 320px;\n  }\n\n  .custom-watch-story--grand-oak .custom-story-description {\n    color: var(--story-body);\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 1.42;\n    max-width: 320px;\n    margin-top: 22px !important;\n  }\n\n  .custom-watch-story--grand-oak .custom-before-after-section {\n    width: 100%;\n    margin: 0 !important;\n    padding: 46px 20px 34px !important;\n    background: #ffffff;\n  }\n\n  .custom-watch-story--grand-oak .custom-before-after-inner {\n    width: 100%;\n    max-width: 760px;\n    margin: 0 auto !important;\n    padding: 0 !important;\n  }\n\n  .custom-watch-story--grand-oak .custom-before-after-text {\n    text-align: center;\n    margin: 0 auto 22px !important;\n    padding: 0 !important;\n  }\n\n  .custom-watch-story--grand-oak .custom-before-after-title {\n    color: var(--story-title);\n    font-size: 22px;\n    font-weight: 700;\n    line-height: 1.15;\n    letter-spacing: -0.02em;\n    margin: 0 0 14px !important;\n    padding: 0 !important;\n  }\n\n  .custom-watch-story--grand-oak .custom-before-after-description {\n    color: var(--story-body);\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 1.45;\n    max-width: 360px;\n    margin: 0 auto !important;\n    padding: 0 !important;\n  }\n\n  .custom-watch-story--grand-oak .custom-before-after-wrapper {\n    position: relative;\n    width: 100%;\n    height: 500px;\n    margin: 0 auto !important;\n    padding: 0 !important;\n    overflow: hidden;\n    border-radius: 12px;\n    background: #ffffff;\n    user-select: none;\n    filter: drop-shadow(0 5px 15px rgba(26, 26, 26, 0.1));\n    --before-after-position: 50%;\n  }\n\n  .custom-watch-story--grand-oak .custom-before-after-image {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    object-position: center center;\n    margin: 0 !important;\n    padding: 0 !important;\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .custom-watch-story--grand-oak .custom-before-after-overlay {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    clip-path: inset(0 0 0 var(--before-after-position));\n  }\n\n  .custom-watch-story--grand-oak .custom-before-after-cursor {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: var(--before-after-position);\n    width: 40px;\n    transform: translateX(-50%);\n    cursor: grab;\n    touch-action: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 3;\n  }\n\n  .custom-watch-story--grand-oak .custom-before-after-cursor::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 50%;\n    width: 2px;\n    transform: translateX(-50%);\n    background: #ffffff;\n    z-index: -1;\n  }\n\n  .custom-watch-story--grand-oak .custom-before-after-handle {\n    width: 40px;\n    height: 40px;\n    border-radius: 999px;\n    background: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));\n  }\n\n  .custom-watch-story--grand-oak .custom-before-after-handle span {\n    display: block;\n    width: 2px;\n    height: 12px;\n    background: #000000;\n    margin: 0 2px;\n  }\n\n  @media screen and (max-width: 749px) {\n    .custom-watch-story.custom-watch-story--grand-oak {\n      width: 100vw;\n      position: relative;\n      left: 50%;\n      margin-left: -50vw !important;\n    }\n\n    .custom-watch-story--grand-oak .custom-story-block:first-child .custom-story-text {\n      padding: 48px 60px 78px 60px !important;\n    }\n\n    .custom-watch-story--grand-oak .custom-story-block:nth-child(2) .custom-story-text {\n      padding: 48px 40px 76px 40px !important;\n    }\n\n    .custom-watch-story--grand-oak .custom-story-block:first-child .custom-story-title {\n      max-width: 280px;\n    }\n\n    .custom-watch-story--grand-oak .custom-story-block:first-child .custom-story-description {\n      max-width: 282px;\n    }\n\n    .custom-watch-story--grand-oak .custom-story-block:nth-child(2) .custom-story-title {\n      max-width: 300px;\n    }\n\n    .custom-watch-story--grand-oak .custom-story-block:nth-child(2) .custom-story-description {\n      max-width: 320px;\n    }\n\n    .custom-watch-story--grand-oak .custom-before-after-section {\n      padding: 46px 20px 34px !important;\n    }\n  }\n\n  @media screen and (min-width: 750px) {\n    .custom-watch-story--grand-oak .custom-story-block {\n      grid-template-columns: 1fr 1fr;\n      min-height: 560px;\n    }\n\n    .custom-watch-story--grand-oak .custom-story-block.reverse .custom-story-media {\n      order: 2;\n    }\n\n    .custom-watch-story--grand-oak .custom-story-block.reverse .custom-story-text {\n      order: 1;\n    }\n\n    .custom-watch-story--grand-oak .custom-story-media,\n    .custom-watch-story--grand-oak .custom-story-media--square {\n      aspect-ratio: auto;\n      min-height: 560px;\n    }\n\n    .custom-watch-story--grand-oak .custom-story-text {\n      text-align: center;\n      align-items: center;\n      justify-content: center;\n      padding: 60px 48px !important;\n      min-height: 560px !important;\n    }\n\n    .custom-watch-story--grand-oak .custom-story-title {\n      font-size: 34px;\n      line-height: 1.15;\n      max-width: 520px;\n    }\n\n    .custom-watch-story--grand-oak .custom-story-description {\n      font-size: 17px;\n      line-height: 1.55;\n      max-width: 520px;\n      margin-top: 20px !important;\n    }\n\n    .custom-watch-story--grand-oak .custom-story-media:hover img {\n      transform: scale(1.04);\n    }\n\n    .custom-watch-story--grand-oak .custom-before-after-section {\n      padding: 58px 40px 48px !important;\n    }\n\n    .custom-watch-story--grand-oak .custom-before-after-title {\n      font-size: 30px;\n    }\n\n    .custom-watch-story--grand-oak .custom-before-after-description {\n      font-size: 17px;\n      max-width: 620px;\n    }\n  }\n\n  @media screen and (min-width: 1200px) {\n    .custom-watch-story--grand-oak .custom-story-block {\n      min-height: 650px;\n    }\n\n    .custom-watch-story--grand-oak .custom-story-media,\n    .custom-watch-story--grand-oak .custom-story-text {\n      min-height: 650px;\n    }\n\n    .custom-watch-story--grand-oak .custom-story-title {\n      font-size: 36px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .custom-watch-story--grand-oak .custom-story-media img {\n      transition: none;\n    }\n\n    .custom-watch-story--grand-oak .custom-story-media:hover img {\n      transform: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"custom-watch-story custom-watch-story--grand-oak\"\u003e\n\n  \u003c!-- BLOCO 1 --\u003e\n  \u003csection class=\"custom-story-block reverse\"\u003e\n    \u003cdiv class=\"custom-story-media custom-story-media--square\"\u003e\n      \u003cimg src=\"\/\/alexanderlige.com\/cdn\/shop\/files\/hf_20260619_041908_b2ce0b2d-268b-4656-967a-f63d0fb9d130.png?v=1782033956\u0026amp;width=1500\" alt=\"Grand Oak watch close-up\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"custom-story-text\"\u003e\n      \u003ch2 class=\"custom-story-title\"\u003e\n        An Emblem of Distinction\n      \u003c\/h2\u003e\n      \u003cp class=\"custom-story-description\"\u003e\n        More than a way to measure time, each creation is a mark of refinement.\n        Worn by those who understand that true elegance is not announced,\n        but recognized.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BLOCO 2 --\u003e\n  \u003csection class=\"custom-story-block\"\u003e\n    \u003cdiv class=\"custom-story-media custom-story-media--square\"\u003e\n      \u003cimg src=\"\/\/alexanderlige.com\/cdn\/shop\/files\/Screenshot_2026-06-26_at_5.43.37_pm.png?v=1782484562\u0026amp;width=1500\" alt=\"Grand Oak watch on wrist\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"custom-story-text\"\u003e\n      \u003ch2 class=\"custom-story-title\"\u003e\n        Quiet Authority\n      \u003c\/h2\u003e\n      \u003cp class=\"custom-story-description\"\u003e\n        The Grand Oak is not chosen, it is recognised. An octagonal form that pairs\n        strength with restraint, it carries the kind of presence that never needs\n        to announce itself.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BLOCO 3 \/ BEFORE AFTER --\u003e\n  \u003csection class=\"custom-before-after-section\"\u003e\n    \u003cdiv class=\"custom-before-after-inner\"\u003e\n\n      \u003cdiv class=\"custom-before-after-text\"\u003e\n        \u003ch2 class=\"custom-before-after-title\"\u003e\n          Two Watches. One Decision.\n        \u003c\/h2\u003e\n        \u003cp class=\"custom-before-after-description\"\u003e\n          Elevate your collection with The Grand Oak — select two watches,\n          and receive the second timepiece on us.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"custom-before-after-wrapper\"\u003e\n        \u003cimg src=\"\/\/alexanderlige.com\/cdn\/shop\/files\/LG89272A.jpg?v=1779537614\" alt=\"Grand Oak first watch option\" class=\"custom-before-after-image\" loading=\"lazy\" draggable=\"false\"\u003e\n\n        \u003cdiv class=\"custom-before-after-overlay\"\u003e\n          \u003cimg src=\"\/\/alexanderlige.com\/cdn\/shop\/files\/LG89272B.jpg?v=1779537614\" alt=\"Grand Oak second watch option\" class=\"custom-before-after-image\" loading=\"lazy\" draggable=\"false\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"custom-before-after-cursor\" aria-hidden=\"true\"\u003e\n          \u003cdiv class=\"custom-before-after-handle\"\u003e\n            \u003cspan\u003e\u003c\/span\u003e\n            \u003cspan\u003e\u003c\/span\u003e\n            \u003cspan\u003e\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  (function () {\n    const wrappers = document.querySelectorAll(\n      \".custom-watch-story--grand-oak .custom-before-after-wrapper\"\n    );\n\n    wrappers.forEach(function (wrapper) {\n      const cursor = wrapper.querySelector(\".custom-before-after-cursor\");\n\n      function setPosition(clientX) {\n        const rect = wrapper.getBoundingClientRect();\n        let x = clientX - rect.left;\n\n        if (x \u003c 0) x = 0;\n        if (x \u003e rect.width) x = rect.width;\n\n        const percentage = (x \/ rect.width) * 100;\n        wrapper.style.setProperty(\"--before-after-position\", percentage + \"%\");\n      }\n\n      function startDrag(event) {\n        event.preventDefault();\n\n        function moveDrag(moveEvent) {\n          setPosition(moveEvent.clientX);\n        }\n\n        function endDrag() {\n          document.removeEventListener(\"pointermove\", moveDrag);\n          document.removeEventListener(\"pointerup\", endDrag);\n        }\n\n        document.addEventListener(\"pointermove\", moveDrag);\n        document.addEventListener(\"pointerup\", endDrag);\n      }\n\n      cursor.addEventListener(\"pointerdown\", startDrag);\n\n      wrapper.addEventListener(\"click\", function (event) {\n        setPosition(event.clientX);\n      });\n    });\n  })();\n\u003c\/script\u003e","brand":"Alexander Lige","offers":[{"title":"Ocean","offer_id":44200080932929,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Obsidian","offer_id":44200080965697,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Emerald","offer_id":44200080998465,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Jade","offer_id":44200081031233,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Onyx","offer_id":44200081064001,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Pearl Gold","offer_id":44200081096769,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Obsidian Gold","offer_id":44200081129537,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/8852\/3585\/files\/LG89272A.jpg?v=1784059811","url":"https:\/\/henrylige.com\/products\/grand-oak","provider":"Henry Lige","version":"1.0","type":"link"}