

<!doctype html>
<html class="no-js">
<head>
  <title>Last Crumb — Handmade Cookies Born in LA</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="description" content="Handmade Cookies Born in LA">
  <link rel="canonical" href="https://lastcrumb.com/password">
  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
  <script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables.");</script>
  <script async type="text/javascript" src="//static.klaviyo.com/onsite/js/klaviyo.js?company_id=Xd7Xqu"></script>
  <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/49642242208/digital_wallets/dialog">
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 49642242208,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "password"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "last-crumb.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"LastCrumb \/ Production","id":121000231072,"theme_store_id":796,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "cdn.shopify.com";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>(function() {
  function asyncLoad() {
    var urls = ["https:\/\/js.smile.io\/v1\/smile-shopify.js?shop=last-crumb.myshopify.com","https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=Xd7Xqu\u0026shop=last-crumb.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":49642242208,"offset":-25200,"reqid":"d81f432e-d225-413d-99bc-9fac83f64d1c","pageurl":"lastcrumb.com\/password","u":"4a83373f9751","p":"password"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'USD';
var meta = {"page":{"pageType":"password"}};
for (var attr in meta) {
  window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
  
};
</script>
<script class="analytics">(function () {
  var customDocumentWrite = function(content) {
    var jquery = null;

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

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

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

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

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

  var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  if (trekkie.integrations) {
    return;
  }
  trekkie.methods = [
    'identify',
    'page',
    'ready',
    'track',
    'trackForm',
    'trackLink'
  ];
  trekkie.factory = function(method) {
    return function() {
      var args = Array.prototype.slice.call(arguments);
      args.unshift(method);
      trekkie.push(args);
      return trekkie;
    };
  };
  for (var i = 0; i < trekkie.methods.length; i++) {
    var key = trekkie.methods[i];
    trekkie[key] = trekkie.factory(key);
  }
  trekkie.load = function(config) {
    trekkie.config = config;
    var first = document.getElementsByTagName('script')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.onerror = function(e) {
      var scriptFallback = document.createElement('script');
      scriptFallback.type = 'text/javascript';
      scriptFallback.onerror = function(error) {
              var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });
    
          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful
    
        } // XHR beacon   
    
        var xhr = new XMLHttpRequest();
    
        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }
    
        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 49642242208,
      theme_id: 121000231072,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "https://cdn.shopify.com/s/trekkie.storefront.097377938d780a4e59522c70f1aa2ce870668052.min.js"});

      };
      scriptFallback.async = true;
      scriptFallback.src = 'https://cdn.shopify.com/s/trekkie.storefront.097377938d780a4e59522c70f1aa2ce870668052.min.js';
      first.parentNode.insertBefore(scriptFallback, first);
    };
    script.async = true;
    script.src = 'https://cdn.shopify.com/s/trekkie.storefront.097377938d780a4e59522c70f1aa2ce870668052.min.js';
    first.parentNode.insertBefore(script, first);
  };
  trekkie.load(
    {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":49642242208,"isMerchantRequest":null,"themeId":121000231072,"themeCityHash":"7670333586936236889","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"isPixelGateEnabled":true},"Performance":{"navigationTimingApiMeasurementsEnabled":true,"navigationTimingApiMeasurementsSampleRate":1},"Session Attribution":{},"Customer Events API":{}}
  );

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

    window.ShopifyAnalytics.lib = window.trekkie;
    

    var originalDocumentWrite = document.write;
    document.write = customDocumentWrite;
    try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
    document.write = originalDocumentWrite;
      (function () {
        if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) {
          return;
        }
        window.BOOMR = window.BOOMR || {};
        window.BOOMR.snippetStart = new Date().getTime();
        window.BOOMR.snippetExecuted = true;
        window.BOOMR.snippetVersion = 12;
        window.BOOMR.application = "storefront-renderer";
        window.BOOMR.themeName = "Themekit template theme";
        window.BOOMR.themeVersion = "1.0.0";
        window.BOOMR.shopId = 49642242208;
        window.BOOMR.themeId = 121000231072;
        window.BOOMR.url =
          "https://cdn.shopify.com/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js";
        var where = document.currentScript || document.getElementsByTagName("script")[0];
        var parentNode = where.parentNode;
        var promoted = false;
        var LOADER_TIMEOUT = 3000;
        function promote() {
          if (promoted) {
            return;
          }
          var script = document.createElement("script");
          script.id = "boomr-scr-as";
          script.src = window.BOOMR.url;
          script.async = true;
          parentNode.appendChild(script);
          promoted = true;
        }
        function iframeLoader(wasFallback) {
          promoted = true;
          var dom, bootstrap, iframe, iframeStyle;
          var doc = document;
          var win = window;
          window.BOOMR.snippetMethod = wasFallback ? "if" : "i";
          bootstrap = function(parent, scriptId) {
            var script = doc.createElement("script");
            script.id = scriptId || "boomr-if-as";
            script.src = window.BOOMR.url;
            BOOMR_lstart = new Date().getTime();
            parent = parent || doc.body;
            parent.appendChild(script);
          };
          if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) {
            window.BOOMR.snippetMethod = "s";
            bootstrap(parentNode, "boomr-async");
            return;
          }
          iframe = document.createElement("IFRAME");
          iframe.src = "about:blank";
          iframe.title = "";
          iframe.role = "presentation";
          iframe.loading = "eager";
          iframeStyle = (iframe.frameElement || iframe).style;
          iframeStyle.width = 0;
          iframeStyle.height = 0;
          iframeStyle.border = 0;
          iframeStyle.display = "none";
          parentNode.appendChild(iframe);
          try {
            win = iframe.contentWindow;
            doc = win.document.open();
          } catch (e) {
            dom = document.domain;
            iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);";
            win = iframe.contentWindow;
            doc = win.document.open();
          }
          if (dom) {
            doc._boomrl = function() {
              this.domain = dom;
              bootstrap();
            };
            doc.write("<body onload='document._boomrl();'>");
          } else {
            win._boomrl = function() {
              bootstrap();
            };
            if (win.addEventListener) {
              win.addEventListener("load", win._boomrl, false);
            } else if (win.attachEvent) {
              win.attachEvent("onload", win._boomrl);
            }
          }
          doc.close();
        }
        var link = document.createElement("link");
        if (link.relList &&
          typeof link.relList.supports === "function" &&
          link.relList.supports("preload") &&
          ("as" in link)) {
          window.BOOMR.snippetMethod = "p";
          link.href = window.BOOMR.url;
          link.rel = "preload";
          link.as = "script";
          link.addEventListener("load", promote);
          link.addEventListener("error", function() {
            iframeLoader(true);
          });
          setTimeout(function() {
            if (!promoted) {
              iframeLoader(true);
            }
          }, LOADER_TIMEOUT);
          BOOMR_lstart = new Date().getTime();
          parentNode.appendChild(link);
        } else {
          iframeLoader(false);
        }
        function boomerangSaveLoadTime(e) {
          window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime();
        }
        if (window.addEventListener) {
          window.addEventListener("load", boomerangSaveLoadTime, false);
        } else if (window.attachEvent) {
          window.attachEvent("onload", boomerangSaveLoadTime);
        }
        if (document.addEventListener) {
          document.addEventListener("onBoomerangLoaded", function(e) {
            e.detail.BOOMR.init({
              producer_url: "https://monorail-edge.shopifysvc.com/v1/produce",
              ResourceTiming: {
                enabled: true,
                trackedResourceTypes: ["script", "img", "css"]
              },
            });
            e.detail.BOOMR.t_end = new Date().getTime();
          });
        } else if (document.attachEvent) {
          document.attachEvent("onpropertychange", function(e) {
            if (!e) e=event;
            if (e.propertyName === "onBoomerangLoaded") {
              e.detail.BOOMR.init({
                producer_url: "https://monorail-edge.shopifysvc.com/v1/produce",
                ResourceTiming: {
                  enabled: true,
                  trackedResourceTypes: ["script", "img", "css"]
                },
              });
              e.detail.BOOMR.t_end = new Date().getTime();
            }
          });
        }
      })();
    

    
        window.ShopifyAnalytics.lib.page(
          null,
          {"pageType":"password"}
        );
      

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

  
      var eventsListenerScript = document.createElement('script');
      eventsListenerScript.async = true;
      eventsListenerScript.src = "//cdn.shopify.com/shopifycloud/shopify/assets/shop_events_listener-619dded2976e732c6d885de654a8af094bc28e3148dfe9ab8b320781402596b6.js";
      document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
    
})();</script>
<script>!function(e){e.addEventListener("DOMContentLoaded",function(){var t=['form[action^="/contact"] input[name="form_type"][value="contact"]','form[action*="/comments"] input[name="form_type"][value="new_comment"]'].join(",");null!==e.querySelector(t)&&(window.Shopify=window.Shopify||{},window.Shopify.recaptchaV3=window.Shopify.recaptchaV3||{siteKey:"6LcCR2cUAAAAANS1Gpq_mDIJ2pQuJphsSQaUEuc9"},(t=e.createElement("script")).setAttribute("src","https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.1/index.js"),e.body.appendChild(t))})}(document);</script>
<script integrity="sha256-2KbxRG1nAJxSTtTmhkiAC6kILrdVSO4o4QUDMcvnuig=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//cdn.shopify.com/shopifycloud/shopify/assets/storefront/load_feature-d8a6f1446d67009c524ed4e68648800ba9082eb75548ee28e1050331cbe7ba28.js" crossorigin="anonymous"></script>


<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <!-- Header hook for plugins -->
  <link href="//cdn.shopify.com/s/files/1/0496/4224/2208/t/5/assets/app.css?v=4597718021790103714" rel="stylesheet" type="text/css" media="all" />
  <style>
  @font-face {
    font-family: 'neue_montrealregular';
    src: url('//cdn.shopify.com/s/files/1/0496/4224/2208/t/5/assets/neuemontreal-regular-webfont.woff2?v=10864480758121755563') format('woff2'),
         url('//cdn.shopify.com/s/files/1/0496/4224/2208/t/5/assets/neuemontreal-regular-webfont.woff?v=9664414885726330033') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'schotisbook';
    src: url('//cdn.shopify.com/s/files/1/0496/4224/2208/t/5/assets/schotis_book.woff2?v=6412179890005855369') format('woff2'),
         url('//cdn.shopify.com/s/files/1/0496/4224/2208/t/5/assets/schotis_book.woff?v=6159861423387135349') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'schotisbook';
    src: url('//cdn.shopify.com/s/files/1/0496/4224/2208/t/5/assets/schotis_semibold_italic.woff2?v=11107148980693514195') format('woff2'),
         url('//cdn.shopify.com/s/files/1/0496/4224/2208/t/5/assets/schotis_semibold_italic.woff?v=1707691194152197596') format('woff');
    font-weight: normal;
    font-style: italic;
  }
</style>
  <script src="//cdn.shopify.com/s/files/1/0496/4224/2208/t/5/assets/app.js?v=861314052568641932" type="text/javascript"></script>
</head>
<body class="antialiased bg-black font-sans">
  <main role="main">
    <section x-data="{animate:false, ...subscribe()}" @mouseleave.window="leaving" @mousemove.document="isUserLeaving" class="h-[calc(var(--vh, 1vh) * 100)] absolute inset-0 bg-black text-black md:text-white text-sm md:text-xl leading-tight overflow-hidden">

  <header class="absolute m-6 md:m-8 inset-x-0 top-0 flex items-start md:items-center justify-between z-10">
    <a href="/" title="Last Crumb" class="block w-1/3 md:w-1/6">
      <svg class="w-full h-auto" viewBox="0 0 1955 415" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
        <path d="M1079.5 123.9C1079.5 135.7 1080.3 145 1082 151.7V156.8H1006.1C1004.4 151.1 1003.6 143.5 1003.6 134V84C1003.6 76.6 1002.1 70.9 999 66.8C996 62.8 991.4 60.7 985.3 60.7C979.2 60.7 974.4 63 970.9 67.5C967.4 72.1 965.6 78.4 965.6 86.5V325.7C965.6 333.8 967.4 340.1 970.9 344.7C974.4 349.2 979.2 351.5 985.3 351.5C991.4 351.5 995.9 349.4 999 345.2C1002 341 1003.6 335.3 1003.6 328.3V278.2C1003.6 268.8 1004.4 261.2 1006.1 255.4H1082V260.5C1080.3 266.6 1079.5 276.7 1079.5 290.8C1079.5 329.2 1071.5 359.5 1055.5 381.6C1039.5 403.7 1016.5 414.7 986.5 414.7C952.4 414.7 926.6 399.5 908.9 369.2C891.2 338.9 882.3 290 882.3 222.5V192.2C882.3 124.8 891.2 75.9 908.9 45.5C926.5 15.2 952.4 0 986.5 0C1016.5 0 1039.5 11 1055.5 33.1C1071.5 55.2 1079.5 85.5 1079.5 123.9ZM1273 188.4C1266.1 204.4 1255.2 219.7 1240.4 234.2L1278.3 404.6V409.7H1205L1176.2 258H1168.6L1172.1 409.7H1096.2V5.1H1171C1192.6 5.1 1211.8 10 1228.7 19.8C1245.6 29.6 1258.9 43.7 1268.7 62C1278.5 80.4 1283.4 102.4 1283.4 128C1283.3 152.2 1279.9 172.4 1273 188.4ZM1207.5 106.2C1207.5 93.4 1204.4 83.4 1198.1 76.4C1191.9 69.3 1184 65.8 1174.6 65.8H1172.1V202.4H1174.6C1184 202.4 1191.9 198.9 1198.1 191.8C1204.3 184.7 1207.5 174.8 1207.5 162V106.2ZM1408.8 328.2C1408.8 345.4 1402.9 354 1391.1 354C1379.3 354 1373.4 345.4 1373.4 328.2V5.1H1297.5V308.6C1297.5 341.6 1305.8 367.6 1322.5 386.5C1339.2 405.4 1362 414.8 1391 414.8C1420 414.8 1442.8 405.4 1459.5 386.5C1476.2 367.6 1484.5 341.7 1484.5 308.6V5.1H1408.6V328.2H1408.8ZM1626.2 222.5H1621.1L1588.3 5.1H1504.9V409.7H1570.6L1565.5 222.6H1570.6L1598.4 409.7H1649L1676.8 222.6H1681.9L1676.8 409.7H1742.5V5.1H1659.1L1626.2 222.5ZM1955 301.9C1955 325.2 1950 344.9 1940.1 361.1C1930.1 377.3 1916.7 389.4 1899.6 397.5C1882.6 405.6 1863.6 409.6 1842.7 409.6H1762.8V5.1H1835.1C1856.3 5.1 1875.9 9.1 1893.8 17C1911.7 24.9 1925.9 36.6 1936.5 52.1C1947.1 67.6 1952.4 86.5 1952.4 108.7C1952.4 153.5 1932.2 184.7 1891.7 202.3V207.4C1909.9 213.8 1925 224.6 1937 239.8C1949 254.9 1955 275.6 1955 301.9ZM1838.7 177H1843.8C1852.9 177 1860.2 173.6 1865.8 166.9C1871.4 160.2 1874.1 150 1874.1 136.6V106.3C1874.1 92.8 1871.3 82.7 1865.8 76C1860.2 69.3 1852.9 65.9 1843.8 65.9H1838.7V177ZM1876.6 280.7C1876.6 266.2 1873.5 255.4 1867.2 248.3C1861 241.2 1853.1 237.7 1843.7 237.7H1838.6V349H1843.7C1853.1 349 1861 345.5 1867.2 338.4C1873.4 331.3 1876.6 320.5 1876.6 306V280.7ZM825.9 204.2C827 205.1 828.1 205.9 828.9 206.6C828.9 208.2 828.9 209.6 828.9 210.7C826 211.1 823.5 211.5 820.3 211.9C819.6 211.7 818.2 211.1 816.8 211.1C813.6 210.9 810.4 211 807.3 211.1C804 211.1 800.8 210.8 797.6 212.3C795.5 213.2 792.3 214.3 790.9 213.4C787.6 211.4 785.1 212.8 782.6 213.7C781.7 213.1 781 212.6 781.1 212.6C778.1 213 776 213.4 773.9 213.5C768 213.6 762.1 213.2 756.2 213.6C754.1 213.7 752 213.6 749.9 213.4V409.7H674V213.3C673.4 213.4 672.9 213.6 672.3 213.7C669.5 214.3 666.8 215.7 664.3 214C661.2 212 658.9 214.8 656.2 214.7C656 214.7 655.6 214.8 655.5 214.7C653.3 212.5 650.4 213.7 647.9 213.5C646.1 213.3 644.3 213.4 642.5 213.5C640.7 213.6 638.9 214.2 637.1 214.2C635.4 214.2 633.7 213.6 632 213.5C629.3 213.4 626.5 213.3 623.8 213.5C621.2 213.7 618.7 213.2 616 214.2C614 215 611.1 213.5 608.6 213.5C606.5 213.5 604.4 214.1 602.2 214.4C601.5 214.1 600.5 213.4 599.6 213.5C597.3 213.7 594.3 215.3 592.8 214.4C590.3 213 588 213.6 585.7 213.4C585.6 213.4 585.5 213.4 585.4 213.4C593.8 226.1 600.5 238 605.5 249.2C614.1 268.4 618.4 289.8 618.4 313.4C618.4 344.4 610.3 369 594.1 387.2C577.9 405.4 556 414.5 528.4 414.5C497.7 414.5 474.5 405 458.9 385.9C443.2 366.9 435.4 339.5 435.4 303.7C435.4 290.9 434.4 281.4 432.4 275.4V270.3H501.7C503.7 274.3 504.7 281.9 504.7 293.1V330.5C504.7 338.3 506.4 344.5 509.8 349.2C513.2 353.9 517.7 356.3 523.5 356.3C529.6 356.3 534.3 354 537.7 349.5C541.1 344.9 542.8 339 542.8 331.5V323.9C542.8 311.4 539.1 298.4 531.7 285C524.3 271.5 513.5 255.5 499.3 237L484.2 218C483.2 216.8 482.3 215.5 481.4 214.3C481 214.4 480.6 214.6 480.2 214.7C479.2 215.1 477.5 215.2 476.9 214.7C475.4 213.3 473.5 213.1 472 213.6C470.3 214.2 469.1 214.4 467.6 213.5C464.6 215.6 461.2 214.5 457.9 214.8C456.1 215 454.5 214 453 213.7C451.4 213.5 449.6 215 447.5 214.8C443.4 214.3 439.1 215.6 435.1 213.6C434.2 213.1 432.5 213.7 431.3 213.9C430 214.1 428.8 214.7 427.6 214.7C422.3 214.7 417 214.8 411.7 214.7L429.7 404.6V409.7H358.9L350.3 313.6H322L313.4 409.7H242.6V404.6L260.5 216.5C259.9 216.3 259.3 216.1 258.7 216.1C256.4 216.2 253.7 217.8 251.9 217.1C248.3 215.7 245.5 216.3 242 217.1C238.9 217.8 235.3 215.4 231.7 216.1C230.7 216.3 229.9 217.1 228.7 217.7C227.7 215.2 225.6 215.9 223.9 216.1C218.9 216.5 213.6 214.8 208.9 217.2C207.6 216.8 206.4 216 205.3 216.1C203.9 216.2 202.6 216.9 201.5 217.3C200.7 216.7 200.2 216.3 199.5 215.8C196.1 218.3 192.6 217.6 189.3 215.8C187.4 218.1 185.2 217 183.2 217.3C182.9 216.3 182.7 215.7 182.5 214.9C179.3 214.1 176 216.4 172.8 216.2V343.9H236V409.6H96.8V214.9C96.1 214.9 95.5 214.9 94.8 214.9C92.5 214.8 90.2 215.5 87.9 215.9C87.3 215.5 86.6 215 86.6 215C84.2 215.4 82.5 215.9 80.8 216C78.3 216.1 75 217 73.5 215.8C70.8 213.8 69.1 216 67 216.1C56.5 216.4 46 216.9 35.5 217.3C30.1 217.5 24.6 217.3 19.1 217.3C16.3 217.3 13.4 217.8 10.7 216.1C10.4 215.9 9.3 216.8 8.9 217C5.9 215.6 3 214.2 -0.0999985 212.7C1.4 212 2.9 211.6 4.1 210.9C7.5 208.8 11.2 208.4 15.3 208.3C20.6 208.1 26 209.7 31.1 207.2C31.4 207.1 32 207.3 32.3 207.5C36.3 209.5 40.3 208.5 44.1 207.2C44.6 207.6 45.1 207.9 45.2 208C48.6 207.7 51 207.2 53.3 207.2C67.8 207.2 82.3 207.2 96.7 207.2V5.1H172.6V207.2C181 207.2 189.4 207.2 197.8 207.2C200.1 207.2 202.4 207.7 205.3 208C207.1 205.8 209.5 207.7 211.5 208.5C215.4 206.3 218.8 206.7 222.1 208.3C223.7 207.9 225.1 207.3 226.5 207.2C229.2 207 232 207 234.7 207.2C237.5 207.4 240.3 206.8 243.2 207.9C245.2 208.7 248.1 207.3 250.6 207.2C251.9 207.1 253.7 208.4 254.6 208C256.8 206.8 259 206.9 261.2 207.1L280.4 5.1H391.7L410.6 204.6C411.9 204.6 413.2 204.6 414.5 204.7C416.9 204.9 419.2 204.3 421.7 205.3C423.7 206.1 426.6 204.8 429 204.7C431.3 204.6 433.6 204.9 435.8 204.6C437.8 204.3 439.3 206 441.6 204.8C443.4 203.9 446 204.6 448.3 204.6C456.9 204.6 465.6 204.6 474.2 204.6C461.5 186.8 452.2 171 446.4 157C439.1 139.6 435.5 120.2 435.5 98.6C435.5 69.3 443.8 45.5 460.3 27.3C477 9.1 499.4 0 527.7 0C556.4 0 578.5 9.4 594.2 28.1C609.9 46.8 617.7 72.4 617.7 104.7C617.7 117.8 618.7 127.6 620.7 134V139.1H552.4C550.4 133.4 549.4 125.8 549.4 116.3V82.4C549.4 74.6 547.7 68.7 544.3 64.4C540.9 60.2 536.5 58.1 531.2 58.1C525.5 58.1 520.7 60.3 517 64.7C513.3 69.1 511.4 75.3 511.4 83.4V91C511.4 102.5 514.3 113.6 520.2 124.4C526.1 135.2 535.8 149 549.3 165.9L564.5 185.1C569.4 191.3 574 197.4 578.2 203.4C580.9 203.4 583.6 203.4 586.4 203.4C587.8 203.4 588.9 203.7 589.8 204.6C592.1 204 593.5 203.5 594.8 203.5C596.7 203.6 598.5 204.6 600.4 204.6C602.5 204.6 604.6 203.7 606.7 203.5C607.6 203.4 608.6 204.3 609.4 204.6C611 204.2 612.4 203.4 613.8 203.5C616.8 203.7 619.8 202.9 622.9 204.5C625.6 205.9 628.8 203.7 631.8 203.4C632.4 203.3 633.5 203.3 633.7 203.6C635.3 206.2 637.6 203.3 639.8 204.4C641.9 205.5 645.4 205.3 647.8 204.5C650.4 203.6 652.9 203.3 655.5 203.5C657.4 203.6 659.2 204.6 661.1 204.6C663 204.6 664.8 203.7 666.7 203.5C667.7 203.4 668.8 203.8 669.8 204.1C671.3 204.5 672.7 204.8 674.1 204.9V70.9H623.5V5.1H800.5V70.8H749.9V204.6C753.2 204.6 756.4 204.6 759.7 204.6C761.2 204.6 762.6 204.5 764.2 203.9C767.2 202.8 770.6 202.7 773.1 204.4C775.3 204 776.9 203.5 778.5 203.4C784 203.3 789.4 203.4 794.9 203.3C795.5 203.3 796.1 202.5 796.7 202.1C805.3 202.1 814 202.1 822.6 202.1C822.7 204.5 825.1 202.7 825.9 204.2ZM333.5 108.7L325.7 205.9C328.1 205.9 330.4 205.9 332.8 205.8C334.2 205.8 335.6 205 337 204.6C339.9 207.1 342.9 205.4 345.5 204.5C345.8 204.7 346.1 204.9 346.3 205L338.6 108.6H333.5V108.7ZM349.7 247.8L347 213.8C346.6 213.7 346.2 213.6 345.8 213.5C344.5 213.2 342.5 212.9 341.8 213.5C339.8 215.4 337.6 214.5 335.4 214.6C332 214.7 328.6 214.5 325.2 214.7C325.1 214.7 325.1 214.7 325 214.7L322.4 247.7H349.7V247.8ZM590.1 204.7C590.2 204.7 590.2 204.7 590.1 204.7V204.7Z" fill="currentColor"/>
      </svg>
    </a>
    <div class="text-right">
      <span class="block uppercase font-normal">Handmade Cookies</span>
      <span class="block uppercase font-serif italic">Born in LA</span>
      <a class="inline-block text-black md:text-white" href="http://instagram.com/lastcrumbcookies/" target="_blank">
        <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" fill="currentColor"/></svg>
      </a>
    </div>
  </header>
  
  <div 
    :class="{ 'scale-125 md:scale-110 filter-grayscale': animate, 'scale-110 md:scale-100 filter-none': !animate }"
    class="absolute inset-0 bg-black transform transition-all ease duration-700">
    <img src="//cdn.shopify.com/s/files/1/0496/4224/2208/t/5/assets/lastcrumb_splash_1600x1600.jpg?v=1501262636743624308" class="h-full w-full object-cover" alt="Last Crumb Splash Image" />
  </div>
  
  <div 
    @click.prevent="open"
    @mouseover = "animate = true" @mouseover.away = "animate = false"
    class="cursor-pointer absolute rounded-full top-[45%] left-[50%] transform -translate-y-1/2 -translate-x-1/2 text-red-600 scale-50">
    <ul class="setEyes w-[35rem] h-[24rem] transform relative block -mt-10">
  <li class="block w-px h-px absolute left-0 top-0">
    <div class="absolute w-[6rem] h-[24rem] transform rotate-[55deg] left-[6rem] top-[-3.6rem]">
      <span 
        :class="{ 'h-full': animate, 'h-0': !animate }"
        class="w-full absolute overflow-hidden transition-all duration-100">
        <svg class="w-[6rem] h-[24rem]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 64"><path fill="currentColor" d="M4 31.5c-0.6 1.8 0.2 2.9 0.2 2.9l0.5 1.2C6 38.4 6.1 41 6 43.4 5.9 46 5.8 47.6 6.3 49c0.8 2.7 0.7 5.4 0.6 8 -0.1 0.9-0.1 1.8-0.1 2.7 0 0.8 0.4 1.4 1.1 1.8l0.4 0.2c1.3 0.7 2.8-0.2 2.9-1.7l0 0 0.1-1.6c0.2-4.6 0.3-8.9-1.2-12.8l-0.1-0.4 1.4-5.6c0 0 0.6-2.4 0.7-4S11.3 32 11.3 32l-0.3-0.9c-1-2.8-2.1-6.6-0.5-10.5 0.2-0.5 0.2-1 0.1-1.4L10.1 16l0.2-1.6L10.8 4C9.5 2.5 9.1 2.2 7.6 2 7 1.9 6.4 2.2 6 2.6L3.8 4.7l0 0c0.3 0.7 0.5 1.6 0.6 2.4L4.6 10c0.4 5.9 0.8 12.1 0.1 18C4.7 28.6 4.6 29.6 4 31.5z"></path></svg>
      </span>
    </div>
  </li>
  <li class="block w-px h-px absolute left-[40%] top-0">
    <div class="absolute w-[6rem] h-[24rem] transform rotate-[-25deg] left-[-7.2rem] top-[-1.6rem]">
      <span 
        :class="{ 'h-full': animate, 'h-0': !animate }"
        class="w-full absolute overflow-hidden transition-all duration-200">
        <svg class="w-[6rem] h-[24rem]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 64"><path fill="currentColor" d="M10 27.6c-0.1-0.7 0.4-1.4 0.9-3.1 0.5-1.7-0.3-2.7-0.3-2.7 -0.2-0.1-0.1-0.2-0.3-0.3l-0.8-0.6 1.4-4.2c-0.1-0.7-0.1-1.3-0.2-1.8 -0.2-1.5-0.3-2.6-0.1-3.9 0.5-2 0.3-3.8-0.7-5.7 -0.3-0.5-0.8-0.9-1.3-1L7.7 4.1C6.1 6 5.1 7.2 5.5 9.1c0.2 0.6 0.1 1.3-0.1 1.9 -0.1 0.2-0.2 0.5-0.1 0.7 0.1 1.6-0.1 3.3-0.4 4.8 -0.4 2.1-0.8 3.9 0.3 5.7l0.7 1.1 -1.1 0.7c0 0-1.4 1-1.3 2.4 0.1 1.3 0.1 1.3 0.2 2.4s-0.2 2.4 0 3.1c0.2 0.7 0.2 1.5 0.2 1.5l0 2C4 43.2 4.1 50.7 6.3 58.1c0.2 0.1 0.3 0.1 0.5 0.2s0.5 0.2 0.8 0.3c0.8 0.3 1.4 0.6 2 1.2l0.9-0.4c0.5-0.2 0.9-0.7 1.1-1.2l0.9-2.7c0.1-0.4 0.1-0.8 0.1-1.1L9.8 42.5l0.8-1.5L9.4 29.8C9.3 29.4 10.1 28.4 10 27.6z"></path></svg>
      </span>
    </div>
  </li>
  <li class="block w-px h-px absolute left-[60%] top-[20%]">
    <div class="absolute w-[6rem] h-[24rem] transform rotate-[60deg] left-[6rem] top-[-1.6rem]">
      <span 
        :class="{ 'h-full': animate, 'h-0': !animate }"
        class="w-full absolute overflow-hidden transition-all duration-300">
        <svg class="w-[6rem] h-[24rem]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 64"><path fill="currentColor" d="M11.5 54.6c0 0 0.1-0.1 0.2-0.1 0.3-0.2 0.5-0.3 0.6-0.6 0-0.9 0.1-1.8 0.3-2.6 0.2-2.1 0.5-3.9-0.2-5.8 -0.6-1.5-0.9-3.2-1.3-4.8 -0.2-0.8-0.2-1.5-0.5-2.4l-0.4-2c0 0 0.5 0 0.5-1.8 -0.1-1.8-0.4-3.4-0.4-3.4l0-1.1c-0.1-2.2-0.2-4.3-0.3-6.5 -0.2-3.9-0.4-7.8 0-11.8 -0.2-0.3-0.4-0.4-0.6-0.6 -0.6-0.6-1.1-1.2-1.5-1.4l0 0C7.1 9.2 6.3 9.2 5.4 9.1c-0.2 0.1-0.6 0.1-0.7 0L4.6 9.2c-1.5 2-1.9 4.6-1.1 6.9L4 17.5c0.3 1 0.5 2 0.4 3L3.5 32c0 0.9 1.1 2.3 1.1 2.3l0.1 2.4c0 0.8 0 2.2 0.1 3 0 1 0 2 0.3 2.7 0.6 1.9 0.7 4 0.8 6 0 1.1 0 2.4 0.3 3.4l0 0.4c0 0 0.1 2.3 1.4 2.5 1.3 0.2 1.7 0.4 3-0.1 1.4-0.4 1.4-0.4 1.4-0.4"></path></svg>
      </span>
    </div>
  </li>
  <li class="block w-px h-px absolute left-full top-[20%]">
    <div class="absolute w-[6rem] h-[24rem] transform rotate-[-35deg] left-[-8rem] top-[-2.4rem]">
      <span 
        :class="{ 'h-full': animate, 'h-0': !animate }"
        class="w-full absolute overflow-hidden transition-all duration-400">
        <svg class="w-[6rem] h-[24rem]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 64"><path fill="currentColor" d="M6.3 35.2L5.4 46.3l0.4 0.9 -0.2 1L4 51.9l0.6 1.5c0.4 0 0.7 0.1 1 0.2 0.6 0.3 1.2 0.9 1.6 1.4 0.1 0.2 0.4 0.4 0.5 0.6l1.2-0.6c1.5-3.1 1.7-6.7 1.6-10.3 0.1-2.7 0.1-5.6 0.8-8.5l0.3-1.1c0.6-1.4 0.7-3.3-0.1-4.3s-0.9-2.5-0.9-2.5l0.4-1.6c0.9-4.5 0.6-9-1-14.2 -0.4-1.3-1.1-2.5-2.2-3.4L6.9 8.4 6.1 8.8 6 9.1c-0.6 1.5-0.8 3.1-0.4 4.7l0 0c0.4 2 0.9 3.8 1.5 5.5 0.4 1.6 0.1 3.1-0.3 4.4 -0.4 1.6-0.6 2.6 0.1 3.8l1.3 2c0 0 0 1.2-0.7 2.3S6.2 34.8 6.3 35.2z"></path></svg>
      </span>
    </div>
  </li>
</ul>

  </div>
  
  <footer class="absolute inset-x-0 bottom-0 py-6 md:py-12 text-black">
    <div class="container text-center md:space-y-2">
      <p class="uppercase font-serif italic text-3xl md:text-7xl">Crumbing Soon</p>
      <button @click.prevent="open" class="bg-red-600 hover:bg-red-700 transition ease duration-300 px-6 py-4 flex mx-auto items-center space-x-1">
        <span class="font-mono uppercase text-xs tracking-wide text-white">Join the Waitlist</span>
        <svg class="text-white" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(4 6)"><polyline points="12.329 7.328 12.328 1.67 6.671 1.669" transform="scale(1 -1) rotate(45 20.36 0)"/><line x1="13.5" x2=".5" y1="4.5" y2="4.5"/></g></svg>
      </button>
    </div>
  </footer>

  <div 
  x-cloak 
  x-show="isOpen()" 
  x-description="Background overlay, show/hide based on modal state." 
  x-transition:enter="ease-out duration-300" 
  x-transition:enter-start="opacity-0" 
  x-transition:enter-end="opacity-100" 
  x-transition:leave="ease-in duration-200" 
  x-transition:leave-start="opacity-100" 
  x-transition:leave-end="opacity-0" 
  class="fixed inset-0 flex items-center justify-center transition-opacity" 
  aria-hidden="true">
  <div @click.prevent="close" class="absolute inset-0 bg-black bg-opacity-50"></div>
  <div class="w-full max-w-xl relative">
    <img src="//cdn.shopify.com/s/files/1/0496/4224/2208/t/5/assets/lastcrumb_subscribe_1600x1600.png?v=12725630220925569166" class="w-full" alt="Last Crumb subscribe" />
    <div class="absolute inset-0 flex flex-col">
      <div class="h-[65%] flex items-center justify-center">
        <div class="text-white text-3xl md:text-4xl text-center pt-20">
          <p class="uppercase">Subscribe to Hear About</p>
          <p class="uppercase font-serif italic">Our Next Drop</p>
        </div>
      </div>
      <div class="h-[35%] flex items-center justify-center pt-8 pb-20">
        <div class="font-mono uppercase text-xs text-white tracking-wide w-full max-w-xs">
          <div class="klaviyo-form-RDX8sJ"></div>
        </div>
      </div>
    </div>
  </div>
</div>


</section>

<script>
  window.subscribe = function() {
    return {
      show: false,
      open() { this.show = true },
      isOpen() { return this.show === true },
      leaving(e) { 
        if (localStorage.getItem('newsLetterSignUp') === null) {
          this.show = true
        }
      },
      close() { 
        this.show = false;
        localStorage.setItem('newsLetterSignUp', JSON.stringify(new Date()));
      },
      isUserLeaving(e) {
        if (e.clientY < 10) {
          this.leaving();
        }
      }
    }
  }
</script>
  </main>
</body>
</html>
