<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
    <meta content="width=device-width,initial-scale=1" name="viewport" />
    <link rel="canonical" href="https://cover.works/" />

    <title>cover.works</title>

    
<meta name="description" content="clothing, canvas, ceramics - whatever - we've got it covered!" />
<meta property="og:site_name" content="cover.works" />
<meta property="og:url" content="https://cover.works/" />
<meta property="og:description" content="clothing, canvas, ceramics - whatever - we've got it covered!" />





<meta property="og:title" content="cover.works" />
<meta property="og:type" content="website" />


  <meta property="og:image" content="https://imgproxy.fourthwall.com/doG4qKfiD38a8MJIUO7bbzC4VqVVtcR3C06gLU0RXSo/w:1200/sm:1/enc/edTJ-RcK_U8solvq/9TFSJrp6t9h3Wxj5/JB1pZp0CmcTNyupC/C2u-NtT0cZYRkcKO/ZbmND1jJRU32OUPV/6KiezieAEf3kwZSX/MlHjBJFMaeBg260O/HNceTGiyoFKYp_z4/-jVXzcLOCthCwpJ3/VYzE4vpJ61JKgXHs/axjseqK8B2_qwa_d/aLs7rz8167LK3r_Y/x8iDkeD94IMfS2Fq/aBjh-90baTjOW_Pm/n7Zc_OIlulhD_vME/92xF3vKvqrRmRydE.png" />
  <meta property="og:image:secure_url" content="https://imgproxy.fourthwall.com/doG4qKfiD38a8MJIUO7bbzC4VqVVtcR3C06gLU0RXSo/w:1200/sm:1/enc/edTJ-RcK_U8solvq/9TFSJrp6t9h3Wxj5/JB1pZp0CmcTNyupC/C2u-NtT0cZYRkcKO/ZbmND1jJRU32OUPV/6KiezieAEf3kwZSX/MlHjBJFMaeBg260O/HNceTGiyoFKYp_z4/-jVXzcLOCthCwpJ3/VYzE4vpJ61JKgXHs/axjseqK8B2_qwa_d/aLs7rz8167LK3r_Y/x8iDkeD94IMfS2Fq/aBjh-90baTjOW_Pm/n7Zc_OIlulhD_vME/92xF3vKvqrRmRydE.png" />
  <meta property="twitter:image" content="https://imgproxy.fourthwall.com/doG4qKfiD38a8MJIUO7bbzC4VqVVtcR3C06gLU0RXSo/w:1200/sm:1/enc/edTJ-RcK_U8solvq/9TFSJrp6t9h3Wxj5/JB1pZp0CmcTNyupC/C2u-NtT0cZYRkcKO/ZbmND1jJRU32OUPV/6KiezieAEf3kwZSX/MlHjBJFMaeBg260O/HNceTGiyoFKYp_z4/-jVXzcLOCthCwpJ3/VYzE4vpJ61JKgXHs/axjseqK8B2_qwa_d/aLs7rz8167LK3r_Y/x8iDkeD94IMfS2Fq/aBjh-90baTjOW_Pm/n7Zc_OIlulhD_vME/92xF3vKvqrRmRydE.png" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="cover.works" />
<meta name="twitter:description" content="clothing, canvas, ceramics - whatever - we've got it covered!" />

    
    <link rel="shortcut icon" href="https://imgproxy.fourthwall.com/5sy6CS8BE2TG0TiP17qGbeM8FUCWgCtNZbTMy9O-E_4/rs:fill:192:192/bg:000000/sm:1/enc/OJhBuEmc7S2SthdZ/_OEMZZv1Y5QmqYEU/6ltc_x7LnEfeBeBe/oEBLj1b74vQNrxw0/ztKgE8dfXTAyjBGy/MCSnYDx8X65UJER0/lA49BRflkU2mtyka/d4k2KMGmUWcWslG1/s-B2Bw0Y2MZox5c1/8auhDXLfHTCAk0VA/eQLFjU57bBSrASE4/OuHVRqBq8Uy4d83T.png" sizes="96x96" type="image/png" />
<link rel="shortcut icon" href="https://imgproxy.fourthwall.com/5sy6CS8BE2TG0TiP17qGbeM8FUCWgCtNZbTMy9O-E_4/rs:fill:192:192/bg:000000/sm:1/enc/OJhBuEmc7S2SthdZ/_OEMZZv1Y5QmqYEU/6ltc_x7LnEfeBeBe/oEBLj1b74vQNrxw0/ztKgE8dfXTAyjBGy/MCSnYDx8X65UJER0/lA49BRflkU2mtyka/d4k2KMGmUWcWslG1/s-B2Bw0Y2MZox5c1/8auhDXLfHTCAk0VA/eQLFjU57bBSrASE4/OuHVRqBq8Uy4d83T.png" sizes="48x48" type="image/png" />


  <link rel="apple-touch-icon" href="https://imgproxy.fourthwall.com/5sy6CS8BE2TG0TiP17qGbeM8FUCWgCtNZbTMy9O-E_4/rs:fill:192:192/bg:000000/sm:1/enc/OJhBuEmc7S2SthdZ/_OEMZZv1Y5QmqYEU/6ltc_x7LnEfeBeBe/oEBLj1b74vQNrxw0/ztKgE8dfXTAyjBGy/MCSnYDx8X65UJER0/lA49BRflkU2mtyka/d4k2KMGmUWcWslG1/s-B2Bw0Y2MZox5c1/8auhDXLfHTCAk0VA/eQLFjU57bBSrASE4/OuHVRqBq8Uy4d83T.png" sizes="180x180" type="image/png" />


<meta content="#ffffff" name="msapplication-TileColor" />
<meta content="1.0.0" name="version" />


    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.com/themes-library/assets/9aa8ac93-1901-4a69-971b-cccccdfeeba4/assets/vendor.css?v=b7fdac61a90ad1e625b76fc6f1342182af70842cac88754be5a33627c4de548e" media="all" />

    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.com/themes/assets/0967c0c8-6352-4951-a881-f26cf2f3b88c/assets/styles/css-variables.scss.css?v=30aee8a5d47cc7d0e84994aa827999d945c5d3331e8c309548aa2d3d3f6dbc37" media="all" />
    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.com/themes/assets/0967c0c8-6352-4951-a881-f26cf2f3b88c/assets/styles/theme.scss.css?v=dde1bce8d01bb93b80a87939886c4476293e76e50bbd882a65d5cdc5b3784580" media="all" />
    
    <link rel="preconnect" href="https://imgproxy.fourthwall.com" crossorigin>
<link rel="preconnect" href="https://storage.googleapis.com" crossorigin>
<script src="/platform/geo/redirect.js"></script>
<script src="https://js.stripe.com/v3/" async></script>
<link rel="alternate" href="https://cover.works/" hreflang="x-default" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-AQ" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-AS" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-BQ" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-EC" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-FM" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-GU" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-IO" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-MH" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-MP" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-PR" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-PW" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-SV" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-TC" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-UM" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-US" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-VG" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-VI" />
<link rel="alternate" href="https://cover.works/en-usd/" hreflang="en-ZW" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-AD" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-AT" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-AX" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-BE" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-BG" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-BL" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-CY" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-DE" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-EE" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-ES" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-FI" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-FR" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-GF" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-GP" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-GR" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-HR" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-IE" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-IT" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-LT" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-LU" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-LV" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-MC" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-ME" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-MF" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-MQ" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-MT" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-NL" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-PM" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-PT" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-RE" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-SI" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-SK" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-SM" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-TF" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-VA" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-YT" />
<link rel="alternate" href="https://cover.works/en-eur/" hreflang="en-XK" />
<link rel="alternate" href="https://cover.works/en-cad/" hreflang="en-CA" />
<link rel="alternate" href="https://cover.works/en-gbp/" hreflang="en-GB" />
<link rel="alternate" href="https://cover.works/en-gbp/" hreflang="en-GG" />
<link rel="alternate" href="https://cover.works/en-gbp/" hreflang="en-GS" />
<link rel="alternate" href="https://cover.works/en-gbp/" hreflang="en-IM" />
<link rel="alternate" href="https://cover.works/en-gbp/" hreflang="en-JE" />
<link rel="alternate" href="https://cover.works/en-aud/" hreflang="en-AU" />
<link rel="alternate" href="https://cover.works/en-aud/" hreflang="en-CC" />
<link rel="alternate" href="https://cover.works/en-aud/" hreflang="en-CX" />
<link rel="alternate" href="https://cover.works/en-aud/" hreflang="en-HM" />
<link rel="alternate" href="https://cover.works/en-aud/" hreflang="en-KI" />
<link rel="alternate" href="https://cover.works/en-aud/" hreflang="en-NF" />
<link rel="alternate" href="https://cover.works/en-aud/" hreflang="en-NR" />
<link rel="alternate" href="https://cover.works/en-aud/" hreflang="en-TV" />
<link rel="alternate" href="https://cover.works/en-nzd/" hreflang="en-CK" />
<link rel="alternate" href="https://cover.works/en-nzd/" hreflang="en-NU" />
<link rel="alternate" href="https://cover.works/en-nzd/" hreflang="en-NZ" />
<link rel="alternate" href="https://cover.works/en-nzd/" hreflang="en-PN" />
<link rel="alternate" href="https://cover.works/en-nzd/" hreflang="en-TK" />
<link rel="alternate" href="https://cover.works/en-sek/" hreflang="en-SE" />
<link rel="alternate" href="https://cover.works/en-nok/" hreflang="en-BV" />
<link rel="alternate" href="https://cover.works/en-nok/" hreflang="en-NO" />
<link rel="alternate" href="https://cover.works/en-nok/" hreflang="en-SJ" />
<link rel="alternate" href="https://cover.works/en-dkk/" hreflang="en-DK" />
<link rel="alternate" href="https://cover.works/en-dkk/" hreflang="en-FO" />
<link rel="alternate" href="https://cover.works/en-dkk/" hreflang="en-GL" />
<link rel="alternate" href="https://cover.works/en-pln/" hreflang="en-PL" />
<link rel="alternate" href="https://cover.works/en-inr/" hreflang="en-IN" />
<link rel="alternate" href="https://cover.works/en-jpy/" hreflang="en-JP" />
<link rel="alternate" href="https://cover.works/en-myr/" hreflang="en-MY" />
<link rel="alternate" href="https://cover.works/en-sgd/" hreflang="en-SG" />
<link rel="alternate" href="https://cover.works/en-mxn/" hreflang="en-MX" />
<link rel="alternate" href="https://cover.works/en-brl/" hreflang="en-BR" />
<link rel="alternate" href="https://cover.works/en-chf/" hreflang="en-CH" />
<link rel="alternate" href="https://cover.works/en-chf/" hreflang="en-LI" />
<script src="https://www.google.com/recaptcha/enterprise.js?render=6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt" async></script>
<script>window.recaptchaSiteKey = '6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt';</script>
<style>
  .grecaptcha-badge { display: none !important; }
</style>
<script type='module' src="https://cdn.fourthwall.com/web-perf/instant.js" defer></script>
<script>
  window.shopName = 'cover.works';
  window.shopId = 'sh_38de4aff-2ae8-4ef5-b14c-ac86642a91e8';
  window.cookie_policy = 'ShowInEu';
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'/_c/mtg.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PV2BBNN');</script>
<!-- End Google Tag Manager -->
<script>window.creatorGa4Id = 'G-PPZCR8TYEX'; window.creatorFbPixelId = ''; window.creatorTiktokAnalyticsId = ''; window.creatorKlaviyoAnalyticsId = ''; window.useServerAnalytics = false;</script>
<script>
  (function () {
    function setCookie(name, value, days) {
      if (typeof days === 'undefined') days = 90;
      var expires = new Date(Date.now() + days * 86400000).toUTCString();
      document.cookie = encodeURIComponent(name) + '=' + encodeURIComponent(value.substring(0, 200)) + '; expires=' + expires + '; path=/';
    }
  
    function getCookie(name) {
      var cookies = document.cookie.split('; ');
      for (var i = 0; i < cookies.length; i++) {
        if (cookies[i].indexOf(name + '=') === 0) {
          return cookies[i].split('=')[1];
        }
      }
      return null;
    }
  
    function handleTrackingParams() {
      var params = window.location.search.substring(1).split('&');
      var paramMap = {};
  
      for (var i = 0; i < params.length; i++) {
        var kv = params[i].split('=');
        if (kv.length === 2) {
          paramMap[decodeURIComponent(kv[0])] = decodeURIComponent(kv[1]);
        }
      }
  
      if (!getCookie('_fbp')) {
        var randomPart = Math.floor(Math.random() * 10000000000);
        var fbp = 'fb.1.' + Date.now() + '.' + randomPart;
        setCookie('_fbp', fbp);
      }
  
      for (var key in paramMap) {
        if (paramMap.hasOwnProperty(key)) {
          var value = paramMap[key];
          var isUTM = key.indexOf('utm_') === 0;
          
          if(key === 'utm_source' && getCookie('utm_source') === 'fourthwall_ads') {
            continue;
          }
  
          if (isUTM || key === 'gclid' || key === 'fbclid') {
            setCookie(key, value);
          }
  
          if (key === 'fbclid' && !getCookie('_fbc')) {
            var fbc = 'fb.1.' + Date.now() + '.' + value;
            setCookie('_fbc', fbc);
          }
        }
      }
    }
  
    handleTrackingParams();
  })();
</script>
<script type='text/javascript'>var eventsListenerScript = document.createElement('script');eventsListenerScript.async = true;eventsListenerScript.src = "https://cdn.fourthwall.com/shop-event-listener/shop-events-listener.js";document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);</script>
<meta name='theme-color' content='#FFFFFF' />
<meta name="google-site-verification" content="13W-vdB4BavrrkPy9D_X3LLw2ikvsdgUddqYtojZIfE" />
<link rel="stylesheet" type="text/css" href="https://themes.fourthwall.com/themes/assets/0967c0c8-6352-4951-a881-f26cf2f3b88c/assets/styles/custom_sections.css?v=337bf1eb65838911382e4cd68fd2e081dc2059b979bc8975c4adeac51ae052ba" media="all">
<link rel="prefetch" href="https://cdn.fourthwall.com/express-checkout/v0.1.0/index.iife.js" as="script">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"cover.works","description":"clothing, canvas, ceramics - whatever - we've got it covered!","url":"https://cover.works","logo":"https://cdn.fourthwall.com/shops/sh_38de4aff-2ae8-4ef5-b14c-ac86642a91e8/themes/f971c5cb-511c-4060-bc7d-c6d484ae6d85_logo_72981ba1137c.png"}</script>
<script type="module">
  function iframeReady(section, iframe, url, appId, settings) {
    const baseIframeUrl = url;
  
    function buildUrl(url, params) {
      if (!params) return url;
      var qs = Object.keys(params)
        .map((k) => encodeURIComponent(k) + '=' + encodeURIComponent(params[k]))
        .join('&');
      return url + (url.includes('?') ? '&' : '?') + qs + '&' + settings;
    }
  
    const params = {
      hmac: window.appHmac[appId],
      timestamp: window.hmacTimestamp,
      tier_id: window.tierId,
      supporter_id: window.supporterId,
      shop_id: window.shopId,
    };
  
    iframe.src = buildUrl(baseIframeUrl, window.appHmac[appId] ? params : null);
    iframe.onload = null
  
    // Extract origin from URL for security checking
    let expectedOrigin;
    try {
      expectedOrigin = new URL(url).origin;
    } catch (e) {
      console.warn('Could not parse URL origin:', url);
    }
  
    // Listen for messages specifically from this iframe
    const messageHandler = (event) => {
      // Check if the message is from this specific iframe
      if (event.source !== iframe.contentWindow) {
        return; // Ignore messages from other iframes/windows
      }
  
      // Optional: Also verify the origin for security
      if (expectedOrigin && event.origin !== expectedOrigin) {
        console.warn('Message received from unexpected origin:', event.origin);
        return;
      }
      
      if (event.data.type === 'RESIZE') {
        iframe.style.height = event.data.data.height + 'px';
      } else if (event.data.type === 'CLOSE') {
        section.style.height = '0px';
      }
    };
  
    window.addEventListener('message', messageHandler);
    
    // Store the handler for cleanup (optional)
    iframe._messageHandler = messageHandler;
  }
  
  class Hmac extends HTMLElement {
    constructor() {
      super()
      this.section = this.parentElement.parentElement;
      this.iframe = this.querySelector('iframe')
      this.url = this.getAttribute('url')
      this.appId = this.getAttribute('app_id')
      this.settings = this.getAttribute('settings')
    }
  
    connectedCallback() {
      if (this.iframe && this.iframe.contentDocument && this.iframe.contentDocument.readyState === 'complete') {
        iframeReady(this.section, this.iframe, this.url, this.appId, this.settings)
      } else {
        this.iframe.onload = () => iframeReady(this.section, this.iframe, this.url, this.appId, this.settings)
      }
    }
  
    disconnectedCallback() {
      if (this.iframe && this.iframe._messageHandler) {
        window.removeEventListener('message', this.iframe._messageHandler);
        delete this.iframe._messageHandler;
      }
    }
  }
  
  customElements.define('app-hmac-component', Hmac)
</script>

  </head>

  
  

  

  <body class="body index "  >
 <!-- Google Tag Manager (noscript) -->
<noscript><iframe src='/_c/ns.html?id=GTM-PV2BBNN'
height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

    <div class="page">
      <header class="page__header">
        <div id="fw-section-header" class="fw-section"><div
  data-testid='main.single.section'
  class='header '
>
  <div class='wrapper container'>
    <div class='header__grid header__grid--search header--top-center header__size--lg'>
      <div class='header__mobile-menu hidden@sm'>
        <button data-drawer-trigger-primary='mobile-menu' class='header__icon'>
          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Hamburger</title>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M16 3.75H0V2.25H16V3.75ZM16 8.75H0V7.25H16V8.75ZM16 13.75H0V12.25H16V13.75Z" fill="currentColor"/>
</svg>

        </button>
      </div>

      

      <div class='header__logo-container'>
        
          <h1 class='header__logo'>
        

        <a href='/' class='header__logo-link'>
          
          
  

  <img
    src="https://imgproxy.fourthwall.com/9p6niyjIsRZbtTJ5N4ZFLtg0mSNYWHoZYfU2CWH76GM/w:320/sm:1/enc/DWkK_d1ZMvEgW3FL/CufOO_AfrQac21gx/_RdUm06WlbfZ35Yy/9r56HR-qM9X027Oy/pqbppAjDU2JkpiEE/uOy7zSwL36KqWavJ/3AztQJAkTQphMcN0/Gfuq0RjYeu2689el/K0nQKOK7uXmm0LGn/PWuqUbrKHM8JkTmi/Xkr5UDm2tl3hGLn8/7Bwjw3XUrUCgzhAP/obHOnP5z7r7nZ6k0/cVlR2QjkdrcuX9iA/s3_XJr3BZ8mf838F/i4kPwPaSUqd7s9M3"
    srcset="https://imgproxy.fourthwall.com/9p6niyjIsRZbtTJ5N4ZFLtg0mSNYWHoZYfU2CWH76GM/w:320/sm:1/enc/DWkK_d1ZMvEgW3FL/CufOO_AfrQac21gx/_RdUm06WlbfZ35Yy/9r56HR-qM9X027Oy/pqbppAjDU2JkpiEE/uOy7zSwL36KqWavJ/3AztQJAkTQphMcN0/Gfuq0RjYeu2689el/K0nQKOK7uXmm0LGn/PWuqUbrKHM8JkTmi/Xkr5UDm2tl3hGLn8/7Bwjw3XUrUCgzhAP/obHOnP5z7r7nZ6k0/cVlR2QjkdrcuX9iA/s3_XJr3BZ8mf838F/i4kPwPaSUqd7s9M3 1x, https://imgproxy.fourthwall.com/pw7zlTE4bvSUklXfYpvf94kVZ8fr3WZel0pLwL3BR5A/w:320/dpr:2/sm:1/enc/DWkK_d1ZMvEgW3FL/CufOO_AfrQac21gx/_RdUm06WlbfZ35Yy/9r56HR-qM9X027Oy/pqbppAjDU2JkpiEE/uOy7zSwL36KqWavJ/3AztQJAkTQphMcN0/Gfuq0RjYeu2689el/K0nQKOK7uXmm0LGn/PWuqUbrKHM8JkTmi/Xkr5UDm2tl3hGLn8/7Bwjw3XUrUCgzhAP/obHOnP5z7r7nZ6k0/cVlR2QjkdrcuX9iA/s3_XJr3BZ8mf838F/i4kPwPaSUqd7s9M3 2x"
    alt="cover.works"
    class="header__logo-image header__logo-image--lg"
    itemprop="logo"
  >


        </a>

        
          </h1>
        
      </div>

      
        <div class='header__nav-container visible@sm'>
          <nav class='header__nav'>
            <ul class='header__list list--horizontal'>
              
  <li class="header__list-item">
    <a
      href="/"
      class="header__link"
    >
      Home

      
    </a>

    
  </li>

  <li class="header__list-item">
    <a
      href="/collections/all"
      class="header__link"
    >
      Browse all

      
    </a>

    
  </li>

            </ul>
          </nav>
        </div>
      

      <div class='header__icons'>
        <ul class='header__list list list--horizontal'>
          

          


          
            <li class='header__list-item visible@sm'>
              <a class='header__link header__link--icon' tabindex='0'>
                USD

                
                  <span class='header__link-icon'>
                    <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  <title>Chevron Bottom</title>
  <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/>
</svg>

                  </span>
                
              </a>

              
                <div class='header__dropdown header__dropdown--content'>
                  <ul class='header__dropdown-inner'>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=USD&return_to=/'
                        >
                          USD
                        </a>
                      </li>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=EUR&return_to=/'
                        >
                          EUR
                        </a>
                      </li>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=CAD&return_to=/'
                        >
                          CAD
                        </a>
                      </li>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=GBP&return_to=/'
                        >
                          GBP
                        </a>
                      </li>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=AUD&return_to=/'
                        >
                          AUD
                        </a>
                      </li>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=NZD&return_to=/'
                        >
                          NZD
                        </a>
                      </li>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=SEK&return_to=/'
                        >
                          SEK
                        </a>
                      </li>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=NOK&return_to=/'
                        >
                          NOK
                        </a>
                      </li>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=DKK&return_to=/'
                        >
                          DKK
                        </a>
                      </li>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=PLN&return_to=/'
                        >
                          PLN
                        </a>
                      </li>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=INR&return_to=/'
                        >
                          INR
                        </a>
                      </li>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=JPY&return_to=/'
                        >
                          JPY
                        </a>
                      </li>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=MYR&return_to=/'
                        >
                          MYR
                        </a>
                      </li>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=SGD&return_to=/'
                        >
                          SGD
                        </a>
                      </li>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=MXN&return_to=/'
                        >
                          MXN
                        </a>
                      </li>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=BRL&return_to=/'
                        >
                          BRL
                        </a>
                      </li>
                    
                      <li class='header__dropdown-item'>
                        <a
                          class='header__dropdown-link'
                          href='/localization?currency=CHF&return_to=/'
                        >
                          CHF
                        </a>
                      </li>
                    
                  </ul>
                </div>
              
            </li>
          

          
            <li class='header__list-item'>
              <button class='header__icon' aria-label='Search' type='button' data-search-toggle>
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.37079C0 2.8523 2.8523 0 6.37079 0C9.88927 0 12.7416 2.8523 12.7416 6.37079C12.7416 7.85977 12.2308 9.22945 11.3748 10.3141L15.7803 14.7197L14.7197 15.7803L10.3141 11.3748C9.22945 12.2308 7.85977 12.7416 6.37079 12.7416C2.8523 12.7416 0 9.88927 0 6.37079ZM6.37079 1.5C3.68073 1.5 1.5 3.68073 1.5 6.37079C1.5 9.06085 3.68073 11.2416 6.37079 11.2416C9.06085 11.2416 11.2416 9.06085 11.2416 6.37079C11.2416 3.68073 9.06085 1.5 6.37079 1.5Z" fill="currentColor"/>
</svg>

              </button>
            </li>
          

          

          <li class='header__list-item'>
            <a
              href='/cart'
              class='header__icon'
            >
              <div 
  data-cart-widget="widget"
  data-testid="cart.icon"
  class="cart-widget cart-widget--icons empty"
>
  
    <span data-cart-widget="quantity" class="cart-widget__items"></span>
    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Cart</title>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99999 1.5C7.40211 1.5 6.83677 1.72464 6.4264 2.11207C6.0175 2.49812 5.79646 3.0122 5.79646 3.53846V4.46154H10.2035V3.53846C10.2035 3.0122 9.98249 2.49812 9.57359 2.11207C9.16322 1.72464 8.59788 1.5 7.99999 1.5ZM11.7035 4.46154V3.53846C11.7035 2.58564 11.3022 1.68119 10.6033 1.02137C9.90591 0.362928 8.96875 0 7.99999 0C7.03123 0 6.09408 0.362928 5.39666 1.02137C4.69777 1.68119 4.29646 2.58564 4.29646 3.53846V4.46154H2.96808C2.09126 4.46154 1.34979 5.11042 1.23353 5.97949L0.15814 14.018C0.0177587 15.0673 0.833995 16 1.89269 16H14.1073C15.166 16 15.9822 15.0673 15.8419 14.018L14.7665 5.97949C14.6502 5.11042 13.9087 4.46154 13.0319 4.46154H11.7035ZM2.96808 5.96154C2.84282 5.96154 2.73689 6.05424 2.72028 6.17839L1.64489 14.2169C1.62484 14.3668 1.74145 14.5 1.89269 14.5H14.1073C14.2586 14.5 14.3752 14.3668 14.3551 14.2169L13.2797 6.17839C13.2631 6.05424 13.1572 5.96154 13.0319 5.96154H2.96808Z" fill="currentColor"/>
</svg>

  
</div>
            </a>
          </li>
        </ul>
      </div>
    </div>
    
      <search-header>
        <div class='search-header'>
  <div class='search-header__inner'>
    <form class='search-header__form' action='/search' method='get'>
      <button type='submit' class='search-header__button' aria-label='Search'>
        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.37079C0 2.8523 2.8523 0 6.37079 0C9.88927 0 12.7416 2.8523 12.7416 6.37079C12.7416 7.85977 12.2308 9.22945 11.3748 10.3141L15.7803 14.7197L14.7197 15.7803L10.3141 11.3748C9.22945 12.2308 7.85977 12.7416 6.37079 12.7416C2.8523 12.7416 0 9.88927 0 6.37079ZM6.37079 1.5C3.68073 1.5 1.5 3.68073 1.5 6.37079C1.5 9.06085 3.68073 11.2416 6.37079 11.2416C9.06085 11.2416 11.2416 9.06085 11.2416 6.37079C11.2416 3.68073 9.06085 1.5 6.37079 1.5Z" fill="currentColor"/>
</svg>

      </button>
      <input
        type='search'
        name='q'
        class='search-header__input'
        placeholder='Search'
        aria-label='Search'
        autocomplete='off'
      >
      <button class='search-header__button' type='button' aria-label='Close search'>
        <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Close</title>
  <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/>
</svg>

      </button>
    </form>
  </div>
</div>

      </search-header>
    
  </div>
</div>

<aside 
  data-drawer="mobile-menu" 
  class="drawer hidden@sm"
>
  <div class="drawer__background" data-drawer-trigger-primary="mobile-menu"></div>
  <div class="drawer__content drawer__content--small mobile-menu">
    <div class="mobile-menu__section mobile-menu__section--header">
      <a href="#" class="mobile-menu__close" data-drawer-trigger-primary="mobile-menu">
        <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Close</title>
  <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/>
</svg>

      </a>
    </div>
    <div class="mobile-menu__section mobile-menu__section--body">
      <div class="mobile-menu__nav">
        <ul class="mobile-menu__list">
          
            <li class="mobile-menu__list-item">
              
                <a
                  href="/"
                  class="mobile-menu__link"
                >
                  Home
                </a>
              

              
            </li>
          
            <li class="mobile-menu__list-item">
              
                <a
                  href="/collections/all"
                  class="mobile-menu__link"
                >
                  Browse all
                </a>
              

              
            </li>
          

          
            <li class="mobile-menu__list-item">
              <a for="input-drawer" class="mobile-menu__link" data-accordion="trigger">
                USD

                
                  <div class="mobile-menu__link-icon">
                    <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  <title>Chevron Bottom</title>
  <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/>
</svg>

                  </div>
                
              </a>

              
                <div class="mobile-menu__dropdown mobile-menu__dropdown--content">
                  <ul class="mobile-menu__dropdown-inner">
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=USD&return_to=/">
                          USD
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=EUR&return_to=/">
                          EUR
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=CAD&return_to=/">
                          CAD
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=GBP&return_to=/">
                          GBP
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=AUD&return_to=/">
                          AUD
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=NZD&return_to=/">
                          NZD
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=SEK&return_to=/">
                          SEK
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=NOK&return_to=/">
                          NOK
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=DKK&return_to=/">
                          DKK
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=PLN&return_to=/">
                          PLN
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=INR&return_to=/">
                          INR
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=JPY&return_to=/">
                          JPY
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=MYR&return_to=/">
                          MYR
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=SGD&return_to=/">
                          SGD
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=MXN&return_to=/">
                          MXN
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=BRL&return_to=/">
                          BRL
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=CHF&return_to=/">
                          CHF
                        </a>
                      </li>
                    
                  </ul>
                </div>
              
            </li>
          
        </ul>
      </div>
    </div>
    <div class="mobile-menu__section mobile-menu__section--socials">
      <div class="mobile-menu__list-social">
        <ul class="mobile-menu__socials">
          



        </ul>
      </div>
    </div>
  </div>
</aside>

<script>
  const currencyData = {
    locale: 'en-US',
    currency: 'USD',
  }
</script>



</div>
      </header>

      <div class="page__main">
        <div class="main">
  <div class="main__sections" data-testid="main.sections">
    <div id="fw-section-featured-collection-1737296805" class="fw-section">

<style>
  .section-fw-section-featured-collection-1737296805-padding {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  @media screen and (min-width: 640px) {
    .section-fw-section-featured-collection-1737296805-padding {
      padding-top: 48px;
      padding-bottom: 48px;
    }
  }
</style>

<section data-section-id="fw-section-featured-collection-1737296805" data-testid="main.single.section" class="featured-collection featured-collection--fw-section-featured-collection-1737296805 section-fw-section-featured-collection-1737296805-padding">
  <div class="collection">
    <div class="section-background"></div>

    <div class="collection__inner">
      <div class="wrapper container">
        
          <div class="section-header">
            
              <h2 class="section-header__heading">ghost.estate artwork</h2>
            

            
              <div class="section-header__cta visible@sm">
                <a href="/collections/ghost-estate" class="button button--secondary button--small">
                  View all
                </a>
              </div>
            
          </div>
        

        <div class="collection__grid">
          <div class="col-grid col-grid--product-gap col-grid--2-cols col-grid--3-cols@md">
            
              <div>
                <div class="product-tile" data-testid="product" data-product-available="true" data-id="fw-section-featured-collection-1737296805">
  <a href="/products/caoga-no-17" class="tile tile--zoom">
    <div class="tile__image">
      <div class="image image--background-color">
        <div class="image__badges">
          
          

          
        </div>

        <div class="image__object">
          
            
              
              
                
              
                
              
              
                
                
                
                  <img
                    src="https://imgproxy.fourthwall.com/mjkEdNVStvguxCOn-aAun-C9HFX8YB6mzugfyUqXrMA/w:720/sm:1/enc/IWXS60J4Y4M-acji/Zc3d5bCyosamnF2O/lrQL8e_fuzd6FVhd/8ZxXK8p3DcjtO1nG/BXIgcFpTwTjKRXGd/X5Wlz7ZEdMSydJ3l/TZKbLAid2tZjJ-JE/sSVFVcxWv1gPwh9K/BuvgAcCXnj0Wjt2m/cHoPv0ghBd-cXOaM/1r8OW-n0K49Mu5iJ/VEWNdF2zNHNmiDhM/ufFL-bsArLpGxeUA/mUdZHLYK5VAT1aUu/lKEcedgTQMs"
                    alt="Caoga No. 17 product image (2)"
                    class="tile__item tile__item--1"
                  >
                
                  <img
                    src="https://imgproxy.fourthwall.com/r1Kc8C1JtVC0dAY78JAS1Rv0-DRBTeU-P3ZUUCkmtso/w:720/sm:1/enc/rxnhSHoq7MDA9Lmu/3-0A_AgCbF24jZx2/MFfTCU6PUO4_06bG/5ZnEAYPHZDbAkvo0/GQnyEvQn6RglRXqR/ooFMvhIFNtoivyDj/cP7-gc4EoM3iR0q_/cf7QFgPlU1mNdodv/HK4n4cxobiyAi-yO/fkVKPDBTMNiyQN26/-rqXZAS1L_XNau3_/ZUGAx-YC8jImwBje/kER4EnRlx9Ohtyg4/xto0Yj4n_RNCAwd-/6xw67LZK-rI"
                    alt="Caoga No. 17 product image (3)"
                    class="tile__item tile__item--2"
                  >
                
              
            
          
        </div>
      </div>
    </div>
  
    <div class="tile__description tile__description--center">
      <h3 class="tile__heading">
        Caoga No. 17
      </h3>

      <div class="tile__prices">
        

        <span class="tile__price tile__price--original">
          $42.78
        </span>
      </div>
    </div>

    
      





<div class="tile__options tile__options--center">
  <div class="tile__option-color">
    
      
        
          
            
          
        
          
        
      
    
      
    
  </div>
</div>
    
  </a>
</div>

              </div>
            
              <div>
                <div class="product-tile" data-testid="product" data-product-available="true" data-id="fw-section-featured-collection-1737296805">
  <a href="/products/sacrifice-devotion-skull-art-t-shirt" class="tile tile--zoom">
    <div class="tile__image">
      <div class="image image--background-color">
        <div class="image__badges">
          
          

          
        </div>

        <div class="image__object">
          
            
              
              
                
              
                
              
              
                
                
                
                  <img
                    src="https://imgproxy.fourthwall.com/JOJB0FKxV5nHBC3lQNStdt3J_TehUYMYlP-9LK1AiAY/w:720/sm:1/enc/t83K18dRHQGwA1hp/gNqKpvZfBKc1JrXx/BrFQxgLJn9hNCtvS/GPH-vybs6_w7RHRJ/ccQOJY38nOyCbpbH/e_UFCJMeX4cmI9sx/Ak3F0MyKGVVjbFK1/Qu0wKVAaBrWIsKMn/SAD2EqwfoCpY6Y0c/2gZcPMlbQAu8weYY/miRhQ5bW0N9sZm4o/orA3SbeltWEJFqH8/-9T8UUiEaRPOM_dj/HPgJk0JMBpzrJbwD/Bh2rrfHLYJY"
                    alt="Sacrifice &amp; Devotion Skull Art T-Shirt product image (1)"
                    class="tile__item tile__item--1"
                  >
                
                  <img
                    src="https://imgproxy.fourthwall.com/ki97CO3pLK4vUZP6v6Rzv6IeGF6pbTkIdyYd4ZPP9Gk/w:720/sm:1/enc/jdgB2czAFiSDeHrr/6ltJIdAMA1S4vtf_/8mcHDmivIXIXmwbL/v_RHbkTCoOwVKIVa/AC4Rgn2HN4fuwRgU/Iq-ENmc_pg4F4F3g/LVrzeUOB2pcw1mIx/_aNZjx3Crv82kvcB/jqmfIysJg0n5yQxU/z_wNcWgVe-QkS3mm/ThczQ59o7rvPRw3H/-it4LIevOaUeql0e/w3BIayY8hnO2b9Q5/N0GaoYAnd-Rzk4bJ/7dLvkIhuzdE"
                    alt="Sacrifice &amp; Devotion Skull Art T-Shirt product image (2)"
                    class="tile__item tile__item--2"
                  >
                
              
            
          
        </div>
      </div>
    </div>
  
    <div class="tile__description tile__description--center">
      <h3 class="tile__heading">
        Sacrifice &amp; Devotion Skull Art T-Shirt
      </h3>

      <div class="tile__prices">
        

        <span class="tile__price tile__price--original">
          $18.00
        </span>
      </div>
    </div>

    
      





<div class="tile__options tile__options--center">
  <div class="tile__option-color">
    
      
        
          
            
          
        
          
        
      
    
      
    
  </div>
</div>
    
  </a>
</div>

              </div>
            
              <div>
                <div class="product-tile" data-testid="product" data-product-available="true" data-id="fw-section-featured-collection-1737296805">
  <a href="/products/unknown-tue" class="tile tile--zoom">
    <div class="tile__image">
      <div class="image image--background-color">
        <div class="image__badges">
          
          

          
        </div>

        <div class="image__object">
          
            
              
              
                
              
                
              
              
                
                
                
                  <img
                    src="https://imgproxy.fourthwall.com/M2Q6L-jenxHQ9tZTfs_tTYTEI-ghz2x9Y0Pc8AAZxHg/w:720/sm:1/enc/EnnhX5p-vEREeOOD/GvHXU1REDu9xkM75/sCMMrzHn5DY-yKeZ/K_KMGM6Y--1xevGx/AoLcxV4W0bhZiHJH/Fsxnrbj8zqeNf8kQ/N8gryTxF7X_e5vdM/HOn7wGXoETHMZcaS/-2JOXlar1KqCTIW8/LmuEXToIvtrjZcir/xIOzePBFHVaIG5To/a3DnQg_SUSlFjXHe/fvSnvLK85p-wuk7d/KyUOsnQdiGqRwBXh/VRDXFy_nZKI"
                    alt="Unknown Tue product image (1)"
                    class="tile__item tile__item--1"
                  >
                
                  <img
                    src="https://imgproxy.fourthwall.com/B-C4_FO5GTlByx8uiKAbM8fSRpndckupdF6ofjzwE1w/w:720/sm:1/enc/lw4pHCA5tUv8G157/RdpbDoAstxH5-1M6/wP3Q09Hve-Ar8iVj/CV-7znQSzloniyN1/Lj_PDGWxTEfIHHU4/9N8gSk8VfWkUwJOY/yWqYgqP-WtllpYHe/rUvS03zjtX6ES8o7/Hvq-IKdjfW6TEcME/SEo9aH8R7Iz6L0E3/_t69RDJ0UJWmzc7s/IxdovZa3oRAxuiYl/4h231F67OgSH-Acp/YmyPGazoui1VeFuP/h-gTo5v9icw"
                    alt="Unknown Tue product image (2)"
                    class="tile__item tile__item--2"
                  >
                
              
            
          
        </div>
      </div>
    </div>
  
    <div class="tile__description tile__description--center">
      <h3 class="tile__heading">
        Unknown Tue
      </h3>

      <div class="tile__prices">
        

        <span class="tile__price tile__price--original">
          $42.78
        </span>
      </div>
    </div>

    
      





<div class="tile__options tile__options--center">
  <div class="tile__option-color">
    
      
        
          
            
          
        
          
        
      
    
      
    
  </div>
</div>
    
  </a>
</div>

              </div>
            
              <div>
                <div class="product-tile" data-testid="product" data-product-available="true" data-id="fw-section-featured-collection-1737296805">
  <a href="/products/sunday-miscellany-715" class="tile tile--zoom">
    <div class="tile__image">
      <div class="image image--background-color">
        <div class="image__badges">
          
          

          
        </div>

        <div class="image__object">
          
            
              
              
                
              
                
              
              
                
                
                
                  <img
                    src="https://imgproxy.fourthwall.com/5ZIRmLub2n3O-tL-NShn0_DGbXo6hwHHT6KK3alE8SE/w:720/sm:1/enc/I0Aff0930H1H9yPA/aFCtF-l-faqpkpO1/ceY518Cei1oE2eqn/U9LpAfwJ3VutMsFI/mv_AEbhblqK1E66s/WA30tN2GhqpiJgXx/JnWwC3XUvJJAtev-/ShTZBbprONG5r9zd/HrgEcLV8O9f5hgod/aLi29s7jgTSMo1PV/0v-oxSRpFk_m-_WA/9iValDBj7TqTOWqe/mGBm9sCqHQRDiFZh/3mfV3JiK-3oORpCK/iagotIXhtM0"
                    alt="Sunday Miscellany 715 product image (1)"
                    class="tile__item tile__item--1"
                  >
                
                  <img
                    src="https://imgproxy.fourthwall.com/8aX4kM4mQNDrEoBXKpzT4ELuBixKNY3OBWWqrZiKwuA/w:720/sm:1/enc/4FJ1lqp4Qe2AMIGe/LrtZ4YXU00439_Fb/AmDV2dL31ueGf-jI/ltkHBU-58pZE4WuL/TDo_PpPIpC1o2NBH/BJxpnsYUh0cpWFR0/EAOZDhiKaA-nF9ta/6NEL0klEa5dZNvBG/cjOImRmyrwTvWrJp/lFfGpchdwID5gbqY/sa7PJ_mEFeqJYMqH/gRRDmoHy9G0Q_klC/M6_aW0us7TM4fJLM/S_FDwT6Gmfd8Ob1r/qJxdR0gSPe4"
                    alt="Sunday Miscellany 715 product image (3)"
                    class="tile__item tile__item--2"
                  >
                
              
            
          
        </div>
      </div>
    </div>
  
    <div class="tile__description tile__description--center">
      <h3 class="tile__heading">
        Sunday Miscellany 715
      </h3>

      <div class="tile__prices">
        

        <span class="tile__price tile__price--original">
          $42.78
        </span>
      </div>
    </div>

    
      





<div class="tile__options tile__options--center">
  <div class="tile__option-color">
    
      
        
          
            
          
        
          
        
      
    
      
    
  </div>
</div>
    
  </a>
</div>

              </div>
            
              <div>
                <div class="product-tile" data-testid="product" data-product-available="true" data-id="fw-section-featured-collection-1737296805">
  <a href="/products/deified" class="tile tile--zoom">
    <div class="tile__image">
      <div class="image image--background-color">
        <div class="image__badges">
          
          

          
        </div>

        <div class="image__object">
          
            
              
              
                
              
                
              
              
                
                
                
                  <img
                    src="https://imgproxy.fourthwall.com/_mwPNt8xd9crGt5xr7E6IWAzCcDgoJ-NlzV_r0iUGRM/w:720/sm:1/enc/UinMNNKo5dzuUN49/rfacvYXenN2ARK--/NvUxzj4RH1p9SU3v/eF9IqXTktaOuJWKZ/WF2tqo2QFgumSUWN/ORx34YEdbS4yDTgD/aZfAXth4TvSnMvrg/9xbE0Ob7J4MIdxcv/0f-1h3vrIgZfyxlD/EnoSc0siGjYgSUrJ/cKlxiC3xUH1oiYCy/T6bwfg8OvSJ1hWnX/8l7XTXNpdQyxLTAe/rS9GhkEGtOC2Gods/yO7v2fg0DMg"
                    alt="Deified product image (1)"
                    class="tile__item tile__item--1"
                  >
                
                  <img
                    src="https://imgproxy.fourthwall.com/Uw9UthPwAD_Bf6jFjDkBUpZaInAnPxcCBfkmVm_hK2I/w:720/sm:1/enc/dlsPLQnPXYSM6e45/QmAjzXiEQg7Usb8a/b76zSAmTpZud0sn2/EVLHNWl9sQX9Jjrr/dShdUkXIRwOQN4MQ/2vHJkdH9r49T3gp-/fPIVPvGzi4gniFVm/qBSI-Jbsm_5NAVyB/cI6zcijKKdSYyHP0/IkiYwrq8SSq2_eN5/XDVIJOsd1Y0u80Pw/ONTaGpgh7w_fiLTN/Sk5NkNthK5xLA4x3/SXE8hWwINmKdPXoo/Pc6y3c1oVS0"
                    alt="Deified product image (4)"
                    class="tile__item tile__item--2"
                  >
                
              
            
          
        </div>
      </div>
    </div>
  
    <div class="tile__description tile__description--center">
      <h3 class="tile__heading">
        Deified
      </h3>

      <div class="tile__prices">
        

        <span class="tile__price tile__price--original">
          $42.78
        </span>
      </div>
    </div>

    
      





<div class="tile__options tile__options--center">
  <div class="tile__option-color">
    
      
        
          
            
          
        
          
        
      
    
      
    
  </div>
</div>
    
  </a>
</div>

              </div>
            
              <div>
                <div class="product-tile" data-testid="product" data-product-available="true" data-id="fw-section-featured-collection-1737296805">
  <a href="/products/every-man-has-two-lives-framed" class="tile tile--zoom">
    <div class="tile__image">
      <div class="image image--background-color">
        <div class="image__badges">
          
          

          
        </div>

        <div class="image__object">
          
            
              
              
                
              
                
              
              
                
                
                
                  <img
                    src="https://imgproxy.fourthwall.com/lI-LsiMZDjkjx-h0Mfir1_7s11OuKGHJtjNrMo82rmM/w:720/sm:1/enc/kY2JX8LApNTYnajv/wvHi8Elxi8Hw6IYr/4JGkPckog8RG_9qC/qJ1J2cs9L3cgvNZW/hS67r0tEtf6MVyJZ/qf6j2WRkURSjmvDo/Y1EzQiOGkJwa7oaN/73W9BNT806bLZMhs/2tSrVSOFM1Z00nOL/WDsb2HrvvX0BsbQD/3ylNhyOVzf_Ys7We/mWFoXYcVjSKBhyLF/D2fcJ71eNo9R4u5a/bAF9e2YhQFgO3Vct/0StivykOy3Q"
                    alt="Every Man Has Two Lives (Framed) product image (1)"
                    class="tile__item tile__item--1"
                  >
                
                  <img
                    src="https://imgproxy.fourthwall.com/IQ54ZDRSyBvQwp6zIVUnebVF7nwoek8RbMKdtQkrshs/w:720/sm:1/enc/YyzdwWtlrSmgBA1C/bHjhLGq5S4Bv9E_L/zT7dxPR3rkmALwqm/73KlZKILAHwGinW4/6tITijPGkd2U3j7w/D28ltPMflWDUgFx2/62DGkYsusRAOXpUt/wMtEWf59migGgxU7/2kMjg2zdN9NbNWlo/wuAHLiK1gJZwncLh/HuO0PuPQWhIupzoq/2RW9VAdgZ0MlY1tB/j87eo4PtGLuNParv/OzqIhMCYBtFbRyoB/hk4f7gtNK_A"
                    alt="Every Man Has Two Lives (Framed) product image (2)"
                    class="tile__item tile__item--2"
                  >
                
              
            
          
        </div>
      </div>
    </div>
  
    <div class="tile__description tile__description--center">
      <h3 class="tile__heading">
        Every Man Has Two Lives (Framed)
      </h3>

      <div class="tile__prices">
        

        <span class="tile__price tile__price--original">
          $45.00
        </span>
      </div>
    </div>

    
      





<div class="tile__options tile__options--center">
  <div class="tile__option-color">
    
      
        
          
            
          
        
          
        
      
    
      
    
  </div>
</div>
    
  </a>
</div>

              </div>
            
          </div>
        </div>

        
          <div class="collection__cta-container hidden@sm">
            <div class="collection__cta">
              <a href="/collections/ghost-estate" class="button button--secondary button--small">
                View all
              </a>
            </div>
          </div>
        
      </div>
    </div>
  </div>
</section>


</div><div id="fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479" class="fw-section">

<style>
  .section-fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479-padding {
    padding-top: 53px;
    padding-bottom: 36px;
  }

  @media screen and (min-width: 640px) {
    .section-fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479-padding {
      padding-top: 70px;
      padding-bottom: 48px;
    }
  }
</style>

<section data-section-id="fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479" data-testid="main.single.section" class="featured-collection featured-collection--fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479 section-fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479-padding">
  <div class="collection">
    <div class="section-background"></div>

    <div class="collection__inner">
      <div class="wrapper container">
        
          <div class="section-header">
            
              <h2 class="section-header__heading">Crosshaven Collection</h2>
            

            
              <div class="section-header__cta visible@sm">
                <a href="/collections/crosshaven" class="button button--secondary button--small">
                  View all
                </a>
              </div>
            
          </div>
        

        <div class="collection__grid">
          <div class="col-grid col-grid--product-gap col-grid--2-cols col-grid--3-cols@md">
            
              <div>
                <div class="product-tile" data-testid="product" data-product-available="true" data-id="fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479">
  <a href="/products/crosshaven-sail-26-tee-ct05" class="tile tile--zoom">
    <div class="tile__image">
      <div class="image image--background-color">
        <div class="image__badges">
          
          

          
        </div>

        <div class="image__object">
          
            
              
              
                
                  
                  
                  
                  

                  
                    
                      
                      

                      

                      

                  <img
                    src="https://imgproxy.fourthwall.com/KOIRdeXEhghLO2GOlwDQnqDWMK0tazzx-9E7qCmu8HI/w:720/sm:1/enc/-tH4rbmwKBs_gm0a/_EJM7X6G7ONctXZC/yS9PWdYfVKTqJro1/oQZtlVNFrRsZr7i-/_IGpcABW4pC6Itvz/X0hGX9hpvyDzrxdK/DGkLt9ULdSWLfoN9/PEwIFaVIo06tPooI/oZRgNKz8EyGulyQu/w6VvxlkLwvxH212D/Fg1vk43dBzXkL3vd/EpkQ_xq0QIpfe4Kf/n9FwN0XQeqSabYcW/kGecpuhKEs2AIZQo/gVfYr03u61M"
                    alt="Crosshaven Sail 26 Tee - CT05 product image (1)"
                    class="tile__item tile__item--1"
                    data-preview="first"
                  >
                  
                    <img
                      src="https://imgproxy.fourthwall.com/7483K_jwx8nnzunyRfVTwdbBYIFZ2D5VnAIDm98kG_4/w:720/sm:1/enc/wW4vdj3A2OkWq3Md/4X8EGfAH7htVBBdS/782awG5xiduK3w4c/4YLtQ79Pukdgjdvp/URe-3kNedSXXwPmu/lT6zS5OWkQ_fElMX/1o_v7TWN5qgaW8qR/oz9SM9zpklNpCmvh/7YjOE4EASFgeulXw/Ta1cCd8KGGewYtUy/xZ1o1z0JfixKjbK9/NxZqz8QonmCJjqz9/uyWW5cFTqTCdlRNr/E1Bj6TqPa1hjThjQ/nw67IOh5hoQ"
                      alt="Crosshaven Sail 26 Tee - CT05 product image (2)"
                      class="tile__item tile__item--2"
                      data-preview="secondary"
                    >
                  
                  

                  
              
            
          
        </div>
      </div>
    </div>
  
    <div class="tile__description tile__description--center">
      <h3 class="tile__heading">
        Crosshaven Sail 26 Tee - CT05
      </h3>

      <div class="tile__prices">
        

        <span class="tile__price tile__price--original">
          $18.00
        </span>
      </div>
    </div>

    
      





<div class="tile__options tile__options--center">
  <div class="tile__option-color">
    
      
        
          
            
              <div class="tile__option-values tile__option-values--align">
                

                

                
                
                

                
                  

                  
                    
                      
                        <div class="tile__option-color__value">
                          <div class="color-swatch color-swatch--tile color-swatch--medium ">
                            <input
                              id="variant-Black_9ca46e99-22aa-4451-8ab9-4c4204c24ef9_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              name="option1_d09cb34b-88a8-47ba-8e2c-4173f2c0d47c_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              type="radio"
                              value="Black"
                              data-index="option1_d09cb34b-88a8-47ba-8e2c-4173f2c0d47c_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              data-product="single-option"
                              data-product-option-type="COLOR"
                              class="color-swatch__input"
                              checked
                            >
                            <label
                              for="variant-Black_9ca46e99-22aa-4451-8ab9-4c4204c24ef9_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              class="color-swatch__label"
                              title="Black"
                              src-first="https://imgproxy.fourthwall.com/KOIRdeXEhghLO2GOlwDQnqDWMK0tazzx-9E7qCmu8HI/w:720/sm:1/enc/-tH4rbmwKBs_gm0a/_EJM7X6G7ONctXZC/yS9PWdYfVKTqJro1/oQZtlVNFrRsZr7i-/_IGpcABW4pC6Itvz/X0hGX9hpvyDzrxdK/DGkLt9ULdSWLfoN9/PEwIFaVIo06tPooI/oZRgNKz8EyGulyQu/w6VvxlkLwvxH212D/Fg1vk43dBzXkL3vd/EpkQ_xq0QIpfe4Kf/n9FwN0XQeqSabYcW/kGecpuhKEs2AIZQo/gVfYr03u61M"
                              src-secondary="https://imgproxy.fourthwall.com/7483K_jwx8nnzunyRfVTwdbBYIFZ2D5VnAIDm98kG_4/w:720/sm:1/enc/wW4vdj3A2OkWq3Md/4X8EGfAH7htVBBdS/782awG5xiduK3w4c/4YLtQ79Pukdgjdvp/URe-3kNedSXXwPmu/lT6zS5OWkQ_fElMX/1o_v7TWN5qgaW8qR/oz9SM9zpklNpCmvh/7YjOE4EASFgeulXw/Ta1cCd8KGGewYtUy/xZ1o1z0JfixKjbK9/NxZqz8QonmCJjqz9/uyWW5cFTqTCdlRNr/E1Bj6TqPa1hjThjQ/nw67IOh5hoQ"
                              data-tile-color="1"
                            >
                              <span
                                class="color-swatch__color"
                                style="background-color:#141313;"
                              >
                              </span>
                            </label>
                          </div>
                        </div>
                        
                        
                  

                  
                
                  

                  
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                        <div class="tile__option-color__value">
                          <div class="color-swatch color-swatch--tile color-swatch--medium ">
                            <input
                              id="variant-Navy_b02088e2-d263-4828-a31d-b60b68933636_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              name="option1_d09cb34b-88a8-47ba-8e2c-4173f2c0d47c_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              type="radio"
                              value="Navy"
                              data-index="option1_d09cb34b-88a8-47ba-8e2c-4173f2c0d47c_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              data-product="single-option"
                              data-product-option-type="COLOR"
                              class="color-swatch__input"
                              
                            >
                            <label
                              for="variant-Navy_b02088e2-d263-4828-a31d-b60b68933636_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              class="color-swatch__label"
                              title="Navy"
                              src-first="https://imgproxy.fourthwall.com/djIAD6DtIXsEUMzzw8GZhIfs0WJ1bjdLT3HeaQ8b9a8/w:720/sm:1/enc/sc-2m9_jWen311C7/k-npC9_kRuSBjR64/dO_12p3kM8g_JikG/_DAOwgDp5yTEiiJY/XVhQ5n2D4sFCRUSG/gvv1Ici9Cm7a8GyK/6b16oQoPQgq7rNyp/_l0NzWzxOjELPI4n/x79sXKi7WSFOC1ad/9TIprD_X1gbV-mOA/PN7HIFJ55azlQJyA/LguUyy5gpBU5QwRR/Mt0CoiWVgNaCKBPG/TsgOnPaQAzIvqCQL/TD0fuFUH_dY"
                              src-secondary="https://imgproxy.fourthwall.com/eb8AbKJzRb6Jiq7-J4P-LbsFLoHA056IWkPHpgjjMv4/w:720/sm:1/enc/g4N0NVwh-cHUKNx2/LGU06zoz5H6Snx7A/MmR6BeyjntH9uSrv/Q8Smd8X-FHvaGGV3/lFBEDF2-duBkmmYi/sY6o9MywR78pkJCc/H7BcT5L2kSZ7gnay/RLjiELPoBhSj_Rfa/BeqGdishaYe8cNnX/Bet6fpfeW68002O3/gMadYnkVGFQIt0W4/5wqk0qGJlJ8yi2Mf/blSvTS7iawiXa5kS/r-fffuhZlWSxdyRF/yZJO7FmZhjM"
                              data-tile-color="1"
                            >
                              <span
                                class="color-swatch__color"
                                style="background-color:#1a2330;"
                              >
                              </span>
                            </label>
                          </div>
                        </div>
                        
                        
                  

                  
                
                  

                  
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                        <div class="tile__option-color__value">
                          <div class="color-swatch color-swatch--tile color-swatch--medium ">
                            <input
                              id="variant-Purple_c83b86fe-e72d-4a63-9788-04875384b101_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              name="option1_d09cb34b-88a8-47ba-8e2c-4173f2c0d47c_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              type="radio"
                              value="Purple"
                              data-index="option1_d09cb34b-88a8-47ba-8e2c-4173f2c0d47c_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              data-product="single-option"
                              data-product-option-type="COLOR"
                              class="color-swatch__input"
                              
                            >
                            <label
                              for="variant-Purple_c83b86fe-e72d-4a63-9788-04875384b101_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              class="color-swatch__label"
                              title="Purple"
                              src-first="https://imgproxy.fourthwall.com/rmG9ZktLQenSobyfGfnkKu67tjgHh6ywFyGxyVqnSXQ/w:720/sm:1/enc/bDIR2xJjLLhP2AGy/WdDIdmQ1xFAgxY9i/U5CBVj2_2zGt_EHP/XO_Jyj2b5_0bYXkG/BUZReaf5dBVjDIit/AAtt3DGnUyB5SSGS/oPRy1plPAz7I4qwz/s26NotUILLlD3gSX/L6OtUsMD4LAzntx1/K-ZdBZrugCBRUxKj/lq0i5fMnGV6y_PMU/6F1rkpvYcjhCQKcB/RG92ZScRxN4P3eI0/-VCpnwdbprqDK2Lc/cJXV3pzf4-Q"
                              src-secondary="https://imgproxy.fourthwall.com/HUFLbqWbIlyglpj6Z1z5RjcdZvUiNO1v0WQerErrdvs/w:720/sm:1/enc/XDhIAz8EWCOB-kJ6/cbud5wFA7hrpY6K0/Nb0JZLZ18yhKjzMM/y6SAqzf2YZn6X5w_/Mo2QGvt2d22llz0E/sNxjOJhD88BwwTbF/L7fNz_kSz6MneHZi/CXHGJmckdyEYNh5Y/iASOckdzmzt66PCi/RmRInmlrYMVGK9My/jXW2O4iJ358zqsYJ/WtGTB56MvlyVBjEC/FK4JbfwHJDTrTe-o/ODyuifgNP56LH5QZ/pA_OWmukw7I"
                              data-tile-color="1"
                            >
                              <span
                                class="color-swatch__color"
                                style="background-color:#48197d;"
                              >
                              </span>
                            </label>
                          </div>
                        </div>
                        
                        
                  

                  
                
              </div>
            
          
        
          
        
      
    
      
    
  </div>
</div>
    
  </a>
</div>

              </div>
            
              <div>
                <div class="product-tile" data-testid="product" data-product-available="true" data-id="fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479">
  <a href="/products/crosshaven-sail-26-tee-ct04" class="tile tile--zoom">
    <div class="tile__image">
      <div class="image image--background-color">
        <div class="image__badges">
          
          

          
        </div>

        <div class="image__object">
          
            
              
              
                
                  
                  
                  
                  

                  
                    
                      
                      

                      

                      

                  <img
                    src="https://imgproxy.fourthwall.com/aK_l5PvIbPByzVO3T78t5A-6FC1n0RdezwZ8ntWhd-I/w:720/sm:1/enc/UJbAslCqBMq2bQN7/JFFcHy-Yev9pwwR7/PpKDYCfwKWIm3_2O/7pjHXJiU48kp5iYA/C_TzHw5e4y9WmK6j/rmbHLWrrll1su-_L/LRorQovss_HsJ8yg/xHSnF6fqzIoDc_re/tbnfoRdOqSrDnEdC/6lbQTWiF7frCIEXd/ysIT5SgZCCghOaZH/4d8-7RHpAj6F7pDL/PC4vRbjHVzk1f0Bv/bl-xvJ0kMFGSzqmg/vAdsXWl1nDA"
                    alt="Crosshaven Sail 26 Tee - CT04 product image (1)"
                    class="tile__item tile__item--1"
                    data-preview="first"
                  >
                  
                    <img
                      src="https://imgproxy.fourthwall.com/frtMb5RYQMlQNR3PTPCSNpuUZLVLV-JxyFiKdeR52gw/w:720/sm:1/enc/JC7F0LezuvNmzXtp/NWCnhDlskARzSIV7/2SL2c4XvfaECpB6W/4MOdINhzURVWP4T1/4hCGVsCetUIv2qKs/2U-zzg0gSMgPHFIc/-A5z1nUhCtqE-UCI/GkpOz90DwPGLVTfw/eDz9xg7DhrlyEuZU/a0mbUI0wR8JKABfe/Oj4gphDMbjEgDdhG/dVWUvGa1OCp4UTil/yWIdj19-yvBE7myq/oBpGvOMmq776cYHy/ZX-vMgIgJo8"
                      alt="Crosshaven Sail 26 Tee - CT04 product image (2)"
                      class="tile__item tile__item--2"
                      data-preview="secondary"
                    >
                  
                  

                  
              
            
          
        </div>
      </div>
    </div>
  
    <div class="tile__description tile__description--center">
      <h3 class="tile__heading">
        Crosshaven Sail 26 Tee - CT04
      </h3>

      <div class="tile__prices">
        

        <span class="tile__price tile__price--original">
          $18.00
        </span>
      </div>
    </div>

    
      





<div class="tile__options tile__options--center">
  <div class="tile__option-color">
    
      
        
          
            
              <div class="tile__option-values tile__option-values--align">
                

                

                
                
                

                
                  

                  
                    
                      
                        <div class="tile__option-color__value">
                          <div class="color-swatch color-swatch--tile color-swatch--medium ">
                            <input
                              id="variant-White_ffbabce7-003e-4923-a775-8d3498237a96_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              name="option1_2c16fc59-e711-4284-a293-a1d29deca32c_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              type="radio"
                              value="White"
                              data-index="option1_2c16fc59-e711-4284-a293-a1d29deca32c_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              data-product="single-option"
                              data-product-option-type="COLOR"
                              class="color-swatch__input"
                              checked
                            >
                            <label
                              for="variant-White_ffbabce7-003e-4923-a775-8d3498237a96_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              class="color-swatch__label"
                              title="White"
                              src-first="https://imgproxy.fourthwall.com/aK_l5PvIbPByzVO3T78t5A-6FC1n0RdezwZ8ntWhd-I/w:720/sm:1/enc/UJbAslCqBMq2bQN7/JFFcHy-Yev9pwwR7/PpKDYCfwKWIm3_2O/7pjHXJiU48kp5iYA/C_TzHw5e4y9WmK6j/rmbHLWrrll1su-_L/LRorQovss_HsJ8yg/xHSnF6fqzIoDc_re/tbnfoRdOqSrDnEdC/6lbQTWiF7frCIEXd/ysIT5SgZCCghOaZH/4d8-7RHpAj6F7pDL/PC4vRbjHVzk1f0Bv/bl-xvJ0kMFGSzqmg/vAdsXWl1nDA"
                              src-secondary="https://imgproxy.fourthwall.com/frtMb5RYQMlQNR3PTPCSNpuUZLVLV-JxyFiKdeR52gw/w:720/sm:1/enc/JC7F0LezuvNmzXtp/NWCnhDlskARzSIV7/2SL2c4XvfaECpB6W/4MOdINhzURVWP4T1/4hCGVsCetUIv2qKs/2U-zzg0gSMgPHFIc/-A5z1nUhCtqE-UCI/GkpOz90DwPGLVTfw/eDz9xg7DhrlyEuZU/a0mbUI0wR8JKABfe/Oj4gphDMbjEgDdhG/dVWUvGa1OCp4UTil/yWIdj19-yvBE7myq/oBpGvOMmq776cYHy/ZX-vMgIgJo8"
                              data-tile-color="1"
                            >
                              <span
                                class="color-swatch__color"
                                style="background-color:#ffffff;"
                              >
                              </span>
                            </label>
                          </div>
                        </div>
                        
                        
                  

                  
                
                  

                  
                    
                      
                    
                      
                    
                      
                    
                      
                        <div class="tile__option-color__value">
                          <div class="color-swatch color-swatch--tile color-swatch--medium ">
                            <input
                              id="variant-Natural_c86d739b-79af-45b7-a966-e902cd6c9a76_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              name="option1_2c16fc59-e711-4284-a293-a1d29deca32c_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              type="radio"
                              value="Natural"
                              data-index="option1_2c16fc59-e711-4284-a293-a1d29deca32c_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              data-product="single-option"
                              data-product-option-type="COLOR"
                              class="color-swatch__input"
                              
                            >
                            <label
                              for="variant-Natural_c86d739b-79af-45b7-a966-e902cd6c9a76_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              class="color-swatch__label"
                              title="Natural"
                              src-first="https://imgproxy.fourthwall.com/H9VQ1L8VsrST6M93WYBhDVOqcV7EEs1hzzKjLEtvLBQ/w:720/sm:1/enc/n-ERREN6llkWZhE6/0DavmUhrZMd4CoDO/Tr-hucXm7xHP9YuI/umd0JVvHAEfPrcgN/cj_Qyd7FB9lBrL7A/4Nv3IGCx7R-OcBGx/CS7N3KjiiSdVil6Z/svdJHDBH8uXXuVWR/Xs2Nvz82wymVVl_6/kI1HBzVfrSy7UYcW/qAWvZ8BEYUmAf0D5/wUlSFwjW-8fmKS3C/M_eMacjDpeRzy0eB/Ipsiwc-CjS1OcdUf/5-HUsk42TAQ"
                              src-secondary="https://imgproxy.fourthwall.com/XWCY3KNYOD-OBVGEpdy_U62mrJn5XfbYGTxt2Y_cyIY/w:720/sm:1/enc/FC73otcbu2tpZPc3/U5eTlU8KqbAyKUCP/PRz2rqtC_5M29NgZ/C-DI1ERnfJBeP_I8/1oUzdwYYrg7WU8Xv/p9_uMUc4GfhEFTLT/zhYWyKwL4QygMQNQ/KszqiSJIvHsEGI1I/B6I4w99etKPdmNEF/Z5K1bRkA2Zbtat_S/AVjuVXy7QFjyDrW0/DHJdV_vwvJ96fWa5/zvmDw6FSdMYNVIKc/toJn8Wa4a9UPFmZV/w0REp6UTbok"
                              data-tile-color="1"
                            >
                              <span
                                class="color-swatch__color"
                                style="background-color:#e8dacd;"
                              >
                              </span>
                            </label>
                          </div>
                        </div>
                        
                        
                  

                  
                
                  

                  
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                        <div class="tile__option-color__value">
                          <div class="color-swatch color-swatch--tile color-swatch--medium ">
                            <input
                              id="variant-Yellow Haze_5f500722-d2a7-445e-a4e9-24fcc9385fc9_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              name="option1_2c16fc59-e711-4284-a293-a1d29deca32c_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              type="radio"
                              value="Yellow Haze"
                              data-index="option1_2c16fc59-e711-4284-a293-a1d29deca32c_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              data-product="single-option"
                              data-product-option-type="COLOR"
                              class="color-swatch__input"
                              
                            >
                            <label
                              for="variant-Yellow Haze_5f500722-d2a7-445e-a4e9-24fcc9385fc9_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              class="color-swatch__label"
                              title="Yellow Haze"
                              src-first="https://imgproxy.fourthwall.com/ieBBvslbpupjYVYMZ5KMwKtEVrCv04h0VOBbtY0cV7s/w:720/sm:1/enc/2KO_Ko5lEmiQwJ-c/SGcw5sboEHWb7RWK/OU4qfHJITrhY3Ovh/TR72LITsBxJaHZ5h/p7RPJgvcK_zUHCUk/H-hEP79fbFInGjee/bg_Tg3L_KfcBq2q2/wfZR6368-WDN715s/ET8scAqGZpxKGBE7/s4MEmwlLWAyjpMCU/49nn0stQZQwCaFLa/oethe9tvVepF26J0/rUUHipUpwNULxOOb/pcrFNeDXLLwV2yVx/26J_8X5FbJs"
                              src-secondary="https://imgproxy.fourthwall.com/xXHKy9BxkY7xCvssWmpk05toGPbVLRKaDkZJSOQZa5c/w:720/sm:1/enc/wpWrdUjNk9q0kGII/jqTtOqTVNIF7Uryz/0dBbDd_dxA8Zi121/IJ-cbjLxo-R9L6iS/1PwXVkntAJIZInW7/BOx2fuYUCvXk-5l6/n80UDtc05odna6XG/kTfyke71JC_omNpt/yDXURS8JGF_o7qgC/11UoIMc33bSMbfff/eaUdH-MWlyQEf1hD/7QiX_orjYBSLclTp/fg7pBG4yLcVm6UMf/x8kx57BwfVIdHD2m/-cgOGGha5tw"
                              data-tile-color="1"
                            >
                              <span
                                class="color-swatch__color"
                                style="background-color:#ffd99c;"
                              >
                              </span>
                            </label>
                          </div>
                        </div>
                        
                        
                  

                  
                
                  

                  
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                        <div class="tile__option-color__value">
                          <div class="color-swatch color-swatch--tile color-swatch--medium ">
                            <input
                              id="variant-Brown Savana_f7dea932-e024-4b59-94b8-c5609c8d3c30_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              name="option1_2c16fc59-e711-4284-a293-a1d29deca32c_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              type="radio"
                              value="Brown Savana"
                              data-index="option1_2c16fc59-e711-4284-a293-a1d29deca32c_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              data-product="single-option"
                              data-product-option-type="COLOR"
                              class="color-swatch__input"
                              
                            >
                            <label
                              for="variant-Brown Savana_f7dea932-e024-4b59-94b8-c5609c8d3c30_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              class="color-swatch__label"
                              title="Brown Savana"
                              src-first="https://imgproxy.fourthwall.com/QKjdtPPap7WRFs9krN0m4ECqL1n0z_COeRMjmc5ZfFo/w:720/sm:1/enc/t3b68u93X5qoBsPo/tPFknf1mM9lEx2yN/4CWGRl4ZNhOTcTMr/u0TeIO7uNaqnflol/jJqy8Rz4FFelBLLs/yHOAJikPqIWebi6P/TrJjenddrXX5Clg8/BScPqrWVVKV5JGWy/P8eBA2FjS-QaTSOm/N5_czP-7dqa6mPmX/nIBWp9XdBsdmk3-L/NSB3-FA2rW1TGl0U/2R3i6wnHFCqHcvbc/L1BMy6LAzrT2LyRy/kLKm32btElY"
                              src-secondary="https://imgproxy.fourthwall.com/dAJ6foumrJwBVP0WgZI2DU8nZr2MKA4ToEqJXkV-dV4/w:720/sm:1/enc/hVnHtH5lfRFDciPe/K_JTrU00ocqY0iyI/33c0rDHew7RUo3Ri/z0HZQTtpUOiNjjbd/pcRCKWxvlltTqvDP/PXhBI7jIuTBRII3z/k1YwaIEwp6m1H0LE/s6xPt8QOM97rXXqr/kLPnBXZbOwAZ__Fy/iePF92S3eNFT8270/IdHgtL7iCxdYEHrh/SEeSLDceMsFYiYYB/suyYpD2QZyeMDPdk/kpO3jWXtrYffC6lW/L56tLhTHq6Q"
                              data-tile-color="1"
                            >
                              <span
                                class="color-swatch__color"
                                style="background-color:#9f8971;"
                              >
                              </span>
                            </label>
                          </div>
                        </div>
                        
                        
                  

                  
                
                  

                  

                  
                    <div class="tile__more-swatches">
                      +1
                    </div>
                    
                  
                
              </div>
            
          
        
          
        
      
    
      
    
  </div>
</div>
    
  </a>
</div>

              </div>
            
              <div>
                <div class="product-tile" data-testid="product" data-product-available="true" data-id="fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479">
  <a href="/products/crosshaven-sail-26-tee-ct03" class="tile tile--zoom">
    <div class="tile__image">
      <div class="image image--background-color">
        <div class="image__badges">
          
          

          
        </div>

        <div class="image__object">
          
            
              
              
                
                  
                  
                  
                  

                  
                    
                      
                      

                      

                      

                  <img
                    src="https://imgproxy.fourthwall.com/vGvPZm3MXCJsHF7ngZDggHeRLygO7CVd6znmIskHiF8/w:720/sm:1/enc/qKV8lXZqS_aPssaN/PtELaIvncza2fEIM/pK3eK-uOx4Q0vZHd/_3IGoUh0ewKrPJNs/jBOyuV4RjfOagV_o/QjhPoE-Kzt8KfiVH/5qJAzkJAUZt1gC1T/Sj81MtfTT8XHg0GT/aEJfsMi_iM6vESW4/VM1v8-I1zTxZ-h2C/rOlJsA-fxGbDJPEj/73eOyNdxUP1AZKm6/hZr_bbUuHGsh9blf/XXzoYsGPs4mENhOk/WQps1Ccj6bg"
                    alt="Crosshaven Sail 26 Tee - CT03 product image (1)"
                    class="tile__item tile__item--1"
                    data-preview="first"
                  >
                  
                    <img
                      src="https://imgproxy.fourthwall.com/V-LeXvcRsGvlttMk1IBgd6srzLyLD0NvsF1mcdi5HLQ/w:720/sm:1/enc/_sSVlYhObhuXIalV/4mYr4Oxn5B7MECbj/tT88qNETOFm40V7t/PcOTTyLOOOgwEYfl/8qragCn3LDR4UfAV/KqZNfYa3paomlg77/9GXeec2dVDTrgdO1/CvyDMdoYBFnKeOCT/13qaQNs2PgHwGTHv/BJdZTvllfCYsg4OL/kgxwPTtkkOvNKyTc/EkURJnlaGcRhr09C/AGDL486s6g3H1VId/PSZxHpVTYBBPYJa1/_BG7YpKgubc"
                      alt="Crosshaven Sail 26 Tee - CT03 product image (2)"
                      class="tile__item tile__item--2"
                      data-preview="secondary"
                    >
                  
                  

                  
              
            
          
        </div>
      </div>
    </div>
  
    <div class="tile__description tile__description--center">
      <h3 class="tile__heading">
        Crosshaven Sail 26 Tee - CT03
      </h3>

      <div class="tile__prices">
        

        <span class="tile__price tile__price--original">
          $18.00
        </span>
      </div>
    </div>

    
      





<div class="tile__options tile__options--center">
  <div class="tile__option-color">
    
      
        
          
            
              <div class="tile__option-values tile__option-values--align">
                

                

                
                
                

                
                  

                  
                    
                      
                        <div class="tile__option-color__value">
                          <div class="color-swatch color-swatch--tile color-swatch--medium ">
                            <input
                              id="variant-Sand_e530bbf9-6513-4ab7-b2af-1df613a5eabb_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              name="option1_bfe89069-6b4c-4156-afaa-64cc779197e0_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              type="radio"
                              value="Sand"
                              data-index="option1_bfe89069-6b4c-4156-afaa-64cc779197e0_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              data-product="single-option"
                              data-product-option-type="COLOR"
                              class="color-swatch__input"
                              checked
                            >
                            <label
                              for="variant-Sand_e530bbf9-6513-4ab7-b2af-1df613a5eabb_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              class="color-swatch__label"
                              title="Sand"
                              src-first="https://imgproxy.fourthwall.com/vGvPZm3MXCJsHF7ngZDggHeRLygO7CVd6znmIskHiF8/w:720/sm:1/enc/qKV8lXZqS_aPssaN/PtELaIvncza2fEIM/pK3eK-uOx4Q0vZHd/_3IGoUh0ewKrPJNs/jBOyuV4RjfOagV_o/QjhPoE-Kzt8KfiVH/5qJAzkJAUZt1gC1T/Sj81MtfTT8XHg0GT/aEJfsMi_iM6vESW4/VM1v8-I1zTxZ-h2C/rOlJsA-fxGbDJPEj/73eOyNdxUP1AZKm6/hZr_bbUuHGsh9blf/XXzoYsGPs4mENhOk/WQps1Ccj6bg"
                              src-secondary="https://imgproxy.fourthwall.com/V-LeXvcRsGvlttMk1IBgd6srzLyLD0NvsF1mcdi5HLQ/w:720/sm:1/enc/_sSVlYhObhuXIalV/4mYr4Oxn5B7MECbj/tT88qNETOFm40V7t/PcOTTyLOOOgwEYfl/8qragCn3LDR4UfAV/KqZNfYa3paomlg77/9GXeec2dVDTrgdO1/CvyDMdoYBFnKeOCT/13qaQNs2PgHwGTHv/BJdZTvllfCYsg4OL/kgxwPTtkkOvNKyTc/EkURJnlaGcRhr09C/AGDL486s6g3H1VId/PSZxHpVTYBBPYJa1/_BG7YpKgubc"
                              data-tile-color="1"
                            >
                              <span
                                class="color-swatch__color"
                                style="background-color:#d6c0ab;"
                              >
                              </span>
                            </label>
                          </div>
                        </div>
                        
                        
                  

                  
                
                  

                  
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                        <div class="tile__option-color__value">
                          <div class="color-swatch color-swatch--tile color-swatch--medium ">
                            <input
                              id="variant-Sky_f011c2b2-cdcb-4bf5-a683-030aaec883de_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              name="option1_bfe89069-6b4c-4156-afaa-64cc779197e0_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              type="radio"
                              value="Sky"
                              data-index="option1_bfe89069-6b4c-4156-afaa-64cc779197e0_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              data-product="single-option"
                              data-product-option-type="COLOR"
                              class="color-swatch__input"
                              
                            >
                            <label
                              for="variant-Sky_f011c2b2-cdcb-4bf5-a683-030aaec883de_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              class="color-swatch__label"
                              title="Sky"
                              src-first="https://imgproxy.fourthwall.com/T2Vc0_T7QnniwPncOxStGrKqohKMzwkQJ4F2JA9INoo/w:720/sm:1/enc/pvT_NMr4TC-rieJL/aWPVLcSerbLhB5wN/3rDrs25K2uGCMlig/pVbrSbA38fpvF_sQ/cXDbmrxC8Wivbv62/OZTeE3vPdcnqyVsX/7T5HTqW8zOJMn5TJ/brK1hYiriZ_w0-hv/qEGyI_McApFKPCdH/FEoneDRvZt1_cpFm/kqFpHGgHv6-NeR9u/hjgvkS_EkPAIk3gg/V9qWCXe5J8AZ7Nk3/P5VJbeSVyggF8cS0/WNR-a2eE_uY"
                              src-secondary="https://imgproxy.fourthwall.com/-JE6Q0A1cUGci9ZJBrKdnoaVpk6jmVvJkfAgIrIj5AA/w:720/sm:1/enc/VxKuD_wCUckrfxGv/HhSOslkU39e3Iuf-/3-3dhf4UwgzQjNla/n3sHiF3hSksSDGvA/1NQW4Ew_oQNH0dAW/hxl1N0Drwi97bbpI/vHMAXmxR12W9oEAI/tYiVfutAV_3rc1Ne/k99owCM3J56Kk9eU/86E53toXq-zWnLK7/upCBnJ_uYYzbbbzn/wu-5YXN1oEYgr-xY/Fhj6QPDC-uP9HwYk/E5KJcc9ZVphESQio/6ulLmN4UKLE"
                              data-tile-color="1"
                            >
                              <span
                                class="color-swatch__color"
                                style="background-color:#8ee0ff;"
                              >
                              </span>
                            </label>
                          </div>
                        </div>
                        
                        
                  

                  
                
                  

                  
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                        <div class="tile__option-color__value">
                          <div class="color-swatch color-swatch--tile color-swatch--medium ">
                            <input
                              id="variant-Natural_fca15fbb-26c0-4b75-99fd-83202e229625_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              name="option1_bfe89069-6b4c-4156-afaa-64cc779197e0_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              type="radio"
                              value="Natural"
                              data-index="option1_bfe89069-6b4c-4156-afaa-64cc779197e0_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              data-product="single-option"
                              data-product-option-type="COLOR"
                              class="color-swatch__input"
                              
                            >
                            <label
                              for="variant-Natural_fca15fbb-26c0-4b75-99fd-83202e229625_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              class="color-swatch__label"
                              title="Natural"
                              src-first="https://imgproxy.fourthwall.com/ltjdRl5-0-nLrOIqPCYOpsEo2Wv8xCSalf6Dsreuz90/w:720/sm:1/enc/cYJk6T7oWwOL48z4/HVHwIvOA07EXuSJT/_2V3NEBG_AIftM3h/Zoa6sQaKDS6i0_Qi/pMfzDcrzPvPkDQhg/8_jHrJ9plOM_0XDI/qoBf_bAIqR-oHiig/wT0XjVLxjds2FyqM/7U8ssWuAR6tuoWV5/ULRj1DrfEnWXRU9W/raMUK64CQ5OlIl-x/Rj84-JsN7isnRMRJ/lvMRqNrMTtY1ln0b/CSRbiwQ4UyYyPPmy/RDMk4kXl8jw"
                              src-secondary="https://imgproxy.fourthwall.com/ug_KPdKQQXSmLo9sseiNIzuZ2XSAeJFcmZ8PMO85cfo/w:720/sm:1/enc/c1tpJ5UTVjYmsZy9/kCeTrc45jKH9V-4L/E7-oBsrQIKqaWH5H/bUOA_7_8iuACMwHK/_ARynNnuFCdLBmKQ/H90scAcjB5nuCeBC/1AI87UC3Z9z7iOLP/lg9o8-OsemxH_EeJ/DRxbDlb_l59HcyWn/4mxBCpA5CQDn8Xaf/fxBZovU6u6hNw6l7/6WX7gMwctcISVRlg/LnQiFSDgNZdLohap/CDn1q_0dzAfLEN_V/eXUpalm5xvU"
                              data-tile-color="1"
                            >
                              <span
                                class="color-swatch__color"
                                style="background-color:#e8dacd;"
                              >
                              </span>
                            </label>
                          </div>
                        </div>
                        
                        
                  

                  
                
                  

                  
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                    
                      
                        <div class="tile__option-color__value">
                          <div class="color-swatch color-swatch--tile color-swatch--medium ">
                            <input
                              id="variant-Light Blue_7691eb1c-4110-4228-a0d7-2e5c5108b39e_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              name="option1_bfe89069-6b4c-4156-afaa-64cc779197e0_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              type="radio"
                              value="Light Blue"
                              data-index="option1_bfe89069-6b4c-4156-afaa-64cc779197e0_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              data-product="single-option"
                              data-product-option-type="COLOR"
                              class="color-swatch__input"
                              
                            >
                            <label
                              for="variant-Light Blue_7691eb1c-4110-4228-a0d7-2e5c5108b39e_fw-section-featured-collection-190df3a6-c2f5-4087-84f0-da0ac34b4479"
                              class="color-swatch__label"
                              title="Light Blue"
                              src-first="https://imgproxy.fourthwall.com/XZY0Y0bObqAmrtf9fxO4UEwHQFGEhoEwfia_pQHjRpg/w:720/sm:1/enc/e3AR_jnN--mWBY6K/-tM3XhTsh5eCPmvI/cYeB7WWQIXJeoXw2/4aDBq37yyEEjel9h/QzTdGeHT_XTnMx0L/ezT1HGUvEgj_m8Pd/4qVoChenlaGCKq8Z/so1_Zoh-17sK5Kwu/pyBxYAMq4dpLZq6u/wN7pC7s8QGOXGecO/oEsxSSg7aPBAnUVQ/SD5UN8-Sx_nz_WxJ/0_217GSqa6guvOtz/TmueIB7f_EL9d0rl/pxwpBL2QDMU"
                              src-secondary="https://imgproxy.fourthwall.com/eeEpx-30fiYVmYlf8sRObendtvttLG63LT4mTYnOSiY/w:720/sm:1/enc/6fVH6k3V2Q1VR8yb/ZOCZaz17goZgo0F_/B3qoWYsYOCvn3AZg/zjzWarL7MDHhFQxr/G0dNwyqMTNJS6Whv/eTFtnU7h411wVbgt/h0MjyxZysHEIM6ZA/qFnTeYfwBdWkIrdb/-EQyHRdYNicgW0mR/u-zbIxXYDZZKX9-K/uSP1vrEZcR6OhCDH/6A9zUBd95JEmZ1pg/vqc2OqMZTD3x6jgk/B6Y8HnUBxHjQvvpL/m4qvDetm244"
                              data-tile-color="1"
                            >
                              <span
                                class="color-swatch__color"
                                style="background-color:#d9efff;"
                              >
                              </span>
                            </label>
                          </div>
                        </div>
                        
                        
                  

                  
                
                  

                  

                  
                    <div class="tile__more-swatches">
                      +1
                    </div>
                    
                  
                
              </div>
            
          
        
          
        
      
    
      
    
  </div>
</div>
    
  </a>
</div>

              </div>
            
          </div>
        </div>

        
          <div class="collection__cta-container hidden@sm">
            <div class="collection__cta">
              <a href="/collections/crosshaven" class="button button--secondary button--small">
                View all
              </a>
            </div>
          </div>
        
      </div>
    </div>
  </div>
</section>


</div><div id="fw-section-newsletter-1737296805" class="fw-section"><style>
  .section-fw-section-newsletter-1737296805-padding {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  @media screen and (min-width: 640px) {
    .section-fw-section-newsletter-1737296805-padding {
      padding-top: 48px;
      padding-bottom: 48px;
    }
  }
</style>

<section data-section-id="fw-section-newsletter-1737296805" data-testid="main.single.section" class="newsletter section-fw-section-newsletter-1737296805-padding">
  <div class="container wrapper">
    <div class="newsletter__content">
      <div class="newsletter__header">
        <h2 class="newsletter__heading">Join the newsletter</h2>
      </div>
      
      

      <div class="newsletter__form">
        <div class="container container--10">
          <div class="newsletter-form">
  <div class="form" data-newsletter="form-container">
  <form action="" method="post" data-turbo="false">

    <div class="form__section">
      <div class="newsletter-form__input-button-container">
        <div class="newsletter-form__input">
          <div data-input="container" class="input-field input-field--base">
            <input 
              id="newsletter-email"
              name="contact[email]"
              type="email"
              data-newsletter="email"
              data-input="input"
              class="input-field__input"
              placeholder=" Email address "
              required
            >
          </div>

          <div data-form-error="email" class="form__error"></div>
        </div>

        <div class="newsletter-form__button">
          <button 
            type="submit"
            data-newsletter="submit"
            class="button button--primary button--large button--expand"
          >
            Subscribe
            <span class="button__spinner">
              <div class="spinner spinner--small"></div>
            </span>
          </button>
        </div>
      </div>
    </div>

    <div class="form__response-container">
      <div
        data-form="response-success" 
        class="form__response"
      >
        <div class="alert alert--success">
          Thanks for subscribing!
        </div>
      </div>

      <div 
        data-form="response-error"
        class="form__response"
      >
        <div class="alert alert--error">
          <ul 
            data-form="response-error-content"
            class="alert__list"
          >
          </ul>
        </div>
      </div>
    </div>

    <div id="recaptcha-container"></div>
  
</form>
  </div>
</div>
        </div>
      </div>      
    </div>
  </div>
</section>

</div>

    
  <aside data-drawer="product" class="drawer">
    <div data-drawer-trigger-primary="product" class="drawer__background"></div>

    <div class="drawer__content" aria-hidden="true" tabindex="-1">
      <div class="drawer__content-inner">
        <div class="product-drawer">
          <div class="product-drawer__section">
            <div class="product-drawer__header">
              <div class="product-drawer__header-item product-drawer__header-item--tick">
                <svg class="svg-fill-current-color" width="23" height="20" viewBox="0 0 23 20" xmlns="http://www.w3.org/2000/svg">
  <title>Accept</title>
  <path d="M1 9.17l7.926 7.927L20.889 1" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="3" fill="none" fill-rule="evenodd"/>
</svg>

              </div>

              <div class="product-drawer__header-item product-drawer__header-item--heading">
                <h4 class="product-drawer__heading">Added to cart</h4>
              </div>

              <div class="product-drawer__header-item product-drawer__header-item--close">
                <button data-drawer-trigger-primary="product" class="product-drawer__close" data-testid="product.close.dialog">
                  <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Close</title>
  <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/>
</svg>

                </button>
              </div>
            </div>
          </div>
          
          <div class="product-drawer__section">
            <div class="product-drawer__item-info">
              <div class="inline-image">
                <div class="inline-image__image">
                  <div class="image image--background-color">
                    <div data-product-info="image-container" class="image__object"></div>
                  </div>
                </div>

                <div class="inline-image__content">
                  <div data-product-info="title" class="inline-image__heading">
                    
                  </div>
                  <p data-product-info="price" class="inline-image__price"></p>
                  <p class="inline-image__quantity">
                    Quantity:
                    <span data-product-info="quantity"></span>
                  </p>
                </div>
              </div>
            </div>
          </div>

          <div class="product-drawer__section">
            <div class="product-drawer__subtotal">
              <div class="product-drawer__subtotal-item">
                <span class="product-drawer__subtotal-label">
                  Cart Subtotal (<span data-product-info="cart-quantity"></span>):
                </span>
              </div>

              <div class="product-drawer__subtotal-item product-drawer__subtotal-item--value">
                <span data-product-info="cart-price" class="product-drawer__subtotal-value"></span>
              </div>
            </div>
          </div>

          <div class="product-drawer__section">
            <div class="product-drawer__cta">
              <div class="product-drawer__cta-item product-drawer__cta-item--view-cart">
                <a 
                  href="/cart" 
                  class="button button--secondary button--expand"
                >
                  View Cart
                </a>
              </div>

              <div class="product-drawer__cta-item product-drawer__cta-item--checkout">
                <form
                  action="/cart"
                  method="post"
                  novalidate
                  class="product-drawer__checkout-form"
                >
                  <button
                    type="submit"
                    name="checkout"
                    class="button button--primary button--expand"
                  >
                    Checkout
                  </button>
                </form>
              </div>
            </div>
          </div>
          
          <product-recommendations-drawer product-id="" class="product-drawer__section" />

        </div>
      </div>
    </div>
  </aside>

  </div>
</div>

      </div>

      <footer class="page__footer">
        <div id="fw-section-footer" class="fw-section"><style>
  .section-fw-section-footer-padding {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  @media screen and (min-width: 640px) {
    .section-fw-section-footer-padding {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }
</style>












<div data-testid="main.single.section" class="footer footer--center section-fw-section-footer-padding">
  
    <div class="footer__separator"></div>
  
  <div class="wrapper ">
    <div class="footer__inner">
      
        <div class="footer__top">
          <div class="col-grid col-grid--middle">
            <div>
              
  <div class="footer__socials">
    <ul class="footer__list footer__list--socials">
      



    </ul>
  </div>

            </div>

            <div>
              <nav class="footer__nav">
                <ul class="footer__list footer__list--menu">
                  
  
    <li class="footer__list-item">
      <a class="footer__menu-link footer__menu-link--icon" tabindex="0" role="button" aria-label="Currency selector, current: USD">
        USD
        
          <span class="footer__link-icon">
            <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  <title>Chevron Bottom</title>
  <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/>
</svg>

          </span>
        
      </a>
      
        <div class="footer__dropdown footer__dropdown--content">
          <ul class="footer__dropdown-inner">
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=USD&return_to=/">
                  USD
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=EUR&return_to=/">
                  EUR
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=CAD&return_to=/">
                  CAD
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=GBP&return_to=/">
                  GBP
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=AUD&return_to=/">
                  AUD
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=NZD&return_to=/">
                  NZD
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=SEK&return_to=/">
                  SEK
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=NOK&return_to=/">
                  NOK
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=DKK&return_to=/">
                  DKK
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=PLN&return_to=/">
                  PLN
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=INR&return_to=/">
                  INR
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=JPY&return_to=/">
                  JPY
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=MYR&return_to=/">
                  MYR
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=SGD&return_to=/">
                  SGD
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=MXN&return_to=/">
                  MXN
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=BRL&return_to=/">
                  BRL
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=CHF&return_to=/">
                  CHF
                </a>
              </li>
            
          </ul>
        </div>
      
    </li>
  

                  
  
    <li class="footer__list-item">
      <a href="/contact" class="footer__menu-link">Contact Support</a>
    </li>
  
    <li class="footer__list-item">
      <a href="/pages/terms-of-service" class="footer__menu-link">Terms of Service</a>
    </li>
  
    <li class="footer__list-item">
      <a href="/pages/privacy-policy" class="footer__menu-link">Privacy Policy</a>
    </li>
  
    <li class="footer__list-item">
      <a href="/pages/returns-faq" class="footer__menu-link">Returns &amp; FAQ</a>
    </li>
  

                </ul>
              </nav>
            </div>
          </div>
        </div>

        <div class="footer__bottom">
          <ul class="footer__list footer__list--bottom">
            <li class="footer__list-item">
              <div class="footer__copy">&copy; 2026 cover.works</div>
            </li>
            
            <li class="footer__list-item">
              

<img
  src="/_online/counter.svg?bg=%23FFFFFF&color=%23000000&label_bg=%23FFFFFF&label_fg=%23000000&size=small&radius=100&border=%23000000&label=ONLINE&hidden=true"
  alt="Online visitors"
  style="padding: 0 24px;"
/>

            </li>
          </ul>
        </div>
      
    </div>
  </div>
</div>


</div>
      </footer>
    </div>

    <script>
  var fourthwallTheme = {
    strings: {
      addToCart: "Add to Cart",
      redeemGift: "Redeem Your Gift",
      viewCart: "View Cart",
      checkout: "Checkout",
      outOfStock: "Out of Stock",
      unavailable: "Not Available",
      soldOut: "Sold Out",
      soldOutSuffix: " - Sold Out",
      missingQuantityError: "Please choose the quantity.",
      generalError: "An error occurred. Please try refreshing the page.",
      item: "item",
      items: "items",
      startShopping: "Start Shopping",
      subtotal: "Subtotal",
      backToShopping: "Back to Shopping",
      cart: {
        heading: "[item_count] [item_count_label] in your cart for [total]",
        emptyHeading: "Your Shopping Cart is Empty",
        tableHeader: {
          item: "Item",
          quantity: "Quantity",
          price: "Price"
        },
        deleteModal: {
          heading: "Are you sure you want to remove [title] from your cart?",
          cancel: "Cancel",
          delete: "Delete"
        }
      },
      newsletter: {
        missingEmailError: 'Please enter your email.',
        invalidEmailError: 'Please enter a valid email.'
      },
      donation: {
        missingAmountError: 'Please select or enter the donation amount.',
        invalidAmountError: 'Please enter a valid donation amount.',
        missingNameError: 'Please enter your name.',
        missingMessageError: 'Please enter the message.'
      }
    },
    urls: {
      cart: "/cart",
      cartItemLocalizedPrefix: "",
      cartAddUrl: "/cart/add",
      cartChangeUrl: "/cart/change",
      productsUrlPrefix: "/products",
      allProductsCollection: "/collections/all",
    }
  };
</script>


    <script src="https://themes.fourthwall.com/themes-library/assets/9aa8ac93-1901-4a69-971b-cccccdfeeba4/assets/theme.js?v=99cc674094327cbfe40f1d693dd86018b31a64b2055407d649f737375a786058" rel="preload"></script>
    
    
<div id="cookie-consent-banner-container" data-turbo-permanent="true"></div>


  <div class="admin-bar-container hidden">
  <div id="admin-bar" class="admin-bar sticky hidden">
    <div class="wrapper">
      <div>
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
          <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/>
        </svg>
      </div>
      <div class="actions">
        <div class='desktop'>
          <div class="dropdown">
            <button class="dropdown-button desktop-switcher pill" data-target="desktop-switcher">View as: </button>
            <div class="dropdown-content" id="desktop-switcher">
              <ul>
                <li class="dropdown-item" data-mode="creator">Admin</li>
                <li class="dropdown-item" data-mode="supporter">Supporter</li>
              </ul>
            </div>
          </div>
          <a href="/admin/dashboard/store-design/layout/index/" class='pill edit-page' rel='noopener noreferrer'>Edit page</a>
          <a href="/admin/dashboard" rel="noopener noreferrer" class="pill dashboard-link">Go to dashboard</a>
        </div>

        <div class='mobile'>
          <div class="dropdown">
            <button class="dropdown-button pill mobile-switcher" data-target="mobile-switcher">View as</button>
            <div class="dropdown-content" id="mobile-switcher">
              <ul>
                <li class="dropdown-item" data-mode="creator">Admin</li>
                <li class="dropdown-item" data-mode="supporter">Supporter</li>
              </ul>
            </div>
          </div>

          <div class="dropdown mobile">
            <button class="dropdown-button pill" data-target="mobile-links">
              <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g id="Dots horizontal">
                  <g>
                    <path d="M2.96875 7C2.96875 7.42284 2.62597 7.76562 2.20312 7.76562C1.78028 7.76562 1.4375 7.42284 1.4375 7C1.4375 6.57716 1.78028 6.23438 2.20312 6.23438C2.62597 6.23438 2.96875 6.57716 2.96875 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                    <path d="M8.76562 7C8.76562 7.42284 8.42284 7.76562 8 7.76562C7.57716 7.76562 7.23438 7.42284 7.23438 7C7.23438 6.57716 7.57716 6.23438 8 6.23438C8.42284 6.23438 8.76562 6.57716 8.76562 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                    <path d="M14.5625 7C14.5625 7.42284 14.2197 7.76562 13.7969 7.76562C13.374 7.76562 13.0312 7.42284 13.0312 7C13.0312 6.57716 13.374 6.23438 13.7969 6.23438C14.2197 6.23438 14.5625 6.57716 14.5625 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                  </g>
                </g>
              </svg>
            </button>
            <div class="dropdown-content" id="mobile-links">
              <a href="/admin/dashboard" rel="noopener noreferrer" class="dropdown-item">Go to dashboard</a>
            </div>
          </div>
        </div>

        <div class="pill close">
          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g>
              <path d="M0.875 13.125L13.125 0.875M13.125 13.125L0.875 0.875" stroke="#FDFCFB" stroke-width="1.5" stroke-linejoin="bevel"/>
            </g>
          </svg>
        </div>
      </div>
    </div>
  </div>

  <div id="admin-bar-small" class="admin-bar-small sticky hidden">
    <div class="wrapper">
      <div>
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
          <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/>
        </svg>
      </div>
    </div>
  </div>
</div>

<script>
  const cookieModule = {
    setCookie: function (name, value, days = 365, maxAge) {
      const expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString();
      let cookieString = `${name}=${value}; expires=${expires}; path=/`;

      if (maxAge) {
        cookieString += `; max-age=${maxAge}`;
      }

      document.cookie = cookieString;
    },

    getCookie: function (name) {
      const cookie = document.cookie.split(';').find(c => c.trim().startsWith(`${name}=`));
      return cookie ? cookie.split('=')[1] : null;
    }
  };

  const AdminBar = {
    adminBar: document.getElementById("admin-bar"),
    adminBarContainer: document.querySelector(".admin-bar-container"),
    adminBarSmall: document.getElementById("admin-bar-small"),
    closeButton: document.querySelector('#admin-bar .close'),
    viewAsDesktopButton: document.querySelector(".desktop-switcher"),
    dropdownButtons: document.querySelectorAll(".dropdown-button"),
    dropdownContents: document.querySelectorAll(".dropdown-content"),
    inIframe: () => {
      try {
        return window.self !== window.top;
      } catch (e) {
        return true;
      }
    },
    inThemeEditor: () => cookieModule.getCookie('view_as') === 'theme_editor' || AdminBar.inIframe(),
    creatorAccessCookieExists: () => cookieModule.getCookie('creator_access_token') || cookieModule.getCookie('logged_in_as') === 'creator',
    viewAsCreator: () => cookieModule.getCookie('view_as') === 'creator',
    viewAsSupporter: () => cookieModule.getCookie('view_as') === 'supporter',
    verifyCreator: () => {
      document.cookie = 'return_to=' + window.location.href + '; path=/; max-age=30;';
      window.location.href = '/platform/creators/users/auth/verify';
    },
    authorizeCreator: () => {
      if (AdminBar.creatorAccessCookieExists() && (AdminBar.viewAsCreator() || !AdminBar.viewAsSupporter())) {
        fetch("/platform/creators/users/auth")
          .then((response) => {
            if (response.status === 401 && _this.viewAsCreator()) {
              AdminBar.verifyCreator();
            } else if (response.status === 204) {
              cookieModule.setCookie('view_as', 'creator');
              AdminBar.viewAsDesktopButton.textContent = 'View as: Admin';
              
            }
          });
      }
    },
    getSelectedView: () => (AdminBar.viewAsCreator() ? 'Admin' : 'Supporter'),
    toggleDropdown: (dropdownContent) => {
      dropdownContent.style.display = dropdownContent.style.display === 'none' || dropdownContent.style.display === '' ? 'block' : 'none';
    },
    init() {
      if (
        !AdminBar.inThemeEditor() &&
        (cookieModule.getCookie('core_dashboard_visited') || cookieModule.getCookie('creator_access_token') || cookieModule.getCookie('logged_in_as') === 'creator')
      ) {
        AdminBar.viewAsDesktopButton.textContent = 'View as: ' + AdminBar.getSelectedView();
        AdminBar.authorizeCreator();
        AdminBar.adminBarContainer.classList.toggle('hidden');
        if (cookieModule.getCookie('admin_bar_mode') === 'condensed') {
          AdminBar.adminBarSmall.classList.toggle('hidden');
        } else {
          AdminBar.adminBar.classList.toggle('hidden');
        }
      }

      AdminBar.closeButton.addEventListener('click', () => {
        cookieModule.setCookie('admin_bar_mode', 'condensed');
        AdminBar.adminBar.classList.toggle('hidden');
        AdminBar.adminBarSmall.classList.toggle('hidden');
      });

      AdminBar.adminBarSmall.addEventListener('click', () => {
        cookieModule.setCookie('admin_bar_mode', 'expanded');
        AdminBar.adminBar.classList.toggle('hidden');
        AdminBar.adminBarSmall.classList.toggle('hidden');
      });

      // Add event listeners to each dropdown button
      AdminBar.dropdownButtons.forEach((button) => {
        button.addEventListener("click", () => {
          const dropdownId = button.getAttribute("data-target");
          const dropdownContent = document.getElementById(dropdownId);
          AdminBar.toggleDropdown(dropdownContent);
        });
      });

      // Close the dropdowns when clicking outside
      document.addEventListener("click", (event) => {
        AdminBar.dropdownButtons.forEach((button) => {
          const dropdownId = button.getAttribute("data-target");
          const dropdownContent = document.getElementById(dropdownId);
          if (event.target !== button && !button.contains(event.target) && event.target !== dropdownContent) {
            dropdownContent.style.display = "none";
          }
        });
      });

      document.querySelectorAll(".dropdown-content li").forEach((item) => {
        item.addEventListener("click", (event) => {
          const mode = event.target.getAttribute("data-mode");
          if (mode === 'creator') {
            cookieModule.setCookie('view_as', 'creator');
            AdminBar.verifyCreator();
          } else {
            cookieModule.setCookie('view_as', 'supporter');
            cookieModule.setCookie('creator_access_token', 'creator', 365, 0);
            window.location.reload();
          }
        });
      });
    },
  };

  AdminBar.init();
</script>

<style>
  .admin-bar-container {
    height: 56px;
  }

  .hidden {
    display: none;
  }

  .admin-bar,
  .admin-bar-small {
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    height: 56px;
    width: 100%;
  }

  .admin-bar-small {
    width: 73px;
    cursor: pointer;
  }

  .sticky {
    position: fixed;
    bottom: 0;
  }

  .admin-bar a {
    color: #FDFCFB;
    padding: 14px;
    font-size: 14px;
    text-decoration: none;
  }

  .admin-bar button {
    padding: 14px;
    font-size: 14px;
  }

  .admin-bar .wrapper,
  .admin-bar-small .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
  }

  .admin-bar-small .wrapper {
    padding: 12px 20px;
  }

  .admin-bar .pill {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-transform: capitalize;

    padding: 6px 14px;
    border-radius: 100px;
    background: rgba(253, 252, 251, 0.12);

    cursor: pointer;
  }

  .admin-bar .pill:hover {
    background: rgba(253, 252, 251, 0.22);
  }

  .admin-bar .close {
    padding: 6px 11px;
  }

  .admin-bar .actions,
  .admin-bar .actions .desktop,
  .admin-bar .actions .mobile {
    display: flex;
    gap: 10px;
  }

  .admin-bar .actions .desktop,
  .admin-bar .actions .edit-page {
    display: none;
  }

  @media (min-width: 768px) {
    .admin-bar a,
    .admin-bar button {
      font-size: 16px;
    }

    .admin-bar .actions .desktop,
    .admin-bar .actions .edit-page {
      display: flex;
      gap: 10px;
    }

    .admin-bar .actions .mobile {
      display: none;
    }
  }

  .dropdown {
    position: relative;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(0,0,0,0.9);
    min-width: 130px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    bottom: 100%; /* Position above the button */
    border-radius: 10px;
    bottom: calc((100% + 8px) - 0px);
    right: 0;
  }

  /* Style for each list item */
  .dropdown-content .dropdown-item {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    cursor: pointer;
    border-radius: 10px;
  }

  .dropdown-content .dropdown-item:hover {
    background-color: rgba(255,255,255,0.2)
  }

  /* Style for the button */
  .dropdown-button {
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    line-height: 24px;
  }
</style>

<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9f17205a1d932d6f',t:'MTc3NzA1NDg3Mg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
