Pangram Playground

<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content="#24ff00"> <title> Pangram Playground </title><meta name="description" content="From its typographic origins, defined by meticulous attention to detail and practical rigour, Pangram Playground emerges. Effortlessly combining the worlds of work and play into a space entirely new. ‘Play is the highest form of research,’ an enduring maxim leading Pangram Playground into uncharted ground."><link rel="canonical" href="https://pangramplayground.com/"><link rel="shortcut icon" href="//pangramplayground.com/cdn/shop/files/Fav_Icon_f0c6cf1b-6d46-4744-a878-205aba08732d.jpg?v=1699378019&width=96" type="image/png"> <meta property="og:site_name" content="Pangram Playground"> <meta property="og:url" content="https://pangramplayground.com/"> <meta property="og:title" content="Pangram Playground"> <meta property="og:type" content="website"> <meta property="og:description" content="From its typographic origins, defined by meticulous attention to detail and practical rigour, Pangram Playground emerges. Effortlessly combining the worlds of work and play into a space entirely new. ‘Play is the highest form of research,’ an enduring maxim leading Pangram Playground into uncharted ground."><meta property="og:image" content="http://pangramplayground.com/cdn/shop/files/Share_Image.jpg?v=1699377195"> <meta property="og:image:secure_url" content="https://pangramplayground.com/cdn/shop/files/Share_Image.jpg?v=1699377195"> <meta property="og:image:width" content="2400"> <meta property="og:image:height" content="1256"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Pangram Playground"> <meta name="twitter:description" content="From its typographic origins, defined by meticulous attention to detail and practical rigour, Pangram Playground emerges. Effortlessly combining the worlds of work and play into a space entirely new. ‘Play is the highest form of research,’ an enduring maxim leading Pangram Playground into uncharted ground."> <style> :root { --tg-grid-gutter-x: 16px; --tg-grid-gutter-y: 20px; --tg-ref-typescale-text-font : "New York", Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --tg-ref-text-font-weight : 400; --tg-ref-text-font-style : normal; --tg-ref-text-font-scale : 1.0; --tg-ref-typescale-heading-font : "New York", Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --tg-ref-heading-font-weight : 400; --tg-ref-heading-font-style : normal; --tg-ref-heading-font-scale : 1.0; --tg-ref-typescale-display-font : "New York", Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --tg-ref-display-font-weight : 400; --tg-ref-display-font-style : normal; --tg-ref-display-font-scale : 1.0; --tg-product-badge-corner-radius: 0px; --tg-sys-button-border-radius: 0px; --tg-sys-color-theme-light: #24ff00; --tg-sys-color-background-light: #eff1f6; --tg-sys-color-on-background-light: #1c1b1b; --tg-sys-color-surface-light: #eff1f6; --tg-sys-color-on-surface-light: #1c1b1b; --tg-sys-color-on-surface-variant-light: #5d5a5a; --tg-sys-color-outline-light: #ffffff; --tg-sys-color-surface1-light: #eff1f6; --tg-sys-color-surface2-light: #eff1f6; --tg-sys-color-surface3-light: #eff1f6; --tg-sys-color-surface4-light: #eff1f6; --tg-sys-color-surface5-light: #eff1f6; --tg-sys-color-theme-rgb-light: 36, 255, 0; --tg-sys-color-outline-rgb-light: 255, 255, 255; --tg-sys-color-background-rgb-light: 239, 241, 246; --tg-sys-color-on-background-rgb-light: 28, 27, 27; --tg-sys-color-on-surface-rgb-light: 28, 27, 27; --tg-component-icon-plus: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231c1b1b'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e"); --tg-component-icon-minus: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231c1b1b'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3e%3c/svg%3e"); --tg-component-icon-arrow-right: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231c1b1b'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --tg-component-icon-close: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231c1b1b'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e"); --tg-component-icon-arrow-down: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231c1b1b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } </style> <script> // IE11 does not have support for CSS variables, so we have to polyfill them if (!(((window || {}).CSS || {}).supports && window.CSS.supports('(--a: 0)'))) { const script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2'; script.onload = function() { cssVars({}); }; document.getElementsByTagName('head')[0].appendChild(script); } </script> <script src="//pangramplayground.com/cdn/shop/t/7/assets/global.js?v=147573733259973043241713810840" defer></script> <script src="//pangramplayground.com/cdn/shop/t/7/assets/flickity.pkgd.js?v=128701018618731700791713810840" defer="defer"></script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="off311brblzxph028eyx0qjgt9rk96"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/56977457213/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="bccfb88ee06908d53076c988f0f3c654"> <meta id="in-context-paypal-metadata" data-shop-id="56977457213" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=56977457213" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":56977457213,"countryCode":"CA","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/56977457213","merchantName":"Pangram Playground","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","jcb"],"total":{"type":"pending","label":"Pangram Playground","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"bccfb88ee06908d53076c988f0f3c654","betas":["rich-media-storefront-analytics"],"domain":"pangramplayground.com","predictiveSearch":true,"shopId":56977457213,"smart_payment_buttons_url":"https:\/\/pangramplayground.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/pangramplayground.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "pangrampangramstudio.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"Pangram Playground - Dice Release Day","id":128338821181,"schema_name":"Mandolin","schema_version":"2.8.2","theme_store_id":1696,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "pangramplayground.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_OeEJaCCl.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_ebaeknJi.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_DFuavrNS.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_FYuhzIyB.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_BpgmfGjt.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_BeYjtKbh.en.esm.js","modules/v2/client.shop-login-button_lKeTheS8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_PZ5lYCet.en.esm.js","modules/v2/client.shop-login-button_lKeTheS8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_lKeTheS8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_BJjZdiwD.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"pay-button":["modules/v2/client.pay-button_Bg1kIsBL.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_ChDGiggf.en.esm.js","modules/v2/client.shop-login-button_lKeTheS8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"lead-capture":["modules/v2/client.lead-capture_aUqk28I9.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"payment-terms":["modules/v2/client.payment-terms_CgEU06X8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"]}; </script> <script id="__st">var __st={"a":56977457213,"offset":-18000,"reqid":"cb083866-e02a-44eb-9cd1-ca0905304597-1739783731","pageurl":"pangramplayground.com\/","u":"36e258c63484","p":"home"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//pangramplayground.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//pangramplayground.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//pangramplayground.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <link rel="stylesheet" media="screen" href="https://pangramplayground.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 180px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <link href="//pangramplayground.com/cdn/shop/t/7/assets/theme.css?v=146721399271936339381713810840" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="//pangramplayground.com/cdn/shop/t/7/assets/component-predictive-search-drawer.css?v=67040111578305319141713810840" media="print" onload="this.media='all'"><link href="//pangramplayground.com/cdn/shop/t/7/assets/custom.css?v=111603181540343972631713810840" rel="stylesheet" type="text/css" media="all" /> <script> window.theme = { pageType: "index", moneyFormat: "${{amount}}", moneyWithCurrencyFormat: "${{amount}} USD", productImageSize: "3x4", useAjaxCart: true }; window.routes = { rootUrl: "\/", rootUrlWithoutSlash: '', cartUrl: "\/cart", cartAddUrl: "\/cart\/add", cartChangeUrl: "\/cart\/change", searchUrl: "\/search", productRecommendationsUrl: "\/recommendations\/products", predictiveSearchUrl: "\/search\/suggest" }; window.languages = { cartAddNote: "Add Order Note", cartEditNote: "Edit Order Note", productImageLoadingError: "This image could not be loaded. Please try to reload the page.", productFormAddToCart: "Add to cart", productFormUnavailable: "Unavailable", productFormSoldOut: "Sold Out", shippingEstimatorOneResult: "1 option available:", shippingEstimatorMoreResults: "{{count}} options available:", shippingEstimatorNoResults: "No shipping could be found" }; window.lazySizesConfig = { loadHidden: false, hFac: 0.5, expFactor: 2, ricTimeout: 150, lazyClass: 'Image--lazyLoad', loadingClass: 'Image--lazyLoading', loadedClass: 'Image--lazyLoaded' }; </script> <script src="//pangramplayground.com/cdn/shop/t/7/assets/lazysizes.js?v=83459441985570167591713810840" async></script> <script src="https://polyfill-fastly.net/v3/polyfill.min.js?unknown=polyfill&features=fetch,Element.prototype.closest,Element.prototype.remove,Element.prototype.classList,Array.prototype.includes,Array.prototype.fill,Object.assign,CustomEvent,IntersectionObserver,IntersectionObserverEntry,URL" defer></script> <script> (function () { window.onpageshow = function() { document.documentElement.dispatchEvent(new CustomEvent('cart:refresh', { bubbles: true })); }; })(); document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); document.documentElement.style.setProperty('--tg-window-height', window.innerHeight + 'px'); </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Home", "item": "https://pangramplayground.com" }] } </script> <script src="//pangramplayground.com/cdn/shop/t/7/assets/libs.js?v=157837045956597778021713810840" defer="defer"></script> <script src="//pangramplayground.com/cdn/shop/t/7/assets/helpers.js?v=81340830512193108141713810840" defer="defer"></script> <script src="//pangramplayground.com/cdn/shop/t/7/assets/components.js?v=60110366239140273891713810840" defer="defer"></script> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 56977457213,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function d(d,e,n,o,r,i){if(!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t,s=function(){var d={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},e=d.modern,n=d.legacy,o=navigator.userAgent;return e.test(o)?"modern":(n.test(o),"legacy")}(),l=null!=i?i:{modern:"",legacy:""};window.Shopify=window.Shopify||{};var u=window.Shopify;u.analytics=u.analytics||{};var c=u.analytics;c.replayQueue=[],c.publish=function(d,e,n){return c.replayQueue.push([d,e,n]),!0};try{self.performance.mark("wpm:start")}catch(d){}var f=[n,"/wpm","/b",r,s.substring(0,1),".js"].join(""),h=l[s];!function(d){var e=d.src,n=d.async,o=void 0===n||n,r=d.onload,i=d.onerror,a=d.sri,t=document.createElement("script"),s=document.head,l=document.body;t.async=o,t.src=e,a&&(t.integrity=a,t.crossOrigin="anonymous"),r&&t.addEventListener("load",r),i&&t.addEventListener("error",i),s?s.appendChild(t):l?l.appendChild(t):console.error("Did not find a head or body element to append the script")}({src:f,async:!0,onload:function(){if(!function(){var d,e;return Boolean(null===(e=null===(d=window.Shopify)||void 0===d?void 0:d.analytics)||void 0===e?void 0:e.initialized)}()){var n=window.webPixelsManager.init(d)||void 0;if(n){e(n);var o=window.Shopify.analytics;o.replayQueue.forEach((function(d){var e=d[0],o=d[1],r=d[2];n.publishCustomEvent(e,o,r)})),o.replayQueue=[],o.publish=n.publishCustomEvent,o.visitor=n.visitor,o.initialized=!0}}},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),n="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:o||"latest",bundle_target:s,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(f," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(n,r))return!0}catch(d){}var i=new XMLHttpRequest;try{return i.open("POST",n,!0),i.setRequestHeader("Content-Type","text/plain"),i.send(r),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1},sri:function(d){return"string"==typeof d&&/^sha384-[A-Za-z0-9+/=]+$/.test(d)}(h)?h:""})}})({shopId: 56977457213,storefrontBaseUrl: "https://pangramplayground.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: ["6a396365"],webPixelsConfigList: [{"id":"483065917","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-C43D564X2R\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-C43D564X2R\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-C43D564X2R\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-C43D564X2R\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-C43D564X2R\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-C43D564X2R\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-C43D564X2R\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-C43D564X2R\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"642ed32d7fafb3e0986c8ba3bf3908a1","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"158662717","configuration":"{\"pixel_id\":\"870533964482960\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"Pangram Playground","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"pangrampangramstudio.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/pangramplayground.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://pangramplayground.com/cdn","96d7db11b5d836789812e500283123b0e57df9f7","8fa806few5358ccf9p85054907m3e22f137",{"modern":"","legacy":""});</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"home"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {  window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-2KNG63PZ7V'); }; </script> <script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti'); (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 56977457213, theme_id: 128338821181, app_name: "storefront", context_url: window.location.href, source_url: "//pangramplayground.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//pangramplayground.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//pangramplayground.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":56977457213,"isMerchantRequest":null,"themeId":128338821181,"themeCityHash":"12949057513623207693","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Google Analytics":{"trackingId":"UA-25009516-9","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; ga('require', 'linker'); function addListener(element, type, callback) { if (element.addEventListener) { element.addEventListener(type, callback); } else if (element.attachEvent) { element.attachEvent('on' + type, callback); } } function decorate(event) { event = event || window.event; var target = event.target || event.srcElement; if (target && (target.getAttribute('action') || target.getAttribute('href'))) { ga(function (tracker) { var linkerParam = tracker.get('linkerParam'); document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/'; }); } } addListener(window, 'load', function(){ for (var i=0; i < document.forms.length; i++) { var action = document.forms[i].getAttribute('action'); if(action && action.indexOf('/cart') >= 0) { addListener(document.forms[i], 'submit', decorate); } } for (var i=0; i < document.links.length; i++) { var href = document.links[i].getAttribute('href'); if(href && href.indexOf('/checkout') >= 0) { addListener(document.links[i], 'click', decorate); } } }); var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//pangramplayground.com/cdn/shopifycloud/shopify/assets/shop_events_listener-af52bb5773aaa9f7f1f7f1f7e3a010a904a5c7213a959b83580d22bc7920a2e4.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://pangramplayground.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.3.0.min.js" data-application="storefront-renderer" data-shop-id="56977457213" data-render-region="gcp-asia-southeast1" data-page-type="index" data-theme-instance-id="128338821181" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="MandolinTheme Template Template--index"> <a class="SkipToContentLink VisuallyHidden" href="#MainContent">Skip to content</a><style type="text/css"> .LoadingBar { position: fixed; top: 0; left: 0; height: 2px; width: 0; opacity: 0; background: var(--tg-sys-color-on-background); transition: width 0.25s ease-in-out; z-index: 50; pointer-events: none; } .LoadingBar.Visible { opacity: 1; } @media screen and (min-width: 1280px) { .LoadingBar { height: 3px; } } </style> <loading-bar class="LoadingBar"></loading-bar> <script> if (!customElements.get('loading-bar')) { class TG_LoadingBar extends HTMLElement { constructor() { super(); } connectedCallback() { document.addEventListener('theme:loading:start', this._onLoadingStart.bind(this)); document.addEventListener('theme:loading:end', this._onLoadingEnd.bind(this)); this.addEventListener('transitionend', this._onTransitionEnd.bind(this)); } _onLoadingStart() { this.classList.add('Visible'); this.style.width = '40%'; } _onLoadingEnd() { this.style.width = '100%'; this.classList.add('Finished'); } _onTransitionEnd(event) { if (event.propertyName === 'width' && this.classList.contains('Finished')) { this.classList.remove('Visible'); this.classList.remove('Finished'); this.style.width = '0'; } } } customElements.define('loading-bar', TG_LoadingBar); } </script><div id="shopify-section-menu-drawer" class="shopify-section shopify-section--menu-drawer"><style> .MenuDrawer__LogoImage { max-width: 180px; height: auto; } </style><section id="MenuDrawer" class="MenuDrawer Drawer Drawer--start" aria-hidden="true" data-section-id="menu-drawer" data-section-type="menu-drawer"> <header class="Drawer__Header"><img srcset="//pangramplayground.com/cdn/shop/files/Playground-Header-Logo-1.png?v=1698859603&width=180 1x, //pangramplayground.com/cdn/shop/files/Playground-Header-Logo-1.png?v=1698859603&width=360 2x" src="//pangramplayground.com/cdn/shop/files/Playground-Header-Logo-1.png?v=1698859603&width=180" loading="lazy" decoding="async" class="MenuDrawer__LogoImage" width="400" height="115" alt="Pangram Playground" ><button type="button" class="ButtonClose" data-tg-dismiss="Drawer" aria-label="Close"></button> </header> <div class="Drawer__Body"> <nav class="MenuDrawer__Nav MenuDrawer__Nav--primary" aria-label="Sidebar navigation"> <div class="Accordion" id="MenuDrawerAccordion"><div class="Accordion__Item"><a href="/collections/all" class="Accordion__Button Accordion__Button--levelOne Accordion__Button--noAction Nav__Link">Shop</a></div><div class="Accordion__Item"><a href="/pages/about" class="Accordion__Button Accordion__Button--levelOne Accordion__Button--noAction Nav__Link">Manifesto</a></div></div> </nav><nav class="MenuDrawer__Nav MenuDrawer__Nav--secondary"> <ul class="Nav Nav--vertical"><li class="Nav__Item"> <a href="/pages/shipping" class="Nav__Link">Shipping & Returns </a> </li><li class="Nav__Item"> <a href="/pages/size-guide" class="Nav__Link">Size Guide</a> </li><li class="Nav__Item"> <a href="/pages/terms-conditions" class="Nav__Link">Terms & Conditions</a> </li><li class="Nav__Item"> <a href="/pages/privacy-policy" class="Nav__Link">Privacy Policy</a> </li><li class="Nav__Item"> <a href="/pages/contact-1" class="Nav__Link">Contact Us</a> </li></ul> </nav></div><div class="Drawer__Footer"> <ul class="MenuDrawer__Social Nav Nav--icons SocialMedia"> <li class="Nav__Item"> <a href="https://instagram.com/pangramplayground" class="Button Button--icon Nav__Link" role="button" target="_blank" rel="noopener" aria-label="Instagram"> <svg class="Icon Icon--instagram" viewBox="0 0 16 16"> <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/> </svg> </a> </li> </ul> </div></section> </div><div id="shopify-section-cart-drawer" class="shopify-section shopify-section--cart-drawer"><div id="CartDrawer" class="Drawer Drawer--end CartDrawer" aria-hidden="true" data-section-id="cart-drawer" data-section-type="cart-drawer" data-section-settings='{ "itemCount": 0, "sectionId": "cart-drawer", "freeShippingString": "You are eligible for free shipping!", "freeShippingAmountString": "Spend remaining__amount more and get free shipping!", "freeShippingThreshold": true, "freeShippingAmount": 15000 }'> <div class="Drawer__Header"> <h5 class="Drawer__Title">Cart</h5> <button type="button" class="ButtonClose" data-tg-dismiss="Drawer" aria-label="Close cart"></button> </div> <form action="/cart" method="POST" class="Form Form--cart" novalidate> <div class="Drawer__Body"><div class="CartDrawer__ShippingAmountNotice Alert Alert--info Alert--small no-js-hidden" data-cart-currency-symbol="$" data-cart-total-price="0">   </div><div class="EmptyResult Container"> <p class="EmptyResult__Title TextMuted">Your cart is empty</p> </div></div></form> </div></div><div id="shopify-section-search-drawer" class="shopify-section shopify-section--search-drawer"><div class="Drawer Drawer--top SearchDrawer PredictiveSearch" tabindex="-1" id="SearchDrawer" data-section-id="search-drawer" data-section-type="search-drawer"> <div class="Drawer__Header"> <form action="/search" name="GET" role="search" class="SearchDrawer__Form"> <div class="SearchDrawer__InputIconWrapper"><span><svg class="Icon Icon--search" viewBox="0 0 16 16"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/> </svg></span></div> <input id="SearchDrawerQueryString" type="search" class="SearchDrawer__Input Form__Input" name="q" placeholder="Search..." aria-label="Search..."> <label class="VisuallyHidden" for="SearchDrawerQueryString">Search...</label> <input type="hidden" name="options[prefix]" value="last"><button type="button" class="Button Button--icon" data-tg-dismiss="Drawer" aria-label="Close"><svg class="Icon Icon--close" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> </form> </div><div class="Drawer__Body SearchDrawer__Results PredictiveSearch__Body" tabindex="-1"> <div class="PredictiveSearch__Summary Container Container--fluid LabelLarge" data-predictive-search-drawer-summary><style> .PredictiveSearch__Summary { display: none; } </style></div> <div class="PredictiveSearch__Status Loading" data-predictive-search-drawer-status style="position: relative; height: 50px;display: none;"> <div class="Image--loader"></div> </div> <div class="PredictiveSearch__Results" data-predictive-search-drawer-results> </div> </div></div> </div> <div id="shopify-section-sections--15719029571645__announcement-bar" class="shopify-section shopify-section-group-header-group shopify-section--announcement-bar"><link href="//pangramplayground.com/cdn/shop/t/7/assets/section-announcement-bar.css?v=38617971161993427471713810840" rel="stylesheet" type="text/css" media="all" /> <section id="AnnouncementBar" class="Container Container--fluid Container--noGutter Announcement" data-section-id="sections--15719029571645__announcement-bar" data-section-type="announcement-bar" data-section-settings=' { "closeable": true } ' aria-hidden="true" style="--tg-announcement-bar-background-color: #e9ebef; --tg-announcement-bar-text-color: #1c1b1b;" > <div class="Announcement__Body"><button class="Button Announcement__Close" data-action="close-annoucement" aria-label="Close"><svg class="Icon Icon--close" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button><div class="Announcement__Content RTE"> <p>Welcome to Pangrgam Playground, where we take our play time seriously! <a href="/pages/shipping" target="_blank" title="Shipping & Returns">Free Shipping over $150 CAN, USA & EUR*</a>!</p> </div> </div> </section> <script> document.documentElement.style.setProperty('--tg-announcement-bar-height', document.getElementById('AnnouncementBar').offsetHeight + 'px'); </script><style> #shopify-section-sections--15719029571645__announcement-bar p {font-size: 0.75em; text-transform: uppercase;} </style></div><div id="shopify-section-sections--15719029571645__header" class="shopify-section shopify-section-group-header-group shopify-section--header"><style> :root { --header-is-transparent: 0; --header-is-transparent-in-header-group: 0;--header-has-no-bottom-border: 1;}:root { --use-sticky-header: 1; } .shopify-section--header { position: -webkit-sticky; position: sticky; top: -1px; z-index: 4; } .shopify-section--header.HeaderWrapperSticking .Header{ margin-top: 1px; border-top-width: 2px; border-bottom: 1px solid var(--tg-sys-color-outline); } .shopify-section--header.HeaderWrapperSticking .Header--transparent.Header{ border-top-width: 1px; transition:background-color .3s ease-in; } @media screen and (max-width: 640px) { .Header__LogoImage { max-width: 150px; height: auto; } } @media screen and (min-width: 641px) { .Header__LogoImage { max-width: 200px; height: auto; } }</style> <site-header id="Header" class="Header Header--spacingMedium Header--middleCenter " data-sticky-header="1" style="--tg-header-background-color: #eff1f6; --tg-header-text-color: #1c1b1b;"> <div class="Header__Main Container Container--fluid" style="--header-min-height-mobile: 43.125px; --header-min-height: 57.5px ;"> <div class="Header__LogoWrapper"> <div class="Header__MenuTrigger HiddenLarge no-js-hidden"> <button class="Button Button--icon" id="Header__MenuTrigger" data-tg-toggle="Drawer" data-tg-target="#MenuDrawer" role="button" aria-label="Open navigation"><svg class="Icon Icon--justify" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/> </svg></button> </div> <div class="Header__Logo"> <a href="/" class="Header__LogoLink"><img class="Header__LogoImage Header__LogoImage--primary" src="//pangramplayground.com/cdn/shop/files/Playground-Header-Logo-1.png?v=1698859603&width=200" srcset="//pangramplayground.com/cdn/shop/files/Playground-Header-Logo-1.png?v=1698859603&width=200 1x, //pangramplayground.com/cdn/shop/files/Playground-Header-Logo-1.png?v=1698859603&width=400 2x" loading="lazy" width="400" height="115" alt="Pangram Playground"></a> </div> </div> <div class="Header__MainMenu HiddenMediumDown"> <ul class="Nav" aria-label="Main navigation"><li class="Nav__Item"><a href="/collections/all" class="Nav__Link Nav__Link--levelOne TitleMedium">Shop</a></li><li class="Nav__Item"><a href="/pages/about" class="Nav__Link Nav__Link--levelOne TitleMedium">Manifesto</a></li></ul> </div> <div class="Header__SecondaryMenu"> <div class="HiddenMediumDown"></div><ul class="Nav Nav--icons"> <li> <a href="/search" class="Nav__Link Button Button--icon" id="Header__SearchTrigger" data-tg-toggle="Drawer" data-tg-target="#SearchDrawer" aria-label="SEARCH"><svg class="Icon Icon--search" viewBox="0 0 16 16"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/> </svg></a> </li><li> <a href="/cart" class="Nav__Link Button Button--icon" id="Header__CartTrigger" data-tg-toggle="Drawer" data-tg-target="#CartDrawer" aria-label="Open cart" ><svg class="Icon Icon--cart" viewBox="0 0 16 16"> <path d="M8 1a2 2 0 0 1 2 2v2H6V3a2 2 0 0 1 2-2zm3 4V3a3 3 0 1 0-6 0v2H3.36a1.5 1.5 0 0 0-1.483 1.277L.85 13.13A2.5 2.5 0 0 0 3.322 16h9.355a2.5 2.5 0 0 0 2.473-2.87l-1.028-6.853A1.5 1.5 0 0 0 12.64 5H11zm-1 1v1.5a.5.5 0 0 0 1 0V6h1.639a.5.5 0 0 1 .494.426l1.028 6.851A1.5 1.5 0 0 1 12.678 15H3.322a1.5 1.5 0 0 1-1.483-1.723l1.028-6.851A.5.5 0 0 1 3.36 6H5v1.5a.5.5 0 1 0 1 0V6h4z"/> </svg><div class="CartCountBubble " ><span aria-hidden="true" class="CartCountBubble__Count">0</span><span class="VisuallyHidden">0 items</span> </div> </a> </li> </ul> </div> </div> </site-header> <script> if (!customElements.get('site-header')) { class TG_SiteHeader extends HTMLElement { constructor() { super(); } connectedCallback() { //height is 0 when position is set to absolute document.documentElement.style.setProperty('--tg-header-height', document.getElementById('Header').offsetHeight + 'px'); setTimeout(() => { document.documentElement.style.setProperty('--tg-header-logo-width', document.querySelector('.Header__LogoWrapper').offsetWidth + 'px'); },800) if(this.getAttribute('data-sticky-header') == "1"){ const tgHeaderShopifyWrapper = document.querySelector(".shopify-section--header"); const tgHeaderShopifyWrapperObserver = new IntersectionObserver( ([e]) => e.target.classList.toggle("HeaderWrapperSticking", e.intersectionRatio < 1), { threshold: [1] } ); tgHeaderShopifyWrapperObserver.observe(tgHeaderShopifyWrapper); } } } customElements.define('site-header', TG_SiteHeader); } </script> <style> #shopify-section-sections--15719029571645__header .Header__SecondaryMenu .CartCountBubble {background-color: #3fff00; color: #000000;} #shopify-section-sections--15719029571645__header .Nav__Link {font-size: 1em; text-transform: uppercase;} </style></div>  <main id="MainContent" class="focus-none" role="main" tabindex="-1"> <div id="shopify-section-template--15719032782909__71133a47-2a6d-4f20-b31d-024a0c9b19bb" class="shopify-section"><link href="//pangramplayground.com/cdn/shop/t/7/assets/component-deferred-media.css?v=39588704619035797971713810840" rel="stylesheet" type="text/css" media="all" /> <section id="section-template--15719032782909__71133a47-2a6d-4f20-b31d-024a0c9b19bb" class="VideoSection Container--videoSection Container Container--noGutter Container--fluid Container--spacingNone" style="border-top: 1px solid var(--tg-sys-color-outline); border-bottom: 1px solid var(--tg-sys-color-outline);"> <deferred-media class="DeferredMedia VideoSection__Media" data-tg-video-auto="1"><div class="DeferredMedia__CoverImageWrapper Ratio" style="--tg-aspect-ratio: 1.614814814814815;"> <img src="//pangramplayground.com/cdn/shop/files/preview_images/532eb2157ac646a4a14a94d9bc7aad3b.thumbnail.0000000000.jpg?v=1700587370&width=3840" alt="" srcset="//pangramplayground.com/cdn/shop/files/preview_images/532eb2157ac646a4a14a94d9bc7aad3b.thumbnail.0000000000.jpg?v=1700587370&width=375 375w, //pangramplayground.com/cdn/shop/files/preview_images/532eb2157ac646a4a14a94d9bc7aad3b.thumbnail.0000000000.jpg?v=1700587370&width=550 550w, //pangramplayground.com/cdn/shop/files/preview_images/532eb2157ac646a4a14a94d9bc7aad3b.thumbnail.0000000000.jpg?v=1700587370&width=750 750w, //pangramplayground.com/cdn/shop/files/preview_images/532eb2157ac646a4a14a94d9bc7aad3b.thumbnail.0000000000.jpg?v=1700587370&width=1100 1100w, //pangramplayground.com/cdn/shop/files/preview_images/532eb2157ac646a4a14a94d9bc7aad3b.thumbnail.0000000000.jpg?v=1700587370&width=1500 1500w, //pangramplayground.com/cdn/shop/files/preview_images/532eb2157ac646a4a14a94d9bc7aad3b.thumbnail.0000000000.jpg?v=1700587370&width=1780 1780w, //pangramplayground.com/cdn/shop/files/preview_images/532eb2157ac646a4a14a94d9bc7aad3b.thumbnail.0000000000.jpg?v=1700587370&width=2000 2000w, //pangramplayground.com/cdn/shop/files/preview_images/532eb2157ac646a4a14a94d9bc7aad3b.thumbnail.0000000000.jpg?v=1700587370&width=3000 3000w, //pangramplayground.com/cdn/shop/files/preview_images/532eb2157ac646a4a14a94d9bc7aad3b.thumbnail.0000000000.jpg?v=1700587370&width=3840 3840w" width="3840" height="2378" loading="lazy" decoding="async" sizes="100vw" class="DeferredMedia__CoverImage Image--lazyLoad"> <span class="Image--loader"></span></div><template><video playsinline="" class="VideoSection__SelfVideo" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" poster="//pangramplayground.com/cdn/shop/files/preview_images/532eb2157ac646a4a14a94d9bc7aad3b.thumbnail.0000000000_1100x.jpg?v=1700587370"><source src="//pangramplayground.com/cdn/shop/videos/c/vp/532eb2157ac646a4a14a94d9bc7aad3b/532eb2157ac646a4a14a94d9bc7aad3b.HD-1080p-7.2Mbps-20986092.mp4?v=0" type="video/mp4"><img src="//pangramplayground.com/cdn/shop/files/preview_images/532eb2157ac646a4a14a94d9bc7aad3b.thumbnail.0000000000_1100x.jpg?v=1700587370"></video> </template> </deferred-media> </section> <style> #shopify-section-template--15719032782909__71133a47-2a6d-4f20-b31d-024a0c9b19bb .DeferredMedia video {width: 75%;} @media only screen and (max-width: 600px) {#shopify-section-template--15719032782909__71133a47-2a6d-4f20-b31d-024a0c9b19bb .DeferredMedia video {width: 100%; }} </style></div> </main> <div class="FooterGroup">  <div id="shopify-section-sections--15719029506109__footer" class="shopify-section shopify-section-group-footer-group"><link href="//pangramplayground.com/cdn/shop/t/7/assets/section-footer.css?v=160411313479989826341713810840" rel="stylesheet" type="text/css" media="all" /> <footer class="Footer " style="--tg-footer-background: #1c1b1b; --tg-footer-text-color: #7e7e82;"> <div class="Container Container--fluid"><div class="Footer__Main"> <div class="FooterBlocks"><div class="FooterBlock FooterBlock--text" ><h3 class="FooterBlock__Title"><style>@media screen and (max-width: 640px) { .Footer__LogoImage { max-width: 65px; height: auto; } } @media screen and (min-width: 641px) { .Footer__LogoImage { max-width: 75px; height: auto; } }</style> <img class="Footer__LogoImage" src="//pangramplayground.com/cdn/shop/files/Footer_Test.png?v=1691085744&width=75" srcset="//pangramplayground.com/cdn/shop/files/Footer_Test.png?v=1691085744&width=75 1x, //pangramplayground.com/cdn/shop/files/Footer_Test.png?v=1691085744&width=150 2x" alt="Pangram Playground" loading="lazy" decoding="async" width="1000" height="1000" ></h3><div class="FooterBlock__Content RTE"> <p>Pangram Playground®<br/>Functional Art at Play.</p> </div></div><div class="FooterBlock FooterBlock--links" ><h3 class="FooterBlock__Title">INFORMATION </h3> <ul class="Nav Nav--vertical"><li> <a href="/pages/shipping" class="Nav__Link">Shipping & Returns</a> </li><li> <a href="/pages/size-guide" class="Nav__Link">Size Guide</a> </li></ul></div><div class="FooterBlock FooterBlock--links" ><h3 class="FooterBlock__Title">POLICIES </h3> <ul class="Nav Nav--vertical"><li> <a href="/pages/terms-conditions" class="Nav__Link">Terms & Conditions </a> </li><li> <a href="/pages/privacy-policy" class="Nav__Link">Privacy Policy </a> </li></ul></div><div class="FooterBlock FooterBlock--links" ><h3 class="FooterBlock__Title">CONNECT </h3> <ul class="Nav Nav--vertical"><li> <a href="https://www.instagram.com/pangramplayground/" class="Nav__Link">Instagram</a> </li><li> <a href="/pages/contact-1" class="Nav__Link">Contact us</a> </li></ul></div><div class="FooterBlock FooterBlock--links" ><h3 class="FooterBlock__Title">POWERED BY PANGRAM PANGRAM </h3> <ul class="Nav Nav--vertical"><li> <a href="https://pangrampangram.com" class="Nav__Link">Pangram Pangram</a> </li><li> <a href="https://off-type.com/" class="Nav__Link">Off Type</a> </li><li> <a href="https://typetrials.com/" class="Nav__Link">TypeTrials</a> </li><li> <a href="/" class="Nav__Link">Playground</a> </li></ul></div><div class="FooterBlock FooterBlock--newsletter" ><h4 class="FooterBlock__Title">SUBSCRIBE</h4><div class="FooterBlock__Content RTE"> <p>Sign up to be the first to know about our upcoming projects and releases.</p> </div><form method="post" action="/contact#FooterNewsletter" id="FooterNewsletter" accept-charset="UTF-8" class="Footer__Newsletter Form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"> <div class="Form__InputGroup"> <input id="FooterNewsletterFormEmail--sections--15719029506109__footer-footer-newsletter" type="email" name="contact[email]" pattern="^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$" title="Format: xxx@xxx.xxx" class="Form__Input" aria-label="Enter your email" placeholder="Enter your email" required> <label class="VisuallyHidden" for="FooterNewsletterFormEmail--sections--15719029506109__footer-footer-newsletter">Enter your email</label> <button type="submit" class="Button Button--outline Form__Submit">JOIN</button> </div></form></div></div> </div><div class="Footer__Bottom"><div class="Footer__Copyright"> <a href="/" class="Footer__StoreName">© Pangram Playground</a> <p class="Footer__ThemeAuthor"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a></p> </div> </div> </div> </footer> <style> #shopify-section-sections--15719029506109__footer .Nav--vertical .Nav__Link {padding: 0.15em 0;} </style></div>  </div> <div id="shopify-section-product-quickview" class="shopify-section"><section id="ProductQuickviewSection" class="Container ProductQuickview" data-section-id="product-quickview" data-section-type="product-quickview" data-section-settings='{ "enableHistoryState": false, "showInventoryQuantity": false, "showSku": false, "inventoryQuantityThreshold": 5, "showPaymentButton": true, "useAjaxCart": true }'><div class="Modal Fade Modal--quickview" id="ProductQuickviewModal" tabindex="-1" aria-hidden="true"> <div class="Modal__Dialog Modal__Dialog--centered"> <div class="Modal__Content"> <button type="button" class="ButtonClose" data-tg-dismiss="Modal" aria-label="Close"></button> <div class="Modal__Body"> <div class="SectionBody ProductQuickview__Body Grid"><div class="ProductQuickview__Gallery Grid__Item 1/2--medium-up"> <div class="Ratio" style="--tg-aspect-ratio: 1;"><svg class="SvgPlaceholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M322 329.7c.7 2.2 1.2 4.4 1.6 6.7 2.1 11 .4 22.4-4.8 32.9-.2.4 0 .8.3 1 .1.1.2.1.3.1.3 0 .5-.1.6-.4 5.4-10.8 7.1-22.5 4.9-33.8-.4-2.3-1-4.6-1.6-6.8-3.6-12.3-10.7-24.8-18.9-33.5-.3-.3-.7-.3-1 0-.3.3-.3.7 0 1 8.1 8.5 15.1 20.8 18.6 32.8z"/><path d="M366.1 118.8h-95.2c-.7-3.9-4.1-6.9-8.2-6.9s-7.5 3-8.2 6.9h-95.2c-.8 0-1.4.6-1.4 1.4v115.5c0 .8.6 1.4 1.4 1.4h95.1v10.3h-11.3c-2.8 0-5.1 2.3-5.1 5.1v.4c0 2.6 2.1 4.8 4.7 5l-24.9 30.3c-1.3 1.6-2.7 3.2-4.1 4.8l-.5.6c-9.1 10.3-15.5 21.3-18.9 32.7-.8 2.5-1.4 5.1-1.8 7.7-5.1 27 9.6 54.9 37.5 71.2 1.3 3.3 4.3 8.4 8.5 8.4h48.6c4.1 0 7.2-5.1 8.5-8.4 27.8-16.3 42.5-44.2 37.5-71.2-.5-2.5-1.1-5.1-1.9-7.7-3.4-11.4-9.7-22.4-18.9-32.7l-.5-.5c-1.4-1.6-2.8-3.2-4.1-4.8L282.8 258c2.6-.2 4.7-2.4 4.7-5v-.4c0-2.8-2.3-5.1-5.1-5.1h-11.3V237.2h42.6c0 .1-.1.2-.1.3v19.3c-1.3 2.2-5.6 10-5.6 13.1 0 3.9 3.2 7.1 7.1 7.1 3.9 0 7.1-3.2 7.1-7.1 0-3.2-4.4-10.9-5.6-13.1v-19.3c0-.1 0-.2-.1-.3h49.8c.8 0 1.4-.6 1.4-1.4V120.2c-.2-.8-.8-1.4-1.6-1.4zM315 274.1c-2.3 0-4.2-1.9-4.2-4.2 0-1.4 1.7-5.1 3.5-8.4.2.1.5.3.8.3.3 0 .5-.1.8-.3 1.8 3.4 3.5 7.1 3.5 8.4-.2 2.3-2.1 4.2-4.4 4.2zm-52.2-159.3c2.5 0 4.6 1.7 5.2 4h-10.5c.6-2.3 2.7-4 5.3-4zm-30.3 288.9c-.1-.3-.4-.6-.7-.8-27-15.7-41.4-42.6-36.5-68.5.5-2.4 1.1-4.9 1.8-7.4 3.2-11 9.4-21.6 18.3-31.6l.5-.5 4.2-4.8 26.4-32.1h15v4h-11.4c-.2 0-.4.1-.5.3L221 295.9c-8.2 8.7-15.3 21.2-18.9 33.4-.7 2.3-1.2 4.5-1.6 6.8-4.5 23.9 8.6 48.7 33.4 63.2 1 2.7 3.7 7.3 7.1 7.3h13.4v4.1h-16c-2.1 0-4.7-3.6-5.9-7zm35.7 1.5h-11v-2.4h11v2.4zm0 1.4v4.1h-11v-4.1h11zm-12.4-6.6c-.8 0-1.4.6-1.4 1.4v3.8H241c-2.3 0-4.7-3.4-5.9-6.6-.1-.2-.2-.3-.3-.4-24.4-14.1-37.3-38.4-32.9-61.8.4-2.2 1-4.4 1.6-6.7 3.6-12.1 10.5-24.3 18.6-32.9l28.1-33.4h11.1V400h-5.5zm53.9-105.1l.5.5c8.9 10 15 20.7 18.3 31.6.7 2.5 1.3 5 1.8 7.4 4.9 25.9-9.5 52.8-36.6 68.5-.3.2-.5.4-.6.8-1.2 3.4-3.8 7-6 7h-16v-4.1h13.4c3.4 0 6.1-4.7 7.1-7.3 8.6-5 15.8-11.2 21.5-18.5.2-.3.2-.8-.1-1-.3-.2-.8-.2-1 .1-5.6 7.2-12.8 13.3-21.4 18.2-.1.1-.3.2-.3.4-1.1 3.2-3.6 6.6-5.9 6.6H271v-3.8c0-.8-.6-1.4-1.4-1.4h-5.5V263.4h11.1l20.4 24.2c.3.3.7.3 1 .1.3-.3.3-.7.1-1l-20.6-24.5c-.1-.2-.3-.3-.5-.3h-11.4v-4h14.9l26.4 32.1c1.3 1.7 2.8 3.3 4.2 4.9zm-25.1-42.4v.4c0 1.2-1 2.2-2.2 2.2h-39.3c-1.2 0-2.2-1-2.2-2.2v-.4c0-1.2 1-2.2 2.2-2.2h39.3c1.2 0 2.2.9 2.2 2.2zm-16.4-15.3v10.2h-11V237.1l11 .1zm96.5-2.9H184.8v-33.4c0-.4-.3-.7-.7-.7s-.7.3-.7.7v33.4h-10.6v-68.4c0-.4-.3-.7-.7-.7-.4 0-.7.3-.7.7v68.4h-10.5V121.7h10.5V155c0 .4.3.7.7.7.4 0 .7-.3.7-.7v-33.3h22.7V147c0 .4.3.7.7.7s.7-.3.7-.7v-25.3h167.8v112.6z"/><path d="M196.1 161.7c-.4 0-.7.3-.7.7v61.4c0 .4.3.7.7.7s.7-.3.7-.7v-61.4c0-.4-.3-.7-.7-.7zm-12-26.4c-.4 0-.7.3-.7.7v52.3c0 .4.3.7.7.7s.7-.3.7-.7V136c0-.4-.3-.7-.7-.7z"/></svg></div> </div> <div class="ProductQuickview__Summary Grid__Item 1/2--medium-up"> <div class="Product__Block"> <h1 class="Product__Title">Product's name</h1> <div class="Product__PriceList"> <span class="Price">$68.00 USD </span> </div> </div> <div class="Product__Block"> <button type="button" class="ProductForm__AddToCart Button Button--primary Button--full" disabled> <span>Sold Out</span> </button> </div> <div class="ProductQuickview__ViewMore"> <a href="#" class="Button Button--underline">View product details</a> </div> </div></div> </div> </div> </div> </div> </section> </div> <script src="//pangramplayground.com/cdn/shop/t/7/assets/theme.js?v=126111948632697413461713810840" defer="defer"></script> <script src="//pangramplayground.com/cdn/shop/t/7/assets/custom.js?v=4244278962831210641713810840" defer="defer"></script><style> @font-face {font-family: "PP Neue Montreal Mono"; font-style: "normal"; font-display: swap; src: url("https://cdn.shopify.com/s/files/1/0569/7745/7213/files/PPNeueMontrealMono-Regular.woff2?v=1691087377") format("woff2");} :root {--tg-ref-typescale-text-font: "PP Neue Montreal Mono"; --tg-ref-typescale-heading-font: "PP Neue Montreal Mono";} @font-face {font-family: "OT Neue Montreal"; font-style: "normal"; font-display: swap; src: url("https://cdn.shopify.com/s/files/1/0569/7745/7213/files/OTNeueMontreal-BoldExtraSqueezed_1.woff2?v=1698799249") format("woff2");} :root {--tg-ref-typescale-display-font: "OT Neue Montreal";} @font-face {font-family: "PP Playground"; font-style: "normal"; font-display: swap; src: url("https://cdn.shopify.com/s/files/1/0569/7745/7213/files/PPPlayground-Medium.woff2?v=1713875744") format("woff2");} .Footer__Main {padding-bottom: 3rem;} .Footer__Bottom {display: none;} }.Button--underline {color: #ff3d00; text-transform: uppercase;} .Template--product .PageHeader {display:none;} </style> </body> </html>

CINXE.COM

Pangram Playground