{"hash":"art_3a4c2c4154940a7db0cc","contract":"1.0.0","pageVersion":2,"meta":{"title":"Whiskeys | Explore bottles by flavour","description":"Discover whiskey styles, flavour profiles, serving tips and a live collection of bottles for every kind of pour.","slug":"whiskey-page","publishAt":null,"expireAt":null,"timezone":"Asia/Dubai"},"template":"<style>\n.whiskey-page{font-family:var(--font-body);color:var(--color-ink);background:var(--color-surface)}\n.whiskey-page *{box-sizing:border-box}\n.whiskey-page a{color:inherit}\n.whiskey-shell{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}\n.whiskey-hero{position:relative;overflow:hidden;background:var(--color-ink);color:var(--color-surface);padding:72px 0 54px}\n.whiskey-hero::before{content:\"\";position:absolute;width:360px;height:360px;border-radius:50%;background:var(--color-accent);opacity:.16;right:-90px;top:-170px}\n.whiskey-hero::after{content:\"\";position:absolute;width:210px;height:210px;border:1px solid var(--color-accent);border-radius:50%;right:12%;bottom:-140px;opacity:.38}\n.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:48px;align-items:end}\n.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent)}\n.eyebrow::before{content:\"\";width:28px;height:2px;background:var(--color-accent)}\nh1,.whiskey-page h2,.whiskey-page h3{font-family:var(--font-display);margin-top:0}\nh1{font-size:clamp(42px,7vw,80px);line-height:.98;letter-spacing:-.05em;margin-bottom:22px}\n.hero-copy{font-size:18px;line-height:1.65;max-width:var(--max-width);margin:0 0 30px;color:var(--color-surface-alt)}\n.hero-actions{display:flex;flex-wrap:wrap;gap:12px}\n.hero-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:var(--radius);background:var(--color-accent);color:var(--color-ink);font-weight:800;text-decoration:none}\n.hero-link{display:inline-flex;align-items:center;min-height:48px;padding:0 10px;color:var(--color-surface);font-weight:700;text-decoration:none}\n.hero-note{border-left:3px solid var(--color-accent);padding:4px 0 4px 20px}\n.hero-note strong{display:block;font-family:var(--font-display);font-size:22px;margin-bottom:8px}\n.hero-note span{color:var(--color-surface-alt);line-height:1.55}\n.fact-strip{background:var(--color-primary);color:var(--color-on-primary)}\n.fact-grid{display:grid;grid-template-columns:repeat(3,1fr)}\n.fact{padding:22px 24px;border-right:1px solid var(--color-on-primary)}\n.fact:last-child{border-right:0}\n.fact b{display:block;font-family:var(--font-display);font-size:22px;margin-bottom:4px}\n.fact span{font-size:13px;opacity:.86}\n.section{padding:72px 0}\n.section-alt{background:var(--color-surface-alt)}\n.section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:34px}\n.section-heading h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.03em;margin-bottom:0}\n.section-heading p{max-width:520px;margin:0;color:var(--color-muted);line-height:1.65}\n.compass{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:22px}\n.compass-controls{display:grid;gap:10px}\n.compass-button{appearance:none;width:100%;padding:18px 20px;border:1px solid var(--color-primary);border-radius:var(--radius);background:var(--color-surface);color:var(--color-ink);font:700 16px var(--font-body);text-align:left;cursor:pointer}\n.compass-button[aria-selected=\"true\"]{background:var(--color-primary);color:var(--color-on-primary)}\n.compass-panel{position:relative;overflow:hidden;min-height:270px;padding:34px;border-radius:var(--radius);background:var(--color-ink);color:var(--color-surface)}\n.compass-panel::after{content:\"\";position:absolute;width:170px;height:170px;border-radius:50%;border:22px solid var(--color-accent);right:-64px;bottom:-78px;opacity:.32}\n.compass-panel small{display:block;color:var(--color-accent);font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}\n.compass-panel h3{font-size:34px;margin-bottom:14px}\n.compass-panel p{position:relative;z-index:1;max-width:520px;line-height:1.7;color:var(--color-surface-alt)}\n.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}\n.style-card{position:relative;min-height:225px;padding:26px;border:1px solid var(--color-surface-alt);border-radius:var(--radius);background:var(--color-surface);overflow:hidden}\n.style-card::after{content:attr(data-mark);position:absolute;right:12px;bottom:-28px;font-family:var(--font-display);font-size:96px;color:var(--color-primary);opacity:.09}\n.style-card span{display:inline-block;color:var(--color-primary);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:32px}\n.style-card h3{font-size:23px;margin-bottom:10px}\n.style-card p{position:relative;z-index:1;color:var(--color-muted);line-height:1.55;margin:0}\n.product-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}\n.product-pill{padding:9px 14px;border-radius:var(--radius);background:var(--color-surface-alt);color:var(--color-muted);font-size:13px;font-weight:700}\n.product-pill:first-child{background:var(--color-primary);color:var(--color-on-primary)}\n.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}\n.product-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--color-surface-alt);border-radius:var(--radius);background:var(--color-surface);overflow:hidden}\n.product-image-wrap{position:relative;aspect-ratio:4/5;background:var(--color-surface-alt);padding:20px}\n.product-image-wrap img{width:100%;height:100%;object-fit:contain;display:block}\n.product-badge{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:var(--radius);background:var(--color-ink);color:var(--color-surface);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}\n.product-body{display:flex;flex:1;flex-direction:column;padding:18px}\n.product-category{color:var(--color-primary);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}\n.product-card h3{font-family:var(--font-body);font-size:16px;line-height:1.4;margin:8px 0 18px}\n.product-meta{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-top:auto}\n.product-price{font-family:var(--font-display);font-size:20px;font-weight:800}\n.product-stock{color:var(--color-muted);font-size:12px;text-align:right}\n.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.guide-card{padding:28px;border-radius:var(--radius);background:var(--color-surface)}\n.guide-number{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--color-accent);color:var(--color-ink);font-family:var(--font-display);font-weight:800;margin-bottom:24px}\n.guide-card h3{font-size:21px;margin-bottom:10px}\n.guide-card p{color:var(--color-muted);line-height:1.6;margin:0}\n.serve-bar{display:grid;grid-template-columns:1.2fr repeat(3,.6fr);gap:16px;align-items:stretch;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius);padding:28px}\n.serve-intro h2{font-size:28px;margin-bottom:8px}\n.serve-intro p{margin:0;line-height:1.55;opacity:.88}\n.serve-card{padding:20px;border-left:1px solid var(--color-on-primary)}\n.serve-card b{display:block;font-family:var(--font-display);font-size:18px;margin-bottom:8px}\n.serve-card span{font-size:13px;line-height:1.45;opacity:.88}\n.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}\n.faq h2{font-size:38px}\n.faq-list details{border-top:1px solid var(--color-surface-alt);padding:18px 0}\n.faq-list details:last-child{border-bottom:1px solid var(--color-surface-alt)}\n.faq-list summary{font-weight:800;cursor:pointer}\n.faq-list p{color:var(--color-muted);line-height:1.65;margin:12px 0 0}\n.responsible-note{padding:22px;border-radius:var(--radius);background:var(--color-surface-alt);color:var(--color-muted);font-size:13px;line-height:1.6;margin-top:34px}\n@media (max-width:900px){\n.hero-grid,.compass,.faq{grid-template-columns:1fr}\n.style-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\n.serve-bar{grid-template-columns:1fr 1fr}\n.serve-intro{grid-column:1/-1}\n.serve-card{border-left:0;border-top:1px solid var(--color-on-primary)}\n}\n@media (max-width:620px){\n.whiskey-shell{padding:0 18px}\n.whiskey-hero{padding:54px 0 42px}\n.hero-grid{gap:32px}\n.fact-grid,.guide-grid,.style-grid,.product-grid,.serve-bar{grid-template-columns:1fr}\n.fact{border-right:0;border-bottom:1px solid var(--color-on-primary)}\n.fact:last-child{border-bottom:0}\n.section{padding:52px 0}\n.section-heading{display:block}\n.section-heading p{margin-top:14px}\n.serve-intro{grid-column:auto}\n}\n</style>\n<main class=\"whiskey-page\">\n  <section class=\"whiskey-hero\">\n    <div class=\"whiskey-shell hero-grid\">\n      <div>\n        <p class=\"eyebrow\">The whiskey edit</p>\n        <h1>Find your kind of whiskey</h1>\n        <p class=\"hero-copy\">From mellow sippers to fireside drams, discover bottles for gifting, sharing and slowly savouring—plus a simple guide to choosing with confidence.</p>\n        <div class=\"hero-actions\">\n          <a class=\"hero-button\" href=\"#bottles\">Shop the collection</a>\n          <a class=\"hero-link\" href=\"#flavour-finder\">Find your flavour →</a>\n        </div>\n      </div>\n      <aside class=\"hero-note\" aria-label=\"Whiskey shopping tip\">\n        <strong>Start with flavour</strong>\n        <span>Country tells part of the story. Your preferred notes—soft, smoky, rich or spiced—are the quickest way to a bottle you’ll enjoy.</span>\n      </aside>\n    </div>\n  </section>\n\n  <section class=\"fact-strip\" aria-label=\"Whiskey quick facts\">\n    <div class=\"whiskey-shell fact-grid\">\n      <div class=\"fact\"><b>3 ingredients</b><span>Grain, water and yeast begin every bottle.</span></div>\n      <div class=\"fact\"><b>One patient craft</b><span>Time in oak brings colour, aroma and depth.</span></div>\n      <div class=\"fact\"><b>Many ways to enjoy</b><span>Neat, over ice, with water or mixed.</span></div>\n    </div>\n  </section>\n\n  <section class=\"section section-alt\" id=\"flavour-finder\">\n    <div class=\"whiskey-shell\">\n      <div class=\"section-heading\">\n        <h2>Choose by flavour</h2>\n        <p>Tap the profile that sounds most like you. There are no wrong turns—just useful clues for your next pour.</p>\n      </div>\n      <div class=\"compass\">\n        <div class=\"compass-controls\" role=\"tablist\" aria-label=\"Whiskey flavour profiles\">\n          <button class=\"compass-button\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-title=\"Soft &amp; mellow\" data-label=\"Easy-going\" data-copy=\"Look for Irish whiskey, gentle blends and lighter cask finishes. Expect honey, vanilla, orchard fruit and a smooth finish.\">Soft &amp; mellow</button>\n          <button class=\"compass-button\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-title=\"Smoky &amp; coastal\" data-label=\"Bold character\" data-copy=\"Peated Scotch brings bonfire smoke, sea spray and earthy depth. Start lightly peated, then explore the bigger island styles.\">Smoky &amp; coastal</button>\n          <button class=\"compass-button\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-title=\"Rich &amp; fruity\" data-label=\"Full-bodied\" data-copy=\"Sherry-cask maturation often delivers dried fruit, dark sweetness and warming spice—a generous after-dinner style.\">Rich &amp; fruity</button>\n          <button class=\"compass-button\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-title=\"Spiced &amp; oaky\" data-label=\"Lively finish\" data-copy=\"Bourbon and rye are good places to look for caramel, toasted oak, baking spice and a confident warming finish.\">Spiced &amp; oaky</button>\n        </div>\n        <div class=\"compass-panel\" role=\"tabpanel\" aria-live=\"polite\">\n          <small id=\"flavour-label\">Easy-going</small>\n          <h3 id=\"flavour-title\">Soft &amp; mellow</h3>\n          <p id=\"flavour-copy\">Look for Irish whiskey, gentle blends and lighter cask finishes. Expect honey, vanilla, orchard fruit and a smooth finish.</p>\n        </div>\n      </div>\n    </div>\n  </section>\n\n  <section class=\"section\">\n    <div class=\"whiskey-shell\">\n      <div class=\"section-heading\">\n        <h2>Four styles, four stories</h2>\n        <p>A useful shortcut through the whiskey world, from Scotland’s regional character to bourbon’s sweet American oak.</p>\n      </div>\n      <div class=\"style-grid\">\n        <article class=\"style-card\" data-mark=\"S\"><span>Scotland</span><h3>Scotch</h3><p>Layered and diverse, from bright orchard fruit to deep maritime smoke.</p></article>\n        <article class=\"style-card\" data-mark=\"I\"><span>Ireland</span><h3>Irish</h3><p>Often smooth and approachable, with cereal sweetness and fresh fruit.</p></article>\n        <article class=\"style-card\" data-mark=\"B\"><span>United States</span><h3>Bourbon</h3><p>Round and generous, with vanilla, caramel and toasted oak notes.</p></article>\n        <article class=\"style-card\" data-mark=\"J\"><span>Japan</span><h3>Japanese</h3><p>Precise and elegant, prized for balance, texture and subtle detail.</p></article>\n      </div>\n    </div>\n  </section>\n\n  <section class=\"section section-alt\" id=\"bottles\">\n    <div class=\"whiskey-shell\">\n      <div class=\"section-heading\">\n        <h2>Whiskeys to explore</h2>\n        <p>Browse up to twelve bottles from the live collection. Product prices and availability refresh directly from the catalog.</p>\n      </div>\n      <div class=\"product-toolbar\" aria-label=\"Collection highlights\">\n        <span class=\"product-pill\">All whiskey</span>\n        <span class=\"product-pill\">Up to 12 bottles</span>\n        <span class=\"product-pill\">Live availability</span>\n      </div>\n      <div class=\"product-grid\">\n        {{#list:whiskey_collection}}\n        <article class=\"product-card\">\n          <div class=\"product-image-wrap\">\n            <img src=\"{{f:image}}\" alt=\"{{f:title}} whiskey bottle\" loading=\"lazy\">\n            <span class=\"product-badge\">Whiskey</span>\n          </div>\n          <div class=\"product-body\">\n            <span class=\"product-category\">{{f:category}}</span>\n            <h3>{{f:title}}</h3>\n            <div class=\"product-meta\">\n              <span class=\"product-price\">AED {{f:price}}</span>\n              <span class=\"product-stock\">{{f:stock}} in stock</span>\n            </div>\n          </div>\n        </article>\n        {{/list}}\n      </div>\n    </div>\n  </section>\n\n  <section class=\"section\">\n    <div class=\"whiskey-shell\">\n      <div class=\"section-heading\">\n        <h2>A better bottle in three steps</h2>\n        <p>Keep the occasion, the drinker and the flavour in mind. The label becomes much easier to read.</p>\n      </div>\n      <div class=\"guide-grid\">\n        <article class=\"guide-card\"><div class=\"guide-number\">1</div><h3>Pick the moment</h3><p>A lighter, versatile bottle suits sharing; a distinctive aged or smoky whiskey makes a memorable gift.</p></article>\n        <article class=\"guide-card\"><div class=\"guide-number\">2</div><h3>Follow the clues</h3><p>Words such as peated, sherry cask, bourbon barrel and rye point directly to flavour and texture.</p></article>\n        <article class=\"guide-card\"><div class=\"guide-number\">3</div><h3>Serve your way</h3><p>Try it neat first, then add a few drops of water. Ice softens heat; a highball keeps things bright.</p></article>\n      </div>\n    </div>\n  </section>\n\n  <section class=\"section section-alt\">\n    <div class=\"whiskey-shell\">\n      <div class=\"serve-bar\">\n        <div class=\"serve-intro\"><h2>Set up the perfect pour</h2><p>Small details help every whiskey show its best side.</p></div>\n        <div class=\"serve-card\"><b>Glass</b><span>A tumbler for relaxed sipping; a tulip shape for aromas.</span></div>\n        <div class=\"serve-card\"><b>Water</b><span>A few drops can open up aroma and soften alcohol heat.</span></div>\n        <div class=\"serve-card\"><b>Pairing</b><span>Try dark chocolate, aged cheese, nuts or dried fruit.</span></div>\n      </div>\n    </div>\n  </section>\n\n  <section class=\"section\">\n    <div class=\"whiskey-shell faq\">\n      <div>\n        <p class=\"eyebrow\">Good to know</p>\n        <h2>Whiskey questions, answered</h2>\n      </div>\n      <div class=\"faq-list\">\n        <details><summary>Whiskey or whisky—which spelling is right?</summary><p>Both are right. “Whisky” is commonly used in Scotland, Canada and Japan, while “whiskey” is common in Ireland and the United States.</p></details>\n        <details><summary>Does older always mean better?</summary><p>No. Age changes flavour, but balance matters more than the number. Younger whiskeys can be lively and fruit-forward; older ones may be deeper and oakier.</p></details>\n        <details><summary>How should I store an opened bottle?</summary><p>Keep it upright, tightly closed and away from direct sunlight or temperature swings. Unlike wine, whiskey does not continue to mature in the bottle.</p></details>\n        <details><summary>What is the best whiskey for a beginner?</summary><p>Start with a smooth Irish whiskey, a gentle blend or a fruit-led single malt, then use the flavour finder above to explore from there.</p></details>\n      </div>\n      <p class=\"responsible-note\">Please enjoy responsibly. Alcohol is intended only for adults of legal purchasing age.</p>\n    </div>\n  </section>\n</main>\n<script>\n(function(){\n  var buttons=document.querySelectorAll(\".compass-button\");\n  var title=document.getElementById(\"flavour-title\");\n  var label=document.getElementById(\"flavour-label\");\n  var copy=document.getElementById(\"flavour-copy\");\n  buttons.forEach(function(button){\n    button.addEventListener(\"click\",function(){\n      buttons.forEach(function(item){item.setAttribute(\"aria-selected\",\"false\");});\n      button.setAttribute(\"aria-selected\",\"true\");\n      title.textContent=button.dataset.title;\n      label.textContent=button.dataset.label;\n      copy.textContent=button.dataset.copy;\n    });\n  });\n})();\n</script>","manifest":{"contract":"1.0.0","meta":{"title":"Whiskeys | Explore bottles by flavour","description":"Discover whiskey styles, flavour profiles, serving tips and a live collection of bottles for every kind of pour."},"bindings":[{"id":"whiskey_collection","type":"query","query":{"category":"whiskey","sort":"popular","limit":12}}]},"tokensCss":":root{--color-primary:#0E7A3D;--color-on-primary:#FFFFFF;--color-ink:#19241C;--color-surface:#FFFFFF;--color-surface-alt:#EFF6F0;--color-muted:#5F6E63;--color-accent:#F2A900;--font-display:Verdana, sans-serif;--font-body:-apple-system, Segoe UI, Roboto, sans-serif;--radius:14px;--max-width:1140px}body{margin:0;font-family:var(--font-body,sans-serif);color:var(--color-ink,#111);background:var(--color-surface,#fff)}img{max-width:100%}*{box-sizing:border-box}","gates":[{"id":"contract","label":"Contract & manifest","pass":true,"detail":"contract v1.0.0"},{"id":"tokens","label":"Design tokens only","pass":true,"detail":"all color/type via tokens"},{"id":"a11y","label":"Accessibility","pass":true,"detail":"alt text present, single h1"},{"id":"perf","label":"Performance budget","pass":true,"detail":"17.3 KB template, 1 image(s)"},{"id":"seo","label":"SEO metadata","pass":true,"detail":"title and description set"},{"id":"integrity","label":"Bindings resolve","pass":true,"detail":"all bindings resolve against the catalog"},{"id":"js","label":"Script & asset policy","pass":true,"detail":"self-contained, CSP-clean, approved image hosts only"}],"issuedAt":"2026-08-03 05:17:24"}