{"product_id":"daniel-caesar-case-study-01","title":"Daniel Caesar – Case Study 01","description":"\u003cbody\u003e\n\u003ciframe style=\"width:100%; height:190px; border:0; display:block; background:transparent;\" srcdoc='\n  \u0026lt;!doctype html\u0026gt;\n  \u0026lt;html\u0026gt;\n  \u0026lt;head\u0026gt;\n    \u0026lt;style\u0026gt;\n      html,\n      body {\n        margin: 0;\n        background: transparent;\n        color: #000;\n        font-family: Arial, Helvetica, sans-serif;\n      }\n\n      .wrap {\n        width: 100%;\n        box-sizing: border-box;\n        padding: 28px 20px;\n        text-align: center;\n        background: transparent;\n      }\n\n      .label {\n        font-size: 20px;\n        font-weight: 900;\n        letter-spacing: 0.16em;\n        margin-bottom: 22px;\n        color: #000;\n      }\n\n      .time {\n        display: flex;\n        justify-content: center;\n        gap: 18px;\n      }\n\n      .box {\n        min-width: 68px;\n      }\n\n      .num {\n        display: block;\n        font-size: 54px;\n        font-weight: 900;\n        line-height: 0.9;\n        letter-spacing: -0.06em;\n        color: #000;\n      }\n\n      .unit {\n        display: block;\n        margin-top: 8px;\n        font-size: 10px;\n        font-weight: 800;\n        letter-spacing: 0.12em;\n        color: #000;\n      }\n\n      .closed {\n        display: none;\n        font-size: 30px;\n        font-weight: 900;\n        color: #000;\n      }\n\n      .ended .time {\n        display: none;\n      }\n\n      .ended .closed {\n        display: block;\n      }\n\n      @media (max-width: 600px) {\n        .wrap {\n          padding: 24px 12px;\n        }\n\n        .label {\n          font-size: 15px;\n          letter-spacing: 0.12em;\n          margin-bottom: 18px;\n        }\n\n        .time {\n          gap: 10px;\n        }\n\n        .box {\n          min-width: 58px;\n        }\n\n        .num {\n          font-size: 42px;\n        }\n      }\n    \u0026lt;\/style\u0026gt;\n  \u0026lt;\/head\u0026gt;\n\n  \u0026lt;body\u0026gt;\n    \u0026lt;div class=\"wrap\" id=\"countdown\"\u0026gt;\n      \u0026lt;div class=\"label\"\u0026gt;PRE-ORDER CLOSES IN\u0026lt;\/div\u0026gt;\n\n      \u0026lt;div class=\"time\"\u0026gt;\n        \u0026lt;div class=\"box\"\u0026gt;\n          \u0026lt;span class=\"num\" id=\"days\"\u0026gt;00\u0026lt;\/span\u0026gt;\n          \u0026lt;span class=\"unit\"\u0026gt;DAYS\u0026lt;\/span\u0026gt;\n        \u0026lt;\/div\u0026gt;\n        \u0026lt;div class=\"box\"\u0026gt;\n          \u0026lt;span class=\"num\" id=\"hours\"\u0026gt;00\u0026lt;\/span\u0026gt;\n          \u0026lt;span class=\"unit\"\u0026gt;HOURS\u0026lt;\/span\u0026gt;\n        \u0026lt;\/div\u0026gt;\n        \u0026lt;div class=\"box\"\u0026gt;\n          \u0026lt;span class=\"num\" id=\"minutes\"\u0026gt;00\u0026lt;\/span\u0026gt;\n          \u0026lt;span class=\"unit\"\u0026gt;MIN\u0026lt;\/span\u0026gt;\n        \u0026lt;\/div\u0026gt;\n        \u0026lt;div class=\"box\"\u0026gt;\n          \u0026lt;span class=\"num\" id=\"seconds\"\u0026gt;00\u0026lt;\/span\u0026gt;\n          \u0026lt;span class=\"unit\"\u0026gt;SEC\u0026lt;\/span\u0026gt;\n        \u0026lt;\/div\u0026gt;\n      \u0026lt;\/div\u0026gt;\n\n      \u0026lt;div class=\"closed\"\u0026gt;PRE-ORDER CLOSED\u0026lt;\/div\u0026gt;\n    \u0026lt;\/div\u0026gt;\n\n    \u0026lt;script\u0026gt;\n      const countdown = document.getElementById(\"countdown\");\n\n      const now = new Date();\n\n      const targetDate = new Date(\n        now.getFullYear(),\n        now.getMonth(),\n        31,\n        23,\n        59,\n        59\n      );\n\n      function pad(num) {\n        return String(num).padStart(2, \"0\");\n      }\n\n      function update() {\n        const current = new Date();\n        const distance = targetDate - current;\n\n        if (distance \u0026lt;= 0) {\n          countdown.classList.add(\"ended\");\n          return;\n        }\n\n        const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n        const hours = Math.floor((distance \/ (1000 * 60 * 60)) % 24);\n        const minutes = Math.floor((distance \/ (1000 * 60)) % 60);\n        const seconds = Math.floor((distance \/ 1000) % 60);\n\n        document.getElementById(\"days\").textContent = pad(days);\n        document.getElementById(\"hours\").textContent = pad(hours);\n        document.getElementById(\"minutes\").textContent = pad(minutes);\n        document.getElementById(\"seconds\").textContent = pad(seconds);\n      }\n\n      update();\n      setInterval(update, 1000);\n    \u0026lt;\/script\u0026gt;\n  \u0026lt;\/body\u0026gt;\n  \u0026lt;\/html\u0026gt;\n  '\u003e\u003c\/iframe\u003e\n\n\u003cp\u003e\u003cspan\u003ePre-Order Period: June 22 – July 31\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e**Ship by September 2026**\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e “Official version manufactured and distributed by Secondtrack.”\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e1LP [Transparent Blue, Red, Black Marble Vinyl]\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eIncludes bonus track: “Who Hurt You?”\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eTracklist:\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e \u003cbr\u003eA-1 Entropy\u003cbr\u003eA-2 Cyanide\u003cbr\u003eA-3 Love Again (Daniel Caesar \u0026amp; Brandy)\u003cbr\u003eA-4 Frontal Lobe Muzik (feat. Pharrell)\u003cbr\u003eA-5 Open Up\u003cbr\u003eA-6 Restore The Feeling (feat. Sean Leon \u0026amp; Jacob Collier)\u003cbr\u003e\u003cbr\u003eB-1 Superposition (feat. John Mayer)\u003cbr\u003eB-2 Too Deep to Turn Back\u003cbr\u003eB-3 Complexities\u003cbr\u003eB-4 Are You OK?\u003cbr\u003eB-5 Who Hurt You? (Bonus Track)\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003chr\u003e\n\u003cp\u003e\u003ciframe src=\"https:\/\/open.spotify.com\/embed\/album\/4mvxoogQn8p84Wz17zTHnJ\" width=\"100%\" height=\"500\"\u003e\u003c\/iframe\u003e\u003c\/p\u003e\n\u003c\/body\u003e","brand":"Secondtrack","offers":[{"title":"Default Title","offer_id":53564554281239,"sku":null,"price":1890.0,"currency_code":"THB","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1010\/6568\/7319\/files\/PRE_49abdc33-06ac-43e8-be00-7a24fa98a436.png?v=1782199447","url":"https:\/\/recordrecord.co.th\/products\/daniel-caesar-case-study-01","provider":"Record Record. \/Radio","version":"1.0","type":"link"}