PageSourceSearch

https://chrisjames.lol/collections/all

html chrisjames.lol collected 2026-10-03 01:55:09 UTC 139,946 bytes, 2,455 lines download raw bytes

1<!doctype html>
2<html class="js" lang="en">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width,initial-scale=1">
7    <meta name="theme-color" content="">
8    <link rel="preconnect" href="https://fonts.googleapis.com">
9<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..600&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
11<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..600&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
12
13    
14    <link rel="canonical" href="https://chrisjames.lol/collections/all"><link rel="icon" type="image/png" href="//chrisjames.lol/cdn/shop/files/chris_james_hero.jpg?crop=center&height=32&v=1785973872&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
15      Products
16 &ndash; chris james</title>
17
18    
19
20    
21
22<meta property="og:site_name" content="chris james">
23<meta property="og:url" content="https://chrisjames.lol/collections/all">
24<meta property="og:title" content="Products">
25<meta property="og:type" content="website">
26<meta property="og:description" content="Chris makes pop music in his bedroom: true, indie, bedroom pop. Purchase his music and merch!"><meta property="og:image" content="http://chrisjames.lol/cdn/shop/files/chris_james_hero_da81da48-404b-4014-8e14-1f197f825ef5.jpg?v=1785980660">
27  <meta property="og:image:secure_url" content="https://chrisjames.lol/cdn/shop/files/chris_james_hero_da81da48-404b-4014-8e14-1f197f825ef5.jpg?v=1785980660">
28  <meta property="og:image:width" content="2200">
29  <meta property="og:image:height" content="1467"><meta name="twitter:card" content="summary_large_image">
30<meta name="twitter:title" content="Products">
31<meta name="twitter:description" content="Chris makes pop music in his bedroom: true, indie, bedroom pop. Purchase his music and merch!">
32
33
34    <!-- Mobile Optimizations -->
35    <link rel="stylesheet" href="//chrisjames.lol/cdn/shop/t/10/assets/mobile-optimizations.css?v=12679196512481036561785967247" media="all">
36    
36<script src="//chrisjames.lol/cdn/shop/t/10/assets/mobile-optimizations.js?v=9171538973276048591785979227" defer="defer"></script>
36
37
38    
38<script src="//chrisjames.lol/cdn/shop/t/10/assets/constants.js?v=132983761750457495441785967247" defer="defer"></script>
38
39    
39<script src="//chrisjames.lol/cdn/shop/t/10/assets/pubsub.js?v=158357773527763999511785967247" defer="defer"></script>
39
40    
40<script src="//chrisjames.lol/cdn/shop/t/10/assets/global.js?v=34394723783086440291785967247" defer="defer"></script>
40
41    
41<script src="//chrisjames.lol/cdn/shop/t/10/assets/details-disclosure.js?v=13653116266235556501785967247" defer="defer"></script>
41
42    
42<script src="//chrisjames.lol/cdn/shop/t/10/assets/details-modal.js?v=25581673532751508451785967247" defer="defer"></script>
42
43    
43<script src="//chrisjames.lol/cdn/shop/t/10/assets/search-form.js?v=133129549252120666541785967247" defer="defer"></script>
43<script src="//chrisjames.lol/cdn/shop/t/10/assets/animations.js?v=88693664871331136111785967247" defer="defer"></script>
43<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
43<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/50516459712/digital_wallets/dialog">
44<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/all.atom" />
45<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
45
46<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
47<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=50516459712" crossorigin="anonymous"></script>
vendor: 1 bytes, line 47
47
48<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":50516459712,"countryCode":"DE","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/50516459712","merchantName":"chris james","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex"],"total":{"type":"pending","label":"chris james","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 48
48
49<script id="shopify-features" type="application/json">{"accessToken":"81a8df3e5a081214f04b215b88251f5b","betas":["rich-media-storefront-analytics"],"domain":"chrisjames.lol","predictiveSearch":true,"shopId":50516459712,"locale":"en"}</script>
vendor: 1 bytes, line 49
49
50<script>var Shopify = Shopify || {};
51Shopify.shop = "chris-james-music.myshopify.com";
52Shopify.locale = "en";
53Shopify.currency = {"active":"USD","rate":"1.1480814"};
54Shopify.country = "US";
55Shopify.theme = {"name":"Let The Light In","id":199626621275,"schema_name":"Superbloom","schema_version":"1.0","theme_store_id":null,"role":"main"};
56Shopify.theme.handle = "null";
57Shopify.theme.style = {"id":null,"handle":null};
58Shopify.cdnHost = "chrisjames.lol/cdn";
59Shopify.routes = Shopify.routes || {};
60Shopify.routes.root = "/";
61Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
62Shopify.SignInWithShop = Shopify.SignInWithShop || {};
63Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
64Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 64
64
65<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 65
65
66<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>
vendor: 1 bytes, line 66
66
67<script>
68  window.ShopifyPay = window.ShopifyPay || {};
69  window.ShopifyPay.apiHost = "shop.app\/pay";
70  window.ShopifyPay.redirectState = null;
71</script>
vendor: 1 bytes, line 71
71
72<script>
73  window.Shopify = window.Shopify || {};
74  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
75  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
76  window.Shopify.SignInWithShop.eligible = true;
77</script>
vendor: 1 bytes, line 77
77
78<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 78
78
79<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 79
79
80<script type="module">
81  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
82
83  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
84
85</script>
vendor: 1 bytes, line 85
85
86<script>
87  window.Shopify = window.Shopify || {};
88  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
89  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
90</script>
vendor: 1 bytes, line 90
90
91<script>(function() {
92  var isLoaded = false;
93  function asyncLoad() {
94    if (isLoaded) return;
95    isLoaded = true;
96    var urls = ["https:\/\/cdn-bundler.nice-team.net\/app\/js\/bundler.js?shop=chris-james-music.myshopify.com","\/\/cdn.shopify.com\/proxy\/22c6c00fead6e79ab9f0a16e3b01fbd9738675ff60a5848e7ed1ef66c990d602\/static.cdn.printful.com\/static\/js\/external\/shopify-product-customizer.js?v=0.28\u0026shop=chris-james-music.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"];
97    for (var i = 0; i < urls.length; i++) {
98      var s = document.createElement('script');
99      s.type = 'text/javascript';
100      s.async = true;
101      s.src = urls[i];
102      var x = document.getElementsByTagName('script')[0];
103      x.parentNode.insertBefore(s, x);
104    }
105  };
106  if(window.attachEvent) {
107    window.attachEvent('onload', asyncLoad);
108  } else {
109    window.addEventListener('load', asyncLoad, false);
110  }
111})();</script>
vendor: 1 bytes, line 111
111
112<script id="__st">var __st={"a":50516459712,"offset":7200,"reqid":"d3f3e692-14e8-4d9d-aeb7-9d51b908fdf7-1790992509","pageurl":"chrisjames.lol\/collections\/all","u":"345f02f31d65","p":"collection"};</script>
vendor: 1 bytes, line 112
112
113<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 113
113
114<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.3.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>
vendor: 1 bytes, line 114
114
115<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//chrisjames.lol/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 115
115
116<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//chrisjames.lol/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
116<script crossorigin="anonymous" defer="defer" src="//chrisjames.lol/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 116
116
117<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 117
117
118<script>
119  window.Shopify = window.Shopify || {};
120  window.Shopify.MCP = window.Shopify.MCP || {};
121  window.Shopify.MCP.enabled = true;
122  window.Shopify.MCP.shop = "chris-james-music.myshopify.com";
123  window.Shopify.MCP.mcpEndpoint = "https:\/\/chrisjames.lol\/api\/mcp";
124  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
125</script>
vendor: 1 bytes, line 125
125
126<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/chrisjames.lol\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
127</script>
vendor: 1 bytes, line 127
127
128<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://chrisjames.lol/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
129</script>
vendor: 1 bytes, line 129
129
130<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
131  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
132</script>
vendor: 1 bytes, line 132
132
133<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
134</script>
vendor: 1 bytes, line 134
134
135<script id='scb4127' type='text/javascript' async='' src='https://chrisjames.lol/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
135<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://chrisjames.lol/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
136<style id="shopify-accelerated-checkout-cart">
137        #shopify-buyer-consent {
138  margin-top: 1em;
139  display: inline-block;
140  width: 100%;
141}
142
143#shopify-buyer-consent.hidden {
144  display: none;
145}
146
147#shopify-subscription-policy-button {
148  background: none;
149  border: none;
150  padding: 0;
151  text-decoration: underline;
152  font-size: inherit;
153  cursor: pointer;
154}
155
156#shopify-subscription-policy-button::before {
157  box-shadow: none;
158}
159
160      </style>
161
162<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
162
163
164
165    <style data-shopify>
166      @font-face {
167        font-family: 'Lastik';
168        src: url('//chrisjames.lol/cdn/shop/t/10/assets/lastik-regular.woff2?v=75693614312186657301785967247') format('woff2');
169        font-weight: 400;
170        font-style: normal;
171        font-display: swap;
172      }
173
174      @font-face {
175        font-family: 'Sharp Sans';
176        src: url('//chrisjames.lol/cdn/shop/t/10/assets/sharpsansdisplayno1blk.woff2?v=71757941773965199231785967247') format('woff2');
177        font-weight: 500;
178        font-style: normal;
179        font-display: swap;
180      }
181
182      @font-face {
183  font-family: Assistant;
184  font-weight: 400;
185  font-style: normal;
186  font-display: swap;
187  src: url("//chrisjames.lol/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
188       url("//chrisjames.lol/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
189}
190
191      @font-face {
192  font-family: Assistant;
193  font-weight: 700;
194  font-style: normal;
195  font-display: swap;
196  src: url("//chrisjames.lol/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2") format("woff2"),
197       url("//chrisjames.lol/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff") format("woff");
198}
199
200      
201      
202      @font-face {
203  font-family: Assistant;
204  font-weight: 400;
205  font-style: normal;
206  font-display: swap;
207  src: url("//chrisjames.lol/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
208       url("//chrisjames.lol/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
209}
210
211
212      
213        :root,
214        .color-scheme-1 {
215          --color-background: none;
216          --gradient-background: none;
217          --color-foreground: 18,18,18;
218          --color-background-contrast: ,,;
219          --color-shadow: 18,18,18;
220          --color-button: 18,18,18;
221          --color-button-text: 255,255,255;
222          --color-secondary-button: none;
223          --color-secondary-button-text: 18,18,18;
224          --color-link: 18,18,18;
225          --color-badge-foreground: 18,18,18;
226          --color-badge-background: none;
227          --color-badge-border: 18,18,18;
228          --payment-terms-background-color: transparent;
229        }
230      
231        
232        .color-scheme-2 {
233          --color-background: none;
234          --gradient-background: none;
235          --color-foreground: 18,18,18;
236          --color-background-contrast: ,,;
237          --color-shadow: 18,18,18;
238          --color-button: 18,18,18;
239          --color-button-text: 243,243,243;
240          --color-secondary-button: none;
241          --color-secondary-button-text: 18,18,18;
242          --color-link: 18,18,18;
243          --color-badge-foreground: 18,18,18;
244          --color-badge-background: none;
245          --color-badge-border: 18,18,18;
246          --payment-terms-background-color: transparent;
247        }
248      
249        
250        .color-scheme-3 {
251          --color-background: none;
252          --gradient-background: none;
253          --color-foreground: 255,255,255;
254          --color-background-contrast: ,,;
255          --color-shadow: 18,18,18;
256          --color-button: 255,255,255;
257          --color-button-text: 0,0,0;
258          --color-secondary-button: none;
259          --color-secondary-button-text: 255,255,255;
260          --color-link: 255,255,255;
261          --color-badge-foreground: 255,255,255;
262          --color-badge-background: none;
263          --color-badge-border: 255,255,255;
264          --payment-terms-background-color: transparent;
265        }
266      
267        
268        .color-scheme-4 {
269          --color-background: none;
270          --gradient-background: none;
271          --color-foreground: 255,255,255;
272          --color-background-contrast: ,,;
273          --color-shadow: 18,18,18;
274          --color-button: 255,255,255;
275          --color-button-text: 18,18,18;
276          --color-secondary-button: none;
277          --color-secondary-button-text: 255,255,255;
278          --color-link: 255,255,255;
279          --color-badge-foreground: 255,255,255;
280          --color-badge-background: none;
281          --color-badge-border: 255,255,255;
282          --payment-terms-background-color: transparent;
283        }
284      
285        
286        .color-scheme-5 {
287          --color-background: none;
288          --gradient-background: none;
289          --color-foreground: 255,255,255;
290          --color-background-contrast: ,,;
291          --color-shadow: 18,18,18;
292          --color-button: 255,255,255;
293          --color-button-text: 51,79,180;
294          --color-secondary-button: none;
295          --color-secondary-button-text: 255,255,255;
296          --color-link: 255,255,255;
297          --color-badge-foreground: 255,255,255;
298          --color-badge-background: none;
299          --color-badge-border: 255,255,255;
300          --payment-terms-background-color: transparent;
301        }
302      
303        
304        .color-scheme-7c5e6ea7-e5d5-4af4-868c-c6965ea26951 {
305          --color-background: none;
306          --gradient-background: none;
307          --color-foreground: 243,239,230;
308          --color-background-contrast: ,,;
309          --color-shadow: 18,18,18;
310          --color-button: 232,146,60;
311          --color-button-text: 26,23,20;
312          --color-secondary-button: none;
313          --color-secondary-button-text: 18,18,18;
314          --color-link: 18,18,18;
315          --color-badge-foreground: 243,239,230;
316          --color-badge-background: none;
317          --color-badge-border: 243,239,230;
318          --payment-terms-background-color: transparent;
319        }
320      
321
322      body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-7c5e6ea7-e5d5-4af4-868c-c6965ea26951 {
323        color: rgba(var(--color-foreground), 0.75);
324        background: none;
325      }
326
327      :root {
328        --font-body-family: 'Lastik', sans-serif;
329        --font-heading-family: 'Lastik', sans-serif;
330        --font-body-style: normal;
331        --font-body-weight: 400;
332        --font-heading-style: normal;
333        --font-heading-weight: 400;
334
335        --font-body-scale: 1.0;
336        --font-heading-scale: 1.0;
337
338        --media-padding: px;
339        --media-border-opacity: 0.05;
340        --media-border-width: 1px;
341        --media-radius: 0px;
342        --media-shadow-opacity: 0.0;
343        --media-shadow-horizontal-offset: 0px;
344        --media-shadow-vertical-offset: 4px;
345        --media-shadow-blur-radius: 5px;
346        --media-shadow-visible: 0;
347
348        --page-width: 120rem;
349        --page-width-margin: 0rem;
350
351        --product-card-image-padding: 0.0rem;
352        --product-card-corner-radius: 0.0rem;
353        --product-card-text-alignment: left;
354        --product-card-border-width: 0.0rem;
355        --product-card-border-opacity: 0.1;
356        --product-card-shadow-opacity: 0.0;
357        --product-card-shadow-visible: 0;
358        --product-card-shadow-horizontal-offset: 0.0rem;
359        --product-card-shadow-vertical-offset: 0.4rem;
360        --product-card-shadow-blur-radius: 0.5rem;
361
362        --collection-card-image-padding: 0.0rem;
363        --collection-card-corner-radius: 0.0rem;
364        --collection-card-text-alignment: left;
365        --collection-card-border-width: 0.0rem;
366        --collection-card-border-opacity: 0.1;
367        --collection-card-shadow-opacity: 0.0;
368        --collection-card-shadow-visible: 0;
369        --collection-card-shadow-horizontal-offset: 0.0rem;
370        --collection-card-shadow-vertical-offset: 0.4rem;
371        --collection-card-shadow-blur-radius: 0.5rem;
372
373        --blog-card-image-padding: 0.0rem;
374        --blog-card-corner-radius: 0.0rem;
375        --blog-card-text-alignment: left;
376        --blog-card-border-width: 0.0rem;
377        --blog-card-border-opacity: 0.1;
378        --blog-card-shadow-opacity: 0.0;
379        --blog-card-shadow-visible: 0;
380        --blog-card-shadow-horizontal-offset: 0.0rem;
381        --blog-card-shadow-vertical-offset: 0.4rem;
382        --blog-card-shadow-blur-radius: 0.5rem;
383
384        --badge-corner-radius: 4.0rem;
385
386        --popup-border-width: 1px;
387        --popup-border-opacity: 0.1;
388        --popup-corner-radius: 0px;
389        --popup-shadow-opacity: 0.05;
390        --popup-shadow-horizontal-offset: 0px;
391        --popup-shadow-vertical-offset: 4px;
392        --popup-shadow-blur-radius: 5px;
393
394        --drawer-border-width: 1px;
395        --drawer-border-opacity: 0.1;
396        --drawer-shadow-opacity: 0.0;
397        --drawer-shadow-horizontal-offset: 0px;
398        --drawer-shadow-vertical-offset: 4px;
399        --drawer-shadow-blur-radius: 5px;
400
401        --spacing-sections-desktop: 0px;
402        --spacing-sections-mobile: 0px;
403
404        --grid-desktop-vertical-spacing: 8px;
405        --grid-desktop-horizontal-spacing: 8px;
406        --grid-mobile-vertical-spacing: 4px;
407        --grid-mobile-horizontal-spacing: 4px;
408
409        --text-boxes-border-opacity: 0.1;
410        --text-boxes-border-width: 0px;
411        --text-boxes-radius: 0px;
412        --text-boxes-shadow-opacity: 0.0;
413        --text-boxes-shadow-visible: 0;
414        --text-boxes-shadow-horizontal-offset: 0px;
415        --text-boxes-shadow-vertical-offset: 4px;
416        --text-boxes-shadow-blur-radius: 5px;
417
418        --buttons-radius: 0px;
419        --buttons-radius-outset: 0px;
420        --buttons-border-width: 1px;
421        --buttons-border-opacity: 1.0;
422        --buttons-shadow-opacity: 0.0;
423        --buttons-shadow-visible: 0;
424        --buttons-shadow-horizontal-offset: 0px;
425        --buttons-shadow-vertical-offset: 4px;
426        --buttons-shadow-blur-radius: 5px;
427        --buttons-border-offset: 0px;
428
429        --inputs-radius: 0px;
430        --inputs-border-width: 1px;
431        --inputs-border-opacity: 0.55;
432        --inputs-shadow-opacity: 0.0;
433        --inputs-shadow-horizontal-offset: 0px;
434        --inputs-margin-offset: 0px;
435        --inputs-shadow-vertical-offset: 4px;
436        --inputs-shadow-blur-radius: 5px;
437        --inputs-radius-outset: 0px;
438
439        --variant-pills-radius: 40px;
440        --variant-pills-border-width: 1px;
441        --variant-pills-border-opacity: 0.55;
442        --variant-pills-shadow-opacity: 0.0;
443        --variant-pills-shadow-horizontal-offset: 0px;
444        --variant-pills-shadow-vertical-offset: 4px;
445        --variant-pills-shadow-blur-radius: 5px;
446      }
447
448      *,
449      *::before,
450      *::after {
451        box-sizing: inherit;
452      }
453
454      html {
455        box-sizing: border-box;
456        font-size: calc(var(--font-body-scale) * 62.5%);
457        scroll-behavior: smooth;
458        background: linear-gradient(180deg,
459          #C6E4EE 0%,      /* Light warm yellow at top */
460          #C6E4EE 10%,     /* Soft peach */
461          #FED1AE 40%,     /* Warm pink */
462          #FAA0B9 60%,     /* Soft purple */
463          #CB7DCB 80%,     /* Deeper purple */
464          #757ECB 100%   /* Darkest purple at bottom */
465        );
466        background-repeat: no-repeat;
467        background-size: 100% 100%;
468      }
469
470      body {
471        display: grid;
472        grid-template-rows: auto auto 1fr auto;
473        grid-template-columns: 100%;
474        min-height: 100vh;
475        margin: 0;
476        font-size: 1.5rem;
477        letter-spacing: 0.06rem;
478        line-height: calc(1 + 0.8 / var(--font-body-scale));
479        font-family: var(--font-body-family);
480        font-style: var(--font-body-style);
481        font-weight: 400;
482        background: transparent;
483      }
484
485      /* Add drop shadows to headings and content */
486      h1, h2, h3, h4, h5, h6 {
487        font-family: var(--font-body-family);
488        font-weight: 400;
489        filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.5));
490      }
491
492      .gradient {
493        background: none;
494      }
495
496      .main-content {
497        margin-top: 100px;
498        background: transparent;
499        min-height: calc(100vh - 100px);
500      }
501
502      #MainContent {
503        padding-top: 100px;
504        background: transparent;
505      }
506
507      .content-for-layout {
508        background: transparent;
509      }
510
511      .shopify-section {
512        background: transparent;
513      }
514
515      /* Add shadows to sections and content */
516      .shopify-section > div {
517        filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.4));
518      }
519
520      /* Add text shadow to all text content */
521
522
523      @media screen and (min-width: 750px) {
524        body {
525          font-size: 1.6rem;
526        }
527      }
528
529      .header {
530        position: fixed;
531        top: 0;
532        left: 0;
533        width: 100%;
534        z-index: 1000;
535        background: transparent;
536        backdrop-filter: blur(10px);
537        -webkit-backdrop-filter: blur(10px);
538        display: grid;
539        grid-template-columns: auto 1fr auto;
540        align-items: center;
541        padding: 1rem 3rem;
542      }
543
544      .header__content {
545        display: flex;
546        align-items: center;
547        gap: 2rem;
548      }
549
550      .header__logo-wrapper {
551        flex: 0 0 auto;
552        min-width: 0;
553        white-space: nowrap;
554      }
555
556      .header__nav {
557        display: flex;
558        gap: 2rem;
559        align-items: center;
560        margin: 0 auto;
561      }
562
563      .header__nav-link {
564        color: #000000;
565        text-decoration: none;
566        text-transform: lowercase;
567        font-size: 2rem;
568        letter-spacing: 0.05em;
569        padding: 0.5rem 1rem;
570        transition: opacity 0.5s ease;
571        font-family: var(--font-body-family);
572        font-weight: var(--font-body-weight);
573        position: relative;
574      }
575
576      .header__nav-link.logo {
577        font-family: 'Sharp Sans', sans-serif;
578        font-weight: 500;
579        font-size: 2.5rem;
580        margin-top: 5px;
581        position: relative;
582      }
583      .header__nav-link.logo::before {
584        right: calc(100% - 5px);
585      }
586
587      .header__nav-link.logo::after {
588        left: calc(100% - 3px);
589      }
590
591      .header__nav-link.logo:hover::before,
592      .header__nav-link.logo:hover::after {
593        opacity: 1;
594        transform: translateY(-50%) scale(1);
595      }
596
597      .header__nav-link.logo:hover::before {
598        right: calc(100% - 7px);
599      }
600
601      .header__nav-link.logo:hover::after {
602        left: calc(100% - 5px);
603      }
604
605      .header__nav-link:not(.logo)::after {
606        content: '🌸';
607        position: absolute;
608        right: -5px;
609        top: 50%;
610        transform: translateY(-50%) scale(0.5);
611        opacity: 0;
612        transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
613        pointer-events: none;
614      }
615
616      .header__nav-link:not(.logo):hover::after {
617        opacity: 1;
618        transform: translateY(-50%) scale(1);
619        right: -15px;
620      }
621
622      .header__nav-link:hover {
623        color:rgb(74, 32, 180);
624        opacity: 0.7;
625      }
626
627      .header__logo {
628        max-height: 50px;
629        width: auto;
630      }
631
632      .header__cart {
633        justify-self: end;
634        margin-left: auto;
635      }
636
637      .header__cart-icon {
638        position: relative;
639        display: inline-block;
640      }
641
642      .header__cart svg {
643        display: none;
644      }
645
646      .header__cart-icon::before {
647        content: '🛒';
648        font-size: 4.5rem;
649        display: inline-block;
650        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
651      }
652
653      .header__cart-icon:hover::before {
654        transform: scale(1.1);
655      }
656
657      .cart-count-bubble {
658        position: absolute;
659        right: 27px;
660        top: 5px;
661        background-color: rgb(228, 54, 54);
662        color: rgb(var(--color-button-text));
663        font-family: sans-serif;
664        height: 1.7rem;
665        width: 1.7rem;
666        border-radius: 100%;
667        display: flex;
668        justify-content: center;
669        align-items: center;
670        font-size: 0.9rem;
671        line-height: calc(1 + 0.1 / var(--font-body-scale));
672        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
673      }
674
675      .header__cart-icon:hover .cart-count-bubble {
676        top: 10px;
677        transform: rotate(40deg);
678      }
679
680      /* Global button styles with rainbow gradient hover effect */
681      .button-primary,
682      .newsletter-form__button,
683      .contact__button .button {
684        background: transparent;
685        border: 2px solid #000000;
686        border-radius: 500px;
687        color: #000000;
688        padding: 1rem 3rem;
689        font-size: 1.6rem;
690        cursor: pointer;
691        text-decoration: none;
692        display: inline-block;
693        font-family: var(--font-body-family);
694        position: relative;
695        overflow: hidden;
696        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
697      }
698
699      .button-primary:hover,
700      .newsletter-form__button:hover,
701      .contact__button .button:hover {
702        color: #ffffff;
703        transform: scale(1.1);
704        border: 2px solid #000000;
705      }
706
707      .button-primary:hover::before,
708      .newsletter-form__button:hover::before,
709      .contact__button .button:hover::before {
710        content: '';
711        position: absolute;
712        inset: 0;
713        background: linear-gradient(
714          45deg,
715          #ff6b6b,
716          #ffd93d,
717          #6bcb77,
718          #4d96ff
719        );
720        background-size: 300% 300%;
721        opacity: 1;
722        z-index: -1;
723        animation: gradientShift 3s infinite;
724      }
725
726      @media screen and (max-width: 749px) {
727        .header {
728          padding: 1rem;
729          grid-template-columns: 1fr auto auto;
730        }
731
732        .header__nav {
733          display: none;
734        }
735
736        .desktop-cart {
737          display: none;
738        }
739
740        .mobile-controls {
741          display: flex;
742          align-items: center;
743          gap: 1.5rem;
744        }
745      }
746
747      @media screen and (min-width: 750px) {
748        .mobile-controls {
749          display: none;
750        }
751
752        .header__nav {
753          display: flex;
754        }
755
756        .desktop-cart {
757          display: flex;
758        }
759      }
760
761      /* Style for selected variant */
762      .product-form__input input[type='radio']:checked + label {
763        background: #000000;
764        border: 2px solid #000000 !important;
765        color: #ffffff !important;
766        border-radius: 500px;
767        transition: all 0.3s ease;
768      }
769
770      /* Style for quantity selector */
771      .quantity__input {
772        border: 2px solid #000000 !important;
773        border-radius: 500px;
774        padding: 0.5rem;
775        width: 100%;
776        text-align: center;
777      }
778
779      .quantity__button {
780        border: 2px solid #000000;
781        border-radius: 50%;
782        background: transparent;
783        width: 38px;
784        height: 38px;
785        padding: 0;
786        display: flex;
787        align-items: center;
788        justify-content: center;
789        cursor: pointer;
790        transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
791      }
792
793      .quantity__button:hover {
794        transform: scale(1.1);
795      }
796
797      /* Style for Add to cart button */
798      .product-form__submit {
799        background: transparent;
800        border: 2px solid #000000;
801        border-radius: 500px;
802        color: #000000;
803        padding: 1rem 3rem;
804        font-size: 1.6rem;
805        cursor: pointer;
806        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
807        font-family: var(--font-body-family);
808        position: relative;
809        overflow: hidden;
810      }
811
812      .product-form__submit:hover {
813        color: #ffffff;
814        border-color: transparent;
815        border: 2px solid #000000;
816      }
817
818      .product-form__submit:hover::before {
819        content: '';
820        position: absolute;
821        inset: 0;
822        background: linear-gradient(
823          45deg,
824          #ff6b6b,
825          #ffd93d,
826          #6bcb77,
827          #4d96ff
828        );
829        background-size: 300% 300%;
830        opacity: 1;
831        z-index: -1;
832        animation: gradientShift 3s infinite;
833      }
834
835      /* Style for variant picker */
836      .product-form__input--pill input[type='radio'] + label {
837        border: 2px solid #000000;
838        background: transparent;
839        color: #000000;
840        border-radius: 500px;
841        padding: 0.8rem 1.6rem;
842        cursor: pointer;
843        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
844        position: relative;
845        overflow: hidden;
846      }
847
848      .product-form__input--pill input[type='radio'] + label:hover {
849        color: #ffffff;
850        background: rgba(0, 0, 0, 0);
851        border-color: transparent;
852        transition: all 0.3s ease;
853      }
854
855      .product-form__input--pill input[type='radio'] + label:hover::before {
856        content: '';
857        position: absolute;
858        inset: 0;
859        background: linear-gradient(
860          45deg,
861          #ff6b6b,
862          #ffd93d,
863          #6bcb77,
864          #4d96ff
865        );
866        background-size: 300% 300%;
867        opacity: 1;
868        z-index: -1;
869        animation: gradientShift 3s infinite;
870        transition: all 0.3s ease;
871      }
872
873      .product-form__input--pill input[type='radio']:checked + label {
874        background: #000000;
875        color: #ffffff;
876        border: 2px solid #000000;
877        border-radius: 500px;
878        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
879      }
880
881      .product-form__input--pill input[type='radio']:checked + label:hover {
882        background: linear-gradient(
883          45deg,
884          #ff6b6b,
885          #ffd93d,
886          #6bcb77,
887          #4d96ff
888        );
889        background-size: 300% 300%;
890        color: #ffffff;
891        border-color: transparent;
892        animation: gradientShift 3s infinite;
893      }
894
895      .circle-divider::after {
896        display: none;
897      }
898
899      .circle-divider:last-of-type::after {
900        display: none;
901      }
902
903      hr {
904        display: none;
905      }
906
907      .divider {
908        display: none;
909      }
910
911      .footer {
912        border-top: none;
913      }
914
915      .cart-items th {
916        border-bottom: none;
917        text-transform: lowercase;
918        color: #000000;
919        letter-spacing: normal;
920      }
921
922      @keyframes gradientShift {
923        0% {
924          background-position: 0% 50%;
925        }
926        50% {
927          background-position: 100% 50%;
928        }
929        100% {
930          background-position: 0% 50%;
931        }
932      }
933    </style>
934
935    <link href="//chrisjames.lol/cdn/shop/t/10/assets/base.css?v=178750608199737596521785967247" rel="stylesheet" type="text/css" media="all" />
936    <link rel="stylesheet" href="//chrisjames.lol/cdn/shop/t/10/assets/component-cart-items.css?v=148048255102118040501785967247" media="print" onload="this.media='all'">
937      <link rel="preload" as="font" href="//chrisjames.lol/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin>
938      
939
940      <link rel="preload" as="font" href="//chrisjames.lol/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin>
941      
942<link href="//chrisjames.lol/cdn/shop/t/10/assets/component-localization-form.css?v=170315343355214948141785967247" rel="stylesheet" type="text/css" media="all" />
943      
943<script src="//chrisjames.lol/cdn/shop/t/10/assets/localization-form.js?v=144176611646395275351785967247" defer="defer"></script>
943<link
944        rel="stylesheet"
945        href="//chrisjames.lol/cdn/shop/t/10/assets/component-predictive-search.css?v=118923337488134913561785967247"
946        media="print"
947        onload="this.media='all'"
948      >
948<script>
949      if (Shopify.designMode) {
950        document.documentElement.classList.add('shopify-design-mode');
951      }
952    </script>
952
953       <style data-shopify>
954  :root{
955    --gh-paper:#f3efe6; --gh-ink:#1a1714; --gh-amber:#e8923c; --gh-muted:#8a7f70;
956  }
957
958  /* ---- Remove the Superbloom falling-flower animation ---- */
959  .falling-flowers,.falling-flower{display:none !important}
960
961  /* ---- Kill the Superbloom gradient, go ink ---- */
962  html{background:#1a1714 !important}
963  body{background:#1a1714 !important;color:var(--gh-paper) !important;font-family:'Inter',system-ui,sans-serif !important;letter-spacing:normal}
964  .gradient,.shopify-section,.content-for-layout,.main-content,#MainContent,.color-background-1,.color-background-2{background:transparent !important;background-image:none !important}
965  .shopify-section > div{filter:none !important}
966
967  /* ---- Type ---- */
968  h1,h2,h3,h4,h5,h6,.h0,.h1,.h2,.h3,.h4{font-family:'Fraunces',Georgia,serif !important;font-weight:300 !important;color:var(--gh-paper);filter:none !important;text-shadow:none !important}
969  p,li,td,th,label,.rte,dd,dt,figcaption,small,.caption,.subtitle{color:var(--gh-paper)}
970  a{color:var(--gh-paper)}
971  a:hover{color:var(--gh-amber)}
972  ::selection{background:var(--gh-amber);color:var(--gh-ink)}
973
974  /* ---- Prices / labels ---- */
975  .price,.price-item,.price__regular,.price__sale,.money{font-family:'Space Mono',monospace !important;color:var(--gh-amber) !important}
976
977  /* ---- Buttons -> amber pills (kills rainbow gradient) ---- */
978  .button,.btn,button.button,.card__button,.shopify-payment-button__button,
979  .cart__checkout-button,.cart__dynamic-checkout-buttons,.product-form__submit,
980  .button-primary,.newsletter-form__button,.contact__button .button,input[type="submit"]{
981    background:var(--gh-amber) !important;color:var(--gh-ink) !important;border:none !important;
982    border-radius:100px !important;font-family:'Space Mono',monospace !important;letter-spacing:.06em;text-transform:uppercase;box-shadow:none !important
983  }
984  .button:hover,.btn:hover,.product-form__submit:hover,.button-primary:hover,
985  .newsletter-form__button:hover,.contact__button .button:hover,.card__button:hover{
986    color:var(--gh-ink) !important;transform:translateY(-2px)
987  }
988  /* remove the rainbow ::before overlays entirely */
989  .button-primary:hover::before,.newsletter-form__button:hover::before,.contact__button .button:hover::before,
990  .product-form__submit:hover::before,.product-form__input--pill input[type='radio'] + label:hover::before,
991  .product-form__input--pill input[type='radio']:checked + label:hover{background:none !important;animation:none !important;display:none !important}
992
993  /* ---- Variant pills / quantity ---- */
994  .product-form__input--pill input[type='radio'] + label,
995  .product-form__input input[type='radio'] + label{
996    border:1px solid var(--gh-amber) !important;background:transparent !important;color:var(--gh-paper) !important;border-radius:100px !important
997  }
998  .product-form__input--pill input[type='radio']:checked + label,
999  .product-form__input input[type='radio']:checked + label{
1000    background:var(--gh-amber) !important;color:var(--gh-ink) !important;border-color:var(--gh-amber) !important
1001  }
1002  .quantity__input{color:var(--gh-paper) !important;border-color:rgba(243,239,230,.3) !important}
1003  .quantity__button{border-color:rgba(243,239,230,.3) !important}
1004  .quantity__button svg{color:var(--gh-paper)}
1005
1006  /* ---- Inputs ---- */
1007  input,select,textarea,.field__input,.select__select{background:#211c17 !important;color:var(--gh-paper) !important;border:1px solid rgba(243,239,230,.2) !important}
1008  input::placeholder,textarea::placeholder{color:var(--gh-muted)}
1009
1010  /* ---- Media / borders ---- */
1011  .card__media img,.product__media img,.media img{border-radius:4px}
1012  .cart-items th,.cart-item,.cart-items td{border-color:rgba(243,239,230,.16) !important;color:var(--gh-paper)}
1013
1014  /* =========================================================
1015     GOLDEN HOUR TOP BAR  (.gh-topbar)
1016     ========================================================= */
1017  .gh-topbar{position:fixed;top:0;left:0;right:0;z-index:1100;display:flex;align-items:flex-start;justify-content:space-between;padding:16px 40px;background:linear-gradient(180deg,rgba(26,23,20,.94),rgba(26,23,20,.5) 70%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
1018  .gh-topbar a{color:var(--gh-paper) !important;text-decoration:none}
1019  .gh-topbar .gh-logo{font-family:'Fraunces',serif;font-weight:500;font-size:22px}
1020  .gh-tbright{display:flex;flex-direction:column;align-items:flex-end;
1020gap:10px}
1021  .gh-tbrow{display:flex;align-items:center;gap:24px}
1022  .gh-topbar nav{display:flex;gap:24px}
1023  .gh-topbar nav a{font-size:13px;letter-spacing:.14em;text-transform:uppercase;opacity:.85;font-family:'Inter',sans-serif}
1024  .gh-topbar nav a:hover{opacity:1;color:var(--gh-amber) !important}
1025  .gh-cart{font-family:'Space Mono',monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;opacity:.85;white-space:nowrap}
1026  .gh-cart:hover{opacity:1;color:var(--gh-amber) !important}
1027  .gh-lang{display:flex;align-items:center;gap:8px}
1028  .gh-lang button{background:none;border:none;color:var(--gh-paper);font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.08em;opacity:.6;cursor:pointer;padding:0;text-transform:none}
1029  .gh-lang button.on{opacity:1;font-weight:700;text-decoration:underline;text-underline-offset:4px}
1030  .gh-lang i{opacity:.45;font-style:normal}
1031  .gh-socials{display:flex;gap:14px}
1032  .gh-socials a{opacity:.85}
1033  .gh-socials a:hover{opacity:1;color:var(--gh-amber) !important}
1034  .gh-socials svg{width:18px;height:18px;display:block}
1035  @media(max-width:860px){.gh-topbar{padding:14px 20px}.gh-topbar nav{display:none}}
1036
1037  /* =========================================================
1038     GOLDEN HOUR FOOTER  (.gh-foot)
1039     ========================================================= */
1040  .gh-foot{padding:120px 40px 70px;text-align:center;background:radial-gradient(120% 120% at 50% 0%,rgba(232,146,60,.14),transparent 60%)}
1041  .gh-foot h2{font-family:'Fraunces',serif;font-weight:300;font-style:italic;font-size:clamp(34px,5vw,64px);color:var(--gh-paper) !important;margin-bottom:28px}
1042  .gh-foot .gh-form{display:flex;max-width:460px;margin:0 auto;border-bottom:1px solid rgba(243,239,230,.4)}
1043  .gh-foot .gh-form input[type="email"]{flex:1;background:transparent !important;border:none !important;color:var(--gh-paper) !important;font-family:'Inter',sans-serif;font-size:16px;padding:14px 4px;outline:none}
1044  .gh-foot .gh-form input::placeholder{color:var(--gh-muted)}
1045  .gh-foot .gh-form button{background:none !important;color:var(--gh-amber) !important;border:none !important;border-radius:0 !important;font-family:'Space Mono',monospace !important;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:0 8px !important;transform:none !important}
1046  .gh-foot .gh-note{margin-top:16px;font-family:'Space Mono',monospace;font-size:12px;color:var(--gh-amber)}
1047  .gh-foot .gh-socials{justify-content:center;margin-top:34px}
1048  .gh-foot .gh-legal{margin-top:34px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--gh-muted)}
1049</style>
1050  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1051<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";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: 50516459712,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};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>
vendor: 1 bytes, line 1051
1051
1052<script>
1053  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1054</script>
vendor: 1 bytes, line 1054
1054
1055<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1055).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 50516459712,storefrontBaseUrl: "https://chrisjames.lol",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://chrisjames.lol/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1752301915","configuration":"{\"storeIdentity\":\"chris-james-music.myshopify.com\",\"baseURL\":\"https:\\\/\\\/api.printful.com\\\/shopify-pixels\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f275712857ab41bea9d998dcb2f9da","type":"APP","apiClientId":156624,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"602931547","configuration":"{\"pixel_id\":\"192297288722808\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"chris james","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"chris-james-music.myshopify.com","countryCode":"DE","storefrontUrl":"https:\/\/chrisjames.lol"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"6781387931840","handle":"guitar-sweatshirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40254366122176","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1055,{"id":"6781145678016","handle":"short-sleeve-unisex-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40253756833984","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9747300286811","handle":"superbloom-unisex-oversized-faded-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50076808773979","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6783157403840","handle":"the-fear-of-missing-out-digital-download-album","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40260742512832","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6781446357184","handle":"short-sleeve-unisex-t-shirt-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40254475993280","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://chrisjames.lol/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"199626621275","themePublished":"true","eventMetadataId":"8450ece2-1d9f-423f-a935-c5e4c51944a2","pageType":"collection","shopId":"50516459712","storefrontBaseUrl":"https:\/\/chrisjames.lol","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"\",\"title\":\"Products\",\"productVariants\":[{\"price\":{\"amount\":44.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"guitar sweatshirt\",\"vendor\":\"chris james\",\"id\":\"6781387931840\",\"untranslatedTitle\":\"guitar sweatshirt\",\"url\":\"\/products\/guitar-sweatshirt\",\"type\":\"\"},\"id\":\"40254366122176\",\"image\":{\"src\":\"\/\/chrisjames.lol\/cdn\/shop\/products\/unisex-crew-neck-sweatshirt-black-front-610165aea897d.png?v=1627481524\"},\"sku\":\"2712160_5434\",\"title\":\"S\",\"untranslatedTitle\":\"S\"},{\"price\":{\"amount\":27.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"phone t-shirt\",\"vendor\":\"chris james\",\"id\":\"6781145678016\",\"untranslatedTitle\":\"phone t-shirt\",\"url\":\"\/products\/short-sleeve-unisex-t-shirt\",\"type\":\"\"},\"id\":\"40253756833984\",\"image\":{\"src\":\"\/\/chrisjames.lol\/cdn\/shop\/products\/unisex-staple-t-shirt-soft-cream-front-610165e030859.png?v=1627481571\"},\"sku\":\"3170138_4151\",\"title\":\"S\",\"untranslatedTitle\":\"S\"},{\"price\":{\"amount\":46.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Superbloom - Unisex Oversized Faded T-Shirt\",\"vendor\":\"chris james\",\"id\":\"9747300286811\",\"untranslatedTitle\":\"Superbloom - Unisex Oversized Faded T-Shirt\",\"url\":\"\/products\/superbloom-unisex-oversized-faded-t-shirt\",\"type\":\"T-Shirt\"},\"id\":\"50076808773979\",\"image\":{\"src\":\"\/\/chrisjames.lol\/cdn\/shop\/files\/oversized-faded-t-shirt-faded-bone-front-67f02bd14b0f1.png?v=1743793316\"},\"sku\":\"3670744_17570\",\"title\":\"S\",\"untranslatedTitle\":\"S\"},{\"price\":{\"amount\":12.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"The Fear of Missing Out (Digital Download Album)\",\"vendor\":\"chris james\",\"id\":\"6783157403840\",\"untranslatedTitle\":\"The Fear of Missing Out (Digital Download Album)\",\"url\":\"\/products\/the-fear-of-missing-out-digital-download-album\",\"type\":\"\"},\"id\":\"40260742512832\",\"image\":{\"src\":\"\/\/chrisjames.lol\/cdn\/shop\/products\/ChrisJamesArtwork_final.jpg?v=1626375169\"},\"sku\":\"\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":21.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"will i see u again t-shirt\",\"vendor\":\"chris james\",\"id\":\"6781446357184\",\"untranslatedTitle\":\"will i see u again t-shirt\",\"url\":\"\/products\/short-sleeve-unisex-t-shirt-1\",\"type\":\"\"},\"id\":\"40254475993280\",\"image\":{\"src\":\"\/\/chrisjames.lol\/cdn\/shop\/products\/unisex-basic-softstyle-t-shirt-navy-front-610165370e289.png?v=1627481402\"},\"sku\":\"5579563_496\",\"title\":\"S\",\"untranslatedTitle\":\"S\"}]}}]]"});})();</script>
1055<script>
1056  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1057  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1058  window.ShopifyAnalytics.meta.currency = 'USD';
1059  var meta = {"products":[{"id":6781387931840,"gid":"gid:\/\/shopify\/Product\/6781387931840","vendor":"chris james","type":"","handle":"guitar-sweatshirt","variants":[{"id":40254366122176,"price":4400,"name":"guitar sweatshirt - S","public_title":"S","sku":"2712160_5434"},{"id":40254366154944,"price":4400,"name":"guitar sweatshirt - M","public_title":"M","sku":"2712160_5435"},{"id":40254366187712,"price":4400,"name":"guitar sweatshirt - L","public_title":"L","sku":"2712160_5436"},{"id":40254366220480,"price":4400,"name":"guitar sweatshirt - XL","public_title":"XL","sku":"2712160_5437"},{"id":40254366253248,"price":4600,"name":"guitar sweatshirt - 2XL","public_title":"2XL","sku":"2712160_5438"},{"id":40254366318784,"price":4800,"name":"guitar sweatshirt - 3XL","public_title":"3XL","sku":"2712160_5439"},{"id":40254366351552,"price":5000,"name":"guitar sweatshirt - 4XL","public_title":"4XL","sku":"2712160_5440"},{"id":40254366384320,"price":5100,"name":"guitar sweatshirt - 5XL","public_title":"5XL","sku":"2712160_5441"}],"remote":false},{"id":6781145678016,"gid":"gid:\/\/shopify\/Product\/6781145678016","vendor":"chris james","type":"","handle":"short-sleeve-unisex-t-shirt","variants":[{"id":40253756833984,"price":2700,"name":"phone t-shirt - S","public_title":"S","sku":"3170138_4151"},{"id":40253756866752,"price":2700,"name":"phone t-shirt - M","public_title":"M","sku":"3170138_4152"},{"id":40253756899520,"price":2700,"name":"phone t-shirt - L","public_title":"L","sku":"3170138_4153"},{"id":40253756932288,"price":2700,"name":"phone t-shirt - XL","public_title":"XL","sku":"3170138_4154"},{"id":40253756965056,"price":2800,"name":"phone t-shirt - 2XL","public_title":"2XL","sku":"3170138_4155"},{"id":40253756997824,"price":3000,"name":"phone t-shirt - 3XL","public_title":"3XL","sku":"3170138_5305"},{"id":40253757030592,"price":3200,"name":"phone t-shirt - 4XL","public_title":"4XL","sku":"3170138_5320"}],"remote":false},{"id":9747300286811,"gid":"gid:\/\/shopify\/Product\/9747300286811","vendor":"chris james","type":"T-Shirt","handle":"superbloom-unisex-oversized-faded-t-shirt","variants":[{"id":50076808773979,"price":4600,"name":"Superbloom - Unisex Oversized Faded T-Shirt - S","public_title":"S","sku":"3670744_17570"},{"id":50076808806747,"price":4600,"name":"Superbloom - Unisex Oversized Faded T-Shirt - M","public_title":"M","sku":"3670744_17575"},{"id":50076808839515,"price":4600,"name":"Superbloom - Unisex Oversized Faded T-Shirt - L","public_title":"L","sku":"3670744_17580"},{"id":50076808872283,"price":4600,"name":"Superbloom - Unisex Oversized Faded T-Shirt - XL","public_title":"XL","sku":"3670744_17585"},{"id":50076808905051,"price":4600,"name":"Superbloom - Unisex Oversized Faded T-Shirt - 2XL","public_title":"2XL","sku":"3670744_17590"},{"id":50076808937819,"price":4600,"name":"Superbloom - Unisex Oversized Faded T-Shirt - 3XL","public_title":"3XL","sku":"3670744_17595"}],"remote":false},{"id":6783157403840,"gid":"gid:\/\/shopify\/Product\/6783157403840","vendor":"chris james","type":"","handle":"the-fear-of-missing-out-digital-download-album","variants":[{"id":40260742512832,"price":1200,"name":"The Fear of Missing Out (Digital Download Album)","public_title":null,"sku":""}],"remote":false},{"id":6781446357184,"gid":"gid:\/\/shopify\/Product\/6781446357184","vendor":"chris james","type":"","handle":"short-sleeve-unisex-t-shirt-1","variants":[{"id":40254475993280,"price":2100,"name":"will i see u again t-shirt - S","public_title":"S","sku":"5579563_496"},{"id":40254476026048,"price":2100,"name":"will i see u again t-shirt - M","public_title":"M","sku":"5579563_527"},{"id":40254476058816,"price":2100,"name":"will i see u again t-shirt - L","public_title":"L","sku":"5579563_558"},{"id":40254476091584,"price":2100,"name":"will i see u again t-shirt - XL","public_title":"XL","sku":"5579563_589"},{"id":40254476124352,"price":2300,"name":"will i see u again t-shirt - 2XL","public_title":"2XL","sku":"5579563_620"},{"id":40254476157120,"price":2400,"name":"will i see u again t-shirt - 3XL","public_title":"3XL","sku":"5579563_651"}],"remote":false}],"page":{"pageType":"collection","requestId":"d3f3e692-14e8-4d9d-aeb7-9d51b908fdf7-1790992509"}};
1060  for (var attr in meta) {
1061    window.ShopifyAnalytics.meta[attr] = meta[attr];
1062  }
1063</script>
vendor: 1 bytes, line 1063
1063
1064<script class="analytics">
1065  (function () {
1066    var customDocumentWrite = function(content) {
1067      var jquery = null;
1068
1069      if (window.jQuery) {
1070        jquery = window.jQuery;
1071      } else if (window.Checkout && window.Checkout.$) {
1072        jquery = window.Checkout.$;
1073      }
1074
1075      if (jquery) {
1076        jquery('body').append(content);
1077      }
1078    };
1079
1080    var hasLoggedConversion = function(token) {
1081      if (token) {
1082        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1083      }
1084      return false;
1085    }
1086
1087    var setCookieIfConversion = function(token) {
1088      if (token) {
1089        var twoMonthsFromNow = new Date(Date.now());
1090        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1091
1092        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1093      }
1094    }
1095
1096    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1097    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1098    if (trekkie.integrations) {
1099      return;
1100    }
1101    trekkie.methods = [
1102      'identify',
1103      'page',
1104      'ready',
1105      'track',
1106      'trackForm',
1107      'trackLink'
1108    ];
1109    trekkie.factory = function(method) {
1110      return function() {
1111        var args = Array.prototype.slice.call(arguments);
1112        args.unshift(method);
1113        trekkie.push(args);
1114        if (method == 'track' || method == 'page') {
1115          var pageUrl;
1116          try {
1117            pageUrl = window.location.href;
1118          } catch (e) {}
1119          var pageReferrer;
1120          try {
1121            pageReferrer = document.referrer;
1122          } catch (e) {}
1123          try {
1124            if (window.__TREKKIE_SHIM_QUEUE == null) {
1125              window.__TREKKIE_SHIM_QUEUE = [];
1126            }
1127            window.__TREKKIE_SHIM_QUEUE.push({
1128              from: 'trekkie-stub',
1129              method: method,
1130              args: args.slice(1),
1131              pageContext: {
1132                url: pageUrl,
1133                referrer: pageReferrer
1134              }
1135            });
1136          } catch (e) {
1137            // no-op
1138          }
1139        }
1140        return trekkie;
1141      };
1142    };
1143    for (var i = 0; i < trekkie.methods.length; i++) {
1144      var key = trekkie.methods[i];
1145      trekkie[key] = trekkie.factory(key);
1146    }
1147    trekkie.load = function(config) {
1148      trekkie.config = config || {};
1149      trekkie.config.initialDocumentCookie = document.cookie;
1150      var first = document.getElementsByTagName('script')[0];
1151var script = document.createElement('script');
1152script.type = 'text/javascript';
1153script.onerror = function(e) {
1154  var scriptFallback = document.createElement('script');
1155  scriptFallback.type = 'text/javascript';
1156  scriptFallback.onerror = function(error) {
1157          var Monorail = {
1158      produce: function produce(monorailDomain, schemaId, payload) {
1159        var currentMs = new Date().getTime();
1160        var event = {
1161          schema_id: schemaId,
1162          payload: payload,
1163          metadata: {
1164            event_created_at_ms: currentMs,
1165            event_sent_at_ms: currentMs
1166          }
1167        };
1168        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1169      },
1170      sendRequest: function sendRequest(endpointUrl, payload) {
1171        // Try the sendBeacon API
1172        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1173          var blobData = new window.Blob([payload], {
1174            type: 'text/plain'
1175          });
1176
1177          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1178            return true;
1179          } // sendBeacon was not successful
1180
1181        } // XHR beacon
1182
1183        var xhr = new XMLHttpRequest();
1184
1185        try {
1186          xhr.open('POST', endpointUrl);
1187          xhr.setRequestHeader('Content-Type', 'text/plain');
1188          xhr.send(payload);
1189        } catch (e) {
1190          console.log(e);
1191        }
1192
1193        return false;
1194      },
1195      isIos12: function isIos12() {
1196        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1197      }
1198    };
1199    Monorail.produce('monorail-edge.shopifysvc.com',
1200      'trekkie_storefront_load_errors/1.1',
1201      {shop_id: 50516459712,
1202      theme_id: 199626621275,
1203      app_name: "storefront",
1204      context_url: window.location.href,
1205      source_url: "//chrisjames.lol/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1206
1207  };
1208  scriptFallback.async = true;
1209  scriptFallback.src = '//chrisjames.lol/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1210  first.parentNode.insertBefore(scriptFallback, first);
1211};
1212script.async = true;
1213script.src = '//chrisjames.lol/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1214first.parentNode.insertBefore(script, first);
1215
1216    };
1217    trekkie.load(
1218      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":50516459712,"isMerchantRequest":null,"themeId":199626621275,"themeCityHash":"3103936551676350990","contentLanguage":"en","currency":"USD","eventMetadataId":"8450ece2-1d9f-423f-a935-c5e4c51944a2"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1219    );
1220
1221    var loaded = false;
1222    trekkie.ready(function() {
1223      if (loaded) return;
1224      loaded = true;
1225
1226      window.ShopifyAnalytics.lib = window.trekkie;
1227
1228      var originalDocumentWrite = document.write;
1229      document.write = customDocumentWrite;
1230      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1231      document.write = originalDocumentWrite;
1232
1233      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1234      var token = match? match[1]: undefined;
1235      if (!hasLoggedConversion(token)) {
1236        setCookieIfConversion(token);
1237        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: all","collectionName":"all","nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
1238      }
1239    });
1240
1241    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","requestId":"d3f3e692-14e8-4d9d-aeb7-9d51b908fdf7-1790992509","shopifyEmitted":true});
1242
1243    var eventsListenerScript = document.createElement('script');
1244    eventsListenerScript.async = true;
1245    eventsListenerScript.src = "//chrisjames.lol/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1246    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1247})();</script>
vendor: 1 bytes, line 1247
1247
1248<script
1249  defer
1250  src="https://chrisjames.lol/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1251  data-application="storefront-renderer"
1252  data-shop-id="50516459712"
1253  data-render-region="gcp-us-west1"
1254  data-page-type="collection"
1255  data-theme-instance-id="199626621275"
1256  data-theme-name="Superbloom"
1257  data-theme-version="1.0"
1258  data-monorail-region="shop_domain"
1259  data-resource-timing-sampling-rate="10"
1260  data-shs="true"
1261  data-shs-beacon="true"
1262  data-shs-export-with-fetch="true"
1263  data-shs-logs-sample-rate="1"
1264  data-shs-beacon-endpoint="https://chrisjames.lol/api/collect"
1265></script>
1265
1266<meta name="shopify-y" content="4b5137a4-59b1-4f65-adfa-5f660d2aa9b8" data-expiration="1822550109000"><meta name="shopify-s" content="15cc166c-7e55-455c-ac58-ad6ab34db85e" data-expiration="1790994309000"><meta name="new-cookie-storage-activated" content="t">
1267</head>
1268
1269  <body class="gradient animate--hover-default">
1270    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
1271      Skip to content
1272    </a><header class="gh-topbar">
1273  <a href="/" class="gh-logo">Chris James</a>
1274  <div class="gh-tbright">
1275    <div class="gh-tbrow">
1276      <nav>
1277        <a href="/#music" data-en="Music" data-zh="音乐">Music</a>
1278        <a href="/#tour" data-en="Tour" data-zh="巡演">Tour</a>
1279        <a href="/#merch" data-en="Merch" data-zh="周边">Merch</a>
1280        <a href="/#contact" data-en="Contact" data-zh="联系">Contact</a>
1281      </nav>
1282      <a class="gh-cart" href="/cart" aria-label="Cart">Bag (0)</a>
1283      <div class="gh-lang"><button type="button" data-l="en" class="on">EN</button><i>/</i><button type="button" data-l="zh">中文</button></div>
1284    </div>
1285    <div class="gh-socials">
1286  <a aria-label="Instagram" href="https://www.instagram.com/chrisjamesmusic/" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.4" cy="6.6" r="1.1" fill="currentColor" stroke="none"/></svg></a>
1287  <a aria-label="TikTok" href="https://www.tiktok.com/@chrisjamesflames" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M15.6 3c.35 2.1 1.6 3.6 3.9 3.95v2.6c-1.4.05-2.7-.4-3.9-1.2v5.7a5.6 5.6 0 1 1-5.6-5.6c.32 0 .63.03.93.08v2.7a2.95 2.95 0 1 0 2.07 2.82V3h2.6z"/></svg></a>
1288  <a aria-label="Spotify" href="https://open.spotify.com/artist/1PU4kQGbRVMSyvawEYEjFp" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm4.6 14.45a.78.78 0 0 1-1.07.26c-2.95-1.8-6.66-2.2-11.04-1.2a.78.78 0 1 1-.35-1.52c4.8-1.1 8.9-.64 12.2 1.39.37.23.49.71.26 1.07zm1.23-2.74a.97.97 0 0 1-1.34.32C13.1 12.2 8 11.7 4.3 12.82a.97.97 0 1 1-.57-1.86C8 9.7 13.6 10.26 17.5 12.63c.46.28.6.88.33 1.08zm.1-2.85C13.6 8.6 8.07 8.42 4.77 9.42a1.17 1.17 0 1 1-.68-2.24C7.9 6.03 14 6.25 18 8.6a1.17 1.17 0 0 1-1.07 2.06z"/></svg></a>
1289  <a aria-label="YouTube" href="https://www.youtube.com/@chris-james" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M23 7.5a3 3 0 0 0-2.1-2.12C19 4.8 12 4.8 12 4.8s-7 0-8.9.58A3 3 0 0 0 1 7.5 31 31 0 0 0 .5 12 31 31 0 0 0 1 16.5a3 3 0 0 0 2.1 2.12C5 19.2 12 19.2 12 19.2s7 0 8.9-.58A3 3 0 0 0 23 16.5 31 31 0 0 0 23.5 12 31 31 0 0 0 23 7.5zM9.8 15.3V8.7l5.7 3.3-5.7 3.3z"/></svg></a>
1290  <a aria-label="Apple Music" href="https://music.apple.com/artist/chris-james/1357768128" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm10.5 3-6.6 1.33v6.94a2.3 2.3 0 1 0 1.5 2.15V9.55l3.6-.72v3.62a2.3 2.3 0 1 0 1.5 2.15V6z"/></svg></a>
1291  <a aria-label="Bandcamp" href="https://chrisjamesmusic.bandcamp.com/music" target="_blank" rel="noopener"><svg viewBox="0 0 24 24"><rect x="2" y="6.5" width="20" height="11" rx="2" fill="currentColor"/><path d="M8.3 15.2 12.1 9h3.6l-3.8 6.2z" fill="#1a1714"/></svg></a>
1292</div>
1293
1294  </div>
1295</header>
1296<script>
1297  (function(){
1298    function setLang(l){
1299      document.documentElement.setAttribute('lang', l);
1300      document.querySelectorAll('.gh-topbar [data-en]').forEach(function(el){el.textContent = (l==='zh') ? el.dataset.zh : el.dataset.en;});
1301      document.querySelectorAll('.gh-lang button').forEach(function(b){b.classList.toggle('on', b.dataset.l===l);});
1302    }
1303    document.querySelectorAll('.gh-lang button').forEach(function(b){b.addEventListener('click', function(){setLang(b.dataset.l);});});
1304  })();
1305</script>
1305
1306
1307    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
1308      <div id="shopify-section-template--29921427718491__banner" class="shopify-section section">
1309<link href="//chrisjames.lol/cdn/shop/t/10/assets/component-collection-hero.css?v=125511329265726850081785967247" rel="stylesheet" type="text/css" media="all" />
1310<style data-shopify>@media screen and (max-width: 749px) {
1311    .collection-hero--with-image .collection-hero__inner {
1312      padding-bottom: calc(4px + 2rem);
1313    }
1314  }</style><div class="collection-hero color-scheme-1 gradient">
1315  <div class="collection-hero__inner page-width  scroll-trigger animate--fade-in">
1316    <div class="collection-hero__text-wrapper">
1317      <h1 class="collection-hero__title">
1318        <span class="visually-hidden">Collection: </span>Products</h1><div class="collection-hero__description rte"></div></div></div>
1319</div>
1320
1321
1322</div><div id="shopify-section-template--29921427718491__product-grid" class="shopify-section section"><link href="//chrisjames.lol/cdn/shop/t/10/assets/template-collection.css?v=58558206033505836701785967247" rel="stylesheet" type="text/css" media="all" />
1323<link href="//chrisjames.lol/cdn/shop/t/10/assets/component-card.css?v=120341546515895839841785967247" rel="stylesheet" type="text/css" media="all" />
1324<link href="//chrisjames.lol/cdn/shop/t/10/assets/component-price.css?v=70172745017360139101785967247" rel="stylesheet" type="text/css" media="all" />
1325
1326<style data-shopify>.section-template--29921427718491__product-grid-padding {
1327    padding-top: 27px;
1328    padding-bottom: 27px;
1329  }
1330
1331  @media screen and (min-width: 750px) {
1332    .section-template--29921427718491__product-grid-padding {
1333      padding-top: 36px;
1334      padding-bottom: 36px;
1335    }
1336  }</style><div class="section-template--29921427718491__product-grid-padding gradient color-scheme-1">
1337<div class="">
1338      <link href="//chrisjames.lol/cdn/shop/t/10/assets/component-facets.css?v=170553690294338652621785967247" rel="stylesheet" type="text/css" media="all" />
1339      
1339<script src="//chrisjames.lol/cdn/shop/t/10/assets/facets.js?v=42798985796066624181785967247" defer="defer"></script>
1339<aside
1340          aria-labelledby="verticalTitle"
1341          class="facets-wrapper page-width"
1342          id="main-collection-filters"
1343          data-id="template--29921427718491__product-grid"
1344        >
1345          
1346
1347<link href="//chrisjames.lol/cdn/shop/t/10/assets/component-show-more.css?v=139536189637226996221785967247" rel="stylesheet" type="text/css" media="all" />
1348<link href="//chrisjames.lol/cdn/shop/t/10/assets/component-swatch-input.css?v=61683592951238328641785967247" rel="stylesheet" type="text/css" media="all" />
1349<link href="//chrisjames.lol/cdn/shop/t/10/assets/component-swatch.css?v=6811383713633888781785967247" rel="stylesheet" type="text/css" media="all" />
1350<div class="facets-container scroll-trigger animate--fade-in"><facet-filters-form class="facets small-hide">
1351      <form
1352        id="FacetFiltersForm"
1353        class="facets__form"
1354      >
1355          
1356          <div
1357            id="FacetsWrapperDesktop"
1358            
1359              class="facets__wrapper"
1360            
1361          ><h2 class="facets__heading caption-large text-body" id="verticalTitle" tabindex="-1">
1362                Filter:
1363              </h2>
1364<script src="//chrisjames.lol/cdn/shop/t/10/assets/show-more.js?v=135784227224860024771785967247" defer="defer"></script>
1364
1365            
1366
1367
1368              
1369                  <details
1370                    id="Details-filter.v.availability-template--29921427718491__product-grid"
1371                    class="disclosure-has-popup facets__disclosure js-filter"
1372                    data-index="1"
1373                    
1374                  >
1375                    <summary
1376                      class="facets__summary caption-large focus-offset"
1377                      aria-label="Availability (0 selected)"
1378                    >
1379                      <div>
1380                        <span class="facets__summary-label">Availability
1381</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
1382</div>
1383                    </summary>
1384                    <div
1385                      id="Facet-1-template--29921427718491__product-grid"
1386                      class="parent-display facets__display"
1387                    ><div class="facets__header">
1388                          <div>
1389                            <span class="facets__selected">0 selected</span></div>
1390                          <facet-remove>
1391                            <a href="/collections/all" class="facets__reset link underlined-link">
1392                              Reset
1393                            </a>
1394                          </facet-remove>
1395                        </div><fieldset class="facets-wrap parent-wrap ">
1396                        <legend class="visually-hidden">Availability</legend><ul
1397                          class="facets-layout facets-layout-list facets-layout-list--text facets__list list-unstyled"
1398                          role="list"
1399                        >
1400<li class="list-menu__item facets__item"><label for="Filter-filter.v.availability-1" class="facets__label facet-checkbox
1401">
1402                                  <input
1403                                    type="checkbox"
1404                                    name="filter.v.availability"
1405                                    value="1"
1406                                    id="Filter-filter.v.availability-1"
1407                                    
1408                                    
1409                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
1410<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1411</div><span class="facet-checkbox__text" aria-hidden="true">
1412                                <span class="facet-checkbox__text-label">In stock</span> (5)
1413                              </span>
1414                              <span class="visually-hidden">In stock (5 products)
1415                              </span>
1416                                </label></li>
1417<li class="list-menu__item facets__item"><label for="Filter-filter.v.availability-2" class="facets__label facet-checkbox disabled
1418">
1419                                  <input
1420                                    type="checkbox"
1421                                    name="filter.v.availability"
1422                                    value="0"
1423                                    id="Filter-filter.v.availability-2"
1424                                    
1425                                    
1426                                      disabled
1427                                    
1428                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
1429<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1430</div><span class="facet-checkbox__text" aria-hidden="true">
1431                                <span class="facet-checkbox__text-label">Out of stock</span> (0)
1432                              </span>
1433                              <span class="visually-hidden">Out of stock (0 products)
1434                              </span>
1435                                </label></li></ul>
1436                      </fieldset>
1437                    </div>
1438                  </details>
1439                
1440</div>
1441          
1442<div class="active-facets active-facets-desktop">
1443<facet-remove class="active-facets__button-wrapper">
1444                <a href="/collections/all" class="active-facets__button-remove underlined-link">
1445                  <span>Remove all</span>
1446                </a>
1447              </facet-remove>
1448            </div>
1449
1450        
1451
1452<div class="facet-filters sorting caption">
1453              <div class="facet-filters__field">
1454                <h2 class="facet-filters__label caption-large text-body">
1455                  <label for="SortBy">Sort by:</label>
1456                </h2>
1457                <div class="select"><select
1458                    name="sort_by"
1459                    class="facet-filters__sort select__select caption-large"
1460                    id="SortBy"
1461                    aria-describedby="a11y-refresh-page-message"
1462                  ><option
1463                        value="manual"
1464                        
1465                      >
1466                        Featured
1467                      </option><option
1468                        value="most-relevant"
1469                        
1470                      >
1471                        Most relevant
1472                      </option><option
1473                        value="best-selling"
1474                        
1475                      >
1476                        Best selling
1477                      </option><option
1478                        value="title-ascending"
1479                        
1480                          selected="selected"
1481                        
1482                      >
1483                        Alphabetically, A-Z
1484                      </option><option
1485                        value="title-descending"
1486                        
1487                      >
1488                        Alphabetically, Z-A
1489                      </option><option
1490                        value="price-ascending"
1491                        
1492                      >
1493                        Price, low to high
1494                      </option><option
1495                        value="price-descending"
1496                        
1497                      >
1498                        Price, high to low
1499                      </option><option
1500                        value="created-ascending"
1501                        
1502                      >
1503                        Date, old to new
1504                      </option><option
1505                        value="created-descending"
1506                        
1507                      >
1508                        Date, new to old
1509                      </option></select>
1510                  <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
1511</span>
1512                </div>
1513              </div>
1514            </div><div class="product-count light" role="status">
1515            <h2 class="product-count__text text-body">
1516              <span id="ProductCountDesktop">5 products
1517</span>
1518            </h2>
1519
1520<div class="loading__spinner hidden">
1521  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
1522
1523</div>
1524</div></form>
1525    </facet-filters-form>
1526  <menu-drawer
1527    class="mobile-facets__wrapper medium-hide large-up-hide"
1528    data-breakpoint="mobile"
1529  >
1530    <details class="mobile-facets__disclosure disclosure-has-popup">
1531      <summary class="mobile-facets__open-wrapper focus-offset">
1532        <span class="mobile-facets__open">
1533          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-filter" viewBox="0 0 20 20">
1533<path fill="currentColor" fill-rule="evenodd" d="M4.833 6.5a1.667 1.667 0 1 1 3.334 0 1.667 1.667 0 0 1-3.334 0M4.05 7H2.5a.5.5 0 0 1 0-1h1.55a2.5 2.5 0 0 1 4.9 0h8.55a.5.5 0 0 1 0 1H8.95a2.5 2.5 0 0 1-4.9 0m11.117 6.5a1.667 1.667 0 1 0-3.334 0 1.667 1.667 0 0 0 3.334 0M13.5 11a2.5 2.5 0 0 1 2.45 2h1.55a.5.5 0 0 1 0 1h-1.55a2.5 2.5 0 0 1-4.9 0H2.5a.5.5 0 0 1 0-1h8.55a2.5 2.5 0 0 1 2.45-2"/></svg>
1534</span>
1535          <span class="mobile-facets__open-label button-label medium-hide large-up-hide">Filter and sort
1536</span>
1537          <span class="mobile-facets__open-label button-label small-hide">Filter
1538</span>
1539        </span>
1540        <span tabindex="0" class="mobile-facets__close">
1541          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
1542</span>
1543        </span>
1544      </summary>
1545      <facet-filters-form>
1546        <form id="FacetFiltersFormMobile" class="mobile-facets">
1547          <div class="mobile-facets__inner gradient">
1548            <div class="mobile-facets__header">
1549              <div class="mobile-facets__header-inner">
1550                <h2 class="mobile-facets__heading medium-hide large-up-hide">Filter and sort
1551</h2>
1552                <h2 class="mobile-facets__heading small-hide">Filter
1553</h2>
1554                <p class="mobile-facets__count">5 products
1555</p>
1556              </div>
1557            </div>
1558            <div
1559              id="FacetsWrapperMobile"
1560              class="mobile-facets__main has-submenu gradient"
1561            >
1562
1563                  
1564                      <details
1565                        id="Details-Mobile-filter.v.availability-template--29921427718491__product-grid"
1566                        class="mobile-facets__details js-filter"
1567                        data-index="mobile-1"
1568                      >
1569                        <summary class="mobile-facets__summary focus-inset">
1570                          <div>
1571                            <span>Availability</span>
1572                            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
1572ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
1573</span>
1574                          </div>
1575                        </summary>
1576                        <div
1577                          id="FacetMobile-1-template--29921427718491__product-grid"
1578                          class="mobile-facets__submenu gradient"
1579                        >
1580                          <button
1581                            class="mobile-facets__close-button link link--text focus-inset"
1582                            aria-expanded="true"
1583                            type="button"
1584                          ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
1585<span>Availability</span></button>
1586                          <ul class="facets-layout facets-layout-list facets-layout-list--text mobile-facets__list list-unstyled" role="list">
1587<li class="mobile-facets__item list-menu__item">
1588                                
1589                                  <label for="Filter-filter.v.availability-mobile-1" class="facets__label mobile-facets__label
1590">
1591                                    <input
1592                                      class="mobile-facets__checkbox"
1593                                      type="checkbox"
1594                                      name="filter.v.availability"
1595                                      value="1"
1596                                      id="Filter-filter.v.availability-mobile-1"
1597                                      
1598                                      
1599                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
1600<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1601
1602
1603                                    <span class="facet-checkbox__text" aria-hidden="true">
1604                                  <span class="facet-checkbox__text-label">In stock</span> (5)
1605                                </span>
1606                                <span class="visually-hidden">In stock (5 products)
1607                                </span>
1608                                  </label>
1609                                
1610                              </li>
1611<li class="mobile-facets__item list-menu__item">
1612                                
1613                                  <label for="Filter-filter.v.availability-mobile-2" class="facets__label mobile-facets__label disabled
1614">
1615                                    <input
1616                                      class="mobile-facets__checkbox"
1617                                      type="checkbox"
1618                                      name="filter.v.availability"
1619                                      value="0"
1620                                      id="Filter-filter.v.availability-mobile-2"
1621                                      
1622                                      
1623                                        disabled
1624                                      
1625                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
1626<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1627
1628
1629                                    <span class="facet-checkbox__text" aria-hidden="true">
1630                                  <span class="facet-checkbox__text-label">Out of stock</span> (0)
1631                                </span>
1632                                <span class="visually-hidden">Out of stock (0 products)
1633                                </span>
1634                                  </label>
1635                                
1636                              </li></ul>
1637
1638                          <div class="mobile-facets__footer gradient">
1639                            <facet-remove class="mobile-facets__clear-wrapper">
1640                              <a href="/collections/all" class="mobile-facets__clear underlined-link">Clear</a>
1641                            </facet-remove>
1642                            <button
1643                              type="button"
1644                              class="button button--primary"
1645                              onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
1646                            >
1647                              Apply
1648                            </button>
1649                          </div>
1650                        </div>
1651                      </details>
1652                    
1653<div
1654                  id="Details-Mobile-SortBy-template--29921427718491__product-grid"
1655                  class="mobile-facets__details js-filter"
1656                  data-index="mobile-"
1657                >
1658                  <div class="mobile-facets__summary">
1659                    <div class="mobile-facets__sort">
1660                      <label for="SortBy-mobile">Sort by:</label>
1661                      <div class="select">
1662                        <select
1663                          name="sort_by"
1664                          class="select__select"
1665                          id="SortBy-mobile"
1666                          aria-describedby="a11y-refresh-page-message"
1667                        ><option
1668                              value="manual"
1669                              
1670                            >
1671                              Featured
1672                            </option><option
1673                              value="most-relevant"
1674                              
1675                            >
1676                              Most relevant
1677                            </option><option
1678                              value="best-selling"
1679                              
1680                            >
1681                              Best selling
1682                            </option><option
1683                              value="title-ascending"
1684                              
1685                                selected="selected"
1686                              
1687                            >
1688                              Alphabetically, A-Z
1689                            </option><option
1690                              value="title-descending"
1691                              
1692                            >
1693                              Alphabetically, Z-A
1694                            </option><option
1695                              value="price-ascending"
1696                              
1697                            >
1698                              Price, low to high
1699                            </option><option
1700                              value="price-descending"
1701                              
1702                            >
1703                              Price, high to low
1704                            </option><option
1705                              value="created-ascending"
1706                              
1707                            >
1708                              Date, old to new
1709                            </option><option
1710                              value="created-descending"
1711                              
1712                            >
1713                              Date, new to old
1714                            </option></select>
1715                        <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
1716</span>
1717                      </div>
1718                    </div>
1719                  </div>
1720                </div><div class="mobile-facets__footer">
1721                <facet-remove class="mobile-facets__clear-wrapper">
1722                  <a href="/collections/all" class="mobile-facets__clear underlined-link">Remove all</a>
1723                </facet-remove>
1724                <button
1725                  type="button"
1726                  class="button button--primary"
1727                  onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
1728                >
1729                  Apply
1730                </button>
1731              </div>
1732            </div>
1733
1734            
1735</div>
1736        </form>
1737      </facet-filters-form>
1738    </details>
1739  </menu-drawer>
1740
1741  <div class="active-facets active-facets-mobile medium-hide large-up-hide"><facet-remove class="active-facets__button-wrapper">
1742      <a href="/collections/all" class="active-facets__button-remove underlined-link">
1743        <span>Remove all</span>
1744      </a>
1745    </facet-remove>
1746  </div>
1747  
1748<div
1749    class="product-count light medium-hide large-up-hide"
1750    role="status"
1751  >
1752    <h2 class="product-count__text text-body">
1753      <span id="ProductCount">5 products
1754</span>
1755    </h2>
1756
1757<div class="loading__spinner hidden">
1758  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
1759
1760</div>
1761</div></div>
1762
1763        </aside><div
1764        class="product-grid-container scroll-trigger animate--slide-in"
1765        id="ProductGridContainer"
1766        
1767          data-cascade
1768        
1769      ><div
1770            class="collection page-width"
1771          >
1772            <div class="loading-overlay gradient"></div>
1773            <ul
1774              id="product-grid"
1775              data-id="template--29921427718491__product-grid"
1776              class="
1777                grid product-grid grid--2-col-tablet-down
1778                grid--4-col-desktop
1779                
1780              "
1781            >
1782              
1783
1784<li
1785                  class="grid__item scroll-trigger animate--slide-in"
1786                  
1787                    data-cascade
1788                    style="--animation-order: 1;"
1789                  
1790                >
1791                  
1792<link href="//chrisjames.lol/cdn/shop/t/10/assets/component-rating.css?v=179577762467860590411785967247" rel="stylesheet" type="text/css" media="all" />
1793  <link href="//chrisjames.lol/cdn/shop/t/10/assets/component-volume-pricing.css?v=111870094811454961941785967247" rel="stylesheet" type="text/css" media="all" />
1794
1795  <link href="//chrisjames.lol/cdn/shop/t/10/assets/component-price.css?v=70172745017360139101785967247" rel="stylesheet" type="text/css" media="all" />
1796  <link href="//chrisjames.lol/cdn/shop/t/10/assets/quick-order-list.css?v=176170244563023824121785967247" rel="stylesheet" type="text/css" media="all" />
1797  <link href="//chrisjames.lol/cdn/shop/t/10/assets/quantity-popover.css?v=129068967981937647381785967247" rel="stylesheet" type="text/css" media="all" />
1798<div class="card-wrapper product-card-wrapper underline-links-hover">
1799    <div
1800      class="
1801        card card--standard
1802         card--media
1803        
1804        
1805        
1806        
1807        
1808      "
1809      style="--ratio-percent: 100.0%;"
1810    >
1811      <div
1812        class="card__inner color-scheme-2 gradient ratio"
1813        style="--ratio-percent: 100.0%;"
1814      ><div class="card__media">
1815            <div class="media media--transparent media--hover-effect">
1816              
1817              <img
1818                srcset="//chrisjames.lol/cdn/shop/products/unisex-crew-neck-sweatshirt-black-front-610165aea897d.png?v=1627481524&width=165 165w,//chrisjames.lol/cdn/shop/products/unisex-crew-neck-sweatshirt-black-front-610165aea897d.png?v=1627481524&width=360 360w,//chrisjames.lol/cdn/shop/products/unisex-crew-neck-sweatshirt-black-front-610165aea897d.png?v=1627481524&width=533 533w,//chrisjames.lol/cdn/shop/products/unisex-crew-neck-sweatshirt-black-front-610165aea897d.png?v=1627481524&width=720 720w,//chrisjames.lol/cdn/shop/products/unisex-crew-neck-sweatshirt-black-front-610165aea897d.png?v=1627481524&width=940 940w,//chrisjames.lol/cdn/shop/products/unisex-crew-neck-sweatshirt-black-front-610165aea897d.png?v=1627481524 1000w
1819                "
1820                src="//chrisjames.lol/cdn/shop/products/unisex-crew-neck-sweatshirt-black-front-610165aea897d.png?v=1627481524&width=533"
1821                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
1822                alt="guitar sweatshirt"
1823                class="motion-reduce"
1824                
1825                width="1000"
1826                height="1000"
1827              >
1828              
1829</div>
1830          </div><div class="card__content">
1831          <div class="card__information">
1832            <h3
1833              class="card__heading"
1834              
1835            >
1836              <a
1837                href="/products/guitar-sweatshirt"
1838                id="StandardCardNoMediaLink-template--29921427718491__product-grid-6781387931840"
1839                class="full-unstyled-link"
1840                aria-labelledby="StandardCardNoMediaLink-template--29921427718491__product-grid-6781387931840 NoMediaStandardBadge-template--29921427718491__product-grid-6781387931840"
1841              >
1842                guitar sweatshirt
1843              </a>
1844            </h3>
1845          </div>
1846          <div class="card__badge bottom left"></div>
1847        </div>
1848      </div>
1849      <div class="card__content">
1850        <div class="card__information">
1851          <h3
1852            class="card__heading h5"
1853            
1854              id="title-template--29921427718491__product-grid-6781387931840"
1855            
1856          >
1857            <a
1858              href="/products/guitar-sweatshirt"
1859              id="CardLink-template--29921427718491__product-grid-6781387931840"
1860              class="full-unstyled-link"
1861              aria-labelledby="CardLink-template--29921427718491__product-grid-6781387931840 Badge-template--29921427718491__product-grid-6781387931840"
1862            >
1863              guitar sweatshirt
1864            </a>
1865          </h3>
1866          <div class="card-information"><span class="caption-large light"></span>
1867<div
1868    class="
1869      price "
1870  >
1871    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
1872          <span class="price-item price-item--regular">
1873            From $44.00 USD
1874          </span></div>
1875      <div class="price__sale">
1876          <span class="visually-hidden visually-hidden--inline">Regular price</span>
1877          <span>
1878            <s class="price-item price-item--regular">
1879              
1880                
1881              
1882            </s>
1883          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
1884        <span class="price-item price-item--sale price-item--last">
1885          From $44.00 USD
1886        </span>
1887      </div>
1888      <small class="unit-price caption hidden">
1889        <span class="visually-hidden">Unit price</span>
1890        <span class="price-item price-item--last">
1891          <span></span>
1892          <span aria-hidden="true">/</span>
1893          <span class="visually-hidden">&nbsp;per&nbsp;</span>
1894          <span>
1895          </span>
1896        </span>
1897      </small>
1898    </div></div>
1899
1900
1901</div>
1902        </div>
1903        
1904        
1905        <div class="card__badge bottom left"></div>
1906      </div>
1907    </div>
1908  </div>
1909                </li>
1910<li
1911                  class="grid__item scroll-trigger animate--slide-in"
1912                  
1913                    data-cascade
1914                    style="--animation-order: 2;"
1915                  
1916                >
1917                  
1918<div class="card-wrapper product-card-wrapper underline-links-hover">
1919    <div
1920      class="
1921        card card--standard
1922         card--media
1923        
1924        
1925        
1926        
1927        
1928      "
1929      style="--ratio-percent: 100.0%;"
1930    >
1931      <div
1932        class="card__inner color-scheme-2 gradient ratio"
1933        style="--ratio-percent: 100.0%;"
1934      ><div class="card__media">
1935            <div class="media media--transparent media--hover-effect">
1936              
1937              <img
1938                srcset="//chrisjames.lol/cdn/shop/products/unisex-staple-t-shirt-soft-cream-front-610165e030859.png?v=1627481571&width=165 165w,//chrisjames.lol/cdn/shop/products/unisex-staple-t-shirt-soft-cream-front-610165e030859.png?v=1627481571&width=360 360w,//chrisjames.lol/cdn/shop/products/unisex-staple-t-shirt-soft-cream-front-610165e030859.png?v=1627481571&width=533 533w,//chrisjames.lol/cdn/shop/products/unisex-staple-t-shirt-soft-cream-front-610165e030859.png?v=1627481571&width=720 720w,//chrisjames.lol/cdn/shop/products/unisex-staple-t-shirt-soft-cream-front-610165e030859.png?v=1627481571&width=940 940w,//chrisjames.lol/cdn/shop/products/unisex-staple-t-shirt-soft-cream-front-610165e030859.png?v=1627481571 1000w
1939                "
1940                src="//chrisjames.lol/cdn/shop/products/unisex-staple-t-shirt-soft-cream-front-610165e030859.png?v=1627481571&width=533"
1941                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
1942                alt="phone t-shirt"
1943                class="motion-reduce"
1944                
1945                width="1000"
1946                height="1000"
1947              >
1948              
1949</div>
1950          </div><div class="card__content">
1951          <div class="card__information">
1952            <h3
1953              class="card__heading"
1954              
1955            >
1956              <a
1957                href="/products/short-sleeve-unisex-t-shirt"
1958                id="StandardCardNoMediaLink-template--29921427718491__product-grid-6781145678016"
1959                class="full-unstyled-link"
1960                aria-labelledby="StandardCardNoMediaLink-template--29921427718491__product-grid-6781145678016 NoMediaStandardBadge-template--29921427718491__product-grid-6781145678016"
1961              >
1962                phone t-shirt
1963              </a>
1964            </h3>
1965          </div>
1966          <div class="card__badge bottom left"></div>
1967        </div>
1968      </div>
1969      <div class="card__content">
1970        <div class="card__information">
1971          <h3
1972            class="card__heading h5"
1973            
1974              id="title-template--29921427718491__product-grid-6781145678016"
1975            
1976          >
1977            <a
1978              href="/products/short-sleeve-unisex-t-shirt"
1979              id="CardLink-template--29921427718491__product-grid-6781145678016"
1980              class="full-unstyled-link"
1981              aria-labelledby="CardLink-template--29921427718491__product-grid-6781145678016 Badge-template--29921427718491__product-grid-6781145678016"
1982            >
1983              phone t-shirt
1984            </a>
1985          </h3>
1986          <div class="card-information"><span class="caption-large light"></span>
1987<div
1988    class="
1989      price "
1990  >
1991    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
1992          <span class="price-item price-item--regular">
1993            From $27.00 USD
1994          </span></div>
1995      <div class="price__sale">
1996          <span class="visually-hidden visually-hidden--inline">Regular price</span>
1997          <span>
1998            <s class="price-item price-item--regular">
1999              
2000                
2001              
2002            </s>
2003          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
2004        <span class="price-item price-item--sale price-item--last">
2005          From $27.00 USD
2006        </span>
2007      </div>
2008      <small class="unit-price caption hidden">
2009        <span class="visually-hidden">Unit price</span>
2010        <span class="price-item price-item--last">
2011          <span></span>
2012          <span aria-hidden="true">/</span>
2013          <span class="visually-hidden">&nbsp;per&nbsp;</span>
2014          <span>
2015          </span>
2016        </span>
2017      </small>
2018    </div></div>
2019
2020
2021</div>
2022        </div>
2023        
2024        
2025        <div class="card__badge bottom left"></div>
2026      </div>
2027    </div>
2028  </div>
2029                </li>
2030<li
2031                  class="grid__item scroll-trigger animate--slide-in"
2032                  
2033                    data-cascade
2034                    style="--animation-order: 3;"
2035                  
2036                >
2037                  
2038<div class="card-wrapper product-card-wrapper underline-links-hover">
2039    <div
2040      class="
2041        card card--standard
2042         card--media
2043        
2044        
2045        
2046        
2047        
2048      "
2049      style="--ratio-percent: 100.0%;"
2050    >
2051      <div
2052        class="card__inner color-scheme-2 gradient ratio"
2053        style="--ratio-percent: 100.0%;"
2054      ><div class="card__media">
2055            <div class="media media--transparent media--hover-effect">
2056              
2057              <img
2058                srcset="//chrisjames.lol/cdn/shop/files/oversized-faded-t-shirt-faded-bone-front-67f02bd14b0f1.png?v=1743793316&width=165 165w,//chrisjames.lol/cdn/shop/files/oversized-faded-t-shirt-faded-bone-front-67f02bd14b0f1.png?v=1743793316&width=360 360w,//chrisjames.lol/cdn/shop/files/oversized-faded-t-shirt-faded-bone-front-67f02bd14b0f1.png?v=1743793316&width=533 533w,//chrisjames.lol/cdn/shop/files/oversized-faded-t-shirt-faded-bone-front-67f02bd14b0f1.png?v=1743793316&width=720 720w,//chrisjames.lol/cdn/shop/files/oversized-faded-t-shirt-faded-bone-front-67f02bd14b0f1.png?v=1743793316&width=940 940w,//chrisjames.lol/cdn/shop/files/oversized-faded-t-shirt-faded-bone-front-67f02bd14b0f1.png?v=1743793316&width=1066 1066w,//chrisjames.lol/cdn/shop/files/oversized-faded-t-shirt-faded-bone-front-67f02bd14b0f1.png?v=1743793316 2000w
2059                "
2060                src="//chrisjames.lol/cdn/shop/files/oversized-faded-t-shirt-faded-bone-front-67f02bd14b0f1.png?v=1743793316&width=533"
2061                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
2062                alt="Superbloom - Unisex Oversized Faded T-Shirt"
2063                class="motion-reduce"
2064                
2065                  loading="lazy"
2066                
2067                width="2000"
2068                height="2000"
2069              >
2070              
2071</div>
2072          </div><div class="card__content">
2073          <div class="card__information">
2074            <h3
2075              class="card__heading"
2076              
2077            >
2078              <a
2079                href="/products/superbloom-unisex-oversized-faded-t-shirt"
2080                id="StandardCardNoMediaLink-template--29921427718491__product-grid-9747300286811"
2081                class="full-unstyled-link"
2082                aria-labelledby="StandardCardNoMediaLink-template--29921427718491__product-grid-9747300286811 NoMediaStandardBadge-template--29921427718491__product-grid-9747300286811"
2083              >
2084                Superbloom - Unisex Oversized Faded T-Shirt
2085              </a>
2086            </h3>
2087          </div>
2088          <div class="card__badge bottom left"></div>
2089        </div>
2090      </div>
2091      <div class="card__content">
2092        <div class="card__information">
2093          <h3
2094            class="card__heading h5"
2095            
2096              id="title-template--29921427718491__product-grid-9747300286811"
2097            
2098          >
2099            <a
2100              href="/products/superbloom-unisex-oversized-faded-t-shirt"
2101              id="CardLink-template--29921427718491__product-grid-9747300286811"
2102              class="full-unstyled-link"
2103              aria-labelledby="CardLink-template--29921427718491__product-grid-9747300286811 Badge-template--29921427718491__product-grid-9747300286811"
2104            >
2105              Superbloom - Unisex Oversized Faded T-Shirt
2106            </a>
2107          </h3>
2108          <div class="card-information"><span class="caption-large light"></span>
2109<div
2110    class="
2111      price "
2112  >
2113    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
2114          <span class="price-item price-item--regular">
2115            $46.00 USD
2116          </span></div>
2117      <div class="price__sale">
2118          <span class="visually-hidden visually-hidden--inline">Regular price</span>
2119          <span>
2120            <s class="price-item price-item--regular">
2121              
2122                
2123              
2124            </s>
2125          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
2126        <span class="price-item price-item--sale price-item--last">
2127          $46.00 USD
2128        </span>
2129      </div>
2130      <small class="unit-price caption hidden">
2131        <span class="visually-hidden">Unit price</span>
2132        <span class="price-item price-item--last">
2133          <span></span>
2134          <span aria-hidden="true">/</span>
2135          <span class="visually-hidden">&nbsp;per&nbsp;</span>
2136          <span>
2137          </span>
2138        </span>
2139      </small>
2140    </div></div>
2141
2142
2143</div>
2144        </div>
2145        
2146        
2147        <div class="card__badge bottom left"></div>
2148      </div>
2149    </div>
2150  </div>
2151                </li>
2152<li
2153                  class="grid__item scroll-trigger animate--slide-in"
2154                  
2155                    data-cascade
2156                    style="--animation-order: 4;"
2157                  
2158                >
2159                  
2160<div class="card-wrapper product-card-wrapper underline-links-hover">
2161    <div
2162      class="
2163        card card--standard
2164         card--media
2165        
2166        
2167        
2168        
2169        
2170      "
2171      style="--ratio-percent: 100.0%;"
2172    >
2173      <div
2174        class="card__inner color-scheme-2 gradient ratio"
2175        style="--ratio-percent: 100.0%;"
2176      ><div class="card__media">
2177            <div class="media media--transparent media--hover-effect">
2178              
2179              <img
2180                srcset="//chrisjames.lol/cdn/shop/products/ChrisJamesArtwork_final.jpg?v=1626375169&width=165 165w,//chrisjames.lol/cdn/shop/products/ChrisJamesArtwork_final.jpg?v=1626375169&width=360 360w,//chrisjames.lol/cdn/shop/products/ChrisJamesArtwork_final.jpg?v=1626375169&width=533 533w,//chrisjames.lol/cdn/shop/products/ChrisJamesArtwork_final.jpg?v=1626375169&width=720 720w,//chrisjames.lol/cdn/shop/products/ChrisJamesArtwork_final.jpg?v=1626375169&width=940 940w,//chrisjames.lol/cdn/shop/products/ChrisJamesArtwork_final.jpg?v=1626375169&width=1066 1066w,//chrisjames.lol/cdn/shop/products/ChrisJamesArtwork_final.jpg?v=1626375169 2400w
2181                "
2182                src="//chrisjames.lol/cdn/shop/products/ChrisJamesArtwork_final.jpg?v=1626375169&width=533"
2183                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
2184                alt="The Fear of Missing Out (Digital Download Album)"
2185                class="motion-reduce"
2186                
2187                  loading="lazy"
2188                
2189                width="2400"
2190                height="2400"
2191              >
2192              
2193</div>
2194          </div><div class="card__content">
2195          <div class="card__information">
2196            <h3
2197              class="card__heading"
2198              
2199            >
2200              <a
2201                href="/products/the-fear-of-missing-out-digital-download-album"
2202                id="StandardCardNoMediaLink-template--29921427718491__product-grid-6783157403840"
2203                class="full-unstyled-link"
2204                aria-labelledby="StandardCardNoMediaLink-template--29921427718491__product-grid-6783157403840 NoMediaStandardBadge-template--29921427718491__product-grid-6783157403840"
2205              >
2206                The Fear of Missing Out (Digital Download Album)
2207              </a>
2208            </h3>
2209          </div>
2210          <div class="card__badge bottom left"></div>
2211        </div>
2212      </div>
2213      <div class="card__content">
2214        <div class="card__information">
2215          <h3
2216            class="card__heading h5"
2217            
2218              id="title-template--29921427718491__product-grid-6783157403840"
2219            
2220          >
2221            <a
2222              href="/products/the-fear-of-missing-out-digital-download-album"
2223              id="CardLink-template--29921427718491__product-grid-6783157403840"
2224              class="full-unstyled-link"
2225              aria-labelledby="CardLink-template--29921427718491__product-grid-6783157403840 Badge-template--29921427718491__product-grid-6783157403840"
2226            >
2227              The Fear of Missing Out (Digital Download Album)
2228            </a>
2229          </h3>
2230          <div class="card-information"><span class="caption-large light"></span>
2231<div
2232    class="
2233      price "
2234  >
2235    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
2236          <span class="price-item price-item--regular">
2237            $12.00 USD
2238          </span></div>
2239      <div class="price__sale">
2240          <span class="visually-hidden visually-hidden--inline">Regular price</span>
2241          <span>
2242            <s class="price-item price-item--regular">
2243              
2244                
2245              
2246            </s>
2247          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
2248        <span class="price-item price-item--sale price-item--last">
2249          $12.00 USD
2250        </span>
2251      </div>
2252      <small class="unit-price caption hidden">
2253        <span class="visually-hidden">Unit price</span>
2254        <span class="price-item price-item--last">
2255          <span></span>
2256          <span aria-hidden="true">/</span>
2257          <span class="visually-hidden">&nbsp;per&nbsp;</span>
2258          <span>
2259          </span>
2260        </span>
2261      </small>
2262    </div></div>
2263
2264
2265</div>
2266        </div>
2267        
2268        
2269        <div class="card__badge bottom left"></div>
2270      </div>
2271    </div>
2272  </div>
2273                </li>
2274<li
2275                  class="grid__item scroll-trigger animate--slide-in"
2276                  
2277                    data-cascade
2278                    style="--animation-order: 5;"
2279                  
2280                >
2281                  
2282<div class="card-wrapper product-card-wrapper underline-links-hover">
2283    <div
2284      class="
2285        card card--standard
2286         card--media
2287        
2288        
2289        
2290        
2291        
2292      "
2293      style="--ratio-percent: 100.0%;"
2294    >
2295      <div
2296        class="card__inner color-scheme-2 gradient ratio"
2297        style="--ratio-percent: 100.0%;"
2298      ><div class="card__media">
2299            <div class="media media--transparent media--hover-effect">
2300              
2301              <img
2302                srcset="//chrisjames.lol/cdn/shop/products/unisex-basic-softstyle-t-shirt-navy-front-610165370e289.png?v=1627481402&width=165 165w,//chrisjames.lol/cdn/shop/products/unisex-basic-softstyle-t-shirt-navy-front-610165370e289.png?v=1627481402&width=360 360w,//chrisjames.lol/cdn/shop/products/unisex-basic-softstyle-t-shirt-navy-front-610165370e289.png?v=1627481402&width=533 533w,//chrisjames.lol/cdn/shop/products/unisex-basic-softstyle-t-shirt-navy-front-610165370e289.png?v=1627481402&width=720 720w,//chrisjames.lol/cdn/shop/products/unisex-basic-softstyle-t-shirt-navy-front-610165370e289.png?v=1627481402&width=940 940w,//chrisjames.lol/cdn/shop/products/unisex-basic-softstyle-t-shirt-navy-front-610165370e289.png?v=1627481402 1000w
2303                "
2304                src="//chrisjames.lol/cdn/shop/products/unisex-basic-softstyle-t-shirt-navy-front-610165370e289.png?v=1627481402&width=533"
2305                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
2306                alt="will i see u again t-shirt"
2307                class="motion-reduce"
2308                
2309                  loading="lazy"
2310                
2311                width="1000"
2312                height="1000"
2313              >
2314              
2315</div>
2316          </div><div class="card__content">
2317          <div class="card__information">
2318            <h3
2319              class="card__heading"
2320              
2321            >
2322              <a
2323                href="/products/short-sleeve-unisex-t-shirt-1"
2324                id="StandardCardNoMediaLink-template--29921427718491__product-grid-6781446357184"
2325                class="full-unstyled-link"
2326                aria-labelledby="StandardCardNoMediaLink-template--29921427718491__product-grid-6781446357184 NoMediaStandardBadge-template--29921427718491__product-grid-6781446357184"
2327              >
2328                will i see u again t-shirt
2329              </a>
2330            </h3>
2331          </div>
2332          <div class="card__badge bottom left"></div>
2333        </div>
2334      </div>
2335      <div class="card__content">
2336        <div class="card__information">
2337          <h3
2338            class="card__heading h5"
2339            
2340              id="title-template--29921427718491__product-grid-6781446357184"
2341            
2342          >
2343            <a
2344              href="/products/short-sleeve-unisex-t-shirt-1"
2345              id="CardLink-template--29921427718491__product-grid-6781446357184"
2346              class="full-unstyled-link"
2347              aria-labelledby="CardLink-template--29921427718491__product-grid-6781446357184 Badge-template--29921427718491__product-grid-6781446357184"
2348            >
2349              will i see u again t-shirt
2350            </a>
2351          </h3>
2352          <div class="card-information"><span class="caption-large light"></span>
2353<div
2354    class="
2355      price "
2356  >
2357    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
2358          <span class="price-item price-item--regular">
2359            From $21.00 USD
2360          </span></div>
2361      <div class="price__sale">
2362          <span class="visually-hidden visually-hidden--inline">Regular price</span>
2363          <span>
2364            <s class="price-item price-item--regular">
2365              
2366                
2367              
2368            </s>
2369          </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
2370        <span class="price-item price-item--sale price-item--last">
2371          From $21.00 USD
2372        </span>
2373      </div>
2374      <small class="unit-price caption hidden">
2375        <span class="visually-hidden">Unit price</span>
2376        <span class="price-item price-item--last">
2377          <span></span>
2378          <span aria-hidden="true">/</span>
2379          <span class="visually-hidden">&nbsp;per&nbsp;</span>
2380          <span>
2381          </span>
2382        </span>
2383      </small>
2384    </div></div>
2385
2386
2387</div>
2388        </div>
2389        
2390        
2391        <div class="card__badge bottom left"></div>
2392      </div>
2393    </div>
2394  </div>
2395                </li></ul></div></div>
2396    </div></div>
2397
2398
2399</div>
2400    </main>
2401
2402    <footer class="gh-foot">
2403  <h2>Stay in the light.</h2><form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="gh-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
2404    <input type="email" name="contact[email]" placeholder="Your email" required>
2405    <button type="submit">Subscribe</button></form><div class="gh-socials">
2406  <a aria-label="Instagram" href="https://www.instagram.com/chrisjamesmusic/" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.4" cy="6.6" r="1.1" fill="currentColor" stroke="none"/></svg></a>
2407  <a aria-label="TikTok" href="https://www.tiktok.com/@chrisjamesflames" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M15.6 3c.35 2.1 1.6 3.6 3.9 3.95v2.6c-1.4.05-2.7-.4-3.9-1.2v5.7a5.6 5.6 0 1 1-5.6-5.6c.32 0 .63.03.93.08v2.7a2.95 2.95 0 1 0 2.07 2.82V3h2.6z"/></svg></a>
2408  <a aria-label="Spotify" href="https://open.spotify.com/artist/1PU4kQGbRVMSyvawEYEjFp" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm4.6 14.45a.78.78 0 0 1-1.07.26c-2.95-1.8-6.66-2.2-11.04-1.2a.78.78 0 1 1-.35-1.52c4.8-1.1 8.9-.64 12.2 1.39.37.23.49.71.26 1.07zm1.23-2.74a.97.97 0 0 1-1.34.32C13.1 12.2 8 11.7 4.3 12.82a.97.97 0 1 1-.57-1.86C8 9.7 13.6 10.26 17.5 12.63c.46.28.6.88.33 1.08zm.1-2.85C13.6 8.6 8.07 8.42 4.77 9.42a1.17 1.17 0 1 1-.68-2.24C7.9 6.03 14 6.25 18 8.6a1.17 1.17 0 0 1-1.07 2.06z"/></svg></a>
2409  <a aria-label="YouTube" href="https://www.youtube.com/@chris-james" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M23 7.5a3 3 0 0 0-2.1-2.12C19 4.8 12 4.8 12 4.8s-7 0-8.9.58A3 3 0 0 0 1 7.5 31 31 0 0 0 .5 12 31 31 0 0 0 1 16.5a3 3 0 0 0 2.1 2.12C5 19.2 12 19.2 12 19.2s7 0 8.9-.58A3 3 0 0 0 23 16.5 31 31 0 0 0 23.5 12 31 31 0 0 0 23 7.5zM9.8 15.3V8.7l5.7 3.3-5.7 3.3z"/></svg></a>
2410  <a aria-label="Apple Music" href="https://music.apple.com/artist/chris-james/1357768128" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm10.5 3-6.6 1.33v6.94a2.3 2.3 0 1 0 1.5 2.15V9.55l3.6-.72v3.62a2.3 2.3 0 1 0 1.5 2.15V6z"/></svg></a>
2411  <a aria-label="Bandcamp" href="https://chrisjamesmusic.bandcamp.com/music" target="_blank" rel="noopener"><svg viewBox="0 0 24 24"><rect x="2" y="6.5" width="20" height="11" rx="2" fill="currentColor"/><path d="M8.3 15.2 12.1 9h3.6l-3.8 6.2z" fill="#1a1714"/></svg></a>
2412</div>
2413
2414  <div class="gh-legal">Chris James © 2026<br>Website designed by <a href="https://www.fastfriends.co" target="_blank" rel="noopener" style="color:inherit;text-decoration:underline;text-underline-offset:2px">Fast Friends</a></div>
2415</footer>
2416
2417    <ul hidden>
2418      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
2419      <li id="a11y-new-window-message">Opens in a new window.</li>
2420    </ul>
2421
2422    
2422<script>
2423      window.shopUrl = 'https://chrisjames.lol';
2424      window.routes = {
2425        cart_add_url: '/cart/add',
2426        cart_change_url: '/cart/change',
2427        cart_update_url: '/cart/update',
2428        cart_url: '/cart',
2429        predictive_search_url: '/search/suggest',
2430      };
2431
2432      window.cartStrings = {
2433        error: `There was an error while updating your cart. Please try again.`,
2434        quantityError: `You can only add [quantity] of this item to your cart.`,
2435      };
2436
2437      window.variantStrings = {
2438        addToCart: `Add to cart`,
2439        soldOut: `Sold out`,
2440        unavailable: `Unavailable`,
2441        unavailable_with_option: `[value] - Unavailable`,
2442      };
2443
2444      window.quickOrderListStrings = {
2445        itemsAdded: `[quantity] items added`,
2446        itemAdded: `[quantity] item added`,
2447        itemsRemoved: `[quantity] items removed`,
2448        itemRemoved: `[quantity] item removed`,
2449        viewCart: `View cart`,
2450      };
2451    </script>
2451
2452  <style> /* Body / headings ---------------------------------------- */body, .rte, p, li, input, select, textarea, button {font-family: 'Inter', system-ui, sans-serif;} h1, h2, h3, h4, h5,.h0, .h1, .h2, .h3, .h4, .title {font-family: 'Fraunces', Georgia, serif; font-weight: 300; letter-spacing: -.01em;} /* Prices + small labels in mono to match the homepage ----- */.price, .price-item, .price__regular, .money, .badge, .tag,.product__tax, .cart-count-bubble {font-family: 'Space Mono', monospace;} /* Buttons -> amber pills like the homepage --------------- */.button, .btn, button.button, .card__button,.shopify-payment-button__button, .cart__checkout-button,.product-form__submit, input[type="submit"] {border-radius: 100px !important; font-family: 'Space Mono', monospace; letter-spacing: .06em; text-transform: uppercase;} /* Accents ------------------------------------------------ */::selection {background: #e8923c; color: #1a1714; } a:hover {color: #e8923c; } /* Round media to match the merch frames ------------------ */.card__media img, .media--hover-effect img,.product__media img, .product-media img {border-radius: 4px; } </style>
2453<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
2453
2454</body>
2455</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.