<!doctype html>
<html class="js" lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="">
    <link rel="canonical" href="https://johnsart.ca/"><link rel="icon" type="image/png" href="//johnsart.ca/cdn/shop/files/shopify-favicon.png?crop=center&height=32&v=1737577576&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
      Johns Art &amp; Design - from the studios of Marc and Kristen Johns
</title>

    
      <meta name="description" content="Prints, original artwork, calendars and more from husband and wife artists Marc and Kristen Johns.">
    

    

<meta property="og:site_name" content="Johns Art &amp; Design">
<meta property="og:url" content="https://johnsart.ca/">
<meta property="og:title" content="Johns Art &amp; Design - from the studios of Marc and Kristen Johns">
<meta property="og:type" content="website">
<meta property="og:description" content="Prints, original artwork, calendars and more from husband and wife artists Marc and Kristen Johns."><meta property="og:image" content="http://johnsart.ca/cdn/shop/files/website_preview.jpg?v=1730679018">
  <meta property="og:image:secure_url" content="https://johnsart.ca/cdn/shop/files/website_preview.jpg?v=1730679018">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="450"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Johns Art &amp; Design - from the studios of Marc and Kristen Johns">
<meta name="twitter:description" content="Prints, original artwork, calendars and more from husband and wife artists Marc and Kristen Johns.">


    <script src="//johnsart.ca/cdn/shop/t/3/assets/constants.js?v=132983761750457495441721610961" defer="defer"></script>
    <script src="//johnsart.ca/cdn/shop/t/3/assets/pubsub.js?v=158357773527763999511721610963" defer="defer"></script>
    <script src="//johnsart.ca/cdn/shop/t/3/assets/global.js?v=88558128918567037191721610962" defer="defer"></script><script src="//johnsart.ca/cdn/shop/t/3/assets/animations.js?v=88693664871331136111721610962" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/58925613145/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="abe97cbca105cf52b55163f5e5f2e2ca">
<meta id="in-context-paypal-metadata" data-shop-id="58925613145" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="CAD">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-CA"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-CA&shop_id=58925613145" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":58925613145,"countryCode":"CA","currencyCode":"CAD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/58925613145","merchantName":"Johns Art \u0026 Design","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","interac","jcb"],"total":{"type":"pending","label":"Johns Art \u0026 Design","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"abe97cbca105cf52b55163f5e5f2e2ca","betas":["rich-media-storefront-analytics"],"domain":"johnsart.ca","predictiveSearch":true,"shopId":58925613145,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "79ced9-4.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"CAD","rate":"1.0"};
Shopify.country = "CA";
Shopify.theme = {"name":"Updated copy of Studio","id":129979711577,"schema_name":"Studio","schema_version":"15.0.0","theme_store_id":1431,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "johnsart.ca/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//johnsart.ca/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//johnsart.ca/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.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"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script id="__st">var __st={"a":58925613145,"offset":-25200,"reqid":"48718a21-b99a-4b8c-a9ae-cb5ea80b864c-1775453741","pageurl":"johnsart.ca\/","u":"e84a52b6b830","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-Rd0I1U3I5BUKM/ZklNQ9ssBhyhvFP+5roZEEsW2MGUw=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//johnsart.ca/cdn/shopifycloud/storefront/assets/storefront/load_feature-496de5fe.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//johnsart.ca/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<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://johnsart.ca/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  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);
</script>
<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})}}));
</script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://johnsart.ca/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<script id="sections-script" data-sections="header" defer="defer" src="//johnsart.ca/cdn/shop/t/3/compiled_assets/scripts.js?v=61258005144943520031747419406"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>


    <style data-shopify>
      @font-face {
  font-family: Manuale;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("//johnsart.ca/cdn/fonts/manuale/manuale_n3.0baac6564b6ed416af2c179e69ad2689bd829f1a.woff2") format("woff2"),
       url("//johnsart.ca/cdn/fonts/manuale/manuale_n3.3b80020a9032b8fdf9b79d72323aacd37cfccc1f.woff") format("woff");
}

      @font-face {
  font-family: Manuale;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//johnsart.ca/cdn/fonts/manuale/manuale_n7.3ba047f22d4f96763fb98130d717aa23f3693e91.woff2") format("woff2"),
       url("//johnsart.ca/cdn/fonts/manuale/manuale_n7.d41567120e3bfda7b74704ba4a90a9bcb1d16998.woff") format("woff");
}

      @font-face {
  font-family: Manuale;
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("//johnsart.ca/cdn/fonts/manuale/manuale_i3.8cbe945d7f8e216c7231bccf91cc310dd97f8ab7.woff2") format("woff2"),
       url("//johnsart.ca/cdn/fonts/manuale/manuale_i3.b7e6796aef798c07921d6148fdfe101e7b005e4c.woff") format("woff");
}

      @font-face {
  font-family: Manuale;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//johnsart.ca/cdn/fonts/manuale/manuale_i7.3e507417c47b4832577c8acf727857a21bf11116.woff2") format("woff2"),
       url("//johnsart.ca/cdn/fonts/manuale/manuale_i7.eb96031fac61588a1dde990db53eb087563603d7.woff") format("woff");
}

      @font-face {
  font-family: Manuale;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("//johnsart.ca/cdn/fonts/manuale/manuale_n3.0baac6564b6ed416af2c179e69ad2689bd829f1a.woff2") format("woff2"),
       url("//johnsart.ca/cdn/fonts/manuale/manuale_n3.3b80020a9032b8fdf9b79d72323aacd37cfccc1f.woff") format("woff");
}


      
        :root,
        .color-scheme-1 {
          --color-background: 252,252,252;
        
          --gradient-background: #fcfcfc;
        

        

        --color-foreground: 16,57,72;
        --color-background-contrast: 188,188,188;
        --color-shadow: 16,57,72;
        --color-button: 16,57,72;
        --color-button-text: 252,252,252;
        --color-secondary-button: 252,252,252;
        --color-secondary-button-text: 5,44,70;
        --color-link: 5,44,70;
        --color-badge-foreground: 16,57,72;
        --color-badge-background: 252,252,252;
        --color-badge-border: 16,57,72;
        --payment-terms-background-color: rgb(252 252 252);
      }
      
        
        .color-scheme-2 {
          --color-background: 235,236,237;
        
          --gradient-background: #ebeced;
        

        

        --color-foreground: 16,57,72;
        --color-background-contrast: 168,172,177;
        --color-shadow: 16,57,72;
        --color-button: 16,57,72;
        --color-button-text: 235,236,237;
        --color-secondary-button: 235,236,237;
        --color-secondary-button-text: 16,57,72;
        --color-link: 16,57,72;
        --color-badge-foreground: 16,57,72;
        --color-badge-background: 235,236,237;
        --color-badge-border: 16,57,72;
        --payment-terms-background-color: rgb(235 236 237);
      }
      
        
        .color-scheme-3 {
          --color-background: 16,57,72;
        
          --gradient-background: #103948;
        

        

        --color-foreground: 252,252,252;
        --color-background-contrast: 21,74,93;
        --color-shadow: 16,57,72;
        --color-button: 252,252,252;
        --color-button-text: 16,57,72;
        --color-secondary-button: 16,57,72;
        --color-secondary-button-text: 252,252,252;
        --color-link: 252,252,252;
        --color-badge-foreground: 252,252,252;
        --color-badge-background: 16,57,72;
        --color-badge-border: 252,252,252;
        --payment-terms-background-color: rgb(16 57 72);
      }
      
        
        .color-scheme-4 {
          --color-background: 188,86,49;
        
          --gradient-background: #bc5631;
        

        

        --color-foreground: 252,252,252;
        --color-background-contrast: 87,40,23;
        --color-shadow: 16,57,72;
        --color-button: 252,252,252;
        --color-button-text: 188,86,49;
        --color-secondary-button: 188,86,49;
        --color-secondary-button-text: 252,252,252;
        --color-link: 252,252,252;
        --color-badge-foreground: 252,252,252;
        --color-badge-background: 188,86,49;
        --color-badge-border: 252,252,252;
        --payment-terms-background-color: rgb(188 86 49);
      }
      
        
        .color-scheme-5 {
          --color-background: 24,86,108;
        
          --gradient-background: #18566c;
        

        

        --color-foreground: 252,252,252;
        --color-background-contrast: 1,3,4;
        --color-shadow: 16,57,72;
        --color-button: 252,252,252;
        --color-button-text: 24,86,108;
        --color-secondary-button: 24,86,108;
        --color-secondary-button-text: 252,252,252;
        --color-link: 252,252,252;
        --color-badge-foreground: 252,252,252;
        --color-badge-background: 24,86,108;
        --color-badge-border: 252,252,252;
        --payment-terms-background-color: rgb(24 86 108);
      }
      
        
        .color-scheme-b060e5c2-c02f-45b5-b345-42888c538f0a {
          --color-background: 222,222,222;
        
          --gradient-background: #dedede;
        

        

        --color-foreground: 16,57,72;
        --color-background-contrast: 158,158,158;
        --color-shadow: 16,57,72;
        --color-button: 252,252,252;
        --color-button-text: 242,14,14;
        --color-secondary-button: 222,222,222;
        --color-secondary-button-text: 16,57,72;
        --color-link: 16,57,72;
        --color-badge-foreground: 16,57,72;
        --color-badge-background: 222,222,222;
        --color-badge-border: 16,57,72;
        --payment-terms-background-color: rgb(222 222 222);
      }
      
        
        .color-scheme-5decd82c-b03c-4b89-9353-4d14a7ea3363 {
          --color-background: 195,210,215;
        
          --gradient-background: #c3d2d7;
        

        

        --color-foreground: 16,57,72;
        --color-background-contrast: 118,153,164;
        --color-shadow: 16,57,72;
        --color-button: 16,57,72;
        --color-button-text: 252,252,252;
        --color-secondary-button: 195,210,215;
        --color-secondary-button-text: 5,44,70;
        --color-link: 5,44,70;
        --color-badge-foreground: 16,57,72;
        --color-badge-background: 195,210,215;
        --color-badge-border: 16,57,72;
        --payment-terms-background-color: rgb(195 210 215);
      }
      
        
        .color-scheme-20f29b2a-750d-4bf4-8359-3df1b399c98f {
          --color-background: 45,45,45;
        
          --gradient-background: #2d2d2d;
        

        

        --color-foreground: 252,252,252;
        --color-background-contrast: 58,58,58;
        --color-shadow: 45,45,45;
        --color-button: 252,252,252;
        --color-button-text: 45,45,45;
        --color-secondary-button: 45,45,45;
        --color-secondary-button-text: 252,252,252;
        --color-link: 252,252,252;
        --color-badge-foreground: 252,252,252;
        --color-badge-background: 45,45,45;
        --color-badge-border: 252,252,252;
        --payment-terms-background-color: rgb(45 45 45);
      }
      

      body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-b060e5c2-c02f-45b5-b345-42888c538f0a, .color-scheme-5decd82c-b03c-4b89-9353-4d14a7ea3363, .color-scheme-20f29b2a-750d-4bf4-8359-3df1b399c98f {
        color: rgba(var(--color-foreground), 0.75);
        background-color: rgb(var(--color-background));
      }

      :root {
        --font-body-family: Manuale, serif;
        --font-body-style: normal;
        --font-body-weight: 300;
        --font-body-weight-bold: 600;

        --font-heading-family: Manuale, serif;
        --font-heading-style: normal;
        --font-heading-weight: 300;

        --font-body-scale: 1.05;
        --font-heading-scale: 1.0;

        --media-padding: px;
        --media-border-opacity: 0.1;
        --media-border-width: 0px;
        --media-radius: 0px;
        --media-shadow-opacity: 0.0;
        --media-shadow-horizontal-offset: 0px;
        --media-shadow-vertical-offset: 4px;
        --media-shadow-blur-radius: 5px;
        --media-shadow-visible: 0;

        --page-width: 120rem;
        --page-width-margin: 0rem;

        --product-card-image-padding: 0.0rem;
        --product-card-corner-radius: 0.0rem;
        --product-card-text-alignment: center;
        --product-card-border-width: 0.0rem;
        --product-card-border-opacity: 0.1;
        --product-card-shadow-opacity: 0.0;
        --product-card-shadow-visible: 0;
        --product-card-shadow-horizontal-offset: 0.0rem;
        --product-card-shadow-vertical-offset: 0.4rem;
        --product-card-shadow-blur-radius: 0.5rem;

        --collection-card-image-padding: 0.0rem;
        --collection-card-corner-radius: 0.0rem;
        --collection-card-text-alignment: center;
        --collection-card-border-width: 0.0rem;
        --collection-card-border-opacity: 0.1;
        --collection-card-shadow-opacity: 0.0;
        --collection-card-shadow-visible: 0;
        --collection-card-shadow-horizontal-offset: 0.0rem;
        --collection-card-shadow-vertical-offset: 0.4rem;
        --collection-card-shadow-blur-radius: 0.5rem;

        --blog-card-image-padding: 0.0rem;
        --blog-card-corner-radius: 0.0rem;
        --blog-card-text-alignment: center;
        --blog-card-border-width: 0.0rem;
        --blog-card-border-opacity: 0.1;
        --blog-card-shadow-opacity: 0.0;
        --blog-card-shadow-visible: 0;
        --blog-card-shadow-horizontal-offset: 0.0rem;
        --blog-card-shadow-vertical-offset: 0.4rem;
        --blog-card-shadow-blur-radius: 0.5rem;

        --badge-corner-radius: 4.0rem;

        --popup-border-width: 0px;
        --popup-border-opacity: 0.1;
        --popup-corner-radius: 0px;
        --popup-shadow-opacity: 0.1;
        --popup-shadow-horizontal-offset: 6px;
        --popup-shadow-vertical-offset: 6px;
        --popup-shadow-blur-radius: 25px;

        --drawer-border-width: 1px;
        --drawer-border-opacity: 0.1;
        --drawer-shadow-opacity: 0.0;
        --drawer-shadow-horizontal-offset: 0px;
        --drawer-shadow-vertical-offset: 4px;
        --drawer-shadow-blur-radius: 5px;

        --spacing-sections-desktop: 0px;
        --spacing-sections-mobile: 0px;

        --grid-desktop-vertical-spacing: 40px;
        --grid-desktop-horizontal-spacing: 40px;
        --grid-mobile-vertical-spacing: 20px;
        --grid-mobile-horizontal-spacing: 20px;

        --text-boxes-border-opacity: 0.1;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 0px;
        --text-boxes-shadow-opacity: 0.0;
        --text-boxes-shadow-visible: 0;
        --text-boxes-shadow-horizontal-offset: 0px;
        --text-boxes-shadow-vertical-offset: 4px;
        --text-boxes-shadow-blur-radius: 5px;

        --buttons-radius: 40px;
        --buttons-radius-outset: 41px;
        --buttons-border-width: 1px;
        --buttons-border-opacity: 1.0;
        --buttons-shadow-opacity: 0.1;
        --buttons-shadow-visible: 1;
        --buttons-shadow-horizontal-offset: 2px;
        --buttons-shadow-vertical-offset: 2px;
        --buttons-shadow-blur-radius: 5px;
        --buttons-border-offset: 0.3px;

        --inputs-radius: 2px;
        --inputs-border-width: 1px;
        --inputs-border-opacity: 0.15;
        --inputs-shadow-opacity: 0.05;
        --inputs-shadow-horizontal-offset: 2px;
        --inputs-margin-offset: 2px;
        --inputs-shadow-vertical-offset: 2px;
        --inputs-shadow-blur-radius: 5px;
        --inputs-radius-outset: 3px;

        --variant-pills-radius: 40px;
        --variant-pills-border-width: 1px;
        --variant-pills-border-opacity: 0.55;
        --variant-pills-shadow-opacity: 0.0;
        --variant-pills-shadow-horizontal-offset: 0px;
        --variant-pills-shadow-vertical-offset: 4px;
        --variant-pills-shadow-blur-radius: 5px;
      }

      *,
      *::before,
      *::after {
        box-sizing: inherit;
      }

      html {
        box-sizing: border-box;
        font-size: calc(var(--font-body-scale) * 62.5%);
        height: 100%;
      }

      body {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        grid-template-columns: 100%;
        min-height: 100%;
        margin: 0;
        font-size: 1.5rem;
        letter-spacing: 0.06rem;
        line-height: calc(1 + 0.8 / var(--font-body-scale));
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
      }

      @media screen and (min-width: 750px) {
        body {
          font-size: 1.6rem;
        }
      }
    </style>

    <link href="//johnsart.ca/cdn/shop/t/3/assets/base.css?v=144968985024194912401721610962" rel="stylesheet" type="text/css" media="all" />

      <link rel="preload" as="font" href="//johnsart.ca/cdn/fonts/manuale/manuale_n3.0baac6564b6ed416af2c179e69ad2689bd829f1a.woff2" type="font/woff2" crossorigin>
      

      <link rel="preload" as="font" href="//johnsart.ca/cdn/fonts/manuale/manuale_n3.0baac6564b6ed416af2c179e69ad2689bd829f1a.woff2" type="font/woff2" crossorigin>
      
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-localization-form.css?v=120620094879297847921721610962" rel="stylesheet" type="text/css" media="all" />
      <script src="//johnsart.ca/cdn/shop/t/3/assets/localization-form.js?v=144176611646395275351721610962" defer="defer"></script><link
        rel="stylesheet"
        href="//johnsart.ca/cdn/shop/t/3/assets/component-predictive-search.css?v=118923337488134913561721610962"
        media="print"
        onload="this.media='all'"
      ><script>
      if (Shopify.designMode) {
        document.documentElement.classList.add('shopify-design-mode');
      }
    </script>
  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<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: 58925613145,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 58925613145,storefrontBaseUrl: "https://johnsart.ca",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","5476ea20","ed8389fc"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Johns Art \u0026 Design","paymentSettings":{"currencyCode":"CAD"},"myshopifyDomain":"79ced9-4.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/johnsart.ca"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://johnsart.ca/cdn","cfa8229ew36b6053dp1e134caame9d83f21",{"modern":"","legacy":""},{"shopId":"58925613145","storefrontBaseUrl":"https:\/\/johnsart.ca","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"5476ea20\", \"ed8389fc\"]","isMerchantRequest":"false","hashVersion":"cfa8229ew36b6053dp1e134caame9d83f21","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'CAD';
  var meta = {"page":{"pageType":"home","requestId":"48718a21-b99a-4b8c-a9ae-cb5ea80b864c-1775453741"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.onerror = function(e) {
        var scriptFallback = document.createElement('script');
        scriptFallback.type = 'text/javascript';
        scriptFallback.onerror = function(error) {
                var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 58925613145,
      theme_id: 129979711577,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//johnsart.ca/cdn/s/trekkie.storefront.793024e5c781b83428b9784ec5054da9d22f7d7f.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//johnsart.ca/cdn/s/trekkie.storefront.793024e5c781b83428b9784ec5054da9d22f7d7f.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//johnsart.ca/cdn/s/trekkie.storefront.793024e5c781b83428b9784ec5054da9d22f7d7f.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":58925613145,"isMerchantRequest":null,"themeId":129979711577,"themeCityHash":"15029702863272962087","contentLanguage":"en","currency":"CAD","eventMetadataId":"55b232fb-3743-4ccb-b0c1-6c31ad37e075"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447","b5387b81"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"48718a21-b99a-4b8c-a9ae-cb5ea80b864c-1775453741","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });


        var eventsListenerScript = document.createElement('script');
        eventsListenerScript.async = true;
        eventsListenerScript.src = "//johnsart.ca/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);

})();</script>
<script
  defer
  src="https://johnsart.ca/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.3.1.min.js"
  data-application="storefront-renderer"
  data-shop-id="58925613145"
  data-render-region="gcp-us-east1"
  data-page-type="index"
  data-theme-instance-id="129979711577"
  data-theme-name="Studio"
  data-theme-version="15.0.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://johnsart.ca/api/collect"
></script>
</head>

  <body class="gradient">
    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
      Skip to content
    </a><!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--16029326082137__announcement_bar_WWKX7z" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//johnsart.ca/cdn/shop/t/3/assets/component-slideshow.css?v=170654395204511176521721610962" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-slider.css?v=14039311878856620671721610962" rel="stylesheet" type="text/css" media="all" />


<div
  class="utility-bar color-scheme-5 gradient"
  
>
  <div class="page-width utility-bar__grid"><div class="localization-wrapper">
</div>
  </div>
</div>


</div><div id="shopify-section-sections--16029326082137__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//johnsart.ca/cdn/shop/t/3/assets/component-list-menu.css?v=151968516119678728991721610962" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//johnsart.ca/cdn/shop/t/3/assets/component-search.css?v=165164710990765432851721610962" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//johnsart.ca/cdn/shop/t/3/assets/component-menu-drawer.css?v=110695408305392539491721610962" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//johnsart.ca/cdn/shop/t/3/assets/component-cart-notification.css?v=54116361853792938221721610961" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//johnsart.ca/cdn/shop/t/3/assets/component-cart-items.css?v=127384614032664249911721610962" media="print" onload="this.media='all'"><link rel="stylesheet" href="//johnsart.ca/cdn/shop/t/3/assets/component-price.css?v=70172745017360139101721610962" media="print" onload="this.media='all'"><style>
  header-drawer {
    justify-self: start;
    margin-left: -1.2rem;
  }@media screen and (min-width: 990px) {
      header-drawer {
        display: none;
      }
    }.menu-drawer-container {
    display: flex;
  }

  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }

  summary.list-menu__item {
    padding-right: 2.7rem;
  }

  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
  }

  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }

  @media screen and (min-width: 750px) {
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
  }
</style><style data-shopify>.header {
    padding: 10px 3rem 10px 3rem;
  }

  .section-header {
    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
    margin-bottom: 15px;
  }

  @media screen and (min-width: 750px) {
    .section-header {
      margin-bottom: 20px;
    }
  }

  @media screen and (min-width: 990px) {
    .header {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }</style><script src="//johnsart.ca/cdn/shop/t/3/assets/details-disclosure.js?v=13653116266235556501721610962" defer="defer"></script>
<script src="//johnsart.ca/cdn/shop/t/3/assets/details-modal.js?v=25581673532751508451721610962" defer="defer"></script>
<script src="//johnsart.ca/cdn/shop/t/3/assets/cart-notification.js?v=133508293167896966491721610962" defer="defer"></script>
<script src="//johnsart.ca/cdn/shop/t/3/assets/search-form.js?v=133129549252120666541721610962" defer="defer"></script><svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
  </symbol>

  <symbol id="icon-reset" class="icon icon-close"  fill="none" viewBox="0 0 18 18" stroke="currentColor">
    <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/>
    <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
    <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
  </symbol>

  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
  </symbol>
</svg><sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-scheme-1 gradient"><header class="header header--top-center header--mobile-center page-width header--has-menu header--has-account header--has-localizations">

<header-drawer data-breakpoint="tablet">
  <details id="Details-menu-drawer-container" class="menu-drawer-container">
    <summary
      class="header__icon header__icon--menu header__icon--summary link focus-inset"
      aria-label="Menu"
    >
      <span>
        <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-hamburger"
  fill="none"
  viewBox="0 0 18 16"
>
  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</svg>

        <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close"
  fill="none"
  viewBox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

      </span>
    </summary>
    <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-1">
      <div class="menu-drawer__inner-container">
        <div class="menu-drawer__navigation-container">
          <nav class="menu-drawer__navigation">
            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a
                      id="HeaderDrawer-home"
                      href="/"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active"
                      
                        aria-current="page"
                      
                    >
                      Home
                    </a></li><li><details id="Details-menu-drawer-menu-item-2">
                      <summary
                        id="HeaderDrawer-prints"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      >
                        Prints
                        <svg
  viewBox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                      </summary>
                      <div
                        id="link-prints"
                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
                        tabindex="-1"
                      >
                        <div class="menu-drawer__inner-submenu">
                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
                            <svg
  viewBox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                            Prints
                          </button>
                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                    id="HeaderDrawer-prints-all-prints"
                                    href="/collections/prints"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    All Prints
                                  </a></li><li><a
                                    id="HeaderDrawer-prints-kristens-prints"
                                    href="/collections/kristens-prints"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Kristen&#39;s Prints
                                  </a></li><li><a
                                    id="HeaderDrawer-prints-marcs-prints"
                                    href="/collections/marcs-prints"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Marc&#39;s Prints
                                  </a></li><li><a
                                    id="HeaderDrawer-prints-prints-botanical"
                                    href="/collections/botanical-prints"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Prints - Botanical
                                  </a></li><li><a
                                    id="HeaderDrawer-prints-prints-humour"
                                    href="/collections/humorous-prints"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Prints - Humour
                                  </a></li><li><a
                                    id="HeaderDrawer-prints-prints-inspiration"
                                    href="/collections/inspirational-prints"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Prints - Inspiration
                                  </a></li><li><a
                                    id="HeaderDrawer-prints-prints-collaboration"
                                    href="/collections/collaboration-prints"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Prints - Collaboration
                                  </a></li></ul>
                        </div>
                      </div>
                    </details></li><li><a
                      id="HeaderDrawer-greeting-cards"
                      href="/collections/greeting-cards"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      
                    >
                      Greeting Cards
                    </a></li><li><a
                      id="HeaderDrawer-calendars"
                      href="/collections/calendar"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      
                    >
                      Calendars
                    </a></li><li><details id="Details-menu-drawer-menu-item-5">
                      <summary
                        id="HeaderDrawer-original-artwork"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      >
                        Original Artwork
                        <svg
  viewBox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                      </summary>
                      <div
                        id="link-original-artwork"
                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
                        tabindex="-1"
                      >
                        <div class="menu-drawer__inner-submenu">
                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
                            <svg
  viewBox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                            Original Artwork
                          </button>
                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                    id="HeaderDrawer-original-artwork-all-original-artwork"
                                    href="/collections/original-artwork"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    All Original Artwork
                                  </a></li><li><a
                                    id="HeaderDrawer-original-artwork-kristens-original-artwork"
                                    href="/collections/kristens-original-artwork"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Kristen&#39;s Original Artwork
                                  </a></li><li><a
                                    id="HeaderDrawer-original-artwork-marcs-original-artwork"
                                    href="/collections/marcs-original-artwork"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Marc&#39;s Original Artwork
                                  </a></li><li><a
                                    id="HeaderDrawer-original-artwork-sold-artwork"
                                    href="/collections/sold-artwork"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Sold Artwork
                                  </a></li></ul>
                        </div>
                      </div>
                    </details></li><li><details id="Details-menu-drawer-menu-item-6">
                      <summary
                        id="HeaderDrawer-about-us"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      >
                        About Us
                        <svg
  viewBox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                      </summary>
                      <div
                        id="link-about-us"
                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
                        tabindex="-1"
                      >
                        <div class="menu-drawer__inner-submenu">
                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
                            <svg
  viewBox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                            About Us
                          </button>
                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                    id="HeaderDrawer-about-us-about-kristen"
                                    href="/pages/about-kristen"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    About Kristen
                                  </a></li><li><a
                                    id="HeaderDrawer-about-us-kristens-art"
                                    href="/pages/kristen-johns-art"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Kristen&#39;s Art
                                  </a></li><li><a
                                    id="HeaderDrawer-about-us-about-marc"
                                    href="/pages/about-marc"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    About Marc
                                  </a></li><li><a
                                    id="HeaderDrawer-about-us-marcs-art"
                                    href="/pages/marcs-art"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Marc&#39;s Art
                                  </a></li><li><a
                                    id="HeaderDrawer-about-us-shipping-info"
                                    href="/pages/shipping-news"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Shipping Info
                                  </a></li></ul>
                        </div>
                      </div>
                    </details></li><li><a
                      id="HeaderDrawer-contact"
                      href="/pages/contact"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      
                    >
                      Contact
                    </a></li></ul>
          </nav>
          <div class="menu-drawer__utility-links"><a
                href="https://johnsart.ca/customer_authentication/redirect?locale=en&region_country=CA"
                class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide"
              ><account-icon><svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-account"
  fill="none"
  viewBox="0 0 18 19"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</svg>

</account-icon>Log in</a><div class="menu-drawer__localization header-localization"><localization-form><form method="post" action="/localization" id="HeaderCountryMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
                        <h2 class="visually-hidden" id="HeaderCountryMobileLabel">
                          Country/region
                        </h2>

<div class="disclosure">
  <button
    type="button"
    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
    aria-expanded="false"
    aria-controls="HeaderCountryMobile-country-results"
    aria-describedby="HeaderCountryMobileLabel"
  >
    <span>Canada |
      CAD
      $</span>
    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

  </button>
  <div class="disclosure__list-wrapper country-selector" hidden>
    <div class="country-filter">
      
        <div class="field">
          <input
            class="country-filter__input field__input"
            id="country-filter-input"
            type="search"
            name="country_filter"
            value=""
            placeholder="Search"
            role="combobox"
            aria-owns="country-results"
            aria-controls="country-results"
            aria-haspopup="listbox"
            aria-autocomplete="list"
            autocorrect="off"
            autocomplete="off"
            autocapitalize="off"
            spellcheck="false"
          >
          <label class="field__label" for="country-filter-input">Search</label>
          <button
            type="reset"
            class="country-filter__reset-button field__button hidden"
            aria-label="Clear search term"
          >
            <svg class="icon icon-close" aria-hidden="true" focusable="false">
              <use xlink:href="#icon-reset">
            </svg>
          </button>
          <div class="country-filter__search-icon field__button motion-reduce">
            <svg class="icon icon-search" aria-hidden="true" focusable="false">
              <use xlink:href="#icon-search">
            </svg>
          </div>
        </div>
      
      <button
        class="country-selector__close-button button--small link"
        type="button"
        aria-label="Close"
      >
        <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close"
  fill="none"
  viewBox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

      </button>
    </div>
    <div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
    <div
      class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
      id="HeaderCountryMobile-country-results"
    >
      
      <ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AL"
              id="Albania"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Albania</span>
              <span class="localization-form__currency motion-reduce">
                ALL
                L</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AU"
              id="Australia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Australia</span>
              <span class="localization-form__currency motion-reduce">
                AUD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AT"
              id="Austria"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Austria</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BE"
              id="Belgium"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Belgium</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BR"
              id="Brazil"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Brazil</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
                aria-current="true"
              
              data-value="CA"
              id="Canada"
            >
              <span
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Canada</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BQ"
              id="Caribbean Netherlands"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Caribbean Netherlands</span>
              <span class="localization-form__currency motion-reduce">
                USD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="TD"
              id="Chad"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Chad</span>
              <span class="localization-form__currency motion-reduce">
                XAF
                CFA</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CL"
              id="Chile"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Chile</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CN"
              id="China"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">China</span>
              <span class="localization-form__currency motion-reduce">
                CNY
                ¥</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CR"
              id="Costa Rica"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Costa Rica</span>
              <span class="localization-form__currency motion-reduce">
                CRC
                ₡</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HR"
              id="Croatia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Croatia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CZ"
              id="Czechia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Czechia</span>
              <span class="localization-form__currency motion-reduce">
                CZK
                Kč</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="DK"
              id="Denmark"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Denmark</span>
              <span class="localization-form__currency motion-reduce">
                DKK
                kr.</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="EE"
              id="Estonia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Estonia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="FI"
              id="Finland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Finland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="FR"
              id="France"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">France</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="DE"
              id="Germany"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Germany</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GR"
              id="Greece"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Greece</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GL"
              id="Greenland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Greenland</span>
              <span class="localization-form__currency motion-reduce">
                DKK
                kr.</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HK"
              id="Hong Kong SAR"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Hong Kong SAR</span>
              <span class="localization-form__currency motion-reduce">
                HKD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HU"
              id="Hungary"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Hungary</span>
              <span class="localization-form__currency motion-reduce">
                HUF
                Ft</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IS"
              id="Iceland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Iceland</span>
              <span class="localization-form__currency motion-reduce">
                ISK
                kr</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IN"
              id="India"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">India</span>
              <span class="localization-form__currency motion-reduce">
                INR
                ₹</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="ID"
              id="Indonesia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Indonesia</span>
              <span class="localization-form__currency motion-reduce">
                IDR
                Rp</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IE"
              id="Ireland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Ireland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IM"
              id="Isle of Man"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Isle of Man</span>
              <span class="localization-form__currency motion-reduce">
                GBP
                £</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IL"
              id="Israel"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Israel</span>
              <span class="localization-form__currency motion-reduce">
                ILS
                ₪</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IT"
              id="Italy"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Italy</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="JP"
              id="Japan"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Japan</span>
              <span class="localization-form__currency motion-reduce">
                JPY
                ¥</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="MY"
              id="Malaysia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Malaysia</span>
              <span class="localization-form__currency motion-reduce">
                MYR
                RM</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="MX"
              id="Mexico"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Mexico</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NL"
              id="Netherlands"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Netherlands</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NC"
              id="New Caledonia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">New Caledonia</span>
              <span class="localization-form__currency motion-reduce">
                XPF
                Fr</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NZ"
              id="New Zealand"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">New Zealand</span>
              <span class="localization-form__currency motion-reduce">
                NZD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NO"
              id="Norway"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Norway</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PH"
              id="Philippines"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Philippines</span>
              <span class="localization-form__currency motion-reduce">
                PHP
                ₱</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PL"
              id="Poland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Poland</span>
              <span class="localization-form__currency motion-reduce">
                PLN
                zł</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PT"
              id="Portugal"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Portugal</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="RO"
              id="Romania"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Romania</span>
              <span class="localization-form__currency motion-reduce">
                RON
                Lei</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SG"
              id="Singapore"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Singapore</span>
              <span class="localization-form__currency motion-reduce">
                SGD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="ZA"
              id="South Africa"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">South Africa</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="KR"
              id="South Korea"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">South Korea</span>
              <span class="localization-form__currency motion-reduce">
                KRW
                ₩</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="ES"
              id="Spain"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Spain</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SE"
              id="Sweden"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Sweden</span>
              <span class="localization-form__currency motion-reduce">
                SEK
                kr</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CH"
              id="Switzerland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Switzerland</span>
              <span class="localization-form__currency motion-reduce">
                CHF
                CHF</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="TW"
              id="Taiwan"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Taiwan</span>
              <span class="localization-form__currency motion-reduce">
                TWD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="UM"
              id="U.S. Outlying Islands"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">U.S. Outlying Islands</span>
              <span class="localization-form__currency motion-reduce">
                USD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="UA"
              id="Ukraine"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Ukraine</span>
              <span class="localization-form__currency motion-reduce">
                UAH
                ₴</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AE"
              id="United Arab Emirates"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">United Arab Emirates</span>
              <span class="localization-form__currency motion-reduce">
                AED
                د.إ</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GB"
              id="United Kingdom"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">United Kingdom</span>
              <span class="localization-form__currency motion-reduce">
                GBP
                £</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="US"
              id="United States"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">United States</span>
              <span class="localization-form__currency motion-reduce">
                USD
                $</span>
            </a>
          </li></ul>
    </div>
  </div>
  <div class="country-selector__overlay"></div>
</div>
<input type="hidden" name="country_code" value="CA">
</div></form></localization-form>
                
</div><ul class="list list-social list-unstyled" role="list"></ul>
          </div>
        </div>
      </div>
    </div>
  </details>
</header-drawer>


<details-modal class="header__search">
  <details>
    <summary
      class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
      aria-haspopup="dialog"
      aria-label="Search"
    >
      <span>
        <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
          <use href="#icon-search">
        </svg>
        <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
          <use href="#icon-close">
        </svg>
      </span>
    </summary>
    <div
      class="search-modal modal__content gradient"
      role="dialog"
      aria-modal="true"
      aria-label="Search"
    >
      <div class="modal-overlay"></div>
      <div
        class="search-modal__content search-modal__content-bottom"
        tabindex="-1"
      ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
          <div class="field">
            <input
              class="search__input field__input"
              id="Search-In-Modal-1"
              type="search"
              name="q"
              value=""
              placeholder="Search"role="combobox"
                aria-expanded="false"
                aria-owns="predictive-search-results"
                aria-controls="predictive-search-results"
                aria-haspopup="listbox"
                aria-autocomplete="list"
                autocorrect="off"
                autocomplete="off"
                autocapitalize="off"
                spellcheck="false">
            <label class="field__label" for="Search-In-Modal-1">Search</label>
            <input type="hidden" name="options[prefix]" value="last">
            <button
              type="reset"
              class="reset__button field__button hidden"
              aria-label="Clear search term"
            >
              <svg class="icon icon-close" aria-hidden="true" focusable="false">
                <use xlink:href="#icon-reset">
              </svg>
            </button>
            <button class="search__button field__button" aria-label="Search">
              <svg class="icon icon-search" aria-hidden="true" focusable="false">
                <use href="#icon-search">
              </svg>
            </button>
          </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>

<div class="predictive-search__loading-state">
  <svg
    aria-hidden="true"
    focusable="false"
    class="spinner"
    viewBox="0 0 66 66"
    xmlns="http://www.w3.org/2000/svg"
  >
    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  </svg>
</div>
</div>

            <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
          type="button"
          class="search-modal__close-button modal__close-button link link--text focus-inset"
          aria-label="Close"
        >
          <svg class="icon icon-close" aria-hidden="true" focusable="false">
            <use href="#icon-close">
          </svg>
        </button>
      </div>
    </div>
  </details>
</details-modal>
<h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
                
                <img src="//johnsart.ca/cdn/shop/files/johns-art-design-colour-thick.png?v=1747355205&amp;width=600" alt="Johns Art &amp; Design" srcset="//johnsart.ca/cdn/shop/files/johns-art-design-colour-thick.png?v=1747355205&amp;width=150 150w, //johnsart.ca/cdn/shop/files/johns-art-design-colour-thick.png?v=1747355205&amp;width=225 225w, //johnsart.ca/cdn/shop/files/johns-art-design-colour-thick.png?v=1747355205&amp;width=300 300w" width="150" height="76.02459016393442" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 300px) 50vw, 150px">
              </div></a></h1>

<nav class="header__inline-menu">
  <ul class="list-menu list-menu--inline" role="list"><li><a
            id="HeaderMenu-home"
            href="/"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
              aria-current="page"
            
          >
            <span
                class="header__active-menu-item"
              
            >Home</span>
          </a></li><li><header-menu>
            <details id="Details-HeaderMenu-2">
              <summary
                id="HeaderMenu-prints"
                class="header__menu-item list-menu__item link focus-inset"
              >
                <span
                >Prints</span>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

              </summary>
              <ul
                id="HeaderMenu-MenuList-2"
                class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
                role="list"
                tabindex="-1"
              ><li><a
                        id="HeaderMenu-prints-all-prints"
                        href="/collections/prints"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        All Prints
                      </a></li><li><a
                        id="HeaderMenu-prints-kristens-prints"
                        href="/collections/kristens-prints"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Kristen&#39;s Prints
                      </a></li><li><a
                        id="HeaderMenu-prints-marcs-prints"
                        href="/collections/marcs-prints"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Marc&#39;s Prints
                      </a></li><li><a
                        id="HeaderMenu-prints-prints-botanical"
                        href="/collections/botanical-prints"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Prints - Botanical
                      </a></li><li><a
                        id="HeaderMenu-prints-prints-humour"
                        href="/collections/humorous-prints"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Prints - Humour
                      </a></li><li><a
                        id="HeaderMenu-prints-prints-inspiration"
                        href="/collections/inspirational-prints"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Prints - Inspiration
                      </a></li><li><a
                        id="HeaderMenu-prints-prints-collaboration"
                        href="/collections/collaboration-prints"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Prints - Collaboration
                      </a></li></ul>
            </details>
          </header-menu></li><li><a
            id="HeaderMenu-greeting-cards"
            href="/collections/greeting-cards"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
          >
            <span
            >Greeting Cards</span>
          </a></li><li><a
            id="HeaderMenu-calendars"
            href="/collections/calendar"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
          >
            <span
            >Calendars</span>
          </a></li><li><header-menu>
            <details id="Details-HeaderMenu-5">
              <summary
                id="HeaderMenu-original-artwork"
                class="header__menu-item list-menu__item link focus-inset"
              >
                <span
                >Original Artwork</span>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

              </summary>
              <ul
                id="HeaderMenu-MenuList-5"
                class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
                role="list"
                tabindex="-1"
              ><li><a
                        id="HeaderMenu-original-artwork-all-original-artwork"
                        href="/collections/original-artwork"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        All Original Artwork
                      </a></li><li><a
                        id="HeaderMenu-original-artwork-kristens-original-artwork"
                        href="/collections/kristens-original-artwork"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Kristen&#39;s Original Artwork
                      </a></li><li><a
                        id="HeaderMenu-original-artwork-marcs-original-artwork"
                        href="/collections/marcs-original-artwork"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Marc&#39;s Original Artwork
                      </a></li><li><a
                        id="HeaderMenu-original-artwork-sold-artwork"
                        href="/collections/sold-artwork"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Sold Artwork
                      </a></li></ul>
            </details>
          </header-menu></li><li><header-menu>
            <details id="Details-HeaderMenu-6">
              <summary
                id="HeaderMenu-about-us"
                class="header__menu-item list-menu__item link focus-inset"
              >
                <span
                >About Us</span>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

              </summary>
              <ul
                id="HeaderMenu-MenuList-6"
                class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
                role="list"
                tabindex="-1"
              ><li><a
                        id="HeaderMenu-about-us-about-kristen"
                        href="/pages/about-kristen"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        About Kristen
                      </a></li><li><a
                        id="HeaderMenu-about-us-kristens-art"
                        href="/pages/kristen-johns-art"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Kristen&#39;s Art
                      </a></li><li><a
                        id="HeaderMenu-about-us-about-marc"
                        href="/pages/about-marc"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        About Marc
                      </a></li><li><a
                        id="HeaderMenu-about-us-marcs-art"
                        href="/pages/marcs-art"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Marc&#39;s Art
                      </a></li><li><a
                        id="HeaderMenu-about-us-shipping-info"
                        href="/pages/shipping-news"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Shipping Info
                      </a></li></ul>
            </details>
          </header-menu></li><li><a
            id="HeaderMenu-contact"
            href="/pages/contact"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
          >
            <span
            >Contact</span>
          </a></li></ul>
</nav>

<div class="header__icons header__icons--localization header-localization">
      <div class="desktop-localization-wrapper"><localization-form class="small-hide medium-hide" data-prevent-hide><form method="post" action="/localization" id="HeaderCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
                <h2 class="visually-hidden" id="HeaderCountryLabel">Country/region</h2>

<div class="disclosure">
  <button
    type="button"
    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
    aria-expanded="false"
    aria-controls="HeaderCountry-country-results"
    aria-describedby="HeaderCountryLabel"
  >
    <span>Canada |
      CAD
      $</span>
    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

  </button>
  <div class="disclosure__list-wrapper country-selector" hidden>
    <div class="country-filter">
      
        <div class="field">
          <input
            class="country-filter__input field__input"
            id="country-filter-input"
            type="search"
            name="country_filter"
            value=""
            placeholder="Search"
            role="combobox"
            aria-owns="country-results"
            aria-controls="country-results"
            aria-haspopup="listbox"
            aria-autocomplete="list"
            autocorrect="off"
            autocomplete="off"
            autocapitalize="off"
            spellcheck="false"
          >
          <label class="field__label" for="country-filter-input">Search</label>
          <button
            type="reset"
            class="country-filter__reset-button field__button hidden"
            aria-label="Clear search term"
          >
            <svg class="icon icon-close" aria-hidden="true" focusable="false">
              <use xlink:href="#icon-reset">
            </svg>
          </button>
          <div class="country-filter__search-icon field__button motion-reduce">
            <svg class="icon icon-search" aria-hidden="true" focusable="false">
              <use xlink:href="#icon-search">
            </svg>
          </div>
        </div>
      
      <button
        class="country-selector__close-button button--small link"
        type="button"
        aria-label="Close"
      >
        <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close"
  fill="none"
  viewBox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

      </button>
    </div>
    <div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
    <div
      class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
      id="HeaderCountry-country-results"
    >
      
      <ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AL"
              id="Albania"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Albania</span>
              <span class="localization-form__currency motion-reduce">
                ALL
                L</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AU"
              id="Australia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Australia</span>
              <span class="localization-form__currency motion-reduce">
                AUD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AT"
              id="Austria"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Austria</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BE"
              id="Belgium"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Belgium</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BR"
              id="Brazil"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Brazil</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
                aria-current="true"
              
              data-value="CA"
              id="Canada"
            >
              <span
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Canada</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BQ"
              id="Caribbean Netherlands"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Caribbean Netherlands</span>
              <span class="localization-form__currency motion-reduce">
                USD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="TD"
              id="Chad"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Chad</span>
              <span class="localization-form__currency motion-reduce">
                XAF
                CFA</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CL"
              id="Chile"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Chile</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CN"
              id="China"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">China</span>
              <span class="localization-form__currency motion-reduce">
                CNY
                ¥</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CR"
              id="Costa Rica"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Costa Rica</span>
              <span class="localization-form__currency motion-reduce">
                CRC
                ₡</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HR"
              id="Croatia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Croatia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CZ"
              id="Czechia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Czechia</span>
              <span class="localization-form__currency motion-reduce">
                CZK
                Kč</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="DK"
              id="Denmark"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Denmark</span>
              <span class="localization-form__currency motion-reduce">
                DKK
                kr.</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="EE"
              id="Estonia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Estonia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="FI"
              id="Finland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Finland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="FR"
              id="France"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">France</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="DE"
              id="Germany"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Germany</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GR"
              id="Greece"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Greece</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GL"
              id="Greenland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Greenland</span>
              <span class="localization-form__currency motion-reduce">
                DKK
                kr.</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HK"
              id="Hong Kong SAR"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Hong Kong SAR</span>
              <span class="localization-form__currency motion-reduce">
                HKD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HU"
              id="Hungary"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Hungary</span>
              <span class="localization-form__currency motion-reduce">
                HUF
                Ft</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IS"
              id="Iceland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Iceland</span>
              <span class="localization-form__currency motion-reduce">
                ISK
                kr</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IN"
              id="India"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">India</span>
              <span class="localization-form__currency motion-reduce">
                INR
                ₹</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="ID"
              id="Indonesia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Indonesia</span>
              <span class="localization-form__currency motion-reduce">
                IDR
                Rp</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IE"
              id="Ireland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Ireland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IM"
              id="Isle of Man"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Isle of Man</span>
              <span class="localization-form__currency motion-reduce">
                GBP
                £</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IL"
              id="Israel"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Israel</span>
              <span class="localization-form__currency motion-reduce">
                ILS
                ₪</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IT"
              id="Italy"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Italy</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="JP"
              id="Japan"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Japan</span>
              <span class="localization-form__currency motion-reduce">
                JPY
                ¥</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="MY"
              id="Malaysia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Malaysia</span>
              <span class="localization-form__currency motion-reduce">
                MYR
                RM</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="MX"
              id="Mexico"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Mexico</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NL"
              id="Netherlands"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Netherlands</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NC"
              id="New Caledonia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">New Caledonia</span>
              <span class="localization-form__currency motion-reduce">
                XPF
                Fr</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NZ"
              id="New Zealand"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">New Zealand</span>
              <span class="localization-form__currency motion-reduce">
                NZD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NO"
              id="Norway"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Norway</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PH"
              id="Philippines"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Philippines</span>
              <span class="localization-form__currency motion-reduce">
                PHP
                ₱</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PL"
              id="Poland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Poland</span>
              <span class="localization-form__currency motion-reduce">
                PLN
                zł</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PT"
              id="Portugal"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Portugal</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="RO"
              id="Romania"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Romania</span>
              <span class="localization-form__currency motion-reduce">
                RON
                Lei</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SG"
              id="Singapore"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Singapore</span>
              <span class="localization-form__currency motion-reduce">
                SGD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="ZA"
              id="South Africa"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">South Africa</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="KR"
              id="South Korea"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">South Korea</span>
              <span class="localization-form__currency motion-reduce">
                KRW
                ₩</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="ES"
              id="Spain"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Spain</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SE"
              id="Sweden"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Sweden</span>
              <span class="localization-form__currency motion-reduce">
                SEK
                kr</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CH"
              id="Switzerland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Switzerland</span>
              <span class="localization-form__currency motion-reduce">
                CHF
                CHF</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="TW"
              id="Taiwan"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Taiwan</span>
              <span class="localization-form__currency motion-reduce">
                TWD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="UM"
              id="U.S. Outlying Islands"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">U.S. Outlying Islands</span>
              <span class="localization-form__currency motion-reduce">
                USD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="UA"
              id="Ukraine"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Ukraine</span>
              <span class="localization-form__currency motion-reduce">
                UAH
                ₴</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AE"
              id="United Arab Emirates"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">United Arab Emirates</span>
              <span class="localization-form__currency motion-reduce">
                AED
                د.إ</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GB"
              id="United Kingdom"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">United Kingdom</span>
              <span class="localization-form__currency motion-reduce">
                GBP
                £</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="US"
              id="United States"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">United States</span>
              <span class="localization-form__currency motion-reduce">
                USD
                $</span>
            </a>
          </li></ul>
    </div>
  </div>
  <div class="country-selector__overlay"></div>
</div>
<input type="hidden" name="country_code" value="CA">
</div></form></localization-form>
        
</div>
      

<details-modal class="header__search">
  <details>
    <summary
      class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
      aria-haspopup="dialog"
      aria-label="Search"
    >
      <span>
        <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
          <use href="#icon-search">
        </svg>
        <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
          <use href="#icon-close">
        </svg>
      </span>
    </summary>
    <div
      class="search-modal modal__content gradient"
      role="dialog"
      aria-modal="true"
      aria-label="Search"
    >
      <div class="modal-overlay"></div>
      <div
        class="search-modal__content search-modal__content-bottom"
        tabindex="-1"
      ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
          <div class="field">
            <input
              class="search__input field__input"
              id="Search-In-Modal"
              type="search"
              name="q"
              value=""
              placeholder="Search"role="combobox"
                aria-expanded="false"
                aria-owns="predictive-search-results"
                aria-controls="predictive-search-results"
                aria-haspopup="listbox"
                aria-autocomplete="list"
                autocorrect="off"
                autocomplete="off"
                autocapitalize="off"
                spellcheck="false">
            <label class="field__label" for="Search-In-Modal">Search</label>
            <input type="hidden" name="options[prefix]" value="last">
            <button
              type="reset"
              class="reset__button field__button hidden"
              aria-label="Clear search term"
            >
              <svg class="icon icon-close" aria-hidden="true" focusable="false">
                <use xlink:href="#icon-reset">
              </svg>
            </button>
            <button class="search__button field__button" aria-label="Search">
              <svg class="icon icon-search" aria-hidden="true" focusable="false">
                <use href="#icon-search">
              </svg>
            </button>
          </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>

<div class="predictive-search__loading-state">
  <svg
    aria-hidden="true"
    focusable="false"
    class="spinner"
    viewBox="0 0 66 66"
    xmlns="http://www.w3.org/2000/svg"
  >
    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  </svg>
</div>
</div>

            <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
          type="button"
          class="search-modal__close-button modal__close-button link link--text focus-inset"
          aria-label="Close"
        >
          <svg class="icon icon-close" aria-hidden="true" focusable="false">
            <use href="#icon-close">
          </svg>
        </button>
      </div>
    </div>
  </details>
</details-modal>

<a href="https://johnsart.ca/customer_authentication/redirect?locale=en&region_country=CA" class="header__icon header__icon--account link focus-inset small-hide"><account-icon><svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-account"
  fill="none"
  viewBox="0 0 18 19"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</svg>

</account-icon><span class="visually-hidden">Log in</span>
        </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg
  class="icon icon-cart-empty"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 40 40"
  fill="none"
>
  <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
</svg>
<span class="visually-hidden">Cart</span></a>
    </div>
  </header>
</sticky-header>

<cart-notification>
  <div class="cart-notification-wrapper page-width">
    <div
      id="cart-notification"
      class="cart-notification focus-inset color-scheme-1 gradient"
      aria-modal="true"
      aria-label="Item added to your cart"
      role="dialog"
      tabindex="-1"
    >
      <div class="cart-notification__header">
        <h2 class="cart-notification__heading caption-large text-body"><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
Item added to your cart
        </h2>
        <button
          type="button"
          class="cart-notification__close modal__close-button link link--text focus-inset"
          aria-label="Close"
        >
          <svg class="icon icon-close" aria-hidden="true" focusable="false">
            <use href="#icon-close">
          </svg>
        </button>
      </div>
      <div id="cart-notification-product" class="cart-notification-product"></div>
      <div class="cart-notification__links">
        <a
          href="/cart"
          id="cart-notification-button"
          class="button button--secondary button--full-width"
        >View cart</a>
        <form action="/cart" method="post" id="cart-notification-form">
          <button class="button button--primary button--full-width" name="checkout">
            Check out
          </button>
        </form>
        <button type="button" class="link button-label">Continue shopping</button>
      </div>
    </div>
  </div>
</cart-notification>
<style data-shopify>
  .cart-notification {
    display: none;
  }
</style>


<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Johns Art \u0026amp; Design",
    
      "logo": "https:\/\/johnsart.ca\/cdn\/shop\/files\/johns-art-design-colour-thick.png?v=1747355205\u0026width=500",
    
    "sameAs": [
      "",
      "",
      "",
      "",
      "",
      "",
      "",
      "",
      ""
    ],
    "url": "https:\/\/johnsart.ca"
  }
</script>
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": "Johns Art \u0026amp; Design",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https:\/\/johnsart.ca\/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "url": "https:\/\/johnsart.ca"
    }
  </script>
</div>
<!-- END sections: header-group -->

    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
      <section id="shopify-section-template--16029325951065__rich-text" class="shopify-section section"><link href="//johnsart.ca/cdn/shop/t/3/assets/section-rich-text.css?v=155250126305810049721721610962" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--16029325951065__rich-text-padding {
    padding-top: 0px;
    padding-bottom: 21px;
  }

  @media screen and (min-width: 750px) {
    .section-template--16029325951065__rich-text-padding {
      padding-top: 0px;
      padding-bottom: 28px;
    }
  }</style><div class="isolate">
  <div class="rich-text content-container color-scheme-1 gradient rich-text--full-width content-container--full-width section-template--16029325951065__rich-text-padding">
    <div class="rich-text__wrapper rich-text__wrapper--center page-width">
      <div class="rich-text__blocks center"><h2
                class="rich-text__heading rte inline-richtext h2 scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 1;"
                
              >
                Hello! from the studio of Marc & Kristen Johns
              </h2></div>
    </div>
  </div>
</div>


</section><section id="shopify-section-template--16029325951065__slideshow" class="shopify-section section"><link href="//johnsart.ca/cdn/shop/t/3/assets/section-image-banner.css?v=124819179385751388401721610962" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-slider.css?v=14039311878856620671721610962" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-slideshow.css?v=170654395204511176521721610962" rel="stylesheet" type="text/css" media="all" />
<slideshow-component
  class="slider-mobile-gutter page-width"
  role="region"
  aria-roledescription="Carousel"
  aria-label="Slideshow about our art and products"
><div class="slideshow__controls slideshow__controls--top slider-buttons">
      <button
        type="button"
        class="slider-button slider-button--prev"
        name="previous"
        aria-label="Previous slide"
        aria-controls="Slider-template--16029325951065__slideshow"
      >
        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

      </button>
      <div class="slider-counter slider-counter--dots"><div class="slideshow__control-wrapper"><button
                class="slider-counter__link slider-counter__link--dots link"
                aria-label="Load slide 1 of 3"
                aria-controls="Slider-template--16029325951065__slideshow"
              ><span class="dot"></span></button><button
                class="slider-counter__link slider-counter__link--dots link"
                aria-label="Load slide 2 of 3"
                aria-controls="Slider-template--16029325951065__slideshow"
              ><span class="dot"></span></button><button
                class="slider-counter__link slider-counter__link--dots link"
                aria-label="Load slide 3 of 3"
                aria-controls="Slider-template--16029325951065__slideshow"
              ><span class="dot"></span></button></div></div>
      <button
        type="button"
        class="slider-button slider-button--next"
        name="next"
        aria-label="Next slide"
        aria-controls="Slider-template--16029325951065__slideshow"
      >
        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

      </button><button
          type="button"
          class="slideshow__autoplay slider-button"
          aria-label="Pause slideshow"
        ><svg
  class="icon icon-pause"
  viewBox="0 0 8 12"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
  focusable="false"
  aria-hidden="true"
>
  <path d="M1.2 0.75C0.813401 0.75 0.5 0.985051 0.5 1.275V10.725C0.5 11.0149 0.813401 11.25 1.2 11.25C1.5866 11.25 1.9 11.0149 1.9 10.725V1.275C1.9 0.985051 1.5866 0.75 1.2 0.75Z" fill="currentColor"/>
  <path d="M6.8 0.75C6.4134 0.75 6.1 0.985051 6.1 1.275V10.725C6.1 11.0149 6.4134 11.25 6.8 11.25C7.1866 11.25 7.5 11.0149 7.5 10.725V1.275C7.5 0.985051 7.1866 0.75 6.8 0.75Z" fill="currentColor"/>
</svg>
<svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-play"
  fill="none"
  viewBox="0 0 10 14"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.48177 0.814643C0.81532 0.448245 0 0.930414 0 1.69094V12.2081C0 12.991 0.858787 13.4702 1.52503 13.0592L10.5398 7.49813C11.1918 7.09588 11.1679 6.13985 10.4965 5.77075L1.48177 0.814643Z" fill="currentColor"/>
</svg>
</button></div><div
    class="slideshow banner banner--small grid grid--1-col slider slider--everywhere scroll-trigger animate--fade-in"
    id="Slider-template--16029325951065__slideshow"
    aria-live="polite"
    aria-atomic="true"
    data-autoplay="true"
    data-speed="5"
  ><style>
        #Slide-template--16029325951065__slideshow-1 .banner__media::after {
          opacity: 0.0;
        }
      </style>
      <div
        class="slideshow__slide grid__item grid--1-col slider__slide"
        id="Slide-template--16029325951065__slideshow-1"
        
        role="group"
        aria-roledescription="Slide"
        aria-label="1 of 3"
        tabindex="-1"
      >
        <div class="slideshow__media banner__media media">
              <img src="//johnsart.ca/cdn/shop/files/polka_dot_elephant_slider.jpg?v=1730676773&amp;width=3840" alt="" srcset="//johnsart.ca/cdn/shop/files/polka_dot_elephant_slider.jpg?v=1730676773&amp;width=375 375w, //johnsart.ca/cdn/shop/files/polka_dot_elephant_slider.jpg?v=1730676773&amp;width=550 550w, //johnsart.ca/cdn/shop/files/polka_dot_elephant_slider.jpg?v=1730676773&amp;width=750 750w, //johnsart.ca/cdn/shop/files/polka_dot_elephant_slider.jpg?v=1730676773&amp;width=1100 1100w, //johnsart.ca/cdn/shop/files/polka_dot_elephant_slider.jpg?v=1730676773&amp;width=1500 1500w, //johnsart.ca/cdn/shop/files/polka_dot_elephant_slider.jpg?v=1730676773&amp;width=1780 1780w, //johnsart.ca/cdn/shop/files/polka_dot_elephant_slider.jpg?v=1730676773&amp;width=2000 2000w, //johnsart.ca/cdn/shop/files/polka_dot_elephant_slider.jpg?v=1730676773&amp;width=3000 3000w, //johnsart.ca/cdn/shop/files/polka_dot_elephant_slider.jpg?v=1730676773&amp;width=3840 3840w" height="533" sizes="100vw" fetchpriority="auto">
</div>
        <div class="slideshow__text-wrapper banner__content banner__content--middle-center page-width banner--desktop-transparent scroll-trigger animate--slide-in">
          <div class="slideshow__text banner__box content-container content-container--full-width-mobile color-scheme-1 gradient slideshow__text--center slideshow__text-mobile--center"></div>
        </div>
      </div><style>
        #Slide-template--16029325951065__slideshow-2 .banner__media::after {
          opacity: 0.0;
        }
      </style>
      <div
        class="slideshow__slide grid__item grid--1-col slider__slide"
        id="Slide-template--16029325951065__slideshow-2"
        
        role="group"
        aria-roledescription="Slide"
        aria-label="2 of 3"
        tabindex="-1"
      >
        <div class="slideshow__media banner__media media"><img src="//johnsart.ca/cdn/shop/files/slider-prints-2a.jpg?v=1742174183&amp;width=3840" alt="" srcset="//johnsart.ca/cdn/shop/files/slider-prints-2a.jpg?v=1742174183&amp;width=375 375w, //johnsart.ca/cdn/shop/files/slider-prints-2a.jpg?v=1742174183&amp;width=550 550w, //johnsart.ca/cdn/shop/files/slider-prints-2a.jpg?v=1742174183&amp;width=750 750w, //johnsart.ca/cdn/shop/files/slider-prints-2a.jpg?v=1742174183&amp;width=1100 1100w, //johnsart.ca/cdn/shop/files/slider-prints-2a.jpg?v=1742174183&amp;width=1500 1500w, //johnsart.ca/cdn/shop/files/slider-prints-2a.jpg?v=1742174183&amp;width=1780 1780w, //johnsart.ca/cdn/shop/files/slider-prints-2a.jpg?v=1742174183&amp;width=2000 2000w, //johnsart.ca/cdn/shop/files/slider-prints-2a.jpg?v=1742174183&amp;width=3000 3000w, //johnsart.ca/cdn/shop/files/slider-prints-2a.jpg?v=1742174183&amp;width=3840 3840w" height="450" loading="lazy" sizes="100vw">
</div>
        <div class="slideshow__text-wrapper banner__content banner__content--middle-center page-width banner--desktop-transparent">
          <div class="slideshow__text banner__box content-container content-container--full-width-mobile color-scheme-1 gradient slideshow__text--center slideshow__text-mobile--center"><div class="banner__buttons">
                <a
                  
                    href="/collections/prints"
                  
                  class="button button--primary"
                >Shop Art Prints</a>
              </div></div>
        </div>
      </div><style>
        #Slide-template--16029325951065__slideshow-3 .banner__media::after {
          opacity: 0.0;
        }
      </style>
      <div
        class="slideshow__slide grid__item grid--1-col slider__slide"
        id="Slide-template--16029325951065__slideshow-3"
        
        role="group"
        aria-roledescription="Slide"
        aria-label="3 of 3"
        tabindex="-1"
      >
        <div class="slideshow__media banner__media media"><img src="//johnsart.ca/cdn/shop/files/slider-originals.jpg?v=1740275878&amp;width=3840" alt="" srcset="//johnsart.ca/cdn/shop/files/slider-originals.jpg?v=1740275878&amp;width=375 375w, //johnsart.ca/cdn/shop/files/slider-originals.jpg?v=1740275878&amp;width=550 550w, //johnsart.ca/cdn/shop/files/slider-originals.jpg?v=1740275878&amp;width=750 750w, //johnsart.ca/cdn/shop/files/slider-originals.jpg?v=1740275878&amp;width=1100 1100w, //johnsart.ca/cdn/shop/files/slider-originals.jpg?v=1740275878&amp;width=1500 1500w, //johnsart.ca/cdn/shop/files/slider-originals.jpg?v=1740275878&amp;width=1780 1780w, //johnsart.ca/cdn/shop/files/slider-originals.jpg?v=1740275878&amp;width=2000 2000w, //johnsart.ca/cdn/shop/files/slider-originals.jpg?v=1740275878&amp;width=3000 3000w, //johnsart.ca/cdn/shop/files/slider-originals.jpg?v=1740275878&amp;width=3840 3840w" height="450" loading="lazy" sizes="100vw">
</div>
        <div class="slideshow__text-wrapper banner__content banner__content--middle-center page-width banner--desktop-transparent">
          <div class="slideshow__text banner__box content-container content-container--full-width-mobile color-scheme-1 gradient slideshow__text--center slideshow__text-mobile--center"><div class="banner__buttons">
                <a
                  
                    href="/collections/original-artwork"
                  
                  class="button button--primary"
                >Shop Original Artwork</a>
              </div></div>
        </div>
      </div></div></slideshow-component>
</section><div id="shopify-section-template--16029325951065__image_with_text_fJ4NwW" class="shopify-section section"><link href="//johnsart.ca/cdn/shop/t/3/assets/component-image-with-text.css?v=132604768413025929601721610962" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--16029325951065__image_with_text_fJ4NwW-padding {
    padding-top: 27px;
    padding-bottom: 27px;
  }

  @media screen and (min-width: 750px) {
    .section-template--16029325951065__image_with_text_fJ4NwW-padding {
      padding-top: 36px;
      padding-bottom: 36px;
    }
  }</style><div class="section-template--16029325951065__image_with_text_fJ4NwW-padding gradient color-scheme-20f29b2a-750d-4bf4-8359-3df1b399c98f">
  <div class="page-width">
    <div class="image-with-text image-with-text--no-overlap isolate collapse-corners scroll-trigger animate--slide-in">
      <div class="image-with-text__grid grid grid--gapless grid--1-col grid--2-col-tablet">
        <div class="image-with-text__media-item image-with-text__media-item--medium image-with-text__media-item--top grid__item">
          <div
            class="image-with-text__media image-with-text__media--adapt global-media-settings gradient color-scheme-1 media"
            
              style="padding-bottom: 100.0%;"
            
          ><img src="//johnsart.ca/cdn/shop/files/il_1140xN.3020082662_r8zp.jpg?v=1722884006&amp;width=1500" alt="" srcset="//johnsart.ca/cdn/shop/files/il_1140xN.3020082662_r8zp.jpg?v=1722884006&amp;width=165 165w, //johnsart.ca/cdn/shop/files/il_1140xN.3020082662_r8zp.jpg?v=1722884006&amp;width=360 360w, //johnsart.ca/cdn/shop/files/il_1140xN.3020082662_r8zp.jpg?v=1722884006&amp;width=535 535w, //johnsart.ca/cdn/shop/files/il_1140xN.3020082662_r8zp.jpg?v=1722884006&amp;width=750 750w, //johnsart.ca/cdn/shop/files/il_1140xN.3020082662_r8zp.jpg?v=1722884006&amp;width=1070 1070w, //johnsart.ca/cdn/shop/files/il_1140xN.3020082662_r8zp.jpg?v=1722884006&amp;width=1500 1500w" width="1500" height="1500" sizes="(min-width: 1200px) 550px,
              (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)" fetchpriority="auto">
</div>
        </div>
        <div class="image-with-text__text-item grid__item">
          <div
            id="ImageWithText--template--16029325951065__image_with_text_fJ4NwW"
            class="image-with-text__content image-with-text__content--top image-with-text__content--desktop-left image-with-text__content--mobile-left image-with-text__content--adapt content-container gradient color-scheme-1"
          ><h2
                    class="image-with-text__heading inline-richtext h2"
                    
                  >
                    Black & White Collection
                  </h2><div class="image-with-text__text rte body" >
                    <p>Black and white: it goes with everything.</p><p>These artworks reduce their subjects to the essentials: light and dark, texture, contrast, shadows, and simple lines. Black and white is always timeless.</p>
                  </div><a
                      
                        href="/collections/black-white"
                      
                      class="button button--secondary"
                      
                    >
                      shop the collection
                    </a></div>
        </div>
      </div>
    </div>
  </div>
</div>


</div><section id="shopify-section-template--16029325951065__featured_collection_wtiUyW" class="shopify-section section"><link href="//johnsart.ca/cdn/shop/t/3/assets/component-card.css?v=120341546515895839841721610962" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-price.css?v=70172745017360139101721610962" rel="stylesheet" type="text/css" media="all" />

<link href="//johnsart.ca/cdn/shop/t/3/assets/component-slider.css?v=14039311878856620671721610962" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/template-collection.css?v=58558206033505836701721610962" rel="stylesheet" type="text/css" media="all" />

<style data-shopify>.section-template--16029325951065__featured_collection_wtiUyW-padding {
    padding-top: 27px;
    padding-bottom: 27px;
  }

  @media screen and (min-width: 750px) {
    .section-template--16029325951065__featured_collection_wtiUyW-padding {
      padding-top: 36px;
      padding-bottom: 36px;
    }
  }</style><div
  class="color-scheme-20f29b2a-750d-4bf4-8359-3df1b399c98f isolate gradient"
>
  <div
    class="collection section-template--16029325951065__featured_collection_wtiUyW-padding"
    id="collection-template--16029325951065__featured_collection_wtiUyW"
    data-id="template--16029325951065__featured_collection_wtiUyW"
  >
    <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width title-wrapper--self-padded-tablet-down collection__title--desktop-slider"><h2 class="title inline-richtext h2 scroll-trigger animate--slide-in">
          Black & White
        </h2></div>

    <slider-component class="slider-mobile-gutter slider-component-desktop scroll-trigger animate--slide-in">
      <ul
        id="Slider-template--16029325951065__featured_collection_wtiUyW"
        data-id="template--16029325951065__featured_collection_wtiUyW"
        class="grid product-grid contains-card contains-card--product contains-card--standard grid--3-col-desktop grid--2-col-tablet-down slider slider--desktop slider--tablet grid--peek"
        role="list"
        aria-label="Slider"
      >
        
<li
            id="Slide-template--16029325951065__featured_collection_wtiUyW-1"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 1;"
            
          >
            
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-rating.css?v=179577762467860590411721610962" rel="stylesheet" type="text/css" media="all" />
  <link href="//johnsart.ca/cdn/shop/t/3/assets/component-volume-pricing.css?v=111870094811454961941721610962" rel="stylesheet" type="text/css" media="all" />

  <link href="//johnsart.ca/cdn/shop/t/3/assets/component-price.css?v=70172745017360139101721610962" rel="stylesheet" type="text/css" media="all" />
  <link href="//johnsart.ca/cdn/shop/t/3/assets/quick-order-list.css?v=38387008350345892421721610962" rel="stylesheet" type="text/css" media="all" />
  <link href="//johnsart.ca/cdn/shop/t/3/assets/quantity-popover.css?v=78745769908715669131721610963" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/dont-forget-to-play-print.jpg?v=1730666874&width=165 165w,//johnsart.ca/cdn/shop/files/dont-forget-to-play-print.jpg?v=1730666874&width=360 360w,//johnsart.ca/cdn/shop/files/dont-forget-to-play-print.jpg?v=1730666874&width=533 533w,//johnsart.ca/cdn/shop/files/dont-forget-to-play-print.jpg?v=1730666874&width=720 720w,//johnsart.ca/cdn/shop/files/dont-forget-to-play-print.jpg?v=1730666874&width=940 940w,//johnsart.ca/cdn/shop/files/dont-forget-to-play-print.jpg?v=1730666874&width=1066 1066w,//johnsart.ca/cdn/shop/files/dont-forget-to-play-print.jpg?v=1730666874 3024w
                "
                src="//johnsart.ca/cdn/shop/files/dont-forget-to-play-print.jpg?v=1730666874&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="don&#39;t forget to play - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3024"
                height="3780"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/dont-forget-to-play-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7819513725017"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7819513725017 NoMediaStandardBadge-template--16029325951065__featured_collection_wtiUyW-7819513725017"
              >
                don&#39;t forget to play - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_wtiUyW-7819513725017"
            
          >
            <a
              href="/products/dont-forget-to-play-art-print"
              id="CardLink-template--16029325951065__featured_collection_wtiUyW-7819513725017"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_wtiUyW-7819513725017 Badge-template--16029325951065__featured_collection_wtiUyW-7819513725017"
            >
              don&#39;t forget to play - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_wtiUyW-2"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 2;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 133.33333333333334%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 133.33333333333334%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/20250316_163439.jpg?v=1742177461&width=165 165w,//johnsart.ca/cdn/shop/files/20250316_163439.jpg?v=1742177461&width=360 360w,//johnsart.ca/cdn/shop/files/20250316_163439.jpg?v=1742177461&width=533 533w,//johnsart.ca/cdn/shop/files/20250316_163439.jpg?v=1742177461&width=720 720w,//johnsart.ca/cdn/shop/files/20250316_163439.jpg?v=1742177461&width=940 940w,//johnsart.ca/cdn/shop/files/20250316_163439.jpg?v=1742177461&width=1066 1066w,//johnsart.ca/cdn/shop/files/20250316_163439.jpg?v=1742177461 3060w
                "
                src="//johnsart.ca/cdn/shop/files/20250316_163439.jpg?v=1742177461&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Maple leaf - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3060"
                height="4080"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/maple-leaf-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7927418191961"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7927418191961 NoMediaStandardBadge-template--16029325951065__featured_collection_wtiUyW-7927418191961"
              >
                Maple leaf - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_wtiUyW-7927418191961"
            
          >
            <a
              href="/products/maple-leaf-art-print"
              id="CardLink-template--16029325951065__featured_collection_wtiUyW-7927418191961"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_wtiUyW-7927418191961 Badge-template--16029325951065__featured_collection_wtiUyW-7927418191961"
            >
              Maple leaf - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              $0.00 CAD
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_wtiUyW-3"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 3;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.71428571428574%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.71428571428574%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/life-goes-like-this-art-print-700.jpg?v=1730057898&width=165 165w,//johnsart.ca/cdn/shop/files/life-goes-like-this-art-print-700.jpg?v=1730057898&width=360 360w,//johnsart.ca/cdn/shop/files/life-goes-like-this-art-print-700.jpg?v=1730057898&width=533 533w,//johnsart.ca/cdn/shop/files/life-goes-like-this-art-print-700.jpg?v=1730057898 700w
                "
                src="//johnsart.ca/cdn/shop/files/life-goes-like-this-art-print-700.jpg?v=1730057898&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="life goes like this - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="700"
                height="880"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/life-goes-like-this-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7819513987161"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7819513987161 NoMediaStandardBadge-template--16029325951065__featured_collection_wtiUyW-7819513987161"
              >
                life goes like this - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_wtiUyW-7819513987161"
            
          >
            <a
              href="/products/life-goes-like-this-art-print"
              id="CardLink-template--16029325951065__featured_collection_wtiUyW-7819513987161"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_wtiUyW-7819513987161 Badge-template--16029325951065__featured_collection_wtiUyW-7819513987161"
            >
              life goes like this - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_wtiUyW-4"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 4;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 100.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 100.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3368939779_ba9e.jpg?v=1715633054&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3368939779_ba9e.jpg?v=1715633054&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3368939779_ba9e.jpg?v=1715633054&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3368939779_ba9e.jpg?v=1715633054&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3368939779_ba9e.jpg?v=1715633054&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3368939779_ba9e.jpg?v=1715633054&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3368939779_ba9e.jpg?v=1715633054 3000w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3368939779_ba9e.jpg?v=1715633054&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Set of 9 Flower Botanical Art Prints"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3000"
                height="3000"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/set-of-9-flower-botanical-prints-in-graphite-by-artist-kristen-johns-floral-print-set-for-the-gardener-nature-lover-5x7-or-8x10-inch"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7665898389593"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7665898389593 NoMediaStandardBadge-template--16029325951065__featured_collection_wtiUyW-7665898389593"
              >
                Set of 9 Flower Botanical Art Prints
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_wtiUyW-7665898389593"
            
          >
            <a
              href="/products/set-of-9-flower-botanical-prints-in-graphite-by-artist-kristen-johns-floral-print-set-for-the-gardener-nature-lover-5x7-or-8x10-inch"
              id="CardLink-template--16029325951065__featured_collection_wtiUyW-7665898389593"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_wtiUyW-7665898389593 Badge-template--16029325951065__featured_collection_wtiUyW-7665898389593"
            >
              Set of 9 Flower Botanical Art Prints
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $80.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $80.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_wtiUyW-5"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 5;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.6%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.6%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/what-to-focus-on.jpg?v=1730057886&width=165 165w,//johnsart.ca/cdn/shop/files/what-to-focus-on.jpg?v=1730057886&width=360 360w,//johnsart.ca/cdn/shop/files/what-to-focus-on.jpg?v=1730057886 500w
                "
                src="//johnsart.ca/cdn/shop/files/what-to-focus-on.jpg?v=1730057886&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="What to focus on - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="500"
                height="628"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/what-to-focus-on-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7819513888857"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7819513888857 NoMediaStandardBadge-template--16029325951065__featured_collection_wtiUyW-7819513888857"
              >
                What to focus on - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_wtiUyW-7819513888857"
            
          >
            <a
              href="/products/what-to-focus-on-art-print"
              id="CardLink-template--16029325951065__featured_collection_wtiUyW-7819513888857"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_wtiUyW-7819513888857 Badge-template--16029325951065__featured_collection_wtiUyW-7819513888857"
            >
              What to focus on - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_wtiUyW-6"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 6;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 100.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 100.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3065236391_9dgq.jpg?v=1715633484&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065236391_9dgq.jpg?v=1715633484&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065236391_9dgq.jpg?v=1715633484&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065236391_9dgq.jpg?v=1715633484&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065236391_9dgq.jpg?v=1715633484&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065236391_9dgq.jpg?v=1715633484&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065236391_9dgq.jpg?v=1715633484 1500w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3065236391_9dgq.jpg?v=1715633484&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Forget-me-not flowers - Botanical Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="1500"
                height="1500"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/forget-me-not-botanical-art-print-by-kristen-johns-in-graphite-5x7-or-8x10-inches-wall-art-for-the-flower-lover-and-gardener"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7665900322905"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7665900322905 NoMediaStandardBadge-template--16029325951065__featured_collection_wtiUyW-7665900322905"
              >
                Forget-me-not flowers - Botanical Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_wtiUyW-7665900322905"
            
          >
            <a
              href="/products/forget-me-not-botanical-art-print-by-kristen-johns-in-graphite-5x7-or-8x10-inches-wall-art-for-the-flower-lover-and-gardener"
              id="CardLink-template--16029325951065__featured_collection_wtiUyW-7665900322905"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_wtiUyW-7665900322905 Badge-template--16029325951065__featured_collection_wtiUyW-7665900322905"
            >
              Forget-me-not flowers - Botanical Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $12.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $12.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_wtiUyW-7"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 7;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/reach-8x10-600.jpg?v=1730057905&width=165 165w,//johnsart.ca/cdn/shop/files/reach-8x10-600.jpg?v=1730057905&width=360 360w,//johnsart.ca/cdn/shop/files/reach-8x10-600.jpg?v=1730057905&width=533 533w,//johnsart.ca/cdn/shop/files/reach-8x10-600.jpg?v=1730057905 600w
                "
                src="//johnsart.ca/cdn/shop/files/reach-8x10-600.jpg?v=1730057905&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Reach - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="600"
                height="750"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/reach-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7819514052697"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7819514052697 NoMediaStandardBadge-template--16029325951065__featured_collection_wtiUyW-7819514052697"
              >
                Reach - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_wtiUyW-7819514052697"
            
          >
            <a
              href="/products/reach-art-print"
              id="CardLink-template--16029325951065__featured_collection_wtiUyW-7819514052697"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_wtiUyW-7819514052697 Badge-template--16029325951065__featured_collection_wtiUyW-7819514052697"
            >
              Reach - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_wtiUyW-8"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 8;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 100.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 100.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3065412699_fl7a.jpg?v=1715633295&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065412699_fl7a.jpg?v=1715633295&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065412699_fl7a.jpg?v=1715633295&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065412699_fl7a.jpg?v=1715633295&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065412699_fl7a.jpg?v=1715633295&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065412699_fl7a.jpg?v=1715633295&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065412699_fl7a.jpg?v=1715633295 1500w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3065412699_fl7a.jpg?v=1715633295&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Peony Flower - Botanical Art print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="1500"
                height="1500"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/peony-botanical-art-print-by-kristen-johns-in-graphite-5x7-or-8x10-wall-art-for-the-flower-and-art-lover"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7665899667545"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7665899667545 NoMediaStandardBadge-template--16029325951065__featured_collection_wtiUyW-7665899667545"
              >
                Peony Flower - Botanical Art print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_wtiUyW-7665899667545"
            
          >
            <a
              href="/products/peony-botanical-art-print-by-kristen-johns-in-graphite-5x7-or-8x10-wall-art-for-the-flower-and-art-lover"
              id="CardLink-template--16029325951065__featured_collection_wtiUyW-7665899667545"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_wtiUyW-7665899667545 Badge-template--16029325951065__featured_collection_wtiUyW-7665899667545"
            >
              Peony Flower - Botanical Art print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $12.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $12.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_wtiUyW-9"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 9;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 130.5%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 130.5%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/star-catcher-8x10-800.jpg?v=1731201189&width=165 165w,//johnsart.ca/cdn/shop/files/star-catcher-8x10-800.jpg?v=1731201189&width=360 360w,//johnsart.ca/cdn/shop/files/star-catcher-8x10-800.jpg?v=1731201189&width=533 533w,//johnsart.ca/cdn/shop/files/star-catcher-8x10-800.jpg?v=1731201189&width=720 720w,//johnsart.ca/cdn/shop/files/star-catcher-8x10-800.jpg?v=1731201189 800w
                "
                src="//johnsart.ca/cdn/shop/files/star-catcher-8x10-800.jpg?v=1731201189&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="be a star catcher - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="800"
                height="1044"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/be-a-star-catcher-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7825002725465"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7825002725465 NoMediaStandardBadge-template--16029325951065__featured_collection_wtiUyW-7825002725465"
              >
                be a star catcher - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_wtiUyW-7825002725465"
            
          >
            <a
              href="/products/be-a-star-catcher-art-print"
              id="CardLink-template--16029325951065__featured_collection_wtiUyW-7825002725465"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_wtiUyW-7825002725465 Badge-template--16029325951065__featured_collection_wtiUyW-7825002725465"
            >
              be a star catcher - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_wtiUyW-10"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 10;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 100.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 100.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3292556718_amnf.jpg?v=1715633126&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3292556718_amnf.jpg?v=1715633126&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3292556718_amnf.jpg?v=1715633126&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3292556718_amnf.jpg?v=1715633126&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3292556718_amnf.jpg?v=1715633126&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3292556718_amnf.jpg?v=1715633126&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3292556718_amnf.jpg?v=1715633126 3000w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3292556718_amnf.jpg?v=1715633126&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Chestnut Leaf - Botanical Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3000"
                height="3000"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/chestnut-leaf-botanical-art-print-by-artist-kristen-johns-in-graphite-5x7-or-8x10-inches-for-the-nature-and-botanical-lover"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7665898979417"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7665898979417 NoMediaStandardBadge-template--16029325951065__featured_collection_wtiUyW-7665898979417"
              >
                Chestnut Leaf - Botanical Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_wtiUyW-7665898979417"
            
          >
            <a
              href="/products/chestnut-leaf-botanical-art-print-by-artist-kristen-johns-in-graphite-5x7-or-8x10-inches-for-the-nature-and-botanical-lover"
              id="CardLink-template--16029325951065__featured_collection_wtiUyW-7665898979417"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_wtiUyW-7665898979417 Badge-template--16029325951065__featured_collection_wtiUyW-7665898979417"
            >
              Chestnut Leaf - Botanical Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $12.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $12.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_wtiUyW-11"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 11;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/enormous_hug_-_800px.jpg?v=1747701246&width=165 165w,//johnsart.ca/cdn/shop/files/enormous_hug_-_800px.jpg?v=1747701246&width=360 360w,//johnsart.ca/cdn/shop/files/enormous_hug_-_800px.jpg?v=1747701246&width=533 533w,//johnsart.ca/cdn/shop/files/enormous_hug_-_800px.jpg?v=1747701246&width=720 720w,//johnsart.ca/cdn/shop/files/enormous_hug_-_800px.jpg?v=1747701246 800w
                "
                src="//johnsart.ca/cdn/shop/files/enormous_hug_-_800px.jpg?v=1747701246&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="an enormous hug - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="800"
                height="1000"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/an-enormous-hug-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7825002692697"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7825002692697 NoMediaStandardBadge-template--16029325951065__featured_collection_wtiUyW-7825002692697"
              >
                an enormous hug - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_wtiUyW-7825002692697"
            
          >
            <a
              href="/products/an-enormous-hug-art-print"
              id="CardLink-template--16029325951065__featured_collection_wtiUyW-7825002692697"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_wtiUyW-7825002692697 Badge-template--16029325951065__featured_collection_wtiUyW-7825002692697"
            >
              an enormous hug - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_wtiUyW-12"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 12;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 133.33333333333334%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 133.33333333333334%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.6329557113_1k02.jpg?v=1731355837&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.6329557113_1k02.jpg?v=1731355837&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.6329557113_1k02.jpg?v=1731355837&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.6329557113_1k02.jpg?v=1731355837&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.6329557113_1k02.jpg?v=1731355837&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.6329557113_1k02.jpg?v=1731355837&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.6329557113_1k02.jpg?v=1731355837 2250w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.6329557113_1k02.jpg?v=1731355837&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Tomatoes and Oregano, an original drawing by Kristen Johns, 9x12 inch"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="2250"
                height="3000"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/tomatoes-and-oregano-an-original-drawing-by-artist-kristen-johns-9x12-inch-graphite-on-paper-for-the-garden-lover-art-collector"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7825471307865"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7825471307865 NoMediaStandardBadge-template--16029325951065__featured_collection_wtiUyW-7825471307865"
              >
                Tomatoes and Oregano, an original drawing by Kristen Johns, 9x12 inch
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_wtiUyW-7825471307865"
            
          >
            <a
              href="/products/tomatoes-and-oregano-an-original-drawing-by-artist-kristen-johns-9x12-inch-graphite-on-paper-for-the-garden-lover-art-collector"
              id="CardLink-template--16029325951065__featured_collection_wtiUyW-7825471307865"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_wtiUyW-7825471307865 Badge-template--16029325951065__featured_collection_wtiUyW-7825471307865"
            >
              Tomatoes and Oregano, an original drawing by Kristen Johns, 9x12 inch
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $240.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $240.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_wtiUyW-13"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 13;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 133.33333333333334%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 133.33333333333334%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3918088018_npzx.jpg?v=1715633046&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3918088018_npzx.jpg?v=1715633046&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3918088018_npzx.jpg?v=1715633046&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3918088018_npzx.jpg?v=1715633046&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3918088018_npzx.jpg?v=1715633046 750w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3918088018_npzx.jpg?v=1715633046&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Set of 4, Botanical Art Prints"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="750"
                height="1000"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/botanical-prints-set-of-4-create-a-personalized-nature-wall-choose-from-15-plants-with-art-by-kristen-johns-5x7-or-8x10-inch"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7665898356825"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7665898356825 NoMediaStandardBadge-template--16029325951065__featured_collection_wtiUyW-7665898356825"
              >
                Set of 4, Botanical Art Prints
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_wtiUyW-7665898356825"
            
          >
            <a
              href="/products/botanical-prints-set-of-4-create-a-personalized-nature-wall-choose-from-15-plants-with-art-by-kristen-johns-5x7-or-8x10-inch"
              id="CardLink-template--16029325951065__featured_collection_wtiUyW-7665898356825"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_wtiUyW-7665898356825 Badge-template--16029325951065__featured_collection_wtiUyW-7665898356825"
            >
              Set of 4, Botanical Art Prints
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $40.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $40.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_wtiUyW-14"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 14;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/fine-not-fine-8x10-700.jpg?v=1730057901&width=165 165w,//johnsart.ca/cdn/shop/files/fine-not-fine-8x10-700.jpg?v=1730057901&width=360 360w,//johnsart.ca/cdn/shop/files/fine-not-fine-8x10-700.jpg?v=1730057901&width=533 533w,//johnsart.ca/cdn/shop/files/fine-not-fine-8x10-700.jpg?v=1730057901 700w
                "
                src="//johnsart.ca/cdn/shop/files/fine-not-fine-8x10-700.jpg?v=1730057901&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="fine / not fine - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="700"
                height="875"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/fine-not-fine-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7819514019929"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7819514019929 NoMediaStandardBadge-template--16029325951065__featured_collection_wtiUyW-7819514019929"
              >
                fine / not fine - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_wtiUyW-7819514019929"
            
          >
            <a
              href="/products/fine-not-fine-art-print"
              id="CardLink-template--16029325951065__featured_collection_wtiUyW-7819514019929"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_wtiUyW-7819514019929 Badge-template--16029325951065__featured_collection_wtiUyW-7819514019929"
            >
              fine / not fine - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_wtiUyW-15"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 15;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 100.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 100.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3444662396_qv57.jpg?v=1715633038&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3444662396_qv57.jpg?v=1715633038&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3444662396_qv57.jpg?v=1715633038&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3444662396_qv57.jpg?v=1715633038&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3444662396_qv57.jpg?v=1715633038&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3444662396_qv57.jpg?v=1715633038&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3444662396_qv57.jpg?v=1715633038 3000w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3444662396_qv57.jpg?v=1715633038&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Oak Leaf - Botanical Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3000"
                height="3000"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/oak-leaf-botanical-art-print-by-kristen-johns-in-graphite-5x7-and-8x10-inches-for-the-nature-and-art-lover"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7665898291289"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7665898291289 NoMediaStandardBadge-template--16029325951065__featured_collection_wtiUyW-7665898291289"
              >
                Oak Leaf - Botanical Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_wtiUyW-7665898291289"
            
          >
            <a
              href="/products/oak-leaf-botanical-art-print-by-kristen-johns-in-graphite-5x7-and-8x10-inches-for-the-nature-and-art-lover"
              id="CardLink-template--16029325951065__featured_collection_wtiUyW-7665898291289"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_wtiUyW-7665898291289 Badge-template--16029325951065__featured_collection_wtiUyW-7665898291289"
            >
              Oak Leaf - Botanical Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $12.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $12.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_wtiUyW-16"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 16;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 100.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 100.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3095393166_kdu3.jpg?v=1715633277&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3095393166_kdu3.jpg?v=1715633277&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3095393166_kdu3.jpg?v=1715633277&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3095393166_kdu3.jpg?v=1715633277&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3095393166_kdu3.jpg?v=1715633277&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3095393166_kdu3.jpg?v=1715633277&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3095393166_kdu3.jpg?v=1715633277 3000w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3095393166_kdu3.jpg?v=1715633277&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Camas wildflowers - original botanical drawing, 8x10 inches"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3000"
                height="3000"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/camas-an-original-botanical-drawing-by-artist-kristen-johns-in-graphite-8x10-inches-for-the-nature-and-wild-flower-lover"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7665899634777"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_wtiUyW-7665899634777 NoMediaStandardBadge-template--16029325951065__featured_collection_wtiUyW-7665899634777"
              >
                Camas wildflowers - original botanical drawing, 8x10 inches
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_wtiUyW-7665899634777"
            
          >
            <a
              href="/products/camas-an-original-botanical-drawing-by-artist-kristen-johns-in-graphite-8x10-inches-for-the-nature-and-wild-flower-lover"
              id="CardLink-template--16029325951065__featured_collection_wtiUyW-7665899634777"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_wtiUyW-7665899634777 Badge-template--16029325951065__featured_collection_wtiUyW-7665899634777"
            >
              Camas wildflowers - original botanical drawing, 8x10 inches
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $75.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $75.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li></ul><div class="slider-buttons">
          <button
            type="button"
            class="slider-button slider-button--prev"
            name="previous"
            aria-label="Slide left"
            aria-controls="Slider-template--16029325951065__featured_collection_wtiUyW"
          >
            <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

          </button>
          <div class="slider-counter caption">
            <span class="slider-counter--current">1</span>
            <span aria-hidden="true"> / </span>
            <span class="visually-hidden">of</span>
            <span class="slider-counter--total">16</span>
          </div>
          <button
            type="button"
            class="slider-button slider-button--next"
            name="next"
            aria-label="Slide right"
            aria-controls="Slider-template--16029325951065__featured_collection_wtiUyW"
          >
            <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

          </button>
        </div></slider-component></div>
</div>


</section><section id="shopify-section-template--16029325951065__featured-collection" class="shopify-section section"><link href="//johnsart.ca/cdn/shop/t/3/assets/component-card.css?v=120341546515895839841721610962" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-price.css?v=70172745017360139101721610962" rel="stylesheet" type="text/css" media="all" />

<link href="//johnsart.ca/cdn/shop/t/3/assets/component-slider.css?v=14039311878856620671721610962" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/template-collection.css?v=58558206033505836701721610962" rel="stylesheet" type="text/css" media="all" />

<style data-shopify>.section-template--16029325951065__featured-collection-padding {
    padding-top: 21px;
    padding-bottom: 0px;
  }

  @media screen and (min-width: 750px) {
    .section-template--16029325951065__featured-collection-padding {
      padding-top: 28px;
      padding-bottom: 0px;
    }
  }</style><div
  class="color-scheme-1 isolate gradient"
>
  <div
    class="collection section-template--16029325951065__featured-collection-padding"
    id="collection-template--16029325951065__featured-collection"
    data-id="template--16029325951065__featured-collection"
  >
    <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width title-wrapper--self-padded-tablet-down collection__title--desktop-slider"><h2 class="title inline-richtext h2 scroll-trigger animate--slide-in">
          Featured favourites
        </h2></div>

    <slider-component class="slider-mobile-gutter slider-component-desktop scroll-trigger animate--slide-in">
      <ul
        id="Slider-template--16029325951065__featured-collection"
        data-id="template--16029325951065__featured-collection"
        class="grid product-grid contains-card contains-card--product contains-card--standard grid--3-col-desktop grid--2-col-tablet-down slider slider--desktop slider--tablet grid--peek"
        role="list"
        aria-label="Slider"
      >
        
<li
            id="Slide-template--16029325951065__featured-collection-1"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 1;"
            
          >
            
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-rating.css?v=179577762467860590411721610962" rel="stylesheet" type="text/css" media="all" />
  <link href="//johnsart.ca/cdn/shop/t/3/assets/component-volume-pricing.css?v=111870094811454961941721610962" rel="stylesheet" type="text/css" media="all" />

  <link href="//johnsart.ca/cdn/shop/t/3/assets/component-price.css?v=70172745017360139101721610962" rel="stylesheet" type="text/css" media="all" />
  <link href="//johnsart.ca/cdn/shop/t/3/assets/quick-order-list.css?v=38387008350345892421721610962" rel="stylesheet" type="text/css" media="all" />
  <link href="//johnsart.ca/cdn/shop/t/3/assets/quantity-popover.css?v=78745769908715669131721610963" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/rosehip_and_pear4.jpg?v=1765324057&width=165 165w,//johnsart.ca/cdn/shop/files/rosehip_and_pear4.jpg?v=1765324057&width=360 360w,//johnsart.ca/cdn/shop/files/rosehip_and_pear4.jpg?v=1765324057&width=533 533w,//johnsart.ca/cdn/shop/files/rosehip_and_pear4.jpg?v=1765324057&width=720 720w,//johnsart.ca/cdn/shop/files/rosehip_and_pear4.jpg?v=1765324057&width=940 940w,//johnsart.ca/cdn/shop/files/rosehip_and_pear4.jpg?v=1765324057&width=1066 1066w,//johnsart.ca/cdn/shop/files/rosehip_and_pear4.jpg?v=1765324057 3060w
                "
                src="//johnsart.ca/cdn/shop/files/rosehip_and_pear4.jpg?v=1765324057&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Pear and Rosehip - original painting, 9x12 inches"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3060"
                height="4080"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/rosehip_and_pear3.jpg?v=1765324057&width=165 165w,//johnsart.ca/cdn/shop/files/rosehip_and_pear3.jpg?v=1765324057&width=360 360w,//johnsart.ca/cdn/shop/files/rosehip_and_pear3.jpg?v=1765324057&width=533 533w,//johnsart.ca/cdn/shop/files/rosehip_and_pear3.jpg?v=1765324057&width=720 720w,//johnsart.ca/cdn/shop/files/rosehip_and_pear3.jpg?v=1765324057&width=940 940w,//johnsart.ca/cdn/shop/files/rosehip_and_pear3.jpg?v=1765324057&width=1066 1066w,//johnsart.ca/cdn/shop/files/rosehip_and_pear3.jpg?v=1765324057 3060w
                  "
                  src="//johnsart.ca/cdn/shop/files/rosehip_and_pear3.jpg?v=1765324057&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="3060"
                  height="4080"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/tulip-and-miners-lettuce-original-painting-9x12-inches-copy"
                id="StandardCardNoMediaLink-template--16029325951065__featured-collection-8100795383897"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured-collection-8100795383897 NoMediaStandardBadge-template--16029325951065__featured-collection-8100795383897"
              >
                Pear and Rosehip - original painting, 9x12 inches
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured-collection-8100795383897"
            
          >
            <a
              href="/products/tulip-and-miners-lettuce-original-painting-9x12-inches-copy"
              id="CardLink-template--16029325951065__featured-collection-8100795383897"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured-collection-8100795383897 Badge-template--16029325951065__featured-collection-8100795383897"
            >
              Pear and Rosehip - original painting, 9x12 inches
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $195.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $195.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured-collection-2"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 2;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/polka-dot-elephant-601.jpg?v=1730057861&width=165 165w,//johnsart.ca/cdn/shop/files/polka-dot-elephant-601.jpg?v=1730057861&width=360 360w,//johnsart.ca/cdn/shop/files/polka-dot-elephant-601.jpg?v=1730057861&width=533 533w,//johnsart.ca/cdn/shop/files/polka-dot-elephant-601.jpg?v=1730057861 600w
                "
                src="//johnsart.ca/cdn/shop/files/polka-dot-elephant-601.jpg?v=1730057861&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="polka dot elephants serving us pie - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="600"
                height="745"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/polka-dot-elephant-det5.jpg?v=1730057861&width=165 165w,//johnsart.ca/cdn/shop/files/polka-dot-elephant-det5.jpg?v=1730057861&width=360 360w,//johnsart.ca/cdn/shop/files/polka-dot-elephant-det5.jpg?v=1730057861&width=533 533w,//johnsart.ca/cdn/shop/files/polka-dot-elephant-det5.jpg?v=1730057861&width=720 720w,//johnsart.ca/cdn/shop/files/polka-dot-elephant-det5.jpg?v=1730057861 800w
                  "
                  src="//johnsart.ca/cdn/shop/files/polka-dot-elephant-det5.jpg?v=1730057861&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="800"
                  height="507"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/polka-dot-elephants-serving-us-pie-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured-collection-7819513659481"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured-collection-7819513659481 NoMediaStandardBadge-template--16029325951065__featured-collection-7819513659481"
              >
                polka dot elephants serving us pie - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured-collection-7819513659481"
            
          >
            <a
              href="/products/polka-dot-elephants-serving-us-pie-art-print"
              id="CardLink-template--16029325951065__featured-collection-7819513659481"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured-collection-7819513659481 Badge-template--16029325951065__featured-collection-7819513659481"
            >
              polka dot elephants serving us pie - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured-collection-3"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 3;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/20250307_154706.jpg?v=1741644218&width=165 165w,//johnsart.ca/cdn/shop/files/20250307_154706.jpg?v=1741644218&width=360 360w,//johnsart.ca/cdn/shop/files/20250307_154706.jpg?v=1741644218&width=533 533w,//johnsart.ca/cdn/shop/files/20250307_154706.jpg?v=1741644218&width=720 720w,//johnsart.ca/cdn/shop/files/20250307_154706.jpg?v=1741644218&width=940 940w,//johnsart.ca/cdn/shop/files/20250307_154706.jpg?v=1741644218&width=1066 1066w,//johnsart.ca/cdn/shop/files/20250307_154706.jpg?v=1741644218 3060w
                "
                src="//johnsart.ca/cdn/shop/files/20250307_154706.jpg?v=1741644218&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="She needed to immerse herself in nature (flowering vine) - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3060"
                height="4080"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/20250311_152343.jpg?v=1741736144&width=165 165w,//johnsart.ca/cdn/shop/files/20250311_152343.jpg?v=1741736144&width=360 360w,//johnsart.ca/cdn/shop/files/20250311_152343.jpg?v=1741736144&width=533 533w,//johnsart.ca/cdn/shop/files/20250311_152343.jpg?v=1741736144&width=720 720w,//johnsart.ca/cdn/shop/files/20250311_152343.jpg?v=1741736144&width=940 940w,//johnsart.ca/cdn/shop/files/20250311_152343.jpg?v=1741736144&width=1066 1066w,//johnsart.ca/cdn/shop/files/20250311_152343.jpg?v=1741736144 3060w
                  "
                  src="//johnsart.ca/cdn/shop/files/20250311_152343.jpg?v=1741736144&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="3060"
                  height="4080"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/immerse-herself-in-nature-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured-collection-7926982705241"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured-collection-7926982705241 NoMediaStandardBadge-template--16029325951065__featured-collection-7926982705241"
              >
                She needed to immerse herself in nature (flowering vine) - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured-collection-7926982705241"
            
          >
            <a
              href="/products/immerse-herself-in-nature-art-print"
              id="CardLink-template--16029325951065__featured-collection-7926982705241"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured-collection-7926982705241 Badge-template--16029325951065__featured-collection-7926982705241"
            >
              She needed to immerse herself in nature (flowering vine) - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              $0.00 CAD
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured-collection-4"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 4;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/fork-pants4.jpg?v=1763160094&width=165 165w,//johnsart.ca/cdn/shop/files/fork-pants4.jpg?v=1763160094&width=360 360w,//johnsart.ca/cdn/shop/files/fork-pants4.jpg?v=1763160094&width=533 533w,//johnsart.ca/cdn/shop/files/fork-pants4.jpg?v=1763160094&width=720 720w,//johnsart.ca/cdn/shop/files/fork-pants4.jpg?v=1763160094&width=940 940w,//johnsart.ca/cdn/shop/files/fork-pants4.jpg?v=1763160094 1000w
                "
                src="//johnsart.ca/cdn/shop/files/fork-pants4.jpg?v=1763160094&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="the fork wished... - original drawing, 5x7 inches"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="1000"
                height="1333"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/fork_with_pants3_44b368aa-37a6-4071-ba81-5f308cfa34ab.jpg?v=1763160094&width=165 165w,//johnsart.ca/cdn/shop/files/fork_with_pants3_44b368aa-37a6-4071-ba81-5f308cfa34ab.jpg?v=1763160094&width=360 360w,//johnsart.ca/cdn/shop/files/fork_with_pants3_44b368aa-37a6-4071-ba81-5f308cfa34ab.jpg?v=1763160094&width=533 533w,//johnsart.ca/cdn/shop/files/fork_with_pants3_44b368aa-37a6-4071-ba81-5f308cfa34ab.jpg?v=1763160094&width=720 720w,//johnsart.ca/cdn/shop/files/fork_with_pants3_44b368aa-37a6-4071-ba81-5f308cfa34ab.jpg?v=1763160094&width=940 940w,//johnsart.ca/cdn/shop/files/fork_with_pants3_44b368aa-37a6-4071-ba81-5f308cfa34ab.jpg?v=1763160094&width=1066 1066w,//johnsart.ca/cdn/shop/files/fork_with_pants3_44b368aa-37a6-4071-ba81-5f308cfa34ab.jpg?v=1763160094 3060w
                  "
                  src="//johnsart.ca/cdn/shop/files/fork_with_pants3_44b368aa-37a6-4071-ba81-5f308cfa34ab.jpg?v=1763160094&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="3060"
                  height="4080"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/the-fork-wished-original-drawing-5x7-inches"
                id="StandardCardNoMediaLink-template--16029325951065__featured-collection-8079549300825"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured-collection-8079549300825 NoMediaStandardBadge-template--16029325951065__featured-collection-8079549300825"
              >
                the fork wished... - original drawing, 5x7 inches
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured-collection-8079549300825"
            
          >
            <a
              href="/products/the-fork-wished-original-drawing-5x7-inches"
              id="CardLink-template--16029325951065__featured-collection-8079549300825"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured-collection-8079549300825 Badge-template--16029325951065__featured-collection-8079549300825"
            >
              the fork wished... - original drawing, 5x7 inches
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $80.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $80.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured-collection-5"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 5;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/2026-1.jpg?v=1760479017&width=165 165w,//johnsart.ca/cdn/shop/files/2026-1.jpg?v=1760479017&width=360 360w,//johnsart.ca/cdn/shop/files/2026-1.jpg?v=1760479017&width=533 533w,//johnsart.ca/cdn/shop/files/2026-1.jpg?v=1760479017&width=720 720w,//johnsart.ca/cdn/shop/files/2026-1.jpg?v=1760479017&width=940 940w,//johnsart.ca/cdn/shop/files/2026-1.jpg?v=1760479017&width=1066 1066w,//johnsart.ca/cdn/shop/files/2026-1.jpg?v=1760479017 3060w
                "
                src="//johnsart.ca/cdn/shop/files/2026-1.jpg?v=1760479017&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="2026 Calendar by Kristen Johns"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3060"
                height="4080"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/2026-2.jpg?v=1760479017&width=165 165w,//johnsart.ca/cdn/shop/files/2026-2.jpg?v=1760479017&width=360 360w,//johnsart.ca/cdn/shop/files/2026-2.jpg?v=1760479017&width=533 533w,//johnsart.ca/cdn/shop/files/2026-2.jpg?v=1760479017&width=720 720w,//johnsart.ca/cdn/shop/files/2026-2.jpg?v=1760479017&width=940 940w,//johnsart.ca/cdn/shop/files/2026-2.jpg?v=1760479017&width=1066 1066w,//johnsart.ca/cdn/shop/files/2026-2.jpg?v=1760479017 3060w
                  "
                  src="//johnsart.ca/cdn/shop/files/2026-2.jpg?v=1760479017&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="3060"
                  height="4080"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/2026-calendar-by-kristen-johns"
                id="StandardCardNoMediaLink-template--16029325951065__featured-collection-8047941189721"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured-collection-8047941189721 NoMediaStandardBadge-template--16029325951065__featured-collection-8047941189721"
              >
                2026 Calendar by Kristen Johns
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"><span
                id="NoMediaStandardBadge-template--16029325951065__featured-collection-8047941189721"
                class="badge badge--bottom-left color-scheme-3"
              >Sale</span></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured-collection-8047941189721"
            
          >
            <a
              href="/products/2026-calendar-by-kristen-johns"
              id="CardLink-template--16029325951065__featured-collection-8047941189721"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured-collection-8047941189721 Badge-template--16029325951065__featured-collection-8047941189721"
            >
              2026 Calendar by Kristen Johns
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price  price--on-sale"
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $22.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              $30.00 CAD
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $22.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"><span
              id="Badge-template--16029325951065__featured-collection-8047941189721"
              class="badge badge--bottom-left color-scheme-3"
            >Sale</span></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured-collection-6"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 6;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/2026-MJ-calendar-0.jpg?v=1760830063&width=165 165w,//johnsart.ca/cdn/shop/files/2026-MJ-calendar-0.jpg?v=1760830063&width=360 360w,//johnsart.ca/cdn/shop/files/2026-MJ-calendar-0.jpg?v=1760830063&width=533 533w,//johnsart.ca/cdn/shop/files/2026-MJ-calendar-0.jpg?v=1760830063&width=720 720w,//johnsart.ca/cdn/shop/files/2026-MJ-calendar-0.jpg?v=1760830063 900w
                "
                src="//johnsart.ca/cdn/shop/files/2026-MJ-calendar-0.jpg?v=1760830063&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="2026 Calendar by Marc Johns"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="900"
                height="1200"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/2026-MJ-calendar-1.jpg?v=1760830064&width=165 165w,//johnsart.ca/cdn/shop/files/2026-MJ-calendar-1.jpg?v=1760830064&width=360 360w,//johnsart.ca/cdn/shop/files/2026-MJ-calendar-1.jpg?v=1760830064&width=533 533w,//johnsart.ca/cdn/shop/files/2026-MJ-calendar-1.jpg?v=1760830064&width=720 720w,//johnsart.ca/cdn/shop/files/2026-MJ-calendar-1.jpg?v=1760830064&width=940 940w,//johnsart.ca/cdn/shop/files/2026-MJ-calendar-1.jpg?v=1760830064 1000w
                  "
                  src="//johnsart.ca/cdn/shop/files/2026-MJ-calendar-1.jpg?v=1760830064&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="1000"
                  height="1333"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/2026-calendar-by-marc-johns"
                id="StandardCardNoMediaLink-template--16029325951065__featured-collection-8047941910617"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured-collection-8047941910617 NoMediaStandardBadge-template--16029325951065__featured-collection-8047941910617"
              >
                2026 Calendar by Marc Johns
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"><span
                id="NoMediaStandardBadge-template--16029325951065__featured-collection-8047941910617"
                class="badge badge--bottom-left color-scheme-3"
              >Sold out</span></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured-collection-8047941910617"
            
          >
            <a
              href="/products/2026-calendar-by-marc-johns"
              id="CardLink-template--16029325951065__featured-collection-8047941910617"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured-collection-8047941910617 Badge-template--16029325951065__featured-collection-8047941910617"
            >
              2026 Calendar by Marc Johns
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price  price--sold-out"
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $30.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $30.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"><span
              id="Badge-template--16029325951065__featured-collection-8047941910617"
              class="badge badge--bottom-left color-scheme-3"
            >Sold out</span></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured-collection-7"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 7;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/20250316_162251.jpg?v=1742177394&width=165 165w,//johnsart.ca/cdn/shop/files/20250316_162251.jpg?v=1742177394&width=360 360w,//johnsart.ca/cdn/shop/files/20250316_162251.jpg?v=1742177394&width=533 533w,//johnsart.ca/cdn/shop/files/20250316_162251.jpg?v=1742177394&width=720 720w,//johnsart.ca/cdn/shop/files/20250316_162251.jpg?v=1742177394&width=940 940w,//johnsart.ca/cdn/shop/files/20250316_162251.jpg?v=1742177394&width=1066 1066w,//johnsart.ca/cdn/shop/files/20250316_162251.jpg?v=1742177394 3060w
                "
                src="//johnsart.ca/cdn/shop/files/20250316_162251.jpg?v=1742177394&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Go this way - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3060"
                height="4080"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/20250315_170755.jpg?v=1742177394&width=165 165w,//johnsart.ca/cdn/shop/files/20250315_170755.jpg?v=1742177394&width=360 360w,//johnsart.ca/cdn/shop/files/20250315_170755.jpg?v=1742177394&width=533 533w,//johnsart.ca/cdn/shop/files/20250315_170755.jpg?v=1742177394&width=720 720w,//johnsart.ca/cdn/shop/files/20250315_170755.jpg?v=1742177394&width=940 940w,//johnsart.ca/cdn/shop/files/20250315_170755.jpg?v=1742177394&width=1066 1066w,//johnsart.ca/cdn/shop/files/20250315_170755.jpg?v=1742177394 3060w
                  "
                  src="//johnsart.ca/cdn/shop/files/20250315_170755.jpg?v=1742177394&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="3060"
                  height="3696"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/go-this-way-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured-collection-7929441189977"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured-collection-7929441189977 NoMediaStandardBadge-template--16029325951065__featured-collection-7929441189977"
              >
                Go this way - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured-collection-7929441189977"
            
          >
            <a
              href="/products/go-this-way-art-print"
              id="CardLink-template--16029325951065__featured-collection-7929441189977"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured-collection-7929441189977 Badge-template--16029325951065__featured-collection-7929441189977"
            >
              Go this way - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured-collection-8"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 8;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/calendula_bouquet_w_pink2.jpg?v=1763073781&width=165 165w,//johnsart.ca/cdn/shop/files/calendula_bouquet_w_pink2.jpg?v=1763073781&width=360 360w,//johnsart.ca/cdn/shop/files/calendula_bouquet_w_pink2.jpg?v=1763073781&width=533 533w,//johnsart.ca/cdn/shop/files/calendula_bouquet_w_pink2.jpg?v=1763073781&width=720 720w,//johnsart.ca/cdn/shop/files/calendula_bouquet_w_pink2.jpg?v=1763073781&width=940 940w,//johnsart.ca/cdn/shop/files/calendula_bouquet_w_pink2.jpg?v=1763073781&width=1066 1066w,//johnsart.ca/cdn/shop/files/calendula_bouquet_w_pink2.jpg?v=1763073781 3060w
                "
                src="//johnsart.ca/cdn/shop/files/calendula_bouquet_w_pink2.jpg?v=1763073781&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Summer Bouquet with Calendula - original painting, 9x12 inches"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3060"
                height="4080"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/calendula_bouquet_w_pink3.jpg?v=1763073781&width=165 165w,//johnsart.ca/cdn/shop/files/calendula_bouquet_w_pink3.jpg?v=1763073781&width=360 360w,//johnsart.ca/cdn/shop/files/calendula_bouquet_w_pink3.jpg?v=1763073781&width=533 533w,//johnsart.ca/cdn/shop/files/calendula_bouquet_w_pink3.jpg?v=1763073781&width=720 720w,//johnsart.ca/cdn/shop/files/calendula_bouquet_w_pink3.jpg?v=1763073781&width=940 940w,//johnsart.ca/cdn/shop/files/calendula_bouquet_w_pink3.jpg?v=1763073781&width=1066 1066w,//johnsart.ca/cdn/shop/files/calendula_bouquet_w_pink3.jpg?v=1763073781 3060w
                  "
                  src="//johnsart.ca/cdn/shop/files/calendula_bouquet_w_pink3.jpg?v=1763073781&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="3060"
                  height="4080"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/summer-bouquet-with-calendula-original-painting-9x12-inches"
                id="StandardCardNoMediaLink-template--16029325951065__featured-collection-8079504867417"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured-collection-8079504867417 NoMediaStandardBadge-template--16029325951065__featured-collection-8079504867417"
              >
                Summer Bouquet with Calendula - original painting, 9x12 inches
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured-collection-8079504867417"
            
          >
            <a
              href="/products/summer-bouquet-with-calendula-original-painting-9x12-inches"
              id="CardLink-template--16029325951065__featured-collection-8079504867417"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured-collection-8079504867417 Badge-template--16029325951065__featured-collection-8079504867417"
            >
              Summer Bouquet with Calendula - original painting, 9x12 inches
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $195.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $195.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured-collection-9"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 9;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/be-yourself-8x10print.jpg?v=1730057913&width=165 165w,//johnsart.ca/cdn/shop/files/be-yourself-8x10print.jpg?v=1730057913&width=360 360w,//johnsart.ca/cdn/shop/files/be-yourself-8x10print.jpg?v=1730057913&width=533 533w,//johnsart.ca/cdn/shop/files/be-yourself-8x10print.jpg?v=1730057913&width=720 720w,//johnsart.ca/cdn/shop/files/be-yourself-8x10print.jpg?v=1730057913 800w
                "
                src="//johnsart.ca/cdn/shop/files/be-yourself-8x10print.jpg?v=1730057913&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Be yourself (bird) - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="800"
                height="1000"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/be-yourself-8x10print-det.jpg?v=1730057913&width=165 165w,//johnsart.ca/cdn/shop/files/be-yourself-8x10print-det.jpg?v=1730057913&width=360 360w,//johnsart.ca/cdn/shop/files/be-yourself-8x10print-det.jpg?v=1730057913&width=533 533w,//johnsart.ca/cdn/shop/files/be-yourself-8x10print-det.jpg?v=1730057913&width=720 720w,//johnsart.ca/cdn/shop/files/be-yourself-8x10print-det.jpg?v=1730057913 800w
                  "
                  src="//johnsart.ca/cdn/shop/files/be-yourself-8x10print-det.jpg?v=1730057913&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="800"
                  height="916"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/be-yourself-bird-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured-collection-7819514118233"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured-collection-7819514118233 NoMediaStandardBadge-template--16029325951065__featured-collection-7819514118233"
              >
                Be yourself (bird) - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured-collection-7819514118233"
            
          >
            <a
              href="/products/be-yourself-bird-art-print"
              id="CardLink-template--16029325951065__featured-collection-7819514118233"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured-collection-7819514118233 Badge-template--16029325951065__featured-collection-7819514118233"
            >
              Be yourself (bird) - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li></ul><div class="slider-buttons">
          <button
            type="button"
            class="slider-button slider-button--prev"
            name="previous"
            aria-label="Slide left"
            aria-controls="Slider-template--16029325951065__featured-collection"
          >
            <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

          </button>
          <div class="slider-counter caption">
            <span class="slider-counter--current">1</span>
            <span aria-hidden="true"> / </span>
            <span class="visually-hidden">of</span>
            <span class="slider-counter--total">9</span>
          </div>
          <button
            type="button"
            class="slider-button slider-button--next"
            name="next"
            aria-label="Slide right"
            aria-controls="Slider-template--16029325951065__featured-collection"
          >
            <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

          </button>
        </div></slider-component></div>
</div>


</section><div id="shopify-section-template--16029325951065__custom_image_e9aQNn" class="shopify-section">


  <div
    class="custom-image-wrapper"
    style="
      padding-top: 10px;
      padding-bottom: 10px;
    "
  >
    <div
      class="custom-image-inner
        align-desktop-center
        align-mobile-center"
    >
      <div class="custom-image-container" style="width: 30%;">
        
            <div class="custom-image-overlay-wrapper ">
              <img
                src="//johnsart.ca/cdn/shop/files/asterisks-small-colour.png?v=1747441176"
                alt=""
                class="custom-image-element"
              >
              
            </div>
        
      </div>
    </div>
  </div>


<style>
  .custom-image-wrapper {
    width: 100%;
  }

  .custom-image-inner {
    display: flex;
  }

  .align-desktop-left {
    justify-content: flex-start;
  }

  .align-desktop-center {
    justify-content: center;
  }

  .align-desktop-right {
    justify-content: flex-end;
  }

  .custom-image-container {
    position: relative;
    display: inline-block;
  }

  .custom-image-element {
    display: block;
    width: 100%;
    height: auto;
  }

  .custom-image-link {
    display: block;
    text-decoration: none;
    color: inherit;
  }

  .custom-image-overlay-wrapper {
    position: relative;
  }

  .custom-caption {
    position: absolute;
    background: rgba(0, 0, 0, 0.5); /* default box background */
    padding: 0.5em 1em;
    z-index: 2;
    text-align: center;
    transition: opacity 0.3s ease;
  }

  .custom-caption.no-bg {
    background: none !important;
  }

  .caption-top-left    { top: 10px; left: 10px; transform: none; }
  .caption-top-center  { top: 10px; left: 50%; transform: translateX(-50%); }
  .caption-top-right   { top: 10px; right: 10px; transform: none; }
  .caption-center      { top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .caption-bottom-left { bottom: 10px; left: 10px; transform: none; }
  .caption-bottom-center { bottom: 10px; left: 50%; transform: translateX(-50%); }
  .caption-bottom-right { bottom: 10px; right: 10px; transform: none; }

  .hover-caption .custom-caption {
    opacity: 0;
  }

  .hover-caption:hover .custom-caption {
    opacity: 1;
  }

  @media screen and (max-width: 749px) {
    .custom-image-container {
      width: 70% !important;
    }

    .align-mobile-left {
      justify-content: flex-start !important;
    }

    .align-mobile-center {
      justify-content: center !important;
    }

    .align-mobile-right {
      justify-content: flex-end !important;
    }
  }
</style>
</div><section id="shopify-section-template--16029325951065__rich_text_h9KqUt" class="shopify-section section"><link href="//johnsart.ca/cdn/shop/t/3/assets/section-rich-text.css?v=155250126305810049721721610962" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--16029325951065__rich_text_h9KqUt-padding {
    padding-top: 30px;
    padding-bottom: 39px;
  }

  @media screen and (min-width: 750px) {
    .section-template--16029325951065__rich_text_h9KqUt-padding {
      padding-top: 40px;
      padding-bottom: 52px;
    }
  }</style><div class="isolate">
  <div class="rich-text content-container color-scheme-1 gradient rich-text--full-width content-container--full-width section-template--16029325951065__rich_text_h9KqUt-padding">
    <div class="rich-text__wrapper rich-text__wrapper--center page-width">
      <div class="rich-text__blocks center"><h2
                class="rich-text__heading rte inline-richtext h1 scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 1;"
                
              >
                Who we are
              </h2><div
                class="rich-text__text rte scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 2;"
                
              >
                <p>Hello! We are Marc and Kristen Johns, artists and designers living and working in Fernwood, a quirky neighbourhood in Victoria, BC, Canada, on the wild and windy shores of the Pacific Ocean. </p><p>We have been working independently and collaboratively for over 20 years, making art and objects about things that bring us joy.</p><p>Learn more about <a href="/pages/about-marc" title="About Marc">Marc</a> and <a href="/pages/about-kristen" title="About Kristen">Kristen</a>.</p>
              </div></div>
    </div>
  </div>
</div>


</section><div id="shopify-section-template--16029325951065__image_with_text_bwR88f" class="shopify-section section"><link href="//johnsart.ca/cdn/shop/t/3/assets/component-image-with-text.css?v=132604768413025929601721610962" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--16029325951065__image_with_text_bwR88f-padding {
    padding-top: 27px;
    padding-bottom: 27px;
  }

  @media screen and (min-width: 750px) {
    .section-template--16029325951065__image_with_text_bwR88f-padding {
      padding-top: 36px;
      padding-bottom: 36px;
    }
  }</style><div class="section-template--16029325951065__image_with_text_bwR88f-padding gradient color-scheme-b060e5c2-c02f-45b5-b345-42888c538f0a">
  <div class="page-width">
    <div class="image-with-text image-with-text--no-overlap isolate collapse-corners scroll-trigger animate--slide-in">
      <div class="image-with-text__grid grid grid--gapless grid--1-col grid--2-col-tablet">
        <div class="image-with-text__media-item image-with-text__media-item--medium image-with-text__media-item--top grid__item">
          <div
            class="image-with-text__media image-with-text__media--adapt global-media-settings gradient color-scheme-1 media"
            
              style="padding-bottom: 66.53333333333333%;"
            
          ><img src="//johnsart.ca/cdn/shop/files/rainbow-types-art-print-750.jpg?v=1730057873&amp;width=1500" alt="" srcset="//johnsart.ca/cdn/shop/files/rainbow-types-art-print-750.jpg?v=1730057873&amp;width=165 165w, //johnsart.ca/cdn/shop/files/rainbow-types-art-print-750.jpg?v=1730057873&amp;width=360 360w, //johnsart.ca/cdn/shop/files/rainbow-types-art-print-750.jpg?v=1730057873&amp;width=535 535w, //johnsart.ca/cdn/shop/files/rainbow-types-art-print-750.jpg?v=1730057873&amp;width=750 750w, //johnsart.ca/cdn/shop/files/rainbow-types-art-print-750.jpg?v=1730057873&amp;width=1070 1070w, //johnsart.ca/cdn/shop/files/rainbow-types-art-print-750.jpg?v=1730057873&amp;width=1500 1500w" width="1500" height="998" loading="lazy" sizes="(min-width: 1200px) 550px,
              (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)" fetchpriority="auto">
</div>
        </div>
        <div class="image-with-text__text-item grid__item">
          <div
            id="ImageWithText--template--16029325951065__image_with_text_bwR88f"
            class="image-with-text__content image-with-text__content--top image-with-text__content--desktop-left image-with-text__content--mobile-left image-with-text__content--adapt content-container gradient color-scheme-1"
          ><h2
                    class="image-with-text__heading inline-richtext h2"
                    
                  >
                    Marc's favourite prints
                  </h2><div class="image-with-text__text rte body" >
                    <p>A mix of old favourites and best sellers, these prints exemplify Marc's humour and nonsense, wit and irreverence.</p>
                  </div><a
                      
                        href="/collections/marcs-prints"
                      
                      class="button button--secondary"
                      
                    >
                      shop Marc&#39;s prints
                    </a></div>
        </div>
      </div>
    </div>
  </div>
</div>


</div><section id="shopify-section-template--16029325951065__featured_collection_LdyTxg" class="shopify-section section"><link href="//johnsart.ca/cdn/shop/t/3/assets/component-card.css?v=120341546515895839841721610962" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-price.css?v=70172745017360139101721610962" rel="stylesheet" type="text/css" media="all" />

<link href="//johnsart.ca/cdn/shop/t/3/assets/component-slider.css?v=14039311878856620671721610962" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/template-collection.css?v=58558206033505836701721610962" rel="stylesheet" type="text/css" media="all" />

<style data-shopify>.section-template--16029325951065__featured_collection_LdyTxg-padding {
    padding-top: 27px;
    padding-bottom: 27px;
  }

  @media screen and (min-width: 750px) {
    .section-template--16029325951065__featured_collection_LdyTxg-padding {
      padding-top: 36px;
      padding-bottom: 36px;
    }
  }</style><div
  class="color-scheme-b060e5c2-c02f-45b5-b345-42888c538f0a isolate gradient"
>
  <div
    class="collection section-template--16029325951065__featured_collection_LdyTxg-padding"
    id="collection-template--16029325951065__featured_collection_LdyTxg"
    data-id="template--16029325951065__featured_collection_LdyTxg"
  >
    <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width title-wrapper--self-padded-tablet-down collection__title--desktop-slider"><h2 class="title inline-richtext h2 scroll-trigger animate--slide-in">
          Marc's favourites
        </h2></div>

    <slider-component class="slider-mobile-gutter slider-component-desktop scroll-trigger animate--slide-in">
      <ul
        id="Slider-template--16029325951065__featured_collection_LdyTxg"
        data-id="template--16029325951065__featured_collection_LdyTxg"
        class="grid product-grid contains-card contains-card--product contains-card--standard grid--3-col-desktop grid--2-col-tablet-down slider slider--desktop slider--tablet grid--peek"
        role="list"
        aria-label="Slider"
      >
        
<li
            id="Slide-template--16029325951065__featured_collection_LdyTxg-1"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 1;"
            
          >
            
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-rating.css?v=179577762467860590411721610962" rel="stylesheet" type="text/css" media="all" />
  <link href="//johnsart.ca/cdn/shop/t/3/assets/component-volume-pricing.css?v=111870094811454961941721610962" rel="stylesheet" type="text/css" media="all" />

  <link href="//johnsart.ca/cdn/shop/t/3/assets/component-price.css?v=70172745017360139101721610962" rel="stylesheet" type="text/css" media="all" />
  <link href="//johnsart.ca/cdn/shop/t/3/assets/quick-order-list.css?v=38387008350345892421721610962" rel="stylesheet" type="text/css" media="all" />
  <link href="//johnsart.ca/cdn/shop/t/3/assets/quantity-popover.css?v=78745769908715669131721610963" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/rabbit-700.jpg?v=1730057890&width=165 165w,//johnsart.ca/cdn/shop/files/rabbit-700.jpg?v=1730057890&width=360 360w,//johnsart.ca/cdn/shop/files/rabbit-700.jpg?v=1730057890&width=533 533w,//johnsart.ca/cdn/shop/files/rabbit-700.jpg?v=1730057890 700w
                "
                src="//johnsart.ca/cdn/shop/files/rabbit-700.jpg?v=1730057890&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="The world is controlled by a rabbit - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="700"
                height="875"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/the-world-is-controlled-by-a-rabbit-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7819513921625"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7819513921625 NoMediaStandardBadge-template--16029325951065__featured_collection_LdyTxg-7819513921625"
              >
                The world is controlled by a rabbit - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_LdyTxg-7819513921625"
            
          >
            <a
              href="/products/the-world-is-controlled-by-a-rabbit-art-print"
              id="CardLink-template--16029325951065__featured_collection_LdyTxg-7819513921625"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_LdyTxg-7819513921625 Badge-template--16029325951065__featured_collection_LdyTxg-7819513921625"
            >
              The world is controlled by a rabbit - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_LdyTxg-2"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 2;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/rainbow-types-600.jpg?v=1730057873&width=165 165w,//johnsart.ca/cdn/shop/files/rainbow-types-600.jpg?v=1730057873&width=360 360w,//johnsart.ca/cdn/shop/files/rainbow-types-600.jpg?v=1730057873&width=533 533w,//johnsart.ca/cdn/shop/files/rainbow-types-600.jpg?v=1730057873 600w
                "
                src="//johnsart.ca/cdn/shop/files/rainbow-types-600.jpg?v=1730057873&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="rainbow types - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="600"
                height="750"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/rainbow-types-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7819513790553"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7819513790553 NoMediaStandardBadge-template--16029325951065__featured_collection_LdyTxg-7819513790553"
              >
                rainbow types - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_LdyTxg-7819513790553"
            
          >
            <a
              href="/products/rainbow-types-art-print"
              id="CardLink-template--16029325951065__featured_collection_LdyTxg-7819513790553"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_LdyTxg-7819513790553 Badge-template--16029325951065__featured_collection_LdyTxg-7819513790553"
            >
              rainbow types - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_LdyTxg-3"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 3;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.6%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.6%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/what-to-focus-on.jpg?v=1730057886&width=165 165w,//johnsart.ca/cdn/shop/files/what-to-focus-on.jpg?v=1730057886&width=360 360w,//johnsart.ca/cdn/shop/files/what-to-focus-on.jpg?v=1730057886 500w
                "
                src="//johnsart.ca/cdn/shop/files/what-to-focus-on.jpg?v=1730057886&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="What to focus on - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="500"
                height="628"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/what-to-focus-on-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7819513888857"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7819513888857 NoMediaStandardBadge-template--16029325951065__featured_collection_LdyTxg-7819513888857"
              >
                What to focus on - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_LdyTxg-7819513888857"
            
          >
            <a
              href="/products/what-to-focus-on-art-print"
              id="CardLink-template--16029325951065__featured_collection_LdyTxg-7819513888857"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_LdyTxg-7819513888857 Badge-template--16029325951065__featured_collection_LdyTxg-7819513888857"
            >
              What to focus on - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_LdyTxg-4"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 4;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/walrus-8x10.jpg?v=1731201094&width=165 165w,//johnsart.ca/cdn/shop/files/walrus-8x10.jpg?v=1731201094&width=360 360w,//johnsart.ca/cdn/shop/files/walrus-8x10.jpg?v=1731201094&width=533 533w,//johnsart.ca/cdn/shop/files/walrus-8x10.jpg?v=1731201094&width=720 720w,//johnsart.ca/cdn/shop/files/walrus-8x10.jpg?v=1731201094&width=940 940w,//johnsart.ca/cdn/shop/files/walrus-8x10.jpg?v=1731201094 1000w
                "
                src="//johnsart.ca/cdn/shop/files/walrus-8x10.jpg?v=1731201094&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="A walrus named Frank - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="1000"
                height="1250"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/a-walrus-named-frank-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7825001939033"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7825001939033 NoMediaStandardBadge-template--16029325951065__featured_collection_LdyTxg-7825001939033"
              >
                A walrus named Frank - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_LdyTxg-7825001939033"
            
          >
            <a
              href="/products/a-walrus-named-frank-art-print"
              id="CardLink-template--16029325951065__featured_collection_LdyTxg-7825001939033"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_LdyTxg-7825001939033 Badge-template--16029325951065__featured_collection_LdyTxg-7825001939033"
            >
              A walrus named Frank - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_LdyTxg-5"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 5;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 126.2857142857143%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 126.2857142857143%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/everything-is-fine-art-print-700.jpg?v=1731199028&width=165 165w,//johnsart.ca/cdn/shop/files/everything-is-fine-art-print-700.jpg?v=1731199028&width=360 360w,//johnsart.ca/cdn/shop/files/everything-is-fine-art-print-700.jpg?v=1731199028&width=533 533w,//johnsart.ca/cdn/shop/files/everything-is-fine-art-print-700.jpg?v=1731199028 700w
                "
                src="//johnsart.ca/cdn/shop/files/everything-is-fine-art-print-700.jpg?v=1731199028&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="everything is fine - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="700"
                height="884"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/everything-is-fine-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7824987258969"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7824987258969 NoMediaStandardBadge-template--16029325951065__featured_collection_LdyTxg-7824987258969"
              >
                everything is fine - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_LdyTxg-7824987258969"
            
          >
            <a
              href="/products/everything-is-fine-art-print"
              id="CardLink-template--16029325951065__featured_collection_LdyTxg-7824987258969"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_LdyTxg-7824987258969 Badge-template--16029325951065__featured_collection_LdyTxg-7824987258969"
            >
              everything is fine - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_LdyTxg-6"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 6;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/seagulls-on-bicycles-601.jpg?v=1731201051&width=165 165w,//johnsart.ca/cdn/shop/files/seagulls-on-bicycles-601.jpg?v=1731201051&width=360 360w,//johnsart.ca/cdn/shop/files/seagulls-on-bicycles-601.jpg?v=1731201051&width=533 533w,//johnsart.ca/cdn/shop/files/seagulls-on-bicycles-601.jpg?v=1731201051 600w
                "
                src="//johnsart.ca/cdn/shop/files/seagulls-on-bicycles-601.jpg?v=1731201051&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="seagulls on bicycles - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="600"
                height="750"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/seagulls-on-bicycles-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7825001611353"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7825001611353 NoMediaStandardBadge-template--16029325951065__featured_collection_LdyTxg-7825001611353"
              >
                seagulls on bicycles - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_LdyTxg-7825001611353"
            
          >
            <a
              href="/products/seagulls-on-bicycles-art-print"
              id="CardLink-template--16029325951065__featured_collection_LdyTxg-7825001611353"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_LdyTxg-7825001611353 Badge-template--16029325951065__featured_collection_LdyTxg-7825001611353"
            >
              seagulls on bicycles - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_LdyTxg-7"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 7;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/be-yourself-8x10print.jpg?v=1730057913&width=165 165w,//johnsart.ca/cdn/shop/files/be-yourself-8x10print.jpg?v=1730057913&width=360 360w,//johnsart.ca/cdn/shop/files/be-yourself-8x10print.jpg?v=1730057913&width=533 533w,//johnsart.ca/cdn/shop/files/be-yourself-8x10print.jpg?v=1730057913&width=720 720w,//johnsart.ca/cdn/shop/files/be-yourself-8x10print.jpg?v=1730057913 800w
                "
                src="//johnsart.ca/cdn/shop/files/be-yourself-8x10print.jpg?v=1730057913&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Be yourself (bird) - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="800"
                height="1000"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/be-yourself-bird-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7819514118233"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7819514118233 NoMediaStandardBadge-template--16029325951065__featured_collection_LdyTxg-7819514118233"
              >
                Be yourself (bird) - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_LdyTxg-7819514118233"
            
          >
            <a
              href="/products/be-yourself-bird-art-print"
              id="CardLink-template--16029325951065__featured_collection_LdyTxg-7819514118233"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_LdyTxg-7819514118233 Badge-template--16029325951065__featured_collection_LdyTxg-7819514118233"
            >
              Be yourself (bird) - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_LdyTxg-8"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 8;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 124.2%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 124.2%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/M-K-pinecone-art-print-sm.jpg?v=1730052637&width=165 165w,//johnsart.ca/cdn/shop/files/M-K-pinecone-art-print-sm.jpg?v=1730052637&width=360 360w,//johnsart.ca/cdn/shop/files/M-K-pinecone-art-print-sm.jpg?v=1730052637 500w
                "
                src="//johnsart.ca/cdn/shop/files/M-K-pinecone-art-print-sm.jpg?v=1730052637&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="pinecone - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="500"
                height="621"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/pinecone-art-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7819507925081"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7819507925081 NoMediaStandardBadge-template--16029325951065__featured_collection_LdyTxg-7819507925081"
              >
                pinecone - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_LdyTxg-7819507925081"
            
          >
            <a
              href="/products/pinecone-art-art-print"
              id="CardLink-template--16029325951065__featured_collection_LdyTxg-7819507925081"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_LdyTxg-7819507925081 Badge-template--16029325951065__featured_collection_LdyTxg-7819507925081"
            >
              pinecone - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc and Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_LdyTxg-9"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 9;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 126.85714285714285%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 126.85714285714285%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/owl-thinks-youre-great-700.jpg?v=1731201063&width=165 165w,//johnsart.ca/cdn/shop/files/owl-thinks-youre-great-700.jpg?v=1731201063&width=360 360w,//johnsart.ca/cdn/shop/files/owl-thinks-youre-great-700.jpg?v=1731201063&width=533 533w,//johnsart.ca/cdn/shop/files/owl-thinks-youre-great-700.jpg?v=1731201063 700w
                "
                src="//johnsart.ca/cdn/shop/files/owl-thinks-youre-great-700.jpg?v=1731201063&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="this owl thinks you are great - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="700"
                height="888"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/this-owl-thinks-you-are-great-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7825001709657"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7825001709657 NoMediaStandardBadge-template--16029325951065__featured_collection_LdyTxg-7825001709657"
              >
                this owl thinks you are great - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_LdyTxg-7825001709657"
            
          >
            <a
              href="/products/this-owl-thinks-you-are-great-art-print"
              id="CardLink-template--16029325951065__featured_collection_LdyTxg-7825001709657"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_LdyTxg-7825001709657 Badge-template--16029325951065__featured_collection_LdyTxg-7825001709657"
            >
              this owl thinks you are great - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_LdyTxg-10"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 10;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/reach-8x10-600.jpg?v=1730057905&width=165 165w,//johnsart.ca/cdn/shop/files/reach-8x10-600.jpg?v=1730057905&width=360 360w,//johnsart.ca/cdn/shop/files/reach-8x10-600.jpg?v=1730057905&width=533 533w,//johnsart.ca/cdn/shop/files/reach-8x10-600.jpg?v=1730057905 600w
                "
                src="//johnsart.ca/cdn/shop/files/reach-8x10-600.jpg?v=1730057905&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Reach - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="600"
                height="750"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/reach-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7819514052697"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_LdyTxg-7819514052697 NoMediaStandardBadge-template--16029325951065__featured_collection_LdyTxg-7819514052697"
              >
                Reach - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_LdyTxg-7819514052697"
            
          >
            <a
              href="/products/reach-art-print"
              id="CardLink-template--16029325951065__featured_collection_LdyTxg-7819514052697"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_LdyTxg-7819514052697 Badge-template--16029325951065__featured_collection_LdyTxg-7819514052697"
            >
              Reach - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Marc Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li></ul><div class="slider-buttons">
          <button
            type="button"
            class="slider-button slider-button--prev"
            name="previous"
            aria-label="Slide left"
            aria-controls="Slider-template--16029325951065__featured_collection_LdyTxg"
          >
            <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

          </button>
          <div class="slider-counter caption">
            <span class="slider-counter--current">1</span>
            <span aria-hidden="true"> / </span>
            <span class="visually-hidden">of</span>
            <span class="slider-counter--total">10</span>
          </div>
          <button
            type="button"
            class="slider-button slider-button--next"
            name="next"
            aria-label="Slide right"
            aria-controls="Slider-template--16029325951065__featured_collection_LdyTxg"
          >
            <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

          </button>
        </div></slider-component></div>
</div>


</section><div id="shopify-section-template--16029325951065__image_with_text_nbAqD6" class="shopify-section section"><link href="//johnsart.ca/cdn/shop/t/3/assets/component-image-with-text.css?v=132604768413025929601721610962" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--16029325951065__image_with_text_nbAqD6-padding {
    padding-top: 27px;
    padding-bottom: 27px;
  }

  @media screen and (min-width: 750px) {
    .section-template--16029325951065__image_with_text_nbAqD6-padding {
      padding-top: 36px;
      padding-bottom: 36px;
    }
  }</style><div class="section-template--16029325951065__image_with_text_nbAqD6-padding gradient color-scheme-5decd82c-b03c-4b89-9353-4d14a7ea3363">
  <div class="page-width">
    <div class="image-with-text image-with-text--no-overlap isolate collapse-corners scroll-trigger animate--slide-in">
      <div class="image-with-text__grid grid grid--gapless grid--1-col grid--2-col-tablet">
        <div class="image-with-text__media-item image-with-text__media-item--medium image-with-text__media-item--top grid__item">
          <div
            class="image-with-text__media image-with-text__media--adapt global-media-settings gradient color-scheme-5 media"
            
              style="padding-bottom: 92.5438596491228%;"
            
          ><img src="//johnsart.ca/cdn/shop/files/3-prints.jpg?v=1722884006&amp;width=1500" alt="" srcset="//johnsart.ca/cdn/shop/files/3-prints.jpg?v=1722884006&amp;width=165 165w, //johnsart.ca/cdn/shop/files/3-prints.jpg?v=1722884006&amp;width=360 360w, //johnsart.ca/cdn/shop/files/3-prints.jpg?v=1722884006&amp;width=535 535w, //johnsart.ca/cdn/shop/files/3-prints.jpg?v=1722884006&amp;width=750 750w, //johnsart.ca/cdn/shop/files/3-prints.jpg?v=1722884006&amp;width=1070 1070w, //johnsart.ca/cdn/shop/files/3-prints.jpg?v=1722884006&amp;width=1500 1500w" width="1500" height="1388" loading="lazy" sizes="(min-width: 1200px) 550px,
              (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)" fetchpriority="auto">
</div>
        </div>
        <div class="image-with-text__text-item grid__item">
          <div
            id="ImageWithText--template--16029325951065__image_with_text_nbAqD6"
            class="image-with-text__content image-with-text__content--top image-with-text__content--desktop-left image-with-text__content--mobile-left image-with-text__content--adapt content-container gradient color-scheme-5"
          ><h2
                    class="image-with-text__heading inline-richtext h2"
                    
                  >
                    Kristen's favourite prints
                  </h2><div class="image-with-text__text rte body" >
                    <p>Kristen’s art is focussed on drawing plants of all kinds. She believes that plants not only connect us to nature and the seasons, but also to each other, our food, our memories, and our journey on this planet.</p>
                  </div><a
                      
                        href="/collections/kristens-prints"
                      
                      class="button button--secondary"
                      
                    >
                      shop Kristen&#39;s prints
                    </a></div>
        </div>
      </div>
    </div>
  </div>
</div>


</div><section id="shopify-section-template--16029325951065__featured_collection_Q97ytK" class="shopify-section section"><link href="//johnsart.ca/cdn/shop/t/3/assets/component-card.css?v=120341546515895839841721610962" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-price.css?v=70172745017360139101721610962" rel="stylesheet" type="text/css" media="all" />

<link href="//johnsart.ca/cdn/shop/t/3/assets/component-slider.css?v=14039311878856620671721610962" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/template-collection.css?v=58558206033505836701721610962" rel="stylesheet" type="text/css" media="all" />

<style data-shopify>.section-template--16029325951065__featured_collection_Q97ytK-padding {
    padding-top: 27px;
    padding-bottom: 27px;
  }

  @media screen and (min-width: 750px) {
    .section-template--16029325951065__featured_collection_Q97ytK-padding {
      padding-top: 36px;
      padding-bottom: 36px;
    }
  }</style><div
  class="color-scheme-5decd82c-b03c-4b89-9353-4d14a7ea3363 isolate gradient"
>
  <div
    class="collection section-template--16029325951065__featured_collection_Q97ytK-padding"
    id="collection-template--16029325951065__featured_collection_Q97ytK"
    data-id="template--16029325951065__featured_collection_Q97ytK"
  >
    <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width title-wrapper--self-padded-tablet-down collection__title--desktop-slider"><h2 class="title inline-richtext h2 scroll-trigger animate--slide-in">
          Kristen's favourites
        </h2></div>

    <slider-component class="slider-mobile-gutter slider-component-desktop scroll-trigger animate--slide-in">
      <ul
        id="Slider-template--16029325951065__featured_collection_Q97ytK"
        data-id="template--16029325951065__featured_collection_Q97ytK"
        class="grid product-grid contains-card contains-card--product contains-card--standard grid--3-col-desktop grid--2-col-tablet-down slider slider--desktop slider--tablet grid--peek"
        role="list"
        aria-label="Slider"
      >
        
<li
            id="Slide-template--16029325951065__featured_collection_Q97ytK-1"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 1;"
            
          >
            
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-rating.css?v=179577762467860590411721610962" rel="stylesheet" type="text/css" media="all" />
  <link href="//johnsart.ca/cdn/shop/t/3/assets/component-volume-pricing.css?v=111870094811454961941721610962" rel="stylesheet" type="text/css" media="all" />

  <link href="//johnsart.ca/cdn/shop/t/3/assets/component-price.css?v=70172745017360139101721610962" rel="stylesheet" type="text/css" media="all" />
  <link href="//johnsart.ca/cdn/shop/t/3/assets/quick-order-list.css?v=38387008350345892421721610962" rel="stylesheet" type="text/css" media="all" />
  <link href="//johnsart.ca/cdn/shop/t/3/assets/quantity-popover.css?v=78745769908715669131721610963" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3368939779_ba9e.jpg?v=1715633054&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3368939779_ba9e.jpg?v=1715633054&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3368939779_ba9e.jpg?v=1715633054&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3368939779_ba9e.jpg?v=1715633054&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3368939779_ba9e.jpg?v=1715633054&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3368939779_ba9e.jpg?v=1715633054&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3368939779_ba9e.jpg?v=1715633054 3000w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3368939779_ba9e.jpg?v=1715633054&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Set of 9 Flower Botanical Art Prints"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3000"
                height="3000"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3321247718_diix.jpg?v=1715633054&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3321247718_diix.jpg?v=1715633054&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3321247718_diix.jpg?v=1715633054&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3321247718_diix.jpg?v=1715633054&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3321247718_diix.jpg?v=1715633054&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3321247718_diix.jpg?v=1715633054&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3321247718_diix.jpg?v=1715633054 3000w
                  "
                  src="//johnsart.ca/cdn/shop/files/il_fullxfull.3321247718_diix.jpg?v=1715633054&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="3000"
                  height="3000"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/set-of-9-flower-botanical-prints-in-graphite-by-artist-kristen-johns-floral-print-set-for-the-gardener-nature-lover-5x7-or-8x10-inch"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_Q97ytK-7665898389593"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_Q97ytK-7665898389593 NoMediaStandardBadge-template--16029325951065__featured_collection_Q97ytK-7665898389593"
              >
                Set of 9 Flower Botanical Art Prints
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_Q97ytK-7665898389593"
            
          >
            <a
              href="/products/set-of-9-flower-botanical-prints-in-graphite-by-artist-kristen-johns-floral-print-set-for-the-gardener-nature-lover-5x7-or-8x10-inch"
              id="CardLink-template--16029325951065__featured_collection_Q97ytK-7665898389593"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_Q97ytK-7665898389593 Badge-template--16029325951065__featured_collection_Q97ytK-7665898389593"
            >
              Set of 9 Flower Botanical Art Prints
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $80.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $80.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_Q97ytK-2"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 2;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/20250307_155626.jpg?v=1741643256&width=165 165w,//johnsart.ca/cdn/shop/files/20250307_155626.jpg?v=1741643256&width=360 360w,//johnsart.ca/cdn/shop/files/20250307_155626.jpg?v=1741643256&width=533 533w,//johnsart.ca/cdn/shop/files/20250307_155626.jpg?v=1741643256&width=720 720w,//johnsart.ca/cdn/shop/files/20250307_155626.jpg?v=1741643256&width=940 940w,//johnsart.ca/cdn/shop/files/20250307_155626.jpg?v=1741643256&width=1066 1066w,//johnsart.ca/cdn/shop/files/20250307_155626.jpg?v=1741643256 3060w
                "
                src="//johnsart.ca/cdn/shop/files/20250307_155626.jpg?v=1741643256&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Fresh Herbs - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3060"
                height="4038"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/20250311_152148.jpg?v=1741736641&width=165 165w,//johnsart.ca/cdn/shop/files/20250311_152148.jpg?v=1741736641&width=360 360w,//johnsart.ca/cdn/shop/files/20250311_152148.jpg?v=1741736641&width=533 533w,//johnsart.ca/cdn/shop/files/20250311_152148.jpg?v=1741736641&width=720 720w,//johnsart.ca/cdn/shop/files/20250311_152148.jpg?v=1741736641&width=940 940w,//johnsart.ca/cdn/shop/files/20250311_152148.jpg?v=1741736641&width=1066 1066w,//johnsart.ca/cdn/shop/files/20250311_152148.jpg?v=1741736641 3060w
                  "
                  src="//johnsart.ca/cdn/shop/files/20250311_152148.jpg?v=1741736641&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="3060"
                  height="3588"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/fresh-herbs-art-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_Q97ytK-7926978019417"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_Q97ytK-7926978019417 NoMediaStandardBadge-template--16029325951065__featured_collection_Q97ytK-7926978019417"
              >
                Fresh Herbs - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_Q97ytK-7926978019417"
            
          >
            <a
              href="/products/fresh-herbs-art-print"
              id="CardLink-template--16029325951065__featured_collection_Q97ytK-7926978019417"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_Q97ytK-7926978019417 Badge-template--16029325951065__featured_collection_Q97ytK-7926978019417"
            >
              Fresh Herbs - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              $0.00 CAD
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_Q97ytK-3"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 3;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3444662396_qv57.jpg?v=1715633038&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3444662396_qv57.jpg?v=1715633038&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3444662396_qv57.jpg?v=1715633038&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3444662396_qv57.jpg?v=1715633038&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3444662396_qv57.jpg?v=1715633038&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3444662396_qv57.jpg?v=1715633038&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3444662396_qv57.jpg?v=1715633038 3000w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3444662396_qv57.jpg?v=1715633038&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Oak Leaf - Botanical Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3000"
                height="3000"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3492329515_54qt.jpg?v=1715633038&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3492329515_54qt.jpg?v=1715633038&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3492329515_54qt.jpg?v=1715633038&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3492329515_54qt.jpg?v=1715633038&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3492329515_54qt.jpg?v=1715633038&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3492329515_54qt.jpg?v=1715633038&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3492329515_54qt.jpg?v=1715633038 3000w
                  "
                  src="//johnsart.ca/cdn/shop/files/il_fullxfull.3492329515_54qt.jpg?v=1715633038&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="3000"
                  height="3000"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/oak-leaf-botanical-art-print-by-kristen-johns-in-graphite-5x7-and-8x10-inches-for-the-nature-and-art-lover"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_Q97ytK-7665898291289"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_Q97ytK-7665898291289 NoMediaStandardBadge-template--16029325951065__featured_collection_Q97ytK-7665898291289"
              >
                Oak Leaf - Botanical Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_Q97ytK-7665898291289"
            
          >
            <a
              href="/products/oak-leaf-botanical-art-print-by-kristen-johns-in-graphite-5x7-and-8x10-inches-for-the-nature-and-art-lover"
              id="CardLink-template--16029325951065__featured_collection_Q97ytK-7665898291289"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_Q97ytK-7665898291289 Badge-template--16029325951065__featured_collection_Q97ytK-7665898291289"
            >
              Oak Leaf - Botanical Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $12.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $12.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_Q97ytK-4"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 4;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3304709122_3vfb.jpg?v=1715633309&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3304709122_3vfb.jpg?v=1715633309&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3304709122_3vfb.jpg?v=1715633309&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3304709122_3vfb.jpg?v=1715633309&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3304709122_3vfb.jpg?v=1715633309&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3304709122_3vfb.jpg?v=1715633309&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3304709122_3vfb.jpg?v=1715633309 1500w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3304709122_3vfb.jpg?v=1715633309&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Poppy flower - Botanical Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="1500"
                height="1500"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3126905936_p29e.jpg?v=1715633309&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3126905936_p29e.jpg?v=1715633309&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3126905936_p29e.jpg?v=1715633309&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3126905936_p29e.jpg?v=1715633309&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3126905936_p29e.jpg?v=1715633309&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3126905936_p29e.jpg?v=1715633309&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3126905936_p29e.jpg?v=1715633309 1500w
                  "
                  src="//johnsart.ca/cdn/shop/files/il_fullxfull.3126905936_p29e.jpg?v=1715633309&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="1500"
                  height="1500"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/poppy-botanical-art-print-by-artist-kristen-johns-in-graphite-5x7-or-8x10-inches-wall-art-for-the-flower-lover-or-gardener"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_Q97ytK-7665899733081"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_Q97ytK-7665899733081 NoMediaStandardBadge-template--16029325951065__featured_collection_Q97ytK-7665899733081"
              >
                Poppy flower - Botanical Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_Q97ytK-7665899733081"
            
          >
            <a
              href="/products/poppy-botanical-art-print-by-artist-kristen-johns-in-graphite-5x7-or-8x10-inches-wall-art-for-the-flower-lover-or-gardener"
              id="CardLink-template--16029325951065__featured_collection_Q97ytK-7665899733081"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_Q97ytK-7665899733081 Badge-template--16029325951065__featured_collection_Q97ytK-7665899733081"
            >
              Poppy flower - Botanical Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $12.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $12.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_Q97ytK-5"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 5;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3918088018_npzx.jpg?v=1715633046&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3918088018_npzx.jpg?v=1715633046&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3918088018_npzx.jpg?v=1715633046&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3918088018_npzx.jpg?v=1715633046&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3918088018_npzx.jpg?v=1715633046 750w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3918088018_npzx.jpg?v=1715633046&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Set of 4, Botanical Art Prints"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="750"
                height="1000"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3378368210_3y08.jpg?v=1715633046&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3378368210_3y08.jpg?v=1715633046&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3378368210_3y08.jpg?v=1715633046&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3378368210_3y08.jpg?v=1715633046&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3378368210_3y08.jpg?v=1715633046&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3378368210_3y08.jpg?v=1715633046&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3378368210_3y08.jpg?v=1715633046 1500w
                  "
                  src="//johnsart.ca/cdn/shop/files/il_fullxfull.3378368210_3y08.jpg?v=1715633046&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="1500"
                  height="1500"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/botanical-prints-set-of-4-create-a-personalized-nature-wall-choose-from-15-plants-with-art-by-kristen-johns-5x7-or-8x10-inch"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_Q97ytK-7665898356825"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_Q97ytK-7665898356825 NoMediaStandardBadge-template--16029325951065__featured_collection_Q97ytK-7665898356825"
              >
                Set of 4, Botanical Art Prints
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_Q97ytK-7665898356825"
            
          >
            <a
              href="/products/botanical-prints-set-of-4-create-a-personalized-nature-wall-choose-from-15-plants-with-art-by-kristen-johns-5x7-or-8x10-inch"
              id="CardLink-template--16029325951065__featured_collection_Q97ytK-7665898356825"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_Q97ytK-7665898356825 Badge-template--16029325951065__featured_collection_Q97ytK-7665898356825"
            >
              Set of 4, Botanical Art Prints
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $40.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $40.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_Q97ytK-6"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 6;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3292556718_amnf.jpg?v=1715633126&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3292556718_amnf.jpg?v=1715633126&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3292556718_amnf.jpg?v=1715633126&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3292556718_amnf.jpg?v=1715633126&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3292556718_amnf.jpg?v=1715633126&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3292556718_amnf.jpg?v=1715633126&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3292556718_amnf.jpg?v=1715633126 3000w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3292556718_amnf.jpg?v=1715633126&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Chestnut Leaf - Botanical Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3000"
                height="3000"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3302681752_8zha.jpg?v=1715633126&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3302681752_8zha.jpg?v=1715633126&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3302681752_8zha.jpg?v=1715633126&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3302681752_8zha.jpg?v=1715633126&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3302681752_8zha.jpg?v=1715633126&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3302681752_8zha.jpg?v=1715633126&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3302681752_8zha.jpg?v=1715633126 1500w
                  "
                  src="//johnsart.ca/cdn/shop/files/il_fullxfull.3302681752_8zha.jpg?v=1715633126&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="1500"
                  height="1500"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/chestnut-leaf-botanical-art-print-by-artist-kristen-johns-in-graphite-5x7-or-8x10-inches-for-the-nature-and-botanical-lover"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_Q97ytK-7665898979417"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_Q97ytK-7665898979417 NoMediaStandardBadge-template--16029325951065__featured_collection_Q97ytK-7665898979417"
              >
                Chestnut Leaf - Botanical Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_Q97ytK-7665898979417"
            
          >
            <a
              href="/products/chestnut-leaf-botanical-art-print-by-artist-kristen-johns-in-graphite-5x7-or-8x10-inches-for-the-nature-and-botanical-lover"
              id="CardLink-template--16029325951065__featured_collection_Q97ytK-7665898979417"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_Q97ytK-7665898979417 Badge-template--16029325951065__featured_collection_Q97ytK-7665898979417"
            >
              Chestnut Leaf - Botanical Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $12.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $12.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_Q97ytK-7"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 7;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3065412699_fl7a.jpg?v=1715633295&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065412699_fl7a.jpg?v=1715633295&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065412699_fl7a.jpg?v=1715633295&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065412699_fl7a.jpg?v=1715633295&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065412699_fl7a.jpg?v=1715633295&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065412699_fl7a.jpg?v=1715633295&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3065412699_fl7a.jpg?v=1715633295 1500w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3065412699_fl7a.jpg?v=1715633295&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Peony Flower - Botanical Art print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="1500"
                height="1500"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3017750512_1jwb.jpg?v=1715633296&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3017750512_1jwb.jpg?v=1715633296&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3017750512_1jwb.jpg?v=1715633296&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3017750512_1jwb.jpg?v=1715633296&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3017750512_1jwb.jpg?v=1715633296&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3017750512_1jwb.jpg?v=1715633296&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3017750512_1jwb.jpg?v=1715633296 1500w
                  "
                  src="//johnsart.ca/cdn/shop/files/il_fullxfull.3017750512_1jwb.jpg?v=1715633296&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="1500"
                  height="1500"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/peony-botanical-art-print-by-kristen-johns-in-graphite-5x7-or-8x10-wall-art-for-the-flower-and-art-lover"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_Q97ytK-7665899667545"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_Q97ytK-7665899667545 NoMediaStandardBadge-template--16029325951065__featured_collection_Q97ytK-7665899667545"
              >
                Peony Flower - Botanical Art print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_Q97ytK-7665899667545"
            
          >
            <a
              href="/products/peony-botanical-art-print-by-kristen-johns-in-graphite-5x7-or-8x10-wall-art-for-the-flower-and-art-lover"
              id="CardLink-template--16029325951065__featured_collection_Q97ytK-7665899667545"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_Q97ytK-7665899667545 Badge-template--16029325951065__featured_collection_Q97ytK-7665899667545"
            >
              Peony Flower - Botanical Art print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $12.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $12.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_Q97ytK-8"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 8;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3494396437_jmil.jpg?v=1715633104&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3494396437_jmil.jpg?v=1715633104&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3494396437_jmil.jpg?v=1715633104&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3494396437_jmil.jpg?v=1715633104&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3494396437_jmil.jpg?v=1715633104&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3494396437_jmil.jpg?v=1715633104&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3494396437_jmil.jpg?v=1715633104 1500w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3494396437_jmil.jpg?v=1715633104&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Dandelion flowers &amp; seeds - Botanical Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="1500"
                height="1500"
              >
              
<img
                  srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3446604016_ciw3.jpg?v=1715633104&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3446604016_ciw3.jpg?v=1715633104&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3446604016_ciw3.jpg?v=1715633104&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3446604016_ciw3.jpg?v=1715633104&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3446604016_ciw3.jpg?v=1715633104&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3446604016_ciw3.jpg?v=1715633104&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3446604016_ciw3.jpg?v=1715633104 3000w
                  "
                  src="//johnsart.ca/cdn/shop/files/il_fullxfull.3446604016_ciw3.jpg?v=1715633104&width=533"
                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                  alt=""
                  class="motion-reduce"
                  loading="lazy"
                  width="3000"
                  height="3000"
                ></div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/dandelion-a-botanical-art-print-by-kristen-johns-in-graphite-5x7-8x10-inches-for-the-nature-and-art-lover-gardener-or-plant-nerd"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_Q97ytK-7665898815577"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_Q97ytK-7665898815577 NoMediaStandardBadge-template--16029325951065__featured_collection_Q97ytK-7665898815577"
              >
                Dandelion flowers &amp; seeds - Botanical Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_Q97ytK-7665898815577"
            
          >
            <a
              href="/products/dandelion-a-botanical-art-print-by-kristen-johns-in-graphite-5x7-8x10-inches-for-the-nature-and-art-lover-gardener-or-plant-nerd"
              id="CardLink-template--16029325951065__featured_collection_Q97ytK-7665898815577"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_Q97ytK-7665898815577 Badge-template--16029325951065__featured_collection_Q97ytK-7665898815577"
            >
              Dandelion flowers &amp; seeds - Botanical Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          From $12.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        From $12.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li></ul><div class="slider-buttons">
          <button
            type="button"
            class="slider-button slider-button--prev"
            name="previous"
            aria-label="Slide left"
            aria-controls="Slider-template--16029325951065__featured_collection_Q97ytK"
          >
            <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

          </button>
          <div class="slider-counter caption">
            <span class="slider-counter--current">1</span>
            <span aria-hidden="true"> / </span>
            <span class="visually-hidden">of</span>
            <span class="slider-counter--total">8</span>
          </div>
          <button
            type="button"
            class="slider-button slider-button--next"
            name="next"
            aria-label="Slide right"
            aria-controls="Slider-template--16029325951065__featured_collection_Q97ytK"
          >
            <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

          </button>
        </div></slider-component></div>
</div>


</section><div id="shopify-section-template--16029325951065__image_with_text_bjTEca" class="shopify-section section"><link href="//johnsart.ca/cdn/shop/t/3/assets/component-image-with-text.css?v=132604768413025929601721610962" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--16029325951065__image_with_text_bjTEca-padding {
    padding-top: 27px;
    padding-bottom: 27px;
  }

  @media screen and (min-width: 750px) {
    .section-template--16029325951065__image_with_text_bjTEca-padding {
      padding-top: 36px;
      padding-bottom: 36px;
    }
  }</style><div class="section-template--16029325951065__image_with_text_bjTEca-padding gradient color-scheme-5">
  <div class="page-width">
    <div class="image-with-text image-with-text--no-overlap isolate collapse-corners scroll-trigger animate--slide-in">
      <div class="image-with-text__grid grid grid--gapless grid--1-col grid--2-col-tablet">
        <div class="image-with-text__media-item image-with-text__media-item--medium image-with-text__media-item--top grid__item">
          <div
            class="image-with-text__media image-with-text__media--adapt global-media-settings gradient color-scheme-2 media"
            
              style="padding-bottom: 133.33333333333334%;"
            
          ><img src="//johnsart.ca/cdn/shop/files/il_fullxfull.3886115210_5ktc.jpg?v=1715633468&amp;width=1500" alt="" srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3886115210_5ktc.jpg?v=1715633468&amp;width=165 165w, //johnsart.ca/cdn/shop/files/il_fullxfull.3886115210_5ktc.jpg?v=1715633468&amp;width=360 360w, //johnsart.ca/cdn/shop/files/il_fullxfull.3886115210_5ktc.jpg?v=1715633468&amp;width=535 535w, //johnsart.ca/cdn/shop/files/il_fullxfull.3886115210_5ktc.jpg?v=1715633468&amp;width=750 750w, //johnsart.ca/cdn/shop/files/il_fullxfull.3886115210_5ktc.jpg?v=1715633468&amp;width=1070 1070w, //johnsart.ca/cdn/shop/files/il_fullxfull.3886115210_5ktc.jpg?v=1715633468&amp;width=1500 1500w" width="1500" height="2000" loading="lazy" sizes="(min-width: 1200px) 550px,
              (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)" fetchpriority="auto">
</div>
        </div>
        <div class="image-with-text__text-item grid__item">
          <div
            id="ImageWithText--template--16029325951065__image_with_text_bjTEca"
            class="image-with-text__content image-with-text__content--top image-with-text__content--desktop-left image-with-text__content--mobile-left image-with-text__content--adapt content-container gradient color-scheme-2"
          ><h2
                    class="image-with-text__heading inline-richtext h1"
                    
                  >
                    Butterflies
                  </h2><div class="image-with-text__text rte body" >
                    <p>There's nothing quite as magical as these colourful creatures fluttering about in the garden. </p><p>This series of prints are high quality reproductions of Kristen's original paintings, created with watercolour and coloured pencil. The beautiful details and gorgeous textures come through wonderfully on the print. They are professionally printed on quality textured 100lb matte paper stock and is acid free.</p>
                  </div><a
                      
                        href="/collections/butterflies"
                      
                      class="button button--secondary"
                      
                    >
                      shop butterfly prints
                    </a></div>
        </div>
      </div>
    </div>
  </div>
</div>


</div><section id="shopify-section-template--16029325951065__featured_collection_UegjKC" class="shopify-section section"><link href="//johnsart.ca/cdn/shop/t/3/assets/component-card.css?v=120341546515895839841721610962" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-price.css?v=70172745017360139101721610962" rel="stylesheet" type="text/css" media="all" />

<link href="//johnsart.ca/cdn/shop/t/3/assets/component-slider.css?v=14039311878856620671721610962" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/template-collection.css?v=58558206033505836701721610962" rel="stylesheet" type="text/css" media="all" />

<style data-shopify>.section-template--16029325951065__featured_collection_UegjKC-padding {
    padding-top: 27px;
    padding-bottom: 27px;
  }

  @media screen and (min-width: 750px) {
    .section-template--16029325951065__featured_collection_UegjKC-padding {
      padding-top: 36px;
      padding-bottom: 36px;
    }
  }</style><div
  class="color-scheme-5 isolate gradient"
>
  <div
    class="collection section-template--16029325951065__featured_collection_UegjKC-padding"
    id="collection-template--16029325951065__featured_collection_UegjKC"
    data-id="template--16029325951065__featured_collection_UegjKC"
  >
    <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width collection__title--desktop-slider"><h2 class="title inline-richtext h2 scroll-trigger animate--slide-in">
          Butterfly prints
        </h2></div>

    <slider-component class="slider-mobile-gutter page-width slider-component-desktop scroll-trigger animate--slide-in">
      <ul
        id="Slider-template--16029325951065__featured_collection_UegjKC"
        data-id="template--16029325951065__featured_collection_UegjKC"
        class="grid product-grid contains-card contains-card--product contains-card--standard grid--3-col-desktop grid--2-col-tablet-down slider slider--desktop"
        role="list"
        aria-label="Slider"
      >
        
<li
            id="Slide-template--16029325951065__featured_collection_UegjKC-1"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 1;"
            
          >
            
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-rating.css?v=179577762467860590411721610962" rel="stylesheet" type="text/css" media="all" />
  <link href="//johnsart.ca/cdn/shop/t/3/assets/component-volume-pricing.css?v=111870094811454961941721610962" rel="stylesheet" type="text/css" media="all" />

  <link href="//johnsart.ca/cdn/shop/t/3/assets/component-price.css?v=70172745017360139101721610962" rel="stylesheet" type="text/css" media="all" />
  <link href="//johnsart.ca/cdn/shop/t/3/assets/quick-order-list.css?v=38387008350345892421721610962" rel="stylesheet" type="text/css" media="all" />
  <link href="//johnsart.ca/cdn/shop/t/3/assets/quantity-popover.css?v=78745769908715669131721610963" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3885622186_fqpo.jpg?v=1715633515&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3885622186_fqpo.jpg?v=1715633515&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3885622186_fqpo.jpg?v=1715633515&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3885622186_fqpo.jpg?v=1715633515&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3885622186_fqpo.jpg?v=1715633515&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3885622186_fqpo.jpg?v=1715633515&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3885622186_fqpo.jpg?v=1715633515 2972w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3885622186_fqpo.jpg?v=1715633515&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Butterflies of North America (pine white, painted lady &amp; mourning cloak) - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="2972"
                height="2972"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/beautiful-butterfly-art-print-8x10-inch-pine-white-painted-lady-mourning-cloak-colourful-artwork-by-kristen-johns-nature-home-decor"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_UegjKC-7665900453977"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_UegjKC-7665900453977 NoMediaStandardBadge-template--16029325951065__featured_collection_UegjKC-7665900453977"
              >
                Butterflies of North America (pine white, painted lady &amp; mourning cloak) - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_UegjKC-7665900453977"
            
          >
            <a
              href="/products/beautiful-butterfly-art-print-8x10-inch-pine-white-painted-lady-mourning-cloak-colourful-artwork-by-kristen-johns-nature-home-decor"
              id="CardLink-template--16029325951065__featured_collection_UegjKC-7665900453977"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_UegjKC-7665900453977 Badge-template--16029325951065__featured_collection_UegjKC-7665900453977"
            >
              Butterflies of North America (pine white, painted lady &amp; mourning cloak) - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_UegjKC-2"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 2;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3886115210_5ktc.jpg?v=1715633468&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3886115210_5ktc.jpg?v=1715633468&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3886115210_5ktc.jpg?v=1715633468&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3886115210_5ktc.jpg?v=1715633468&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3886115210_5ktc.jpg?v=1715633468&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3886115210_5ktc.jpg?v=1715633468&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3886115210_5ktc.jpg?v=1715633468 2250w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3886115210_5ktc.jpg?v=1715633468&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Butterflies of North America - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="2250"
                height="3000"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/beautiful-butterfly-art-print-12x16-colourful-nature-illustration-home-decor-by-artist-kristen-johns-monarch-painted-lady-butterflies"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_UegjKC-7665900224601"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_UegjKC-7665900224601 NoMediaStandardBadge-template--16029325951065__featured_collection_UegjKC-7665900224601"
              >
                Butterflies of North America - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_UegjKC-7665900224601"
            
          >
            <a
              href="/products/beautiful-butterfly-art-print-12x16-colourful-nature-illustration-home-decor-by-artist-kristen-johns-monarch-painted-lady-butterflies"
              id="CardLink-template--16029325951065__featured_collection_UegjKC-7665900224601"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_UegjKC-7665900224601 Badge-template--16029325951065__featured_collection_UegjKC-7665900224601"
            >
              Butterflies of North America - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $45.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $45.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_UegjKC-3"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 3;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3931349637_62c9.jpg?v=1715633386&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3931349637_62c9.jpg?v=1715633386&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3931349637_62c9.jpg?v=1715633386&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3931349637_62c9.jpg?v=1715633386&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3931349637_62c9.jpg?v=1715633386&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3931349637_62c9.jpg?v=1715633386&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3931349637_62c9.jpg?v=1715633386 2250w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3931349637_62c9.jpg?v=1715633386&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Butterflies of North America (blue azure &amp; swallowtail) - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="2250"
                height="3000"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/butterflies-of-north-america-art-print-blue-azure-swallowtail-8x10-inch-nature-illustration-home-decor-by-kristen-johns-butterfly-print"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_UegjKC-7665900027993"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_UegjKC-7665900027993 NoMediaStandardBadge-template--16029325951065__featured_collection_UegjKC-7665900027993"
              >
                Butterflies of North America (blue azure &amp; swallowtail) - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_UegjKC-7665900027993"
            
          >
            <a
              href="/products/butterflies-of-north-america-art-print-blue-azure-swallowtail-8x10-inch-nature-illustration-home-decor-by-kristen-johns-butterfly-print"
              id="CardLink-template--16029325951065__featured_collection_UegjKC-7665900027993"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_UegjKC-7665900027993 Badge-template--16029325951065__featured_collection_UegjKC-7665900027993"
            >
              Butterflies of North America (blue azure &amp; swallowtail) - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li><li
            id="Slide-template--16029325951065__featured_collection_UegjKC-4"
            class="grid__item slider__slide scroll-trigger animate--slide-in"
            
              data-cascade
              style="--animation-order: 4;"
            
          >
            
<div class="card-wrapper product-card-wrapper underline-links-hover">
    <div
      class="
        card card--standard
         card--media
        
        
        
        
        
      "
      style="--ratio-percent: 125.0%;"
    >
      <div
        class="card__inner color-scheme-1 gradient ratio"
        style="--ratio-percent: 125.0%;"
      ><div class="card__media">
            <div class="media media--transparent media--hover-effect">
              
              <img
                srcset="//johnsart.ca/cdn/shop/files/il_fullxfull.3931461781_jc21.jpg?v=1715633367&width=165 165w,//johnsart.ca/cdn/shop/files/il_fullxfull.3931461781_jc21.jpg?v=1715633367&width=360 360w,//johnsart.ca/cdn/shop/files/il_fullxfull.3931461781_jc21.jpg?v=1715633367&width=533 533w,//johnsart.ca/cdn/shop/files/il_fullxfull.3931461781_jc21.jpg?v=1715633367&width=720 720w,//johnsart.ca/cdn/shop/files/il_fullxfull.3931461781_jc21.jpg?v=1715633367&width=940 940w,//johnsart.ca/cdn/shop/files/il_fullxfull.3931461781_jc21.jpg?v=1715633367&width=1066 1066w,//johnsart.ca/cdn/shop/files/il_fullxfull.3931461781_jc21.jpg?v=1715633367 3000w
                "
                src="//johnsart.ca/cdn/shop/files/il_fullxfull.3931461781_jc21.jpg?v=1715633367&width=533"
                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
                alt="Butterflies of North America (admiral &amp; monarch) - Art Print"
                class="motion-reduce"
                
                  loading="lazy"
                
                width="3000"
                height="3000"
              >
              
</div>
          </div><div class="card__content">
          <div class="card__information">
            <h3
              class="card__heading"
              
            >
              <a
                href="/products/butterflies-of-north-america-art-print-admiral-and-monarch-8x10-inch-beautiful-nature-illustration-home-decor-by-artist-kristen-johns"
                id="StandardCardNoMediaLink-template--16029325951065__featured_collection_UegjKC-7665899995225"
                class="full-unstyled-link"
                aria-labelledby="StandardCardNoMediaLink-template--16029325951065__featured_collection_UegjKC-7665899995225 NoMediaStandardBadge-template--16029325951065__featured_collection_UegjKC-7665899995225"
              >
                Butterflies of North America (admiral &amp; monarch) - Art Print
              </a>
            </h3>
          </div>
          <div class="card__badge bottom left"></div>
        </div>
      </div>
      <div class="card__content">
        <div class="card__information">
          <h3
            class="card__heading h5"
            
              id="title-template--16029325951065__featured_collection_UegjKC-7665899995225"
            
          >
            <a
              href="/products/butterflies-of-north-america-art-print-admiral-and-monarch-8x10-inch-beautiful-nature-illustration-home-decor-by-artist-kristen-johns"
              id="CardLink-template--16029325951065__featured_collection_UegjKC-7665899995225"
              class="full-unstyled-link"
              aria-labelledby="CardLink-template--16029325951065__featured_collection_UegjKC-7665899995225 Badge-template--16029325951065__featured_collection_UegjKC-7665899995225"
            >
              Butterflies of North America (admiral &amp; monarch) - Art Print
            </a>
          </h3>
          <div class="card-information"><span class="visually-hidden">Vendor:</span>
              <div class="caption-with-letter-spacing light">Kristen Johns</div><span class="caption-large light"></span>
<div
  class="
    price "
>
  <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">
          $25.00 CAD
        </span></div>
    <div class="price__sale">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span>
          <s class="price-item price-item--regular">
            
              
            
          </s>
        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
      <span class="price-item price-item--sale price-item--last">
        $25.00 CAD
      </span>
    </div>
    <small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div></div>

</div>
        </div>
        
        
        <div class="card__badge bottom left"></div>
      </div>
    </div>
  </div>
          </li></ul><div class="slider-buttons">
          <button
            type="button"
            class="slider-button slider-button--prev"
            name="previous"
            aria-label="Slide left"
            aria-controls="Slider-template--16029325951065__featured_collection_UegjKC"
          >
            <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

          </button>
          <div class="slider-counter caption">
            <span class="slider-counter--current">1</span>
            <span aria-hidden="true"> / </span>
            <span class="visually-hidden">of</span>
            <span class="slider-counter--total">4</span>
          </div>
          <button
            type="button"
            class="slider-button slider-button--next"
            name="next"
            aria-label="Slide right"
            aria-controls="Slider-template--16029325951065__featured_collection_UegjKC"
          >
            <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

          </button>
        </div></slider-component></div>
</div>


</section><section id="shopify-section-template--16029325951065__rich_text_iXG6ng" class="shopify-section section"><link href="//johnsart.ca/cdn/shop/t/3/assets/section-rich-text.css?v=155250126305810049721721610962" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--16029325951065__rich_text_iXG6ng-padding {
    padding-top: 30px;
    padding-bottom: 15px;
  }

  @media screen and (min-width: 750px) {
    .section-template--16029325951065__rich_text_iXG6ng-padding {
      padding-top: 40px;
      padding-bottom: 20px;
    }
  }</style><div class="isolate">
  <div class="rich-text content-container color-scheme-1 gradient rich-text--full-width content-container--full-width section-template--16029325951065__rich_text_iXG6ng-padding">
    <div class="rich-text__wrapper rich-text__wrapper--center page-width">
      <div class="rich-text__blocks center"><h2
                class="rich-text__heading rte inline-richtext h2 scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 1;"
                
              >
                Sign up for our newsletter
              </h2><div
                class="rich-text__text rte scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 2;"
                
              >
                <p>Stay up to date on what we're working on!<br/>Read our <a href="https://marcjohns.substack.com/" target="_blank" title="https://marcjohns.substack.com/">past newsletters</a>.</p>
              </div></div>
    </div>
  </div>
</div>


</section><section id="shopify-section-template--16029325951065__custom_liquid_tcNGgt" class="shopify-section section"><style data-shopify>.section-template--16029325951065__custom_liquid_tcNGgt-padding {
    padding-top: calc(0px * 0.75);
    padding-bottom: calc(52px  * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-template--16029325951065__custom_liquid_tcNGgt-padding {
      padding-top: 0px;
      padding-bottom: 52px;
    }
  }</style><div class="color-scheme-1 gradient">
  <div class="section-template--16029325951065__custom_liquid_tcNGgt-padding">
    <div align="center"><iframe src="https://marcjohns.substack.com/embed" width="480" height="150" style="border:1px solid #EEE; background:white;" frameborder="0" scrolling="no"></iframe></div>
  </div>
</div>


</section>
    </main>

    <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--16029326114905__footer" class="shopify-section shopify-section-group-footer-group">
<link href="//johnsart.ca/cdn/shop/t/3/assets/section-footer.css?v=61390616271034004541721610963" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-newsletter.css?v=4727253280200485261721610962" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-list-menu.css?v=151968516119678728991721610962" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-list-payment.css?v=69253961410771838501721610962" rel="stylesheet" type="text/css" media="all" />
<link href="//johnsart.ca/cdn/shop/t/3/assets/component-list-social.css?v=35792976012981934991721610962" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.footer {
    margin-top: 0px;
  }

  .section-sections--16029326114905__footer-padding {
    padding-top: 33px;
    padding-bottom: 24px;
  }

  @media screen and (min-width: 750px) {
    .footer {
      margin-top: 0px;
    }

    .section-sections--16029326114905__footer-padding {
      padding-top: 44px;
      padding-bottom: 32px;
    }
  }</style><footer class="footer color-scheme-2 gradient section-sections--16029326114905__footer-padding"><div class="footer__content-top page-width"><div
            class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet  scroll-trigger animate--slide-in"
            
              data-cascade
            
          ><div
                class="footer-block grid__item footer-block--menu scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 1;"
                
              ><h2 class="footer-block__heading inline-richtext">Quick links</h2><ul class="footer-block__details-content list-unstyled"><li>
                            <a
                              href="/search"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              Search
                            </a>
                          </li><li>
                            <a
                              href="/pages/shipping-news"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              Shipping Info
                            </a>
                          </li><li>
                            <a
                              href="/pages/about-marc"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              About Marc
                            </a>
                          </li><li>
                            <a
                              href="/pages/about-kristen"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              About Kristen
                            </a>
                          </li><li>
                            <a
                              href="/collections/prints"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              Prints
                            </a>
                          </li><li>
                            <a
                              href="/collections/calendar"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              Calendars
                            </a>
                          </li><li>
                            <a
                              href="/collections/greeting-cards"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              Greeting cards
                            </a>
                          </li><li>
                            <a
                              href="/collections/original-artwork"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              Original artwork
                            </a>
                          </li><li>
                            <a
                              href="/pages/contact"
                              class="link link--text list-menu__item list-menu__item--link"
                            >
                              Contact us
                            </a>
                          </li></ul></div><div
                class="footer-block grid__item scroll-trigger animate--slide-in"
                
                
                  data-cascade
                  style="--animation-order: 2;"
                
              ><h2 class="footer-block__heading inline-richtext">Keep in touch!</h2><div class="footer-block__details-content rte">
                      <p><a href="https://www.instagram.com/marcjohnsart/" target="_blank" title="Marc Johns on Instagram">Marc on Instagram</a></p><p><a href="https://www.instagram.com/kristenjohnsart/" target="_blank" title="Kristen Johns on Instagram">Kristen on Instagram</a> </p><p><a href="https://marcjohns.substack.com/" target="_blank" title="Marc Johns newsletter on Substack">Newsletter on Substack</a></p>
                    </div></div></div><div
          class="footer-block--newsletter scroll-trigger animate--slide-in"
          
            data-cascade
          
        ><div class="footer__follow-on-shop">
              <script defer="defer" async type="module" src="//johnsart.ca/cdn/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js"></script>
<script type="module">
  await import("//johnsart.ca/cdn/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js");

  
</script>

<shop-follow-button ux-mode="windoid" return-uri="https://johnsart.ca/account/redirect" proxy="true"></shop-follow-button>

            </div></div>
      </div><div
    class="footer__content-bottom scroll-trigger animate--slide-in"
    
      data-cascade
    
  >
    <div class="footer__content-bottom-wrapper page-width">
      <div class="footer__column footer__localization isolate"><localization-form><form method="post" action="/localization" id="FooterCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
                <h2 class="caption-large text-body" id="FooterCountryLabel">Country/region</h2>

<div class="disclosure">
  <button
    type="button"
    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
    aria-expanded="false"
    aria-controls="FooterCountry-country-results"
    aria-describedby="FooterCountryLabel"
  >
    <span>Canada |
      CAD
      $</span>
    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

  </button>
  <div class="disclosure__list-wrapper country-selector" hidden>
    <div class="country-filter">
      
        <div class="field">
          <input
            class="country-filter__input field__input"
            id="country-filter-input"
            type="search"
            name="country_filter"
            value=""
            placeholder="Search"
            role="combobox"
            aria-owns="country-results"
            aria-controls="country-results"
            aria-haspopup="listbox"
            aria-autocomplete="list"
            autocorrect="off"
            autocomplete="off"
            autocapitalize="off"
            spellcheck="false"
          >
          <label class="field__label" for="country-filter-input">Search</label>
          <button
            type="reset"
            class="country-filter__reset-button field__button hidden"
            aria-label="Clear search term"
          >
            <svg class="icon icon-close" aria-hidden="true" focusable="false">
              <use xlink:href="#icon-reset">
            </svg>
          </button>
          <div class="country-filter__search-icon field__button motion-reduce">
            <svg class="icon icon-search" aria-hidden="true" focusable="false">
              <use xlink:href="#icon-search">
            </svg>
          </div>
        </div>
      
      <button
        class="country-selector__close-button button--small link"
        type="button"
        aria-label="Close"
      >
        <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close"
  fill="none"
  viewBox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

      </button>
    </div>
    <div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
    <div
      class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
      id="FooterCountry-country-results"
    >
      
      <ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AL"
              id="Albania"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Albania</span>
              <span class="localization-form__currency motion-reduce">
                ALL
                L</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AU"
              id="Australia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Australia</span>
              <span class="localization-form__currency motion-reduce">
                AUD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AT"
              id="Austria"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Austria</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BE"
              id="Belgium"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Belgium</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BR"
              id="Brazil"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Brazil</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
                aria-current="true"
              
              data-value="CA"
              id="Canada"
            >
              <span
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Canada</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BQ"
              id="Caribbean Netherlands"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Caribbean Netherlands</span>
              <span class="localization-form__currency motion-reduce">
                USD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="TD"
              id="Chad"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Chad</span>
              <span class="localization-form__currency motion-reduce">
                XAF
                CFA</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CL"
              id="Chile"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Chile</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CN"
              id="China"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">China</span>
              <span class="localization-form__currency motion-reduce">
                CNY
                ¥</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CR"
              id="Costa Rica"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Costa Rica</span>
              <span class="localization-form__currency motion-reduce">
                CRC
                ₡</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HR"
              id="Croatia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Croatia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CZ"
              id="Czechia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Czechia</span>
              <span class="localization-form__currency motion-reduce">
                CZK
                Kč</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="DK"
              id="Denmark"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Denmark</span>
              <span class="localization-form__currency motion-reduce">
                DKK
                kr.</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="EE"
              id="Estonia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Estonia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="FI"
              id="Finland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Finland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="FR"
              id="France"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">France</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="DE"
              id="Germany"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Germany</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GR"
              id="Greece"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Greece</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GL"
              id="Greenland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Greenland</span>
              <span class="localization-form__currency motion-reduce">
                DKK
                kr.</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HK"
              id="Hong Kong SAR"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Hong Kong SAR</span>
              <span class="localization-form__currency motion-reduce">
                HKD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HU"
              id="Hungary"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Hungary</span>
              <span class="localization-form__currency motion-reduce">
                HUF
                Ft</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IS"
              id="Iceland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Iceland</span>
              <span class="localization-form__currency motion-reduce">
                ISK
                kr</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IN"
              id="India"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">India</span>
              <span class="localization-form__currency motion-reduce">
                INR
                ₹</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="ID"
              id="Indonesia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Indonesia</span>
              <span class="localization-form__currency motion-reduce">
                IDR
                Rp</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IE"
              id="Ireland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Ireland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IM"
              id="Isle of Man"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Isle of Man</span>
              <span class="localization-form__currency motion-reduce">
                GBP
                £</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IL"
              id="Israel"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Israel</span>
              <span class="localization-form__currency motion-reduce">
                ILS
                ₪</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IT"
              id="Italy"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Italy</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="JP"
              id="Japan"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Japan</span>
              <span class="localization-form__currency motion-reduce">
                JPY
                ¥</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="MY"
              id="Malaysia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Malaysia</span>
              <span class="localization-form__currency motion-reduce">
                MYR
                RM</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="MX"
              id="Mexico"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Mexico</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NL"
              id="Netherlands"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Netherlands</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NC"
              id="New Caledonia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">New Caledonia</span>
              <span class="localization-form__currency motion-reduce">
                XPF
                Fr</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NZ"
              id="New Zealand"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">New Zealand</span>
              <span class="localization-form__currency motion-reduce">
                NZD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NO"
              id="Norway"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Norway</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PH"
              id="Philippines"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Philippines</span>
              <span class="localization-form__currency motion-reduce">
                PHP
                ₱</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PL"
              id="Poland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Poland</span>
              <span class="localization-form__currency motion-reduce">
                PLN
                zł</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PT"
              id="Portugal"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Portugal</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="RO"
              id="Romania"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Romania</span>
              <span class="localization-form__currency motion-reduce">
                RON
                Lei</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SG"
              id="Singapore"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Singapore</span>
              <span class="localization-form__currency motion-reduce">
                SGD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="ZA"
              id="South Africa"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">South Africa</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="KR"
              id="South Korea"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">South Korea</span>
              <span class="localization-form__currency motion-reduce">
                KRW
                ₩</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="ES"
              id="Spain"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Spain</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SE"
              id="Sweden"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Sweden</span>
              <span class="localization-form__currency motion-reduce">
                SEK
                kr</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CH"
              id="Switzerland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Switzerland</span>
              <span class="localization-form__currency motion-reduce">
                CHF
                CHF</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="TW"
              id="Taiwan"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Taiwan</span>
              <span class="localization-form__currency motion-reduce">
                TWD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="UM"
              id="U.S. Outlying Islands"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">U.S. Outlying Islands</span>
              <span class="localization-form__currency motion-reduce">
                USD
                $</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="UA"
              id="Ukraine"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Ukraine</span>
              <span class="localization-form__currency motion-reduce">
                UAH
                ₴</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AE"
              id="United Arab Emirates"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">United Arab Emirates</span>
              <span class="localization-form__currency motion-reduce">
                AED
                د.إ</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GB"
              id="United Kingdom"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">United Kingdom</span>
              <span class="localization-form__currency motion-reduce">
                GBP
                £</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="US"
              id="United States"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">United States</span>
              <span class="localization-form__currency motion-reduce">
                USD
                $</span>
            </a>
          </li></ul>
    </div>
  </div>
  <div class="country-selector__overlay"></div>
</div>
<input type="hidden" name="country_code" value="CA">
</div></form></localization-form></div>
      <div class="footer__column footer__column--info"><div class="footer__payment">
            <span class="visually-hidden">Payment methods</span>
            <ul class="list list-payment" role="list"><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-bancontact" role="img" viewBox="0 0 38 24" width="38" height="24"><title id="pi-bancontact">Bancontact</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M4.703 3.077h28.594c.139 0 .276.023.405.068.128.045.244.11.343.194a.9.9 0 0 1 .229.29c.053.107.08.223.08.34V20.03a.829.829 0 0 1-.31.631 1.164 1.164 0 0 1-.747.262H4.703a1.23 1.23 0 0 1-.405-.068 1.09 1.09 0 0 1-.343-.194.9.9 0 0 1-.229-.29.773.773 0 0 1-.08-.34V3.97c0-.118.027-.234.08-.342a.899.899 0 0 1 .23-.29c.098-.082.214-.148.342-.193a1.23 1.23 0 0 1 .405-.068Z" fill="#fff"/><path d="M6.38 18.562v-3.077h1.125c.818 0 1.344.259 1.344.795 0 .304-.167.515-.401.638.338.132.536.387.536.734 0 .62-.536.91-1.37.91H6.38Zm.724-1.798h.537c.328 0 .468-.136.468-.387 0-.268-.255-.356-.599-.356h-.406v.743Zm0 1.262h.448c.438 0 .693-.093.693-.383 0-.286-.219-.404-.63-.404h-.51v.787Zm3.284.589c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.156.002.31.014.464.035v-.105c0-.269-.183-.396-.531-.396a2.128 2.128 0 0 0-.688.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.767 0 1.147.343 1.147.936v1.222c-.214.093-.615.194-1.136.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.947.947 0 0 0 .365-.061Zm1.204.444v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.167-.444-.484-.444a1.267 1.267 0 0 0-.459.079v1.719h-.713Zm4.886-2.167-.135.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.652.25-.652.664 0 .453.24.685.688.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.553 2.22c-.802 0-1.302-.47-1.302-1.178 0-.704.5-1.174 1.302-1.174.807 0 1.297.47 1.297 1.173 0 .708-.49 1.179-1.297 1.179Zm0-.502c.37 0 .563-.259.563-.677 0-.413-.193-.672-.563-.672-.364 0-.568.26-.568.672 0 .418.204.677.568.677Zm1.713.449v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.166-.444-.484-.444a1.268 1.268 0 0 0-.459.079v1.719h-.713Zm3.996.053c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.355v-.488l.718-.03v.518h.578v.484h-.578v.94c0 .256.125.374.36.374.093 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Zm1.814 0c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.155.002.31.014.464.035v-.105c0-.269-.183-.396-.532-.396a2.128 2.128 0 0 0-.687.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.766 0 1.146.343 1.146.936v1.222c-.213.093-.614.194-1.135.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.946.946 0 0 0 .365-.061Zm3.157-1.723-.136.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.651.25-.651.664 0 .453.24.685.687.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.58 2.22c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.354v-.488l.72-.03v.518h.577v.484h-.578v.94c0 .256.125.374.36.374.092 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Z" fill="#1E3764"/><path d="M11.394 13.946c3.803 0 5.705-2.14 7.606-4.28H6.38v4.28h5.014Z" fill="url(#pi-bancontact-a)"/><path d="M26.607 5.385c-3.804 0-5.705 2.14-7.607 4.28h12.62v-4.28h-5.013Z" fill="url(#pi-bancontact-b)"/><defs><linearGradient id="pi-bancontact-a" x1="8.933" y1="12.003" x2="17.734" y2="8.13" gradientUnits="userSpaceOnUse"><stop stop-color="#005AB9"/><stop offset="1" stop-color="#1E3764"/></linearGradient><linearGradient id="pi-bancontact-b" x1="19.764" y1="10.037" x2="29.171" y2="6.235" gradientUnits="userSpaceOnUse"><stop stop-color="#FBA900"/><stop offset="1" stop-color="#FFD800"/></linearGradient></defs></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-spidealwero"><title id="pi-spidealwero">iDEAL Wero</title><path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#FFF48D"/><path d="M3.45001 7.43572V17.0022C3.45001 17.4602 3.82664 17.8347 4.28673 17.8347H10.0301C14.3722 17.8347 16.2539 15.4157 16.2539 12.2063C16.2539 8.99693 14.3715 6.60321 10.0294 6.60321H4.28603C3.82594 6.60321 3.44931 6.97773 3.44931 7.43572H3.45001Z" fill="white"/><path d="M7.29413 8.95133V16.0203H10.385C13.1918 16.0203 14.4087 14.4422 14.4087 12.2112C14.4087 9.98022 13.1911 8.41901 10.385 8.41901H7.82926C7.53259 8.41901 7.29413 8.66027 7.29413 8.95204V8.95133Z" fill="#CC0066"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.03507 17.073H10.0294C13.539 17.073 15.4754 15.3456 15.4754 12.2105C15.4754 10.4038 14.7685 7.36908 10.0294 7.36908H5.03507C4.59182 7.36908 4.23203 7.72677 4.23203 8.16862V16.2742C4.23203 16.7153 4.59182 17.0737 5.03507 17.0737V17.073ZM4.49924 8.16862C4.49924 7.87335 4.7377 7.63559 5.03437 7.63559H10.0287C11.9609 7.63559 15.2068 8.23104 15.2068 12.2105C15.2068 15.1744 13.3665 16.8065 10.0287 16.8065H5.03507C4.7384 16.8065 4.49994 16.5694 4.49994 16.2735V8.16862H4.49924Z" fill="#232323"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.81464 11.1831C8.72066 11.1494 8.62247 11.1326 8.51586 11.1326V11.1284H7.8082V12.8355H8.52428C8.65122 12.8355 8.76134 12.8102 8.85602 12.7681C8.95 12.7218 9.02785 12.6629 9.08957 12.5872C9.15129 12.5114 9.19618 12.4188 9.22844 12.3136C9.25719 12.2084 9.27332 12.0948 9.27332 11.9686C9.27332 11.8255 9.25299 11.7035 9.21581 11.5983C9.17514 11.4973 9.12183 11.4089 9.05661 11.3374C8.98717 11.27 8.90932 11.2153 8.81534 11.1817L8.81464 11.1831ZM8.64702 12.4995C8.59371 12.5163 8.54462 12.5248 8.49132 12.5248V12.529H8.16799V11.4524H8.4296C8.51937 11.4524 8.59301 11.465 8.65473 11.4903C8.71645 11.5155 8.76554 11.5576 8.80201 11.6039C8.83849 11.6502 8.86724 11.7133 8.88407 11.7806C8.9002 11.8479 8.90862 11.9279 8.90862 12.0121C8.90862 12.1088 8.896 12.1846 8.87215 12.2519C8.85108 12.3106 8.81921 12.3649 8.77817 12.4118C8.74305 12.4524 8.69779 12.4829 8.64702 12.5002V12.4995Z" fill="white"/><path d="M10.7504 11.1333V11.4489H9.87441V11.815H10.6803V12.1053H9.87441V12.5219H10.7707V12.8376H9.51041V11.1305H10.7504V11.1347V11.1333Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6244 12.8404L12.0023 11.1333H11.6222L10.9958 12.8404H11.3641L11.4952 12.4616H12.1173L12.2443 12.8404H12.6251H12.6244ZM11.8136 11.5534L12.0226 12.1797H11.5934L11.8101 11.5534H11.8143H11.8136Z" fill="white"/><path d="M13.2178 11.1325V12.5247H14.0278V12.8403H12.8538V11.1332H13.2178V11.1325Z" fill="white"/><path d="M5.85774 12.8656C6.30099 12.8656 6.66009 12.5065 6.66009 12.0625C6.66009 11.6186 6.30099 11.2595 5.85774 11.2595C5.41448 11.2595 5.05539 11.6186 5.05539 12.0625C5.05539 12.5065 5.41448 12.8656 5.85774 12.8656ZM6.33536 16.0771C5.71396 16.0771 5.216 15.5406 5.216 14.8813V13.9478C5.216 13.6181 5.46498 13.3474 5.77778 13.3474C6.09059 13.3474 6.33957 13.6139 6.33957 13.9478V16.0771H6.33536Z" fill="#232323"/><path d="M31.45 12.2209C31.45 11.1773 32.1926 10.2264 33.4749 10.2264C34.7572 10.2264 35.5053 11.178 35.5053 12.2209C35.5053 13.2638 34.7627 14.2154 33.4749 14.2154C32.1926 14.2154 31.45 13.2638 31.45 12.2209ZM34.3782 12.2209C34.3782 11.7178 34.0467 11.2537 33.4749 11.2537C32.9032 11.2537 32.5717 11.7186 32.5717 12.2209C32.5717 12.7232 32.9086 13.1889 33.4749 13.1889C34.0412 13.1889 34.3782 12.724 34.3782 12.2209ZM30.6615 12.9619C31.0889 12.7185 31.3455 12.2537 31.3455 11.7404C31.3455 10.9784 30.7948 10.3294 29.94 10.3294H28.1452V14.1132H29.2567V13.146H29.4649L30.1006 14.1132H31.4095L30.6615 12.9619ZM29.7161 12.2747H29.2567V11.2046H29.7216C30.0211 11.2046 30.213 11.4479 30.213 11.7396C30.213 12.0314 30.0148 12.2747 29.7161 12.2747ZM23.0713 10.3247L22.4044 12.5797L21.7539 10.3247H20.8686L20.2126 12.5797L19.5511 10.3247H18.378L19.722 14.1015H20.6868L21.3108 12.0454L21.9294 14.1015H22.8997L24.2436 10.3247H23.0705H23.0713ZM25.9261 13.1795H25.9237C25.508 13.1795 25.2163 12.9284 25.0915 12.5961H27.9159C27.9385 12.4713 27.9502 12.3434 27.9502 12.2139C27.9502 11.1734 27.21 10.2241 25.9261 10.2233V11.2482C26.3442 11.249 26.6328 11.5002 26.7568 11.8317H23.9363C23.9137 11.9565 23.902 12.0844 23.902 12.2139C23.902 13.2552 24.643 14.2052 25.923 14.2052H25.9253V13.1795H25.9261Z" fill="#1D1C1C"/><path d="M25.9237 14.2044C25.9674 14.2044 26.0103 14.2029 26.0524 14.2013C26.3122 14.188 26.5485 14.135 26.7591 14.05C26.9697 13.965 27.1546 13.8472 27.3114 13.7052C27.4673 13.5644 27.5983 13.3982 27.699 13.2138C27.7903 13.0469 27.8574 12.8667 27.8995 12.6787H26.7225C26.6983 12.7287 26.6702 12.777 26.6382 12.8215C26.5945 12.8831 26.5431 12.9385 26.4846 12.9861C26.4261 13.0344 26.3605 13.075 26.2888 13.1062C26.217 13.1374 26.1382 13.1592 26.0532 13.1709C26.0119 13.1764 25.969 13.1795 25.9245 13.1795C25.6601 13.1795 25.4456 13.0773 25.2919 12.9174L24.5268 13.6912C24.8668 14.0055 25.3387 14.2036 25.9237 14.2036V14.2044Z" fill="#1D1C1C"/><path d="M25.9237 10.2225C24.838 10.2225 24.1399 10.9058 23.9535 11.7482H25.1266C25.267 11.4581 25.5431 11.2475 25.9237 11.2475C26.2272 11.2475 26.4627 11.3785 26.6164 11.5766L27.3886 10.7958C27.0438 10.4464 26.5477 10.2225 25.9245 10.2225H25.9237Z" fill="#1D1C1C"/><path d="M17.3927 16.431C17.3069 16.431 17.2367 16.3608 17.2367 16.275V8.16296C17.2367 8.07716 17.3069 8.00696 17.3927 8.00696C17.4785 8.00696 17.5487 8.07716 17.5487 8.16296V16.275C17.5487 16.3608 17.4785 16.431 17.3927 16.431Z" fill="#1D1C1C"/></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>

                </li><li class="list-payment__item">
                  <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
                </li></ul>
          </div></div>
    </div>
    <div class="footer__content-bottom-wrapper page-width">
      <div class="footer__copyright caption">
        <small class="copyright__content"
          >&copy; 2026, <a href="/" title="">Johns Art &amp; Design</a></small>
        <small class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a></small></div>
    </div>
  </div>
</footer>


</div>
<!-- END sections: footer-group -->

    <ul hidden>
      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
      <li id="a11y-new-window-message">Opens in a new window.</li>
    </ul>

    <script>
      window.shopUrl = 'https://johnsart.ca';
      window.routes = {
        cart_add_url: '/cart/add',
        cart_change_url: '/cart/change',
        cart_update_url: '/cart/update',
        cart_url: '/cart',
        predictive_search_url: '/search/suggest',
      };

      window.cartStrings = {
        error: `There was an error while updating your cart. Please try again.`,
        quantityError: `You can only add [quantity] of this item to your cart.`,
      };

      window.variantStrings = {
        addToCart: `Add to cart`,
        soldOut: `Sold out`,
        unavailable: `Unavailable`,
        unavailable_with_option: `[value] - Unavailable`,
      };

      window.quickOrderListStrings = {
        itemsAdded: `[quantity] items added`,
        itemAdded: `[quantity] item added`,
        itemsRemoved: `[quantity] items removed`,
        itemRemoved: `[quantity] item removed`,
        viewCart: `View cart`,
        each: `[money]/ea`,
        min_error: `This item has a minimum of [min]`,
        max_error: `This item has a maximum of [max]`,
        step_error: `You can only add this item in increments of [step]`,
      };

      window.accessibilityStrings = {
        imageAvailable: `Image [index] is now available in gallery view`,
        shareSuccess: `Link copied to clipboard`,
        pauseSlideshow: `Pause slideshow`,
        playSlideshow: `Play slideshow`,
        recipientFormExpanded: `Gift card recipient form expanded`,
        recipientFormCollapsed: `Gift card recipient form collapsed`,
        countrySelectorSearchCount: `[count] countries/regions found`,
      };
    </script><script src="//johnsart.ca/cdn/shop/t/3/assets/predictive-search.js?v=162273246065392412141721610962" defer="defer"></script></body>
</html>
