Skin Care at Prelude & Dawn in Highland Park, Los Angeles

<!doctype html> <html class="no-js" lang="en"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://preludeanddawn.com/collections/skin-care","20240414150915","https://web.archive.org/","web","/_static/", "1713107355"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content=""> <link rel="canonical" href="https://web.archive.org/web/20240414150915/https://preludeanddawn.com/collections/skin-care"> <link rel="preconnect" href="https://web.archive.org/web/20240414150915/https://cdn.shopify.com/" crossorigin><link rel="icon" type="image/png" href="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/FAVICON_MAIN_TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA.png?crop=center&height=32&v=1648746424&width=32"><link rel="preconnect" href="https://web.archive.org/web/20240414150915/https://fonts.shopifycdn.com/" crossorigin><title> Skin Care at Prelude & Dawn in Highland Park, Los Angeles </title> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="3hvDxfboXTNxAXNgrwKuO7a2LpRmfutis2zzklkpPrM"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/12347604/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="7b570452dd4d2429d903509a6dd247a9"> <link rel="alternate" type="application/atom+xml" title="Feed" href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care.atom"/> <link rel="next" href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care?page=2"> <link rel="alternate" type="application/json+oembed" href="https://web.archive.org/web/20240414150915/https://preludeanddawn.com/collections/skin-care.oembed"> <script async="async" src="/web/20240414150915js_/https://preludeanddawn.com/checkouts/internal/preloads.js?locale=en-US"></script> <script async="async" src="https://web.archive.org/web/20240414150915js_/https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=12347604" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":12347604,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/12347604","merchantName":"Prelude \u0026 Dawn","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Prelude \u0026 Dawn","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"7b570452dd4d2429d903509a6dd247a9","betas":["rich-media-storefront-analytics"],"domain":"preludeanddawn.com","predictiveSearch":true,"shopId":12347604,"smart_payment_buttons_url":"https:\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en","flg4ff40b22":false}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "prelude-dawn.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"Updated copy of Baseline","id":134365479064,"theme_store_id":910,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "preludeanddawn.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-features" type="application/json">{"compact":""}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"pay-button":["modules/client.pay-button_963d1daf.en.esm.js","modules/chunk.common_81888316.esm.js"],"avatar":["modules/client.avatar_f2458049.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/client.init-shop-email-lookup-coordinator_c304a0f6.en.esm.js","modules/chunk.common_81888316.esm.js"],"init-customer-accounts-sign-up":["modules/client.init-customer-accounts-sign-up_63926d37.en.esm.js","modules/chunk.common_81888316.esm.js"],"init-shop-for-new-customer-accounts":["modules/client.init-shop-for-new-customer-accounts_432099fe.en.esm.js","modules/chunk.common_81888316.esm.js"],"init-customer-accounts":["modules/client.init-customer-accounts_129eb130.en.esm.js","modules/chunk.common_81888316.esm.js"],"shop-pay-checkout-sheet":["modules/client.shop-pay-checkout-sheet_576bf374.en.esm.js","modules/chunk.common_81888316.esm.js"],"shop-pay-payment-request":["modules/client.shop-pay-payment-request_650531f7.en.esm.js","modules/chunk.common_81888316.esm.js","modules/chunk.shop-pay_3c1999d5.esm.js"],"login-button":["modules/client.login-button_53b2b62a.en.esm.js","modules/chunk.common_81888316.esm.js"],"discount-app":["modules/client.discount-app_eb00ea6b.en.esm.js","modules/chunk.common_81888316.esm.js"],"payment-terms":["modules/client.payment-terms_ea300363.en.esm.js","modules/chunk.common_81888316.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/web.archive.org\/web\/20240414150915\/https:\/\/instafeed.nfcube.com\/cdn\/e4a43d08f8ec4ef317da5cb7d924c692.js?shop=prelude-dawn.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":12347604,"offset":-25200,"reqid":"fd337fa4-2eda-4907-992c-994af72a6abf-1713107354","pageurl":"preludeanddawn.com\/collections\/skin-care","u":"e5f92d8d3240","p":"collection","rtyp":"collection","rid":281491308696};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script>!function(o){o.addEventListener("DOMContentLoaded",function(){window.Shopify=window.Shopify||{},window.Shopify.recaptchaV3=window.Shopify.recaptchaV3||{siteKey:"6LeHG2ApAAAAAO4rPaDW-qVpPKPOBfjbCpzJB9ey"};var t=['form[action*="/contact"] input[name="form_type"][value="contact"]','form[action*="/comments"] input[name="form_type"][value="new_comment"]','form[action*="/account"] input[name="form_type"][value="customer_login"]','form[action*="/account"] input[name="form_type"][value="recover_customer_password"]','form[action*="/account"] input[name="form_type"][value="create_customer"]','form[action*="/contact"] input[name="form_type"][value="customer"]'].join(",");function n(e){e=e.target;null==e||null!=(e=function e(t,n){if(null==t.parentElement)return null;if("FORM"!=t.parentElement.tagName)return e(t.parentElement,n);for(var o=t.parentElement.action,r=0;r<n.length;r++)if(-1!==o.indexOf(n[r]))return t.parentElement;return null}(e,["/contact","/comments","/account"]))&&null!=e.querySelector(t)&&((e=o.createElement("script")).setAttribute("src","https://web.archive.org/web/20240414150915/https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.6/index.js"),o.body.appendChild(e),o.removeEventListener("focus",n,!0),o.removeEventListener("change",n,!0),o.removeEventListener("click",n,!0))}o.addEventListener("click",n,!0),o.addEventListener("change",n,!0),o.addEventListener("focus",n,!0)})}(document);</script> <script integrity="" data-source-attribution="shopify.loadfeatures" defer="defer" src="//web.archive.org/web/20240414150915js_/https://preludeanddawn.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-9f951eb7d8d53973c719de211f807d63af81c644e5b9a6ae72661ac408d472f6.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//web.archive.org/web/20240414150915js_/https://preludeanddawn.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//web.archive.org/web/20240414150915js_/https://preludeanddawn.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 120px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <meta property="og:site_name" content="Prelude & Dawn"> <meta property="og:url" content="https://web.archive.org/web/20240414150915/https://preludeanddawn.com/collections/skin-care"> <meta property="og:title" content="Skin Care at Prelude & Dawn in Highland Park, Los Angeles"> <meta property="og:type" content="website"> <meta property="og:description" content="A unique selection of apparel and handmade goods in Highland Park, Los Angeles."><meta property="og:image" content="https://web.archive.org/web/20240414150915im_/http://preludeanddawn.com/cdn/shop/files/TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA_d78e6134-5e85-4a00-b5da-a2f0973f44e1.png?height=628&pad_color=fcf5fa&v=1649096141&width=1200"> <meta property="og:image:secure_url" content="https://preludeanddawn.com/cdn/shop/files/TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA_d78e6134-5e85-4a00-b5da-a2f0973f44e1.png?height=628&pad_color=fcf5fa&v=1649096141&width=1200"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Skin Care at Prelude & Dawn in Highland Park, Los Angeles"> <meta name="twitter:description" content="A unique selection of apparel and handmade goods in Highland Park, Los Angeles."> <script> window.THEMENAME = 'Baseline'; window.THEMEVERSION = '3.0.0'; document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); function debounce(fn, wait) { let t; return (...args) => { clearTimeout(t); t = setTimeout(() => fn.apply(this, args), wait); }; } window.theme = { strings: { loading: "Loading", itemCountOne: "{{ count }} item", itemCountOther: "{{ count }} items", addToCart: "Add to cart", soldOut: "Sold out", unavailable: "Unavailable", regularPrice: "Regular price", salePrice: "Sale price", sale: "Sale", unitPrice: "Unit price", unitPriceSeparator: "per", cartEmpty: "Your cart is currently empty.", cartCookies: "Enable cookies to use the shopping cart", update: "Update", quantity: "Quantity", discountedTotal: "Discounted total", regularTotal: "Regular total", priceColumn: "See Price column for discount details.", addedToCart: "Added to Cart!", cartError: "There was an error while updating your cart. Please try again.", cartAddError: "All {{ title }} are in your cart.", shippingCalculatorResultsTitleOne: "There is 1 rate:", shippingCalculatorResultsTitleMany: "There are {{ count }} rates:", }, routes: { root_url: "\/", predictive_search_url: "\/search\/suggest", cart_url: "\/cart", cart_add_url: "\/cart\/add", cart_change_url: "\/cart\/change", cart_update_url: "\/cart\/update", cart_clear_url: "\/cart\/clear", }, moneyFormat: "$ {{amount}}", moneyWithCurrencyFormat: "$ {{amount}} USD", get defaultMoneyFormat() { return this.moneyFormat; }, cartItemCount: 0, settings: { cart_type: "drawer", openDrawerOnAddToCart: true }, info: { name: 'Baseline', } }; </script> <script src="//web.archive.org/web/20240414150915js_/https://preludeanddawn.com/cdn/shop/t/108/assets/utils.js?v=157423851831221147851706346039" defer></script> <script src="//web.archive.org/web/20240414150915js_/https://preludeanddawn.com/cdn/shop/t/108/assets/images.js?v=82802382427156187971706346038" defer></script> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/polyfills-inert.bundle.min.js?v=9775187524458939151706346038" type="module"></script> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/global.bundle.min.js?v=55223027492734725281706346038" type="module"></script> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/cart-items.js?v=180899861962283955421706346038" type="module"></script> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/cart-footer.js?v=44619916588781168071706346037" type="module"></script> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/cart-note.js?v=17283974488463093931706346038" type="module"></script> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/quantity.js?v=121464986056478806851706346038" type="module"></script> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/rte.js?v=91144393696501258891706346038" type="module"></script> <link rel="preload" as="font" href="//web.archive.org/web/20240414150915/https://preludeanddawn.com/cdn/fonts/swiss_721/swiss721_n4.f6382e9c4f554f3e521691eb0063f353bccaac61.woff2?h1=cHJlbHVkZWFuZGRhd24uY29t&h2=cHJlbHVkZS1kYXduLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=a9ff5b43cca3206cfdd95281338c848dac70d6951ac24c670caa8aff8030ae3a" type="font/woff2" crossorigin> <link rel="preload" as="font" href="//web.archive.org/web/20240414150915/https://preludeanddawn.com/cdn/fonts/swiss_721/swiss721_n4.f6382e9c4f554f3e521691eb0063f353bccaac61.woff2?h1=cHJlbHVkZWFuZGRhd24uY29t&h2=cHJlbHVkZS1kYXduLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=a9ff5b43cca3206cfdd95281338c848dac70d6951ac24c670caa8aff8030ae3a" type="font/woff2" crossorigin> <style data-shopify> @font-face { font-family: "Swiss 721"; font-weight: 400; font-style: normal; font-display: swap; src: url("//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/fonts/swiss_721/swiss721_n4.f6382e9c4f554f3e521691eb0063f353bccaac61.woff2?h1=cHJlbHVkZWFuZGRhd24uY29t&h2=cHJlbHVkZS1kYXduLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=a9ff5b43cca3206cfdd95281338c848dac70d6951ac24c670caa8aff8030ae3a") format("woff2"), url("//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/fonts/swiss_721/swiss721_n4.d8ac88e504ed86054a0ab48468805fbb9dd8e781.woff?h1=cHJlbHVkZWFuZGRhd24uY29t&h2=cHJlbHVkZS1kYXduLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=cf1066b433357811e7ce6a47b79dde6c280cfea75bbcd439a69a90d9d2e6a0d8") format("woff"); } @font-face { font-family: "Swiss 721"; font-weight: 400; font-style: normal; font-display: swap; src: url("//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/fonts/swiss_721/swiss721_n4.f6382e9c4f554f3e521691eb0063f353bccaac61.woff2?h1=cHJlbHVkZWFuZGRhd24uY29t&h2=cHJlbHVkZS1kYXduLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=a9ff5b43cca3206cfdd95281338c848dac70d6951ac24c670caa8aff8030ae3a") format("woff2"), url("//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/fonts/swiss_721/swiss721_n4.d8ac88e504ed86054a0ab48468805fbb9dd8e781.woff?h1=cHJlbHVkZWFuZGRhd24uY29t&h2=cHJlbHVkZS1kYXduLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=cf1066b433357811e7ce6a47b79dde6c280cfea75bbcd439a69a90d9d2e6a0d8") format("woff"); } @font-face { font-family: "Swiss 721"; font-weight: 700; font-style: normal; font-display: swap; src: url("//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/fonts/swiss_721/swiss721_n7.001710b00ed28aaa567f4ef1e31129557f3cfa3a.woff2?h1=cHJlbHVkZWFuZGRhd24uY29t&h2=cHJlbHVkZS1kYXduLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=64814e69fdb536d902f883ae6a7560c4f58229b5dd01c5b2c47225dcc2296703") format("woff2"), url("//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/fonts/swiss_721/swiss721_n7.face333fa2aec65a88da642889e6698d72688142.woff?h1=cHJlbHVkZWFuZGRhd24uY29t&h2=cHJlbHVkZS1kYXduLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=42ce3eaae11d05279fd8039fd9a278470c758010202c7dbb8ce3f08dcfe7052f") format("woff"); } @font-face { font-family: "Swiss 721"; font-weight: 400; font-style: italic; font-display: swap; src: url("//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/fonts/swiss_721/swiss721_i4.d83f0ed9b14f24fe685c5b55783f9e99c775a015.woff2?h1=cHJlbHVkZWFuZGRhd24uY29t&h2=cHJlbHVkZS1kYXduLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=7821f37d88016ab7b52df496027b5d7d1b0845e1af0e99da30077bbba71706e9") format("woff2"), url("//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/fonts/swiss_721/swiss721_i4.226908cb9fde8fd37483fd2472a9416e61ee6084.woff?h1=cHJlbHVkZWFuZGRhd24uY29t&h2=cHJlbHVkZS1kYXduLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=08217ef577979b07e02dd1724302a4ff6431b2bf61d21b4a7430bed9a4469ea7") format("woff"); } @font-face { font-family: "Swiss 721"; font-weight: 700; font-style: italic; font-display: swap; src: url("//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/fonts/swiss_721/swiss721_i7.c7410fd03ea3bedc92f1993f148843d080de23f4.woff2?h1=cHJlbHVkZWFuZGRhd24uY29t&h2=cHJlbHVkZS1kYXduLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=2a57b0967fcf80439200119c56289aea46b44e6cef53dc67ef6426a22668a108") format("woff2"), url("//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/fonts/swiss_721/swiss721_i7.233ca2badb06c09d849db6bf3569ac673ad27432.woff?h1=cHJlbHVkZWFuZGRhd24uY29t&h2=cHJlbHVkZS1kYXduLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=9be2ec87a2e1a8a2dc085f4dc5128c00c508d52f0fd766f6010d068dbb09417d") format("woff"); } @font-face { font-family: "Swiss 721"; font-weight: 700; font-style: normal; font-display: swap; src: url("//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/fonts/swiss_721/swiss721_n7.001710b00ed28aaa567f4ef1e31129557f3cfa3a.woff2?h1=cHJlbHVkZWFuZGRhd24uY29t&h2=cHJlbHVkZS1kYXduLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=64814e69fdb536d902f883ae6a7560c4f58229b5dd01c5b2c47225dcc2296703") format("woff2"), url("//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/fonts/swiss_721/swiss721_n7.face333fa2aec65a88da642889e6698d72688142.woff?h1=cHJlbHVkZWFuZGRhd24uY29t&h2=cHJlbHVkZS1kYXduLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=42ce3eaae11d05279fd8039fd9a278470c758010202c7dbb8ce3f08dcfe7052f") format("woff"); } </style> <style>:root { --font-size-xs: 0.64rem; --font-size-sm: 0.8rem; --font-size-base: 1rem; --font-size-lg: 1.25rem; --font-size-xl: 1.563rem; --font-size-2xl: 1.953rem; --font-size-3xl: 2.441rem; --font-size-4xl: 3.052rem; --font-size-5xl: 3.815rem; --font-size-6xl: 4.768rem; --font-size-7xl: 5.96rem; --font-size-8xl: 7.451rem; --font-size-9xl: 9.313rem; --type-scale-n-2: var(--font-size-xs); --type-scale-n-1: var(--font-size-sm); --type-scale-n0: var(--font-size-base); --type-scale-n1: var(--font-size-lg); --type-scale-n2: var(--font-size-xl); --type-scale-n3: var(--font-size-2xl); --type-scale-n4: var(--font-size-3xl); --type-scale-n5: var(--font-size-4xl); --type-scale-n6: var(--font-size-5xl); --type-scale-n7: var(--font-size-6xl); --type-scale-n8: var(--font-size-7xl); --type-scale-n9: var(--font-size-8xl); --type-scale-n10: var(--font-size-9xl); --base-font-size: 125.0%; --base-font-size-from-settings: 20; --base-line-height: 1.2; --heading-line-height: 1; font-size: var(--base-font-size); line-height: var(--base-line-height); --heading-font-stack: "Swiss 721", serif; --heading-font-weight: 400; --heading-font-style: normal; --body-font-stack: "Swiss 721", serif; --body-font-weight: 400; --body-font-bold: FontDrop; --body-font-bold-italic: FontDrop; --color-gridline: 0 0 0; --gridline-width: 2px; --text-border-width: 2px; --checkbox-width: 1px; --font-heading: "Swiss 721", serif; --font-body: "Swiss 721", serif; --font-body-weight: 400; --font-body-style: normal; --font-body-bold-weight: bold; --heading-letterspacing: 0.0; --heading-capitalize: none; --heading-decoration: none; --standard-heading-size: var(--type-scale-n0); --feature-heading-size: var(--type-scale-n1); --secondary-heading-size: var(--type-scale-n0); --body-copy-transform: none; --wrapperWidth: 100vw; --gutter: 2px; --rowHeight: calc((var(--wrapperWidth) - (11 * var(--gutter))) / 12); --global-scrolling-items-speed-multiplier: 1; --add-to-cart-button-height: 44px; --spacing: 1rem; --spacing-double: 2rem; --spacing-half: 0.5rem; /* Equivalent to px-2 */ --section-horizontal-spacing-mobile: 0.5rem; /* Equivalent to px-4 */ --section-horizontal-spacing-desktop: 1rem; --section-horizontal-spacing: var(--section-horizontal-spacing-mobile); --icon-thickness: 1.2; /** * Buttons */ --button-text-transform: none; --button-after-content: '\00a0\2192'; --button-border-radius: 0.125rem; /** * Links */ --links-bottom-border-width: 0; --links-bottom-padding: 0; --links-text-transform: uppercase; --links-after-content: '\00a0\2192'; --links-before-content: '\2190\00a0'; background-color: rgb(var(--color-scheme-background)); color: rgb(var(--color-scheme-text)); } @media (min-width: 1024px) { :root { --standard-heading-size: var(--type-scale-n1); --feature-heading-size: var(--type-scale-n3); --secondary-heading-size: var(--type-scale-n0); --section-horizontal-spacing: var(--section-horizontal-spacing-desktop); } } :root, [data-color-scheme="scheme1"] { --color-scheme-text: 0 0 0; --color-scheme-background: 254 247 255; --color-scheme-accent: 255 10 130; --color-scheme-accent-contrast: 252 245 250; --color-scheme-secondary: 0 0 0; } [data-color-scheme="scheme2"] { --color-scheme-text: 255 255 255; --color-scheme-background: 0 0 0; --color-scheme-accent: 255 10 130; --color-scheme-accent-contrast: 0 0 0; --color-scheme-secondary: 0 0 0; } [data-color-scheme="scheme3"] { --color-scheme-text: 0 0 0; --color-scheme-background: 250 249 249; --color-scheme-accent: 255 10 130; --color-scheme-accent-contrast: 255 207 241; --color-scheme-secondary: 174 207 255; } [data-color-scheme="scheme4"] { --color-scheme-text: 0 0 0; --color-scheme-background: 253 236 255; --color-scheme-accent: 255 10 130; --color-scheme-accent-contrast: 0 0 0; --color-scheme-secondary: 255 255 255; } [data-color-scheme="scheme5"] { --color-scheme-text: 0 0 0; --color-scheme-background: 247 250 253; --color-scheme-accent: 255 10 130; --color-scheme-accent-contrast: 255 255 255; --color-scheme-secondary: 0 0 0; } [data-color-scheme] { --payment-terms-background-color: rgb(var(--color-scheme-background)); --button-color-border: var(--color-scheme-text); --button-color-background: var(--color-scheme-text); --button-color-text: var(--color-scheme-background); --button-color-border-hover: var(--color-scheme-accent); --button-color-background-hover: var(--color-scheme-accent); --button-color-text-hover: var(--color-scheme-accent-contrast); } ::selection { background-color: rgb(var(--color-scheme-text)); color: rgb(var(--color-scheme-background)); } @keyframes scrolling-items { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-50%, 0, 0); } } </style> <style id="generated-critical-css"> .shopify-payment-button__button--hidden{display:none!important}.theme-button,.theme-button--secondary{cursor:pointer;font-size:var(--font-size-base);line-height:var(--base-line-height);overflow-wrap:anywhere;padding:.5rem 2rem;text-transform:var(--button-text-transform);word-break:normal}.theme-button--secondary:after,.theme-button:after{--tw-content:var(--button-after-content);content:var(--tw-content)}.theme-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(var(--button-color-background)/var(--tw-bg-opacity));border-color:rgb(var(--button-color-border)/var(--tw-border-opacity));border-radius:var(--button-border-radius);border-width:var(--text-border-width);color:rgb(var(--button-color-text)/var(--tw-text-opacity))}@media (hover:hover) and (pointer:fine){.theme-button:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(var(--button-color-background-hover)/var(--tw-bg-opacity));border-color:rgb(var(--button-color-border-hover)/var(--tw-border-opacity));color:rgb(var(--button-color-text-hover)/var(--tw-text-opacity))}}.theme-button--secondary{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(var(--color-scheme-background)/var(--tw-bg-opacity));border-color:rgb(var(--color-scheme-text)/var(--tw-border-opacity));border-radius:var(--button-border-radius);border-width:var(--text-border-width);color:rgb(var(--color-scheme-text)/var(--tw-text-opacity))}[data-color-scheme] .theme-button--secondary.rte a:hover,[data-color-scheme].theme-button--secondary .rte a:hover,[data-color-scheme].theme-button--secondary.rte a:hover{color:rgb(var(--color-scheme-accent));text-decoration-color:rgb(var(--color-scheme-accent))}[data-color-scheme] .theme-button--secondary.rte blockquote,[data-color-scheme].theme-button--secondary .rte blockquote,[data-color-scheme].theme-button--secondary.rte blockquote{background:rgb(var(--color-scheme-text));color:rgb(var(--color-scheme-background))}@media (hover:hover) and (pointer:fine){.theme-button--secondary:hover{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(var(--color-scheme-accent)/var(--tw-border-opacity));color:rgb(var(--color-scheme-accent)/var(--tw-text-opacity))}}image-with-placeholder{display:block}[data-shopify-xr-hidden]{display:none}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.max-w-site{max-width:var(--max-site-width)}.splide:not(.is-active) .\[\.splide\:not$\.is-active$_\&\]\:pointer-events-none{pointer-events:none}.splide:not(.is-active) .\[\.splide\:not$\.is-active$_\&\]\:invisible{visibility:hidden}.splide:not(.is-active) .\[\.splide\:not$\.is-active$_\&\]\:\!flex{display:flex!important}.splide:not(.is-active) .\[\.splide\:not$\.is-active$_\&\]\:gap-gridline{gap:var(--gridline-width)}@media not all and (min-width:1024px){.splide:not(.is-active) .max-lg\:\[\.splide\:not$\.is-active$_\&\]\:hidden{display:none}} </style> <style id="manual-critical-css"> html { background-color: rgb(var(--color-primary-background)); color: rgb(var(--color-primary-text)); font-size: var(--base-font-size); line-height: var(--base-line-height); } [x-cloak] { display: none; } html.no-js [x-cloak].no-js-undo-cloak { display: revert; } body { display: flex; flex-direction: column; min-height: 100vh; } @media (min-width: 768px) { [md\:undo-x-cloak-block] { display: block; } } @media (max-width: 767px) { [max-md\:undo-x-cloak-block] { display: block; } } </style> <link href="//web.archive.org/web/20240414150915cs_/https://preludeanddawn.com/cdn/shop/t/108/assets/base.bundle.css?v=2576980594494361341706346037" rel="stylesheet" type="text/css" media="all"/> <link href="https://web.archive.org/web/20240414150915/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: 12347604,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "collection"};window.navigator.sendBeacon("https://web.archive.org/web/20240414150915/https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function e(e,n,a,t,r){var o="function"==typeof BigInt&&-1!==BigInt.toString().indexOf("[native code]")?"modern":"legacy";window.Shopify=window.Shopify||{};var i=window.Shopify;i.analytics=i.analytics||{};var s=i.analytics;s.replayQueue=[],s.publish=function(e,n,a){return s.replayQueue.push([e,n,a]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=[a,"/wpm","/b",r,o.substring(0,1),".js"].join("");!function(e){var n=e.src,a=e.async,t=void 0===a||a,r=e.onload,o=e.onerror,i=document.createElement("script"),s=document.head,l=document.body;i.async=t,i.src=n,r&&i.addEventListener("load",r),o&&i.addEventListener("error",o),s?s.appendChild(i):l?l.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:l,async:!0,onload:function(){var a=window.webPixelsManager.init(e);n(a);var t=window.Shopify.analytics;t.replayQueue.forEach((function(e){var n=e[0],t=e[1],r=e[2];a.publishCustomEvent(n,t,r)})),t.replayQueue=[],t.publish=a.publishCustomEvent,t.visitor=a.visitor},onerror:function(){var n=e.storefrontBaseUrl.replace(/\/$/,""),a="".concat(n,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/2.0",payload:{version:t||"latest",page_url:self.location.href,status:"failed",error_msg:"".concat(l," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(a,r))return!0}catch(e){}var o=new XMLHttpRequest;try{return o.open("POST",a,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(r),!0}catch(e){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 12347604,storefrontBaseUrl: "https://web.archive.org/web/20240414150915/https://preludeanddawn.com",cdnBaseUrl: "https://web.archive.org/web/20240414150915/https://preludeanddawn.com/cdn",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"90210456","configuration":"{\"tagID\":\"2612464500732\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"54f3ea9d23f4af69f7d812fb978ff7ee","type":"APP","apiClientId":3009811,"privacyPurposes":null},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"063","apiClientId":"shopify-pixel","type":"APP","purposes":["ANALYTICS"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"063","apiClientId":"shopify-pixel","type":"CUSTOM","purposes":["ANALYTICS"]}],initData: {"cart":null,"checkout":null,"customer":null,"productVariants":[]},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed");webPixelsManagerAPI.publish("collection_viewed", {"collection":{"id":"281491308696","title":"Skin Care","productVariants":[{"id":"43026809782424","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/files\/ocean_1.png?v=1700522473"},"price":{"amount":30.6,"currencyCode":"USD"},"product":{"id":"7823177679000","title":"Ocean Heart ~ Moon Mask","untranslatedTitle":"Ocean Heart ~ Moon Mask","url":"\/products\/ocean-heart-moon-mask","vendor":"High Sun Low Moon","type":"skin care"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"id":"42761236250776","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/files\/OuterBeingFaceOil2.webp?v=1691452741"},"price":{"amount":32.0,"currencyCode":"USD"},"product":{"id":"7669505687704","title":"Outer Being Face Oil","untranslatedTitle":"Outer Being Face Oil","url":"\/products\/outer-being-face-oil","vendor":"Bathing Culture","type":"skin care"},"sku":"","title":"2 oz.","untranslatedTitle":"2 oz."},{"id":"42761212330136","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/files\/hydrosol.png?v=1691893926"},"price":{"amount":20.0,"currencyCode":"USD"},"product":{"id":"7669503721624","title":"Golden Hour Hydrosol Toner - Neroli \u0026 Rose","untranslatedTitle":"Golden Hour Hydrosol Toner - Neroli \u0026 Rose","url":"\/products\/golden-hour-hydrosol-toner","vendor":"Bathing Culture","type":"skin care"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"id":"42888866201752","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/files\/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964"},"price":{"amount":22.0,"currencyCode":"USD"},"product":{"id":"7752298561688","title":"RE\/SET Reusable Eye Boost Mask","untranslatedTitle":"RE\/SET Reusable Eye Boost Mask","url":"\/products\/re-set-reusable-eye-boost-mask","vendor":"NOTO Botanics","type":"skin care"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"id":"41792077004952","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/products\/basil.png?v=1656211196"},"price":{"amount":34.0,"currencyCode":"USD"},"product":{"id":"7293095870616","title":"Basil Yarrow Mist \/\/ Face + Body + Hair","untranslatedTitle":"Basil Yarrow Mist \/\/ Face + Body + Hair","url":"\/products\/basil-yarrow-mist-face-body-hair","vendor":"NOTO Botanics","type":"body care"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"},{"id":"36092622438552","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/products\/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142"},"price":{"amount":38.0,"currencyCode":"USD"},"product":{"id":"5716085440664","title":"Resurface Scrub","untranslatedTitle":"Resurface Scrub","url":"\/products\/resurface-scrub","vendor":"NOTO Botanics","type":"skin care"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"},{"id":"39420269723800","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/products\/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945"},"price":{"amount":48.0,"currencyCode":"USD"},"product":{"id":"6582206300312","title":"Moisture Riser Cream","untranslatedTitle":"Moisture Riser Cream","url":"\/products\/moisture-riser-cream","vendor":"NOTO Botanics","type":"skin care"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"},{"id":"39961163104408","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/products\/noto2.png?v=1620851980"},"price":{"amount":56.0,"currencyCode":"USD"},"product":{"id":"6750414241944","title":"Deep Serum - Large","untranslatedTitle":"Deep Serum - Large","url":"\/products\/deep-serum","vendor":"NOTO Botanics","type":"skin care"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"},{"id":"42481334059160","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/products\/agender.png?v=1675628911"},"price":{"amount":44.0,"currencyCode":"USD"},"product":{"id":"7577250889880","title":"Agender Oil \/\/ Anywhere Hair + Body","untranslatedTitle":"Agender Oil \/\/ Anywhere Hair + Body","url":"\/products\/agender-oil-anywhere-hair-body","vendor":"NOTO Botanics","type":"skin care"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"},{"id":"41922455928984","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/products\/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396"},"price":{"amount":24.0,"currencyCode":"USD"},"product":{"id":"7347114016920","title":"Noto Bian Stone Facial Tool","untranslatedTitle":"Noto Bian Stone Facial Tool","url":"\/products\/noto-bian-stone-facial-tool","vendor":"NOTO Botanics","type":"skin care"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"},{"id":"42481336811672","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/products\/brush.png?v=1675631233"},"price":{"amount":24.0,"currencyCode":"USD"},"product":{"id":"7577253806232","title":"Lip + Cheek Duo Brush","untranslatedTitle":"Lip + Cheek Duo Brush","url":"\/products\/lip-cheek-duo-brush","vendor":"NOTO Botanics","type":"cosmetics"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"},{"id":"34786712551576","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/products\/genet11.png?v=1666555211"},"price":{"amount":26.0,"currencyCode":"USD"},"product":{"id":"5356673564824","title":"Genet - Multi-Benne Stain Stick","untranslatedTitle":"Genet - Multi-Benne Stain Stick","url":"\/products\/genet-multi-benne-stain-stick","vendor":"NOTO Botanics","type":"skin care"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"},{"id":"29713515872301","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/products\/oscillate.png?v=1666554971"},"price":{"amount":26.0,"currencyCode":"USD"},"product":{"id":"3990932226093","title":"Oscillate - Multi-Benne Stain Stick","untranslatedTitle":"Oscillate - Multi-Benne Stain Stick","url":"\/products\/oscillate-multi-benne-stain-stick","vendor":"NOTO Botanics","type":"skin care"},"sku":"4916","title":"Default Title","untranslatedTitle":"Default Title"},{"id":"29713510301741","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/products\/onoono.png?v=1666554865"},"price":{"amount":26.0,"currencyCode":"USD"},"product":{"id":"3990930030637","title":"Ono Ono Multi-Benne Stain Stick","untranslatedTitle":"Ono Ono Multi-Benne Stain Stick","url":"\/products\/ono-ono-multi-benne-stain-stick","vendor":"NOTO Botanics","type":"skin care"},"sku":"4915","title":"Default Title","untranslatedTitle":"Default Title"},{"id":"36092737487000","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/products\/noto.png?v=1670458504"},"price":{"amount":26.0,"currencyCode":"USD"},"product":{"id":"5716112015512","title":"Touch Multi-Benne Stain Stick","untranslatedTitle":"Touch Multi-Benne Stain Stick","url":"\/products\/touch-multi-benne-stain-stick","vendor":"NOTO Botanics","type":"skin care"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"},{"id":"42888851325080","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/files\/five.png?v=1697758330"},"price":{"amount":26.0,"currencyCode":"USD"},"product":{"id":"7752292630680","title":"Five - Multi - Bene Stick \/\/ Lips + Cheeks","untranslatedTitle":"Five - Multi - Bene Stick \/\/ Lips + Cheeks","url":"\/products\/five-multi-bene-stick-lips-cheeks","vendor":"NOTO Botanics","type":"skin care"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"id":"42888858534040","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/files\/fluxus.png?v=1697758190"},"price":{"amount":26.0,"currencyCode":"USD"},"product":{"id":"7752295383192","title":"Fluxus - Multi - Bene Stick \/\/ Lips + Cheeks","untranslatedTitle":"Fluxus - Multi - Bene Stick \/\/ Lips + Cheeks","url":"\/products\/fluxus-multi-bene-stick-lips-cheeks","vendor":"NOTO Botanics","type":"skin care"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"id":"37085699113112","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/products\/hydra.png?v=1674782226"},"price":{"amount":26.0,"currencyCode":"USD"},"product":{"id":"5990157058200","title":"Hydra Highlighter Stick","untranslatedTitle":"Hydra Highlighter Stick","url":"\/products\/hydra-highlighter-stick","vendor":"NOTO Botanics","type":"cosmetics"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"},{"id":"37878273835160","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/products\/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038"},"price":{"amount":40.0,"currencyCode":"USD"},"product":{"id":"6204424061080","title":"Face Roller from Sounds","untranslatedTitle":"Face Roller from Sounds","url":"\/products\/face-roller","vendor":"Sounds","type":"skin care"},"sku":"","title":"Tigers Eye","untranslatedTitle":"Tigers Eye"},{"id":"41903891284120","image":{"src":"\/\/web.archive.org\/web\/20240414150915\/https:\/\/preludeanddawn.com\/cdn\/shop\/files\/allbalm1.webp?v=1694626229"},"price":{"amount":18.0,"currencyCode":"USD"},"product":{"id":"7341583401112","title":"All Balm","untranslatedTitle":"All Balm","url":"\/products\/all-balm","vendor":"Zizia","type":"skin care"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}]}});},"https://web.archive.org/web/20240414150915/https://preludeanddawn.com/cdn","0.0.470","cad39b03we51f70f0pbc988c4cmaac70d51",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"products":[{"id":7823177679000,"gid":"gid:\/\/shopify\/Product\/7823177679000","vendor":"High Sun Low Moon","type":"skin care","variants":[{"id":43026809782424,"price":3060,"name":"Ocean Heart ~ Moon Mask","public_title":null,"sku":null}]},{"id":7669505687704,"gid":"gid:\/\/shopify\/Product\/7669505687704","vendor":"Bathing Culture","type":"skin care","variants":[{"id":42761236250776,"price":3200,"name":"Outer Being Face Oil - 2 oz.","public_title":"2 oz.","sku":""},{"id":42761236283544,"price":8200,"name":"Outer Being Face Oil - 8 oz.","public_title":"8 oz.","sku":""}]},{"id":7669503721624,"gid":"gid:\/\/shopify\/Product\/7669503721624","vendor":"Bathing Culture","type":"skin care","variants":[{"id":42761212330136,"price":2000,"name":"Golden Hour Hydrosol Toner - Neroli \u0026 Rose","public_title":null,"sku":null}]},{"id":7752298561688,"gid":"gid:\/\/shopify\/Product\/7752298561688","vendor":"NOTO Botanics","type":"skin care","variants":[{"id":42888866201752,"price":2200,"name":"RE\/SET Reusable Eye Boost Mask","public_title":null,"sku":null}]},{"id":7293095870616,"gid":"gid:\/\/shopify\/Product\/7293095870616","vendor":"NOTO Botanics","type":"body care","variants":[{"id":41792077004952,"price":3400,"name":"Basil Yarrow Mist \/\/ Face + Body + Hair","public_title":null,"sku":""}]},{"id":5716085440664,"gid":"gid:\/\/shopify\/Product\/5716085440664","vendor":"NOTO Botanics","type":"skin care","variants":[{"id":36092622438552,"price":3800,"name":"Resurface Scrub","public_title":null,"sku":""}]},{"id":6582206300312,"gid":"gid:\/\/shopify\/Product\/6582206300312","vendor":"NOTO Botanics","type":"skin care","variants":[{"id":39420269723800,"price":4800,"name":"Moisture Riser Cream","public_title":null,"sku":""}]},{"id":6750414241944,"gid":"gid:\/\/shopify\/Product\/6750414241944","vendor":"NOTO Botanics","type":"skin care","variants":[{"id":39961163104408,"price":5600,"name":"Deep Serum - Large","public_title":null,"sku":""}]},{"id":7577250889880,"gid":"gid:\/\/shopify\/Product\/7577250889880","vendor":"NOTO Botanics","type":"skin care","variants":[{"id":42481334059160,"price":4400,"name":"Agender Oil \/\/ Anywhere Hair + Body","public_title":null,"sku":""}]},{"id":7347114016920,"gid":"gid:\/\/shopify\/Product\/7347114016920","vendor":"NOTO Botanics","type":"skin care","variants":[{"id":41922455928984,"price":2400,"name":"Noto Bian Stone Facial Tool","public_title":null,"sku":""}]},{"id":7577253806232,"gid":"gid:\/\/shopify\/Product\/7577253806232","vendor":"NOTO Botanics","type":"cosmetics","variants":[{"id":42481336811672,"price":2400,"name":"Lip + Cheek Duo Brush","public_title":null,"sku":""}]},{"id":5356673564824,"gid":"gid:\/\/shopify\/Product\/5356673564824","vendor":"NOTO Botanics","type":"skin care","variants":[{"id":34786712551576,"price":2600,"name":"Genet - Multi-Benne Stain Stick","public_title":null,"sku":""}]},{"id":3990932226093,"gid":"gid:\/\/shopify\/Product\/3990932226093","vendor":"NOTO Botanics","type":"skin care","variants":[{"id":29713515872301,"price":2600,"name":"Oscillate - Multi-Benne Stain Stick","public_title":null,"sku":"4916"}]},{"id":3990930030637,"gid":"gid:\/\/shopify\/Product\/3990930030637","vendor":"NOTO Botanics","type":"skin care","variants":[{"id":29713510301741,"price":2600,"name":"Ono Ono Multi-Benne Stain Stick","public_title":null,"sku":"4915"}]},{"id":5716112015512,"gid":"gid:\/\/shopify\/Product\/5716112015512","vendor":"NOTO Botanics","type":"skin care","variants":[{"id":36092737487000,"price":2600,"name":"Touch Multi-Benne Stain Stick","public_title":null,"sku":""}]},{"id":7752292630680,"gid":"gid:\/\/shopify\/Product\/7752292630680","vendor":"NOTO Botanics","type":"skin care","variants":[{"id":42888851325080,"price":2600,"name":"Five - Multi - Bene Stick \/\/ Lips + Cheeks","public_title":null,"sku":null}]},{"id":7752295383192,"gid":"gid:\/\/shopify\/Product\/7752295383192","vendor":"NOTO Botanics","type":"skin care","variants":[{"id":42888858534040,"price":2600,"name":"Fluxus - Multi - Bene Stick \/\/ Lips + Cheeks","public_title":null,"sku":null}]},{"id":5990157058200,"gid":"gid:\/\/shopify\/Product\/5990157058200","vendor":"NOTO Botanics","type":"cosmetics","variants":[{"id":37085699113112,"price":2600,"name":"Hydra Highlighter Stick","public_title":null,"sku":""}]},{"id":6204424061080,"gid":"gid:\/\/shopify\/Product\/6204424061080","vendor":"Sounds","type":"skin care","variants":[{"id":37878273835160,"price":4000,"name":"Face Roller from Sounds - Tigers Eye","public_title":"Tigers Eye","sku":""},{"id":37878273867928,"price":4000,"name":"Face Roller from Sounds - Blue Jasper","public_title":"Blue Jasper","sku":""},{"id":37878273900696,"price":4000,"name":"Face Roller from Sounds - Yellow Xiuyan","public_title":"Yellow Xiuyan","sku":""},{"id":41681515282584,"price":4000,"name":"Face Roller from Sounds - Red Jasper","public_title":"Red Jasper","sku":""}]},{"id":7341583401112,"gid":"gid:\/\/shopify\/Product\/7341583401112","vendor":"Zizia","type":"skin care","variants":[{"id":41903891284120,"price":1800,"name":"All Balm","public_title":null,"sku":""}]}],"page":{"pageType":"collection","resourceType":"collection","resourceId":281491308696}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {  window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-184734289-1'); }; </script> <script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti'); (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 12347604, theme_id: 134365479064, app_name: "storefront", context_url: window.location.href, source_url: "//web.archive.org/web/20240414150915/https://preludeanddawn.com/cdn/s/trekkie.storefront.88baf04046928b6edf6574afd22dbd026cc7d568.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//web.archive.org/web/20240414150915/https://preludeanddawn.com/cdn/s/trekkie.storefront.88baf04046928b6edf6574afd22dbd026cc7d568.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//web.archive.org/web/20240414150915/https://preludeanddawn.com/cdn/s/trekkie.storefront.88baf04046928b6edf6574afd22dbd026cc7d568.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":12347604,"isMerchantRequest":null,"themeId":134365479064,"themeCityHash":"618849657710792292","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["bbcf04e6"]},"Google Analytics":{"trackingId":"UA-184734289-1","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Facebook Pixel":{"pixelIds":["237680487549340"],"agent":"plshopify1.2"},"Pinterest Pixel":{"pixelId":"2612464500732"},"Google Gtag Pixel":{"conversionId":"AW-460470637","eventLabels":[{"type":"search","action_label":"AW-460470637\/eLRuCPPupe0BEO3yyNsB"},{"type":"begin_checkout","action_label":"AW-460470637\/YF0OCPDupe0BEO3yyNsB"},{"type":"view_item","action_label":["AW-460470637\/cJhbCOrupe0BEO3yyNsB","MC-96B9RYRBG3"]},{"type":"purchase","action_label":["AW-460470637\/qHhDCOfupe0BEO3yyNsB","MC-96B9RYRBG3"]},{"type":"page_view","action_label":["AW-460470637\/_dwuCOTupe0BEO3yyNsB","MC-96B9RYRBG3"]},{"type":"add_payment_info","action_label":"AW-460470637\/JoYACPbupe0BEO3yyNsB"},{"type":"add_to_cart","action_label":"AW-460470637\/RPMpCO3upe0BEO3yyNsB"}],"targetCountry":"US"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"facebookAppPixelId":"237680487549340","source":"trekkie-storefront-renderer"}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; ga('require', 'linker'); function addListener(element, type, callback) { if (element.addEventListener) { element.addEventListener(type, callback); } else if (element.attachEvent) { element.attachEvent('on' + type, callback); } } function decorate(event) { event = event || window.event; var target = event.target || event.srcElement; if (target && (target.getAttribute('action') || target.getAttribute('href'))) { ga(function (tracker) { var linkerParam = tracker.get('linkerParam'); document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/'; }); } } addListener(window, 'load', function(){ for (var i=0; i < document.forms.length; i++) { var action = document.forms[i].getAttribute('action'); if(action && action.indexOf('/cart') >= 0) { addListener(document.forms[i], 'submit', decorate); } } for (var i=0; i < document.links.length; i++) { var href = document.links[i].getAttribute('href'); if(href && href.indexOf('/checkout') >= 0) { addListener(document.links[i], 'click', decorate); } } }); var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":281491308696}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: skin-care","collectionName":"skin-care","collectionId":281491308696,"nonInteraction":true}); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//web.archive.org/web/20240414150915/https://preludeanddawn.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (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 = "Baseline"; window.BOOMR.themeVersion = "3.0.6"; window.BOOMR.shopId = 12347604; window.BOOMR.themeId = 134365479064; window.BOOMR.renderRegion = "gcp-us-east1"; window.BOOMR.url = "https://web.archive.org/web/20240414150915/https://preludeanddawn.com/cdn/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({ 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({ ResourceTiming: { enabled: true, trackedResourceTypes: ["script", "img", "css"] }, }); e.detail.BOOMR.t_end = new Date().getTime(); } }); } })();</script> </head> <body> <a class="skip-link" href="#MainContent">Skip to content</a>  <div id="shopify-section-sections--16549434818712__announcement-bar" class="shopify-section shopify-section-group-header-group"> </div><div id="shopify-section-sections--16549434818712__header" class="shopify-section shopify-section-group-header-group section-header relative z-20"> <section x-data="Theme_Header" class="" :class="{ 'is-stuck' : isStuck }" data-color-scheme="scheme1" data-overlay-header-with-sticky="false" data-overlay-text-color-scheme="scheme1" id="sections--16549434818712__header" data-theme-header> <header x-ref="header" class="relative z-10 border-b-gridline border-gridline-color text-scheme-text border-gridline-color bg-scheme-background" data-color-scheme="scheme1"> <nav class="relative hidden lg:block" aria-label="Primary"> <div class="flex items-stretch px-section-horizontal-spacing justify-between"> <div class="flex items-stretch flex-grow w-1/3"> <div class="flex mr-6"> <a href="/web/20240414150915/https://preludeanddawn.com/" class="break-word my-auto inline-block py-2"> <div class="max-w-[var(--logo-max-width)]"> <img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA_d78e6134-5e85-4a00-b5da-a2f0973f44e1.png?v=1649096141&width=130" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA_d78e6134-5e85-4a00-b5da-a2f0973f44e1.png?v=1649096141&width=120 120w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA_d78e6134-5e85-4a00-b5da-a2f0973f44e1.png?v=1649096141&width=240 240w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA_d78e6134-5e85-4a00-b5da-a2f0973f44e1.png?v=1649096141&width=360 360w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA_d78e6134-5e85-4a00-b5da-a2f0973f44e1.png?v=1649096141&width=130 130w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA_d78e6134-5e85-4a00-b5da-a2f0973f44e1.png?v=1649096141&width=260 260w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA_d78e6134-5e85-4a00-b5da-a2f0973f44e1.png?v=1649096141&width=390 390w" width="3000" height="1929" loading="eager" sizes="(min-width: 1024px) 130px, 120px" alt="Prelude & Dawn"> </div> </a> </div> </div> <div class="flex-grow w-1/3 lg:w-3/4 flex items-stretch justify-center text-center"> <ul class="flex flex-wrap items-stretch self-stretch justify-center -ml-4"> <li class="inline-flex items-stretch ml-4"> <a class="flex py-2 relative" href="/web/20240414150915/https://preludeanddawn.com/collections/new"> <span class="m-auto inline-block">New</span></a> </li> <li class="inline-flex items-stretch ml-4"> <a class="flex py-2 relative" href="/web/20240414150915/https://preludeanddawn.com/collections/back-in-stock"> <span class="m-auto inline-block">Back in Stock</span></a> </li><li class="flex self-stretch ml-4"> <div x-data="{ expanded: false }" @focusout="if ($event.relatedTarget && !$el.contains($event.relatedTarget)) expanded = false" class="no-js-focus-wrapper flex self-stretch"> <button class="inline-flex py-2 items-center" @click="expanded = !expanded" :aria-expanded="expanded ? true : 'false'" aria-controls="menu0"> <span class="inline-block pr-1">Home</span><span class="mr-1 inline-block h-3 w-3 origin-center align-middle" x-show="!expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="mr-1 inline-block h-3 w-3 origin-center align-middle" x-show="expanded" style="display: none;"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span></button> <div id="menu0" class="no-js-focus-container absolute bottom-auto left-0 top-full z-20 w-full border-y-gridline border-gridline-color bg-scheme-background text-scheme-text" x-cloak x-show="expanded" x-transition:enter="transition ease duration-200 motion-reduce:duration-0" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease duration-200 motion-reduce:duration-0" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click.outside.prevent="expanded = false" data-color-scheme=""> <div class="px-section-horizontal-spacing text-center"><ul class="flex gap-4 py-2 justify-center"> <li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/home">All Home</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/candles">Candles</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/candle-holders">Candle Holders</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/fragrance">Incense & Room Fragrances</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/vases-planters-pots">Vases, Planters & Pots</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/drinkware">Drinkware</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/art-prints-home-decor">Home Decor & Art Prints</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/towels-pillows-textiles">Towels, Pillows & Textiles</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/books">Books & Magazines</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/games-puzzles">Games & Puzzles</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/kitchen-pantry">Kitchen & Pantry</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/smoke-shop">Smoke Shop</a> </li> </ul></div> </div> </div> </li> <li class="flex self-stretch ml-4"> <div x-data="{ expanded: false }" @focusout="if ($event.relatedTarget && !$el.contains($event.relatedTarget)) expanded = false" class="no-js-focus-wrapper flex self-stretch"> <button class="inline-flex py-2 items-center" @click="expanded = !expanded" :aria-expanded="expanded ? true : 'false'" aria-controls="menu1"> <span class="inline-block pr-1">Stationery</span><span class="mr-1 inline-block h-3 w-3 origin-center align-middle" x-show="!expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="mr-1 inline-block h-3 w-3 origin-center align-middle" x-show="expanded" style="display: none;"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span></button> <div id="menu1" class="no-js-focus-container absolute bottom-auto left-0 top-full z-20 w-full border-y-gridline border-gridline-color bg-scheme-background text-scheme-text" x-cloak x-show="expanded" x-transition:enter="transition ease duration-200 motion-reduce:duration-0" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease duration-200 motion-reduce:duration-0" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click.outside.prevent="expanded = false" data-color-scheme=""> <div class=" text-center"><div class="grid gap-gutter bg-gridline-color grid-cols-3"> <div class="bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text"> <a class="font-body inline-block py-1" href="/web/20240414150915/https://preludeanddawn.com/collections/stationery"> Stationery </a> </div> <ul class="bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text"> <li class=""> <a class="inline-block py-1" href="/web/20240414150915/https://preludeanddawn.com/collections/stationery">All Stationery</a> </li><li class=""> <a class="inline-block py-1" href="/web/20240414150915/https://preludeanddawn.com/collections/gift-wrapping">Gift Wrap & Gift Bags</a> </li><li class=""> <a class="inline-block py-1" href="/web/20240414150915/https://preludeanddawn.com/collections/notebooks-journals">Notebooks & Journals</a> </li><li class=""> <a class="inline-block py-1" href="/web/20240414150915/https://preludeanddawn.com/collections/art-supplies">Art Supplies</a> </li><li class=""> <a class="inline-block py-1" href="/web/20240414150915/https://preludeanddawn.com/collections/patches-pins">Stickers, Patches, Pins, Magnets</a> </li> </ul> <div class="bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text"> <h2 class="font-body mb-2"> <a class="inline-block py-1" href="/web/20240414150915/https://preludeanddawn.com/collections/greeting-note-cards"> Greeting & Note Cards </a> </h2> <ul><li class=""> <a class="inline-block py-1" href="/web/20240414150915/https://preludeanddawn.com/collections/love-card">Love & Friendship</a> </li><li class=""> <a class="inline-block py-1" href="/web/20240414150915/https://preludeanddawn.com/collections/birthday-card">Birthday</a> </li><li class=""> <a class="inline-block py-1" href="/web/20240414150915/https://preludeanddawn.com/collections/everyday-card">Everyday</a> </li><li class=""> <a class="inline-block py-1" href="/web/20240414150915/https://preludeanddawn.com/collections/thank-you-card">Thank You</a> </li><li class=""> <a class="inline-block py-1" href="/web/20240414150915/https://preludeanddawn.com/collections/congratulations-card">Congratulations, Wedding & Baby</a> </li><li class=""> <a class="inline-block py-1" href="/web/20240414150915/https://preludeanddawn.com/collections/sympathy-and-sorry-cards">Sympathy</a> </li><li class=""> <a class="inline-block py-1" href="/web/20240414150915/https://preludeanddawn.com/collections/holiday-cards">Holiday</a> </li></ul> </div> </div> </div> </div> </div> </li> <li class="flex self-stretch ml-4"> <div x-data="{ expanded: false }" @focusout="if ($event.relatedTarget && !$el.contains($event.relatedTarget)) expanded = false" class="no-js-focus-wrapper flex self-stretch"> <button class="inline-flex py-2 items-center" @click="expanded = !expanded" :aria-expanded="expanded ? true : 'false'" aria-controls="menu2"> <span class="inline-block pr-1">Apothecary</span><span class="mr-1 inline-block h-3 w-3 origin-center align-middle" x-show="!expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="mr-1 inline-block h-3 w-3 origin-center align-middle" x-show="expanded" style="display: none;"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span></button> <div id="menu2" class="no-js-focus-container absolute bottom-auto left-0 top-full z-20 w-full border-y-gridline border-gridline-color bg-scheme-background text-scheme-text" x-cloak x-show="expanded" x-transition:enter="transition ease duration-200 motion-reduce:duration-0" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease duration-200 motion-reduce:duration-0" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click.outside.prevent="expanded = false" data-color-scheme=""> <div class="px-section-horizontal-spacing text-center"><ul class="flex gap-4 py-2 justify-center"> <li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/apothecary">All Apothecary</a> </li><li> <a aria-current="page" class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care">Face</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/body-care">Body</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/cosmetics">Makeup & Nails</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/fragrance-1">Fragrance</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/hair-care">Hair</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/tinctures-and-teas">Tinctures</a> </li> </ul></div> </div> </div> </li> <li class="flex self-stretch ml-4"> <div x-data="{ expanded: false }" @focusout="if ($event.relatedTarget && !$el.contains($event.relatedTarget)) expanded = false" class="no-js-focus-wrapper flex self-stretch"> <button class="inline-flex py-2 items-center" @click="expanded = !expanded" :aria-expanded="expanded ? true : 'false'" aria-controls="menu3"> <span class="inline-block pr-1">Apparel & Accessories</span><span class="mr-1 inline-block h-3 w-3 origin-center align-middle" x-show="!expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="mr-1 inline-block h-3 w-3 origin-center align-middle" x-show="expanded" style="display: none;"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span></button> <div id="menu3" class="no-js-focus-container absolute bottom-auto left-0 top-full z-20 w-full border-y-gridline border-gridline-color bg-scheme-background text-scheme-text" x-cloak x-show="expanded" x-transition:enter="transition ease duration-200 motion-reduce:duration-0" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease duration-200 motion-reduce:duration-0" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click.outside.prevent="expanded = false" data-color-scheme=""> <div class="px-section-horizontal-spacing text-center"><ul class="flex gap-4 py-2 justify-center"> <li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/apparel-and-accessories">All Apparel & Accessories</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/socks">Socks</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/hats">Hats</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/handbags-wallets">Handbags & Wallets</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/jewelry">Jewelry</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/hair-accessories-1">Hair Accessories</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/sunglasses">Sunglasses</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/tops">Tops</a> </li><li> <a class="inline-block py-2" href="/web/20240414150915/https://preludeanddawn.com/collections/dresses-jumpsuits">Dresses & Jumpsuits</a> </li> </ul></div> </div> </div> </li> <li class="inline-flex items-stretch ml-4"> <a class="flex py-2 relative" href="/web/20240414150915/https://preludeanddawn.com/pages/brand-list"> <span class="m-auto inline-block">Shop by Brand</span></a> </li></ul> </div> <div class="flex items-stretch justify-end gap-x-4 text-right flex-grow flex-wrap w-1/3"><div class="flex items-stretch whitespace-nowrap"> <a class="inline-flex py-2" href="/web/20240414150915/https://preludeanddawn.com/account/login"><span class="sr-only">Log in</span> <span class="my-auto inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M12 16a19.91 19.91 0 0 0-9.5 2.396V22h19v-3.604A19.91 19.91 0 0 0 12 16ZM7 8a5 5 0 1 0 10 0A5 5 0 0 0 7 8Z" vector-effect="non-scaling-stroke"/> </svg> </span></a> </div> <div class="flex items-stretch whitespace-nowrap"> <div x-data="{ searchOpen: false }" class="contents"> <a x-ref="searchToggle" @click.prevent="searchOpen = true" @keydown.space.prevent="searchOpen = true" class="inline-flex py-2" href="/web/20240414150915/https://preludeanddawn.com/search" :role="`button`"><span class="sr-only">Search</span> <span class="my-auto inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/> </svg> </span></a> <div class="absolute z-20 border-y-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-2 text-scheme-text w-full top-full bottom-auto left-0" x-cloak x-show="searchOpen" x-transition:enter="ease duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-data="PredictiveSearch('product,collection,article,page,query')" x-trap.inert.noscroll="resultsOpen" @keyup="onKeyup" @keydown="onKeydown" @click.outside.prevent="close()" @keyup.escape.prevent.stop="close(true, $refs.searchToggle)" @focusin.window="( searchOpen && ! $root.contains($event.target) ) && close()" style="--results-height: calc(100vh - var(--header-group-height) - var(--search-bar-height) + var(--gridline-width));" x-ref="searchComponent" data-color-scheme="scheme1"> <div class="w-full whitespace-normal"> <form action="/web/20240414150915/https://preludeanddawn.com/search" method="get" class="predictive-search-form input-group search" role="search"> <input type="hidden" name="options[prefix]" value="last"><label for="search-logo_left_menu_center-desktop" class="hidden">Submit</label> <div class="flex items-center justify-between"> <button class="mr-4 py-2" aria-label="Submit" type="submit"> <span class="inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="sr-only">Submit</span> </button> <input id="search-logo_left_menu_center-desktop" type="search" name="q" value="" placeholder="Search" class="font-body block w-full bg-transparent placeholder-current" aria-label="Search" data-search-input :aria-expanded="resultsOpen" :aria-activedescendant="resultsOpen ? 'predictive-search-results' : false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="input" x-model.debounce.300="rawQuery" @focus="onFocus"> <button class="ml-4 py-2" @click="close()" type="button"> <span class="sr-only">Close</span> <span class="inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/> </svg> </span> </button> </div><div id="predictiveSearchResults" tabindex="-1" x-cloak class="predictive-search-results absolute left-0 right-0 top-[calc(100%_+_var(--gridline-width))] z-50 h-screen text-scheme-text transition-colors duration-300 ease-out"> <template x-if="loading"> <div class="border-b-gridline border-gridline-color bg-scheme-background"> <div class="mx-auto py-6 text-center"> <div>Loading…</div> </div> </div> </template> <template x-if="resultsOpen"> <div x-show="!loading && resultsHTML && resultsOpen" class="px-section max-h-[--results-height] scroll-py-5 overflow-hidden overflow-y-auto border-b-gridline border-gridline-color bg-scheme-background" x-html-if-set="resultsHTML"></div> </template> </div> <span class="predictive-search-status sr-only" role="status" aria-hidden="true"></span></form> </div> </div> </div> </div> <div class="flex items-stretch whitespace-nowrap"> <a href="/web/20240414150915/https://preludeanddawn.com/cart" class="inline-flex py-2" data-cart-drawer-toggle :aria-expanded="$store.modals.rightDrawer.contents === 'cart'" @click.prevent="$store.modals.open('cart')" @keydown.space="$store.modals.open('cart')"><div class="relative my-auto align-middle"> <span x-show="$store.cartCount.count > 0" class="absolute right-0 top-1 h-2 w-2 rounded-full bg-scheme-accent" data-color-scheme="scheme1"></span> <span class="inline-block h-6 w-6 fill-current align-top"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M2 7h20v15H2V7Zm15 0v-.2A4.8 4.8 0 0 0 12.2 2h-.4A4.8 4.8 0 0 0 7 6.8V7" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="sr-only" x-text="$store.cartCount.countWithText()"> 0 items </span> </div></a> </div> </div> </div> </nav> <nav aria-label="Header" class="lg:hidden"> <div class="flex items-center justify-between px-section-horizontal-spacing lg:relative"> <div class="flex gap-2 items-center"> <div> <a href="/web/20240414150915/https://preludeanddawn.com/" class="break-word my-auto inline-block py-2"> <div class="max-w-[var(--logo-max-width)]"> <img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA_d78e6134-5e85-4a00-b5da-a2f0973f44e1.png?v=1649096141&width=130" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA_d78e6134-5e85-4a00-b5da-a2f0973f44e1.png?v=1649096141&width=120 120w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA_d78e6134-5e85-4a00-b5da-a2f0973f44e1.png?v=1649096141&width=240 240w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA_d78e6134-5e85-4a00-b5da-a2f0973f44e1.png?v=1649096141&width=360 360w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA_d78e6134-5e85-4a00-b5da-a2f0973f44e1.png?v=1649096141&width=130 130w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA_d78e6134-5e85-4a00-b5da-a2f0973f44e1.png?v=1649096141&width=260 260w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/TRANSPARENT_SMALLER_NEW_COLORS_final_final_logo_w_brighter_cream_AA_d78e6134-5e85-4a00-b5da-a2f0973f44e1.png?v=1649096141&width=390 390w" width="3000" height="1929" loading="eager" sizes="(min-width: 1024px) 130px, 120px" alt="Prelude & Dawn"> </div> </a> </div> </div> <div class="flex justify-end gap-2 text-right"> <button class="inline-block no-js:hidden py-2" :aria-expanded="$store.modals.leftDrawer.contents === 'sidebar'" @click="$store.modals.open('sidebar')"><span class="sr-only">Menu</span> <span class="inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 4.545h22M1 12h22M1 19.455h22" vector-effect="non-scaling-stroke"/> </svg> </span></button> <div class="whitespace-nowrap lg:ml-4"> <div x-data="{ searchOpen: false }" class="contents"> <a x-ref="searchToggle" @click.prevent="searchOpen = true" @keydown.space.prevent="searchOpen = true" class="inline-flex py-2" href="/web/20240414150915/https://preludeanddawn.com/search" :role="`button`"><span class="sr-only">Search</span> <span class="my-auto inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/> </svg> </span></a> <div class="absolute z-20 border-y-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-2 text-scheme-text w-full top-full bottom-auto left-0" x-cloak x-show="searchOpen" x-transition:enter="ease duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-data="PredictiveSearch('product,collection,article,page,query')" x-trap.inert.noscroll="resultsOpen" @keyup="onKeyup" @keydown="onKeydown" @click.outside.prevent="close()" @keyup.escape.prevent.stop="close(true, $refs.searchToggle)" @focusin.window="( searchOpen && ! $root.contains($event.target) ) && close()" style="--results-height: calc(100vh - var(--header-group-height) - var(--search-bar-height) + var(--gridline-width));" x-ref="searchComponent" data-color-scheme="scheme1"> <div class="w-full whitespace-normal"> <form action="/web/20240414150915/https://preludeanddawn.com/search" method="get" class="predictive-search-form input-group search" role="search"> <input type="hidden" name="options[prefix]" value="last"><label for="search-logo_left_menu_center-mobile" class="hidden">Submit</label> <div class="flex items-center justify-between"> <button class="mr-4 py-2" aria-label="Submit" type="submit"> <span class="inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="sr-only">Submit</span> </button> <input id="search-logo_left_menu_center-mobile" type="search" name="q" value="" placeholder="Search" class="font-body block w-full bg-transparent placeholder-current" aria-label="Search" data-search-input :aria-expanded="resultsOpen" :aria-activedescendant="resultsOpen ? 'predictive-search-results' : false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="input" x-model.debounce.300="rawQuery" @focus="onFocus"> <button class="ml-4 py-2" @click="close()" type="button"> <span class="sr-only">Close</span> <span class="inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/> </svg> </span> </button> </div><div id="predictiveSearchResults" tabindex="-1" x-cloak class="predictive-search-results absolute left-0 right-0 top-[calc(100%_+_var(--gridline-width))] z-50 h-screen text-scheme-text transition-colors duration-300 ease-out"> <template x-if="loading"> <div class="border-b-gridline border-gridline-color bg-scheme-background"> <div class="mx-auto py-6 text-center"> <div>Loading…</div> </div> </div> </template> <template x-if="resultsOpen"> <div x-show="!loading && resultsHTML && resultsOpen" class="px-section max-h-[--results-height] scroll-py-5 overflow-hidden overflow-y-auto border-b-gridline border-gridline-color bg-scheme-background" x-html-if-set="resultsHTML"></div> </template> </div> <span class="predictive-search-status sr-only" role="status" aria-hidden="true"></span></form> </div> </div> </div> </div> <div class="whitespace-nowrap lg:ml-4"> <a href="/web/20240414150915/https://preludeanddawn.com/cart" class="inline-flex py-2" data-cart-drawer-toggle :aria-expanded="$store.modals.rightDrawer.contents === 'cart'" @click.prevent="$store.modals.open('cart')" @keydown.space="$store.modals.open('cart')"><div class="relative my-auto align-middle"> <span x-show="$store.cartCount.count > 0" class="absolute right-0 top-1 h-2 w-2 rounded-full bg-scheme-accent" data-color-scheme="scheme1"></span> <span class="inline-block h-6 w-6 fill-current align-top"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M2 7h20v15H2V7Zm15 0v-.2A4.8 4.8 0 0 0 12.2 2h-.4A4.8 4.8 0 0 0 7 6.8V7" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="sr-only" x-text="$store.cartCount.countWithText()"> 0 items </span> </div></a> </div> </div> </div> </nav> </header> </section> <section class="featured-navigation relative border-b-gridline border-gridline-color bg-scheme-background text-scheme-text" data-color-scheme="header"> <div class="from-scheme-background-0 pointer-events-none absolute bottom-0 right-0 top-0 w-8 bg-gradient-to-r via-scheme-background to-scheme-background lg:hidden"></div> <div class="overflow-x-auto px-section-horizontal-spacing py-section-vertical-spacing-half"> <nav class="breadcrumbs" role="navigation" aria-label="breadcrumbs"> <ol class="flex lg:flex-wrap lg:justify-start items-center whitespace-nowrap"> <li> <a class="block py-section-vertical-spacing-half" href="/web/20240414150915/https://preludeanddawn.com/" title="Home">Home</a> </li><li class="mx-2"> <span class="block py-section-vertical-spacing-half" aria-hidden="true">/</span> </li> <li> <a class="block py-section-vertical-spacing-half" href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care" aria-current="page">Skin Care</a> </li></ol> </nav> </div> </section><noscript> <style data-shopify> .no-js-focus-wrapper:focus-within .no-js-focus-container { display: block !important; } </style> </noscript> <style data-shopify> :root { --sticky-header-height: 0; } #shopify-section-sections--16549434818712__header { --logo-max-width: 120px; } @media (min-width: 1024px) { #shopify-section-sections--16549434818712__header { --logo-max-width: 130px; } } </style> <script> const headerEl = document.getElementById("sections--16549434818712__header"); if (headerEl.getAttribute('data-sticky')) { document.documentElement.style.setProperty( '--sticky-header-height', `${headerEl.clientHeight}px` ); } </script> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/cart-count.js?v=169689669928679996461706346037" type="module"></script> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/header.js?v=143042487233477095391706346038" type="module"></script> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/predictive-search.js?v=73099588884941047221706346038" type="module"></script> </div>  <div id="shopify-section-menu-drawer" class="shopify-section"> <div x-data="Theme_Sidebar" x-init="initTeleport($root); $store.modals.register('sidebar', 'leftDrawer');"> <template data-should-teleport="#left-drawer-slot"> <template x-if="$store.modals.leftDrawer.contents === 'sidebar'"> <div data-modal-label="Menu" data-color-scheme="scheme1"> <div class="sticky top-0 z-1 flex items-center justify-between border-b-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-4"> <div aria-hidden="true"> </div> <button @click.prevent="$store.modals.close('sidebar')" class="absolute right-0 top-0 block h-full" type="button"> <span class="sr-only">Close</span> <div class="my-auto mr-section-horizontal-spacing h-6 w-6"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/> </svg> </div> </button> </div> <nav aria-label="Primary"> <ul><li x-data="{ expanded: false }" class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"><a class="inline-block py-4 w-full text-heading-standard" href="/web/20240414150915/https://preludeanddawn.com/collections/new"> New </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"><a class="inline-block py-4 w-full text-heading-standard" href="/web/20240414150915/https://preludeanddawn.com/collections/back-in-stock"> Back in Stock </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"><button class="relative block w-full text-left inline-block py-4 w-full text-heading-standard ease pr-10 transition font-body" x-bind:aria-expanded="expanded ? true : 'false'" @click="expanded = ! expanded" aria-controls="accordion0"> Home <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span class="inline-block w-full origin-center" x-show="!expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="inline-block w-full origin-center" x-show="expanded" style="display: none;"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span></span> </button> <ul id="accordion0" class="no-js-focus-container pb-2 pl-4" x-show="expanded" x-cloak><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/home"> All Home </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/candles"> Candles </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/candle-holders"> Candle Holders </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/fragrance"> Incense & Room Fragrances </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/vases-planters-pots"> Vases, Planters & Pots </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/drinkware"> Drinkware </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/art-prints-home-decor"> Home Decor & Art Prints </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/towels-pillows-textiles"> Towels, Pillows & Textiles </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/books"> Books & Magazines </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/games-puzzles"> Games & Puzzles </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/kitchen-pantry"> Kitchen & Pantry </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/smoke-shop"> Smoke Shop </a></li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"><button class="relative block w-full text-left inline-block py-4 w-full text-heading-standard ease pr-10 transition font-body" x-bind:aria-expanded="expanded ? true : 'false'" @click="expanded = ! expanded" aria-controls="accordion1"> Stationery <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span class="inline-block w-full origin-center" x-show="!expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="inline-block w-full origin-center" x-show="expanded" style="display: none;"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span></span> </button> <ul id="accordion1" class="no-js-focus-container pb-2 pl-4" x-show="expanded" x-cloak><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/stationery"> All Stationery </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><button class="relative w-full text-left inline-block py-1 pr-10" x-bind:aria-expanded="expanded ? true : 'false'" @click="expanded = ! expanded" aria-controls="accordion2"> Greeting & Note Cards <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span class="inline-block w-full origin-center" x-show="!expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="inline-block w-full origin-center" x-show="expanded" style="display: none;"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span></span> </button> <ul id="accordion2" class="no-js-focus-container px-2 pb-2 pt-1" x-show="expanded" x-cloak><li> <a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/love-card"> Love & Friendship </a> </li><li> <a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/birthday-card"> Birthday </a> </li><li> <a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/everyday-card"> Everyday </a> </li><li> <a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/thank-you-card"> Thank You </a> </li><li> <a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/congratulations-card"> Congratulations, Wedding & Baby </a> </li><li> <a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/sympathy-and-sorry-cards"> Sympathy </a> </li><li> <a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/holiday-cards"> Holiday </a> </li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/gift-wrapping"> Gift Wrap & Gift Bags </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/notebooks-journals"> Notebooks & Journals </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/art-supplies"> Art Supplies </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/patches-pins"> Stickers, Patches, Pins, Magnets </a></li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"><button class="relative block w-full text-left inline-block py-4 w-full text-heading-standard ease pr-10 transition font-body" x-bind:aria-expanded="expanded ? true : 'false'" @click="expanded = ! expanded" aria-controls="accordion3"> Apothecary <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span class="inline-block w-full origin-center" x-show="!expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="inline-block w-full origin-center" x-show="expanded" style="display: none;"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span></span> </button> <ul id="accordion3" class="no-js-focus-container pb-2 pl-4" x-show="expanded" x-cloak><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/apothecary"> All Apothecary </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care"> Face </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/body-care"> Body </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/cosmetics"> Makeup & Nails </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/fragrance-1"> Fragrance </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/hair-care"> Hair </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/tinctures-and-teas"> Tinctures </a></li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"><button class="relative block w-full text-left inline-block py-4 w-full text-heading-standard ease pr-10 transition font-body" x-bind:aria-expanded="expanded ? true : 'false'" @click="expanded = ! expanded" aria-controls="accordion4"> Apparel & Accessories <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span class="inline-block w-full origin-center" x-show="!expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="inline-block w-full origin-center" x-show="expanded" style="display: none;"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span></span> </button> <ul id="accordion4" class="no-js-focus-container pb-2 pl-4" x-show="expanded" x-cloak><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/apparel-and-accessories"> All Apparel & Accessories </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/socks"> Socks </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/hats"> Hats </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/handbags-wallets"> Handbags & Wallets </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/jewelry"> Jewelry </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/hair-accessories-1"> Hair Accessories </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/sunglasses"> Sunglasses </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/tops"> Tops </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/dresses-jumpsuits"> Dresses & Jumpsuits </a></li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"><a class="inline-block py-4 w-full text-heading-standard" href="/web/20240414150915/https://preludeanddawn.com/pages/brand-list"> Shop by Brand </a></li></ul> </nav> <div class="border-t-gridline border-gridline-color"> <nav class="my-6" aria-label="Secondary"> <ul></ul> </nav> <ul class="space-y-1 px-section-horizontal-spacing"> <li> <a href="/web/20240414150915/https://preludeanddawn.com/account/login" id="customer_login_link">Log in</a> </li> <li> <a href="/web/20240414150915/https://preludeanddawn.com/account/register" id="customer_register_link">Create account</a> </li> </ul> <form class="my-6 px-section-horizontal-spacing" action="/web/20240414150915/https://preludeanddawn.com/search" method="get" role="search"> <div class="flex w-full max-w-xs items-end"> <label for="menu-drawer-search" class="sr-only">Search</label> <input class="min-w-0 flex-auto border-b-text border-current bg-transparent py-1.5 placeholder-current" id="menu-drawer-search" type="text" name="q" placeholder="Search"> <button class="px-1" type="submit"> <span class="inline-block h-6 w-6"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="sr-only">Submit</span> </button> </div> </form> </div> </div> </template> </template> </div> <noscript> <section class="section-sidebar"> <div class="bg-scheme-background px-section-horizontal-spacing py-2 text-right text-scheme-text"> <button class="inline-flex items-center justify-center py-2 " data-menu-drawer-toggle> <span class="mr-2 inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 4.545h22M1 12h22M1 19.455h22" vector-effect="non-scaling-stroke"/> </svg> </span> <span>Menu</span> </button> </div> <div class="sidebar-container z-80 border-r-grid border-grid-color fixed bottom-0 left-0 top-0 w-11/12 max-w-xl transform overflow-y-auto bg-scheme-background text-scheme-text transition-transform"> <div data-modal-label="Menu" data-color-scheme="scheme1"> <div class="sticky top-0 z-1 flex items-center justify-between border-b-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-4"> <div aria-hidden="true"> </div> <button @click.prevent="$store.modals.close('sidebar')" class="absolute right-0 top-0 block h-full" type="button"> <span class="sr-only">Close</span> <div class="my-auto mr-section-horizontal-spacing h-6 w-6"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/> </svg> </div> </button> </div> <nav aria-label="Primary"> <ul><li x-data="{ expanded: false }" class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"><a class="inline-block py-4 w-full text-heading-standard" href="/web/20240414150915/https://preludeanddawn.com/collections/new"> New </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"><a class="inline-block py-4 w-full text-heading-standard" href="/web/20240414150915/https://preludeanddawn.com/collections/back-in-stock"> Back in Stock </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"><button class="relative block w-full text-left inline-block py-4 w-full text-heading-standard ease pr-10 transition font-body" x-bind:aria-expanded="expanded ? true : 'false'" @click="expanded = ! expanded" aria-controls="accordion0"> Home <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span class="inline-block w-full origin-center" x-show="!expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="inline-block w-full origin-center" x-show="expanded" style="display: none;"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span></span> </button> <ul id="accordion0" class="no-js-focus-container pb-2 pl-4" x-show="expanded" x-cloak><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/home"> All Home </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/candles"> Candles </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/candle-holders"> Candle Holders </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/fragrance"> Incense & Room Fragrances </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/vases-planters-pots"> Vases, Planters & Pots </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/drinkware"> Drinkware </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/art-prints-home-decor"> Home Decor & Art Prints </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/towels-pillows-textiles"> Towels, Pillows & Textiles </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/books"> Books & Magazines </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/games-puzzles"> Games & Puzzles </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/kitchen-pantry"> Kitchen & Pantry </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/smoke-shop"> Smoke Shop </a></li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"><button class="relative block w-full text-left inline-block py-4 w-full text-heading-standard ease pr-10 transition font-body" x-bind:aria-expanded="expanded ? true : 'false'" @click="expanded = ! expanded" aria-controls="accordion1"> Stationery <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span class="inline-block w-full origin-center" x-show="!expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="inline-block w-full origin-center" x-show="expanded" style="display: none;"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span></span> </button> <ul id="accordion1" class="no-js-focus-container pb-2 pl-4" x-show="expanded" x-cloak><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/stationery"> All Stationery </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><button class="relative w-full text-left inline-block py-1 pr-10" x-bind:aria-expanded="expanded ? true : 'false'" @click="expanded = ! expanded" aria-controls="accordion2"> Greeting & Note Cards <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span class="inline-block w-full origin-center" x-show="!expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="inline-block w-full origin-center" x-show="expanded" style="display: none;"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span></span> </button> <ul id="accordion2" class="no-js-focus-container px-2 pb-2 pt-1" x-show="expanded" x-cloak><li> <a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/love-card"> Love & Friendship </a> </li><li> <a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/birthday-card"> Birthday </a> </li><li> <a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/everyday-card"> Everyday </a> </li><li> <a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/thank-you-card"> Thank You </a> </li><li> <a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/congratulations-card"> Congratulations, Wedding & Baby </a> </li><li> <a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/sympathy-and-sorry-cards"> Sympathy </a> </li><li> <a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/holiday-cards"> Holiday </a> </li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/gift-wrapping"> Gift Wrap & Gift Bags </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/notebooks-journals"> Notebooks & Journals </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/art-supplies"> Art Supplies </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/patches-pins"> Stickers, Patches, Pins, Magnets </a></li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"><button class="relative block w-full text-left inline-block py-4 w-full text-heading-standard ease pr-10 transition font-body" x-bind:aria-expanded="expanded ? true : 'false'" @click="expanded = ! expanded" aria-controls="accordion3"> Apothecary <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span class="inline-block w-full origin-center" x-show="!expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="inline-block w-full origin-center" x-show="expanded" style="display: none;"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span></span> </button> <ul id="accordion3" class="no-js-focus-container pb-2 pl-4" x-show="expanded" x-cloak><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/apothecary"> All Apothecary </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care"> Face </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/body-care"> Body </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/cosmetics"> Makeup & Nails </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/fragrance-1"> Fragrance </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/hair-care"> Hair </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/tinctures-and-teas"> Tinctures </a></li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"><button class="relative block w-full text-left inline-block py-4 w-full text-heading-standard ease pr-10 transition font-body" x-bind:aria-expanded="expanded ? true : 'false'" @click="expanded = ! expanded" aria-controls="accordion4"> Apparel & Accessories <span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span class="inline-block w-full origin-center" x-show="!expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="inline-block w-full origin-center" x-show="expanded" style="display: none;"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span></span> </button> <ul id="accordion4" class="no-js-focus-container pb-2 pl-4" x-show="expanded" x-cloak><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/apparel-and-accessories"> All Apparel & Accessories </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/socks"> Socks </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/hats"> Hats </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/handbags-wallets"> Handbags & Wallets </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/jewelry"> Jewelry </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/hair-accessories-1"> Hair Accessories </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/sunglasses"> Sunglasses </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/tops"> Tops </a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a class="inline-block py-1 " href="/web/20240414150915/https://preludeanddawn.com/collections/dresses-jumpsuits"> Dresses & Jumpsuits </a></li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"><a class="inline-block py-4 w-full text-heading-standard" href="/web/20240414150915/https://preludeanddawn.com/pages/brand-list"> Shop by Brand </a></li></ul> </nav> <div class="border-t-gridline border-gridline-color"> <nav class="my-6" aria-label="Secondary"> <ul></ul> </nav> <ul class="space-y-1 px-section-horizontal-spacing"> <li> <a href="/web/20240414150915/https://preludeanddawn.com/account/login" id="customer_login_link">Log in</a> </li> <li> <a href="/web/20240414150915/https://preludeanddawn.com/account/register" id="customer_register_link">Create account</a> </li> </ul> <form class="my-6 px-section-horizontal-spacing" action="/web/20240414150915/https://preludeanddawn.com/search" method="get" role="search"> <div class="flex w-full max-w-xs items-end"> <label for="menu-drawer-search" class="sr-only">Search</label> <input class="min-w-0 flex-auto border-b-text border-current bg-transparent py-1.5 placeholder-current" id="menu-drawer-search" type="text" name="q" placeholder="Search"> <button class="px-1" type="submit"> <span class="inline-block h-6 w-6"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="sr-only">Submit</span> </button> </div> </form> </div> </div> </div> </section> <style> .section-sidebar { display: block !important; } @media (min-width: 1024px) { .section-sidebar { display: none !important; } } .sidebar-container { position: static; width: 100%; max-width: 100%; border-right: 0; display: none; } .section-sidebar:focus-within .sidebar-container { display: block !important; } </style> </noscript> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/sidebar.js?v=161736377760932479431706346039" type="module"></script> </div><script> const calculateHeaderHeights = () => { const headerGroupHeights = []; document .querySelectorAll( '.shopify-section-group-header-group:not(.has-no-height)' ) .forEach((headerGroupSectionEl) => { headerGroupHeights.push( headerGroupSectionEl.getBoundingClientRect().height ); }); document.documentElement.style.setProperty( '--header-group-height', `${headerGroupHeights.reduce((subtotal, a) => subtotal + a, 0)}px` ); }; calculateHeaderHeights(); const debouncedCalculateHeaderHeights = debounce(calculateHeaderHeights, 300); window.addEventListener('resize', debouncedCalculateHeaderHeights); </script> <style> #MainContent > .shopify-section.banner-section:first-child [data-media-container].h-screen { height: calc(100vh - var(--header-group-height)); } @media (min-width: 990px) { #MainContent > .shopify-section.banner-section:first-child [data-media-container].lg\:h-auto { height: auto; } #MainContent > .shopify-section.banner-section:first-child [data-media-container].lg\:h-screen { height: calc(100vh - var(--header-group-height)); } } </style> <main id="MainContent"> <div id="shopify-section-template--16549432230040__main" class="shopify-section"> <section id="filterable" class="collection border-b-gridline border-gridline-color bg-scheme-background text-scheme-text transition-opacity duration-200 ease-in-out" x-data="Filterable" data-color-scheme="scheme3" @keydown.escape.document="onEscape"><div class="grid grid-flow-row-dense grid-cols-1 gap-gutter overflow-hidden border-b-gridline border-gridline-color bg-gridline-color lg:grid-cols-12"> <div class="lg:col-span-12 pt-theme-double pb-theme bg-scheme-background px-section-horizontal-spacing "> <div> <h1 class="font-heading text-heading-feature"> Skin Care </h1> </div> </div> </div> <div> <a class="in-page-link skip-link" href="#facets-results">Collection</a> <div class="relative flex items-center justify-between border-b-gridline border-gridline-color px-section-horizontal-spacing py-2"><form id="filters-form-sort-drop-down" data-fragment-id="filters-form-sort-drop-down" @submit.prevent="filterFormSubmit" class="ml-auto"> <div data-filterable-filter-fragment="sort-drop-down"> <div class="flex items-center self-start"> <button type="button" id="sort-drop-down-toggle" x-ref="sortDropDownToggle" class="flex py-2 hover:text-scheme-accent items-center uppercase" x-bind:aria-expanded="sortOpen ? true : 'false'" @click="sortOpen = ! sortOpen" aria-controls="sort-drop-down"> Sort <span class="ml-1 inline-block h-3 w-3 origin-center align-middle" x-show="!sortOpen"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M12 1v22M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span> <span class="ml-1 inline-block h-3 w-3 origin-center align-middle" x-show="sortOpen" style="display: none;"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="M1 12h22" vector-effect="non-scaling-stroke"/> </svg> </span></button> <div id="sort-drop-down" class="absolute bottom-auto left-0 top-full z-20 w-full border-y-gridline border-gridline-color bg-scheme-background py-section-vertical-spacing text-scheme-text" x-show="sortOpen" x-cloak x-transition:enter="transition ease duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" data-filterable-dropdown @focusout="focusOut($event, 'sortOpen')" @click.outside="clickOutside($event, 'sortOpen', false)"> <div class="sort-wrapper flex justify-end px-section-horizontal-spacing" :class="{ 'opacity-50' : loading }"> <div class="js-filter" data-index="sort"> <ul class="space-y-1"><li class="flex items-center justify-start"> <input type="radio" class="filter-checkbox custom-input peer sr-only" name="sort_by" value="manual" @input.debounce="filterFormSubmit" id="Sort-drop-down-Featured-1" checked> <label for="Sort-drop-down-Featured-1" class="flex cursor-pointer items-center capitalize hover:text-scheme-accent peer-checked:[&>span:first-child]:bg-current "> <span class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"></span> Featured </label> </li><li class="flex items-center justify-start"> <input type="radio" class="filter-checkbox custom-input peer sr-only" name="sort_by" value="best-selling" @input.debounce="filterFormSubmit" id="Sort-drop-down-Best selling-2"> <label for="Sort-drop-down-Best selling-2" class="flex cursor-pointer items-center capitalize hover:text-scheme-accent peer-checked:[&>span:first-child]:bg-current "> <span class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"></span> Best selling </label> </li><li class="flex items-center justify-start"> <input type="radio" class="filter-checkbox custom-input peer sr-only" name="sort_by" value="title-ascending" @input.debounce="filterFormSubmit" id="Sort-drop-down-Alphabetically, A-Z-3"> <label for="Sort-drop-down-Alphabetically, A-Z-3" class="flex cursor-pointer items-center capitalize hover:text-scheme-accent peer-checked:[&>span:first-child]:bg-current "> <span class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"></span> Alphabetically, A-Z </label> </li><li class="flex items-center justify-start"> <input type="radio" class="filter-checkbox custom-input peer sr-only" name="sort_by" value="title-descending" @input.debounce="filterFormSubmit" id="Sort-drop-down-Alphabetically, Z-A-4"> <label for="Sort-drop-down-Alphabetically, Z-A-4" class="flex cursor-pointer items-center capitalize hover:text-scheme-accent peer-checked:[&>span:first-child]:bg-current "> <span class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"></span> Alphabetically, Z-A </label> </li><li class="flex items-center justify-start"> <input type="radio" class="filter-checkbox custom-input peer sr-only" name="sort_by" value="price-ascending" @input.debounce="filterFormSubmit" id="Sort-drop-down-Price, low to high-5"> <label for="Sort-drop-down-Price, low to high-5" class="flex cursor-pointer items-center capitalize hover:text-scheme-accent peer-checked:[&>span:first-child]:bg-current "> <span class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"></span> Price, low to high </label> </li><li class="flex items-center justify-start"> <input type="radio" class="filter-checkbox custom-input peer sr-only" name="sort_by" value="price-descending" @input.debounce="filterFormSubmit" id="Sort-drop-down-Price, high to low-6"> <label for="Sort-drop-down-Price, high to low-6" class="flex cursor-pointer items-center capitalize hover:text-scheme-accent peer-checked:[&>span:first-child]:bg-current "> <span class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"></span> Price, high to low </label> </li><li class="flex items-center justify-start"> <input type="radio" class="filter-checkbox custom-input peer sr-only" name="sort_by" value="created-ascending" @input.debounce="filterFormSubmit" id="Sort-drop-down-Date, old to new-7"> <label for="Sort-drop-down-Date, old to new-7" class="flex cursor-pointer items-center capitalize hover:text-scheme-accent peer-checked:[&>span:first-child]:bg-current "> <span class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"></span> Date, old to new </label> </li><li class="flex items-center justify-start"> <input type="radio" class="filter-checkbox custom-input peer sr-only" name="sort_by" value="created-descending" @input.debounce="filterFormSubmit" id="Sort-drop-down-Date, new to old-8"> <label for="Sort-drop-down-Date, new to old-8" class="flex cursor-pointer items-center capitalize hover:text-scheme-accent peer-checked:[&>span:first-child]:bg-current "> <span class="mr-1 inline-block h-2 w-2 rounded-full border-checkbox border-current"></span> Date, new to old </label> </li></ul> <span class="inline-block" aria-hidden="true"> </span> </div> </div> </div> </div> </div></form> </div> <div id="results" data-fragment-id="results" x-html-if-set="resultsHTML" :class="{ 'opacity-10' : loading }"><ul class="collection-list grid grid-cols-2 lg:grid-cols-12 gap-gutter bg-gridline-color"><li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/ocean-heart-moon-mask" class="absolute inset-0 z-10"> <span class="sr-only">Ocean Heart ~ Moon Mask</span> </a> <div class="relative"><div class="pointer-events-none absolute right-2 top-2 z-10 bg-scheme-accent p-2 text-scheme-background"> Sale </div><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/ocean_1.png?v=1700522473&width=3000" alt="High Sun Low Moon Ocean Heart ~ Moon Mask | Prelude & Dawn | Los Angeles, CA" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/ocean_1.png?v=1700522473&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/ocean_1.png?v=1700522473&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/ocean_1.png?v=1700522473&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/ocean_1.png?v=1700522473&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/ocean_1.png?v=1700522473&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/ocean_1.png?v=1700522473&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/ocean_1.png?v=1700522473&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/ocean_1.png?v=1700522473&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/ocean_1.png?v=1700522473&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/ocean_1.png?v=1700522473&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/ocean_1.png?v=1700522473&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/ocean_1.png?v=1700522473&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/ocean_1.png?v=1700522473&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/ocean_1.png?v=1700522473&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/ocean_1.png?v=1700522473&width=3000 3000w" width="3000" height="3005" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Ocean Heart ~ Moon Mask </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <s class="block lg:inline"><span class="sr-only">Regular price</span>$ 36.00</s> <span class="text-scheme-accent"><span class="sr-only">Sale price</span>$ 30.60</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/outer-being-face-oil" class="absolute inset-0 z-10"> <span class="sr-only">Outer Being Face Oil</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=3000" alt="Outer Being Face Oil" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> <div class="contents" x-data="{ shown: false, top: false }" x-init=" if (currentSwatchVariantId === '42761236250776') { shown = true; top = true; } $watch('currentSwatchVariantId', (value) => { if (value === '42761236250776') { shown = true; top = true; } else { top = false; setTimeout(() => { shown = false; }, 200) } }); " :class=" { '[&>image-with-placeholder>img]:opacity-100' : shown, '[&>image-with-placeholder>img]:z-30' : top, } "> <image-with-placeholder> <img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil2.webp?v=1691452741&width=3000" alt="" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil2.webp?v=1691452741&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil2.webp?v=1691452741&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil2.webp?v=1691452741&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil2.webp?v=1691452741&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil2.webp?v=1691452741&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil2.webp?v=1691452741&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil2.webp?v=1691452741&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil2.webp?v=1691452741&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil2.webp?v=1691452741&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil2.webp?v=1691452741&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil2.webp?v=1691452741&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil2.webp?v=1691452741&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil2.webp?v=1691452741&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil2.webp?v=1691452741&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil2.webp?v=1691452741&width=3000 3000w" width="3000" height="3000" class="peer/image block absolute inset-0 w-full h-full object-cover z-20 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> <div class="contents" x-data="{ shown: false, top: false }" x-init=" if (currentSwatchVariantId === '42761236283544') { shown = true; top = true; } $watch('currentSwatchVariantId', (value) => { if (value === '42761236283544') { shown = true; top = true; } else { top = false; setTimeout(() => { shown = false; }, 200) } }); " :class=" { '[&>image-with-placeholder>img]:opacity-100' : shown, '[&>image-with-placeholder>img]:z-30' : top, } "> <image-with-placeholder> <img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=3000" alt="" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/OuterBeingFaceOil8.webp?v=1691452736&width=3000 3000w" width="3000" height="3000" class="peer/image block absolute inset-0 w-full h-full object-cover z-20 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Outer Being Face Oil </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>from $ 32.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/golden-hour-hydrosol-toner" class="absolute inset-0 z-10"> <span class="sr-only">Golden Hour Hydrosol Toner - Neroli & Rose</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/hydrosol.png?v=1691893926&width=3000" alt="Golden Hour Hydrosol Toner - Neroli & Rose" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/hydrosol.png?v=1691893926&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/hydrosol.png?v=1691893926&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/hydrosol.png?v=1691893926&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/hydrosol.png?v=1691893926&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/hydrosol.png?v=1691893926&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/hydrosol.png?v=1691893926&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/hydrosol.png?v=1691893926&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/hydrosol.png?v=1691893926&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/hydrosol.png?v=1691893926&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/hydrosol.png?v=1691893926&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/hydrosol.png?v=1691893926&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/hydrosol.png?v=1691893926&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/hydrosol.png?v=1691893926&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/hydrosol.png?v=1691893926&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/hydrosol.png?v=1691893926&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Golden Hour Hydrosol Toner - Neroli & Rose </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 20.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/re-set-reusable-eye-boost-mask" class="absolute inset-0 z-10"> <span class="sr-only">RE/SET Reusable Eye Boost Mask</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964&width=3000" alt="NOTO RE/SET Reusable Eye Boost Mask | Prelude & Dawn | Los Angeles, CA" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/MG_3070copy_3000x_305ed263-a5cc-4c2a-a335-f8a9dc01aacf.webp?v=1697653964&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> RE/SET Reusable Eye Boost Mask </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 22.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/basil-yarrow-mist-face-body-hair" class="absolute inset-0 z-10"> <span class="sr-only">Basil Yarrow Mist // Face + Body + Hair</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/basil.png?v=1656211196&width=3000" alt="Basil Yarrow Mist // Face + Body + Hair" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/basil.png?v=1656211196&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/basil.png?v=1656211196&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/basil.png?v=1656211196&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/basil.png?v=1656211196&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/basil.png?v=1656211196&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/basil.png?v=1656211196&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/basil.png?v=1656211196&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/basil.png?v=1656211196&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/basil.png?v=1656211196&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/basil.png?v=1656211196&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/basil.png?v=1656211196&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/basil.png?v=1656211196&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/basil.png?v=1656211196&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/basil.png?v=1656211196&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/basil.png?v=1656211196&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Basil Yarrow Mist // Face + Body + Hair </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 34.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/resurface-scrub" class="absolute inset-0 z-10"> <span class="sr-only">Resurface Scrub</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142&width=3000" alt="NOTO Resurface Scrub | Prelude & Dawn | Los Angeles, CA" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/Fluxus_3_3000x_e3cdde04-b69f-4f93-a811-a4d1eec73b41.webp?v=1666637142&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Resurface Scrub </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 38.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/moisture-riser-cream" class="absolute inset-0 z-10"> <span class="sr-only">Moisture Riser Cream</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945&width=3000" alt="NOTO Moisture Riser Cream | Prelude & Dawn | Los Angeles, CA" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/029f583a-9964-49a4-be5b-332e8c86fd2f.jpg?v=1615848945&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Moisture Riser Cream </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 48.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/deep-serum" class="absolute inset-0 z-10"> <span class="sr-only">Deep Serum - Large</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto2.png?v=1620851980&width=3000" alt="Deep Serum - Large" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto2.png?v=1620851980&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto2.png?v=1620851980&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto2.png?v=1620851980&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto2.png?v=1620851980&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto2.png?v=1620851980&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto2.png?v=1620851980&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto2.png?v=1620851980&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto2.png?v=1620851980&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto2.png?v=1620851980&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto2.png?v=1620851980&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto2.png?v=1620851980&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto2.png?v=1620851980&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto2.png?v=1620851980&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto2.png?v=1620851980&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto2.png?v=1620851980&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Deep Serum - Large </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 56.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/agender-oil-anywhere-hair-body" class="absolute inset-0 z-10"> <span class="sr-only">Agender Oil // Anywhere Hair + Body</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/agender.png?v=1675628911&width=3000" alt="NOTO Agender Oil // Anywhere Hair + Body | Prelude & Dawn | Los Angeles, CA" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/agender.png?v=1675628911&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/agender.png?v=1675628911&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/agender.png?v=1675628911&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/agender.png?v=1675628911&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/agender.png?v=1675628911&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/agender.png?v=1675628911&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/agender.png?v=1675628911&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/agender.png?v=1675628911&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/agender.png?v=1675628911&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/agender.png?v=1675628911&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/agender.png?v=1675628911&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/agender.png?v=1675628911&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/agender.png?v=1675628911&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/agender.png?v=1675628911&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/agender.png?v=1675628911&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Agender Oil // Anywhere Hair + Body </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 44.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/noto-bian-stone-facial-tool" class="absolute inset-0 z-10"> <span class="sr-only">Noto Bian Stone Facial Tool</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396&width=3000" alt="Noto Bian Stone Facial Tool | Prelude & Dawn | Los Angeles" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto_fe5c5077-4450-444b-94b4-00f44dc9a101.png?v=1660357396&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Noto Bian Stone Facial Tool </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 24.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/lip-cheek-duo-brush" class="absolute inset-0 z-10"> <span class="sr-only">Lip + Cheek Duo Brush</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/brush.png?v=1675631233&width=3000" alt="NOTO LIP + CHEEK DUO BRUSH | Prelude & Dawn | Los Angeles, CA" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/brush.png?v=1675631233&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/brush.png?v=1675631233&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/brush.png?v=1675631233&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/brush.png?v=1675631233&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/brush.png?v=1675631233&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/brush.png?v=1675631233&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/brush.png?v=1675631233&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/brush.png?v=1675631233&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/brush.png?v=1675631233&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/brush.png?v=1675631233&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/brush.png?v=1675631233&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/brush.png?v=1675631233&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/brush.png?v=1675631233&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/brush.png?v=1675631233&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/brush.png?v=1675631233&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Lip + Cheek Duo Brush </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 24.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/genet-multi-benne-stain-stick" class="absolute inset-0 z-10"> <span class="sr-only">Genet - Multi-Benne Stain Stick</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/genet11.png?v=1666555211&width=3000" alt="NOTO Genet - Multi-Benne Stain Stick | Prelude & Dawn | Los Angeles, CA" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/genet11.png?v=1666555211&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/genet11.png?v=1666555211&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/genet11.png?v=1666555211&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/genet11.png?v=1666555211&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/genet11.png?v=1666555211&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/genet11.png?v=1666555211&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/genet11.png?v=1666555211&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/genet11.png?v=1666555211&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/genet11.png?v=1666555211&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/genet11.png?v=1666555211&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/genet11.png?v=1666555211&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/genet11.png?v=1666555211&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/genet11.png?v=1666555211&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/genet11.png?v=1666555211&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/genet11.png?v=1666555211&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Genet - Multi-Benne Stain Stick </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 26.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/oscillate-multi-benne-stain-stick" class="absolute inset-0 z-10"> <span class="sr-only">Oscillate - Multi-Benne Stain Stick</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/oscillate.png?v=1666554971&width=3000" alt="NOTO Oscillate - Multi-Benne Stain Stick | Prelude & Dawn | Los Angeles, CA" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/oscillate.png?v=1666554971&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/oscillate.png?v=1666554971&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/oscillate.png?v=1666554971&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/oscillate.png?v=1666554971&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/oscillate.png?v=1666554971&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/oscillate.png?v=1666554971&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/oscillate.png?v=1666554971&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/oscillate.png?v=1666554971&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/oscillate.png?v=1666554971&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/oscillate.png?v=1666554971&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/oscillate.png?v=1666554971&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/oscillate.png?v=1666554971&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/oscillate.png?v=1666554971&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/oscillate.png?v=1666554971&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/oscillate.png?v=1666554971&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Oscillate - Multi-Benne Stain Stick </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 26.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/ono-ono-multi-benne-stain-stick" class="absolute inset-0 z-10"> <span class="sr-only">Ono Ono Multi-Benne Stain Stick</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/onoono.png?v=1666554865&width=3000" alt="NOTO Ono Ono - Multi-Benne Stain Stick | Prelude & Dawn | Los Angeles, CA" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/onoono.png?v=1666554865&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/onoono.png?v=1666554865&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/onoono.png?v=1666554865&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/onoono.png?v=1666554865&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/onoono.png?v=1666554865&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/onoono.png?v=1666554865&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/onoono.png?v=1666554865&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/onoono.png?v=1666554865&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/onoono.png?v=1666554865&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/onoono.png?v=1666554865&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/onoono.png?v=1666554865&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/onoono.png?v=1666554865&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/onoono.png?v=1666554865&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/onoono.png?v=1666554865&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/onoono.png?v=1666554865&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Ono Ono Multi-Benne Stain Stick </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 26.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/touch-multi-benne-stain-stick" class="absolute inset-0 z-10"> <span class="sr-only">Touch Multi-Benne Stain Stick</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto.png?v=1670458504&width=3000" alt="Touch Multi-Benne Stain Stick" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto.png?v=1670458504&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto.png?v=1670458504&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto.png?v=1670458504&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto.png?v=1670458504&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto.png?v=1670458504&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto.png?v=1670458504&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto.png?v=1670458504&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto.png?v=1670458504&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto.png?v=1670458504&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto.png?v=1670458504&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto.png?v=1670458504&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto.png?v=1670458504&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto.png?v=1670458504&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto.png?v=1670458504&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/noto.png?v=1670458504&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Touch Multi-Benne Stain Stick </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 26.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/five-multi-bene-stick-lips-cheeks" class="absolute inset-0 z-10"> <span class="sr-only">Five - Multi - Bene Stick // Lips + Cheeks</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/five.png?v=1697758330&width=3000" alt="NOTO Five - Multi-Benne Stain Stick | Prelude & Dawn | Los Angeles, CA" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/five.png?v=1697758330&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/five.png?v=1697758330&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/five.png?v=1697758330&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/five.png?v=1697758330&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/five.png?v=1697758330&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/five.png?v=1697758330&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/five.png?v=1697758330&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/five.png?v=1697758330&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/five.png?v=1697758330&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/five.png?v=1697758330&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/five.png?v=1697758330&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/five.png?v=1697758330&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/five.png?v=1697758330&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/five.png?v=1697758330&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/five.png?v=1697758330&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Five - Multi - Bene Stick // Lips + Cheeks </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 26.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/fluxus-multi-bene-stick-lips-cheeks" class="absolute inset-0 z-10"> <span class="sr-only">Fluxus - Multi - Bene Stick // Lips + Cheeks</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/fluxus.png?v=1697758190&width=3000" alt="NOTO Fluxus - Multi-Benne Stain Stick | Prelude & Dawn | Los Angeles, CA" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/fluxus.png?v=1697758190&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/fluxus.png?v=1697758190&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/fluxus.png?v=1697758190&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/fluxus.png?v=1697758190&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/fluxus.png?v=1697758190&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/fluxus.png?v=1697758190&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/fluxus.png?v=1697758190&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/fluxus.png?v=1697758190&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/fluxus.png?v=1697758190&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/fluxus.png?v=1697758190&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/fluxus.png?v=1697758190&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/fluxus.png?v=1697758190&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/fluxus.png?v=1697758190&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/fluxus.png?v=1697758190&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/fluxus.png?v=1697758190&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Fluxus - Multi - Bene Stick // Lips + Cheeks </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 26.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/hydra-highlighter-stick" class="absolute inset-0 z-10"> <span class="sr-only">Hydra Highlighter Stick</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/hydra.png?v=1674782226&width=3000" alt="NOTO Hydra Highlighter Stick | Prelude & Dawn | Los Angeles, CA" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/hydra.png?v=1674782226&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/hydra.png?v=1674782226&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/hydra.png?v=1674782226&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/hydra.png?v=1674782226&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/hydra.png?v=1674782226&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/hydra.png?v=1674782226&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/hydra.png?v=1674782226&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/hydra.png?v=1674782226&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/hydra.png?v=1674782226&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/hydra.png?v=1674782226&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/hydra.png?v=1674782226&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/hydra.png?v=1674782226&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/hydra.png?v=1674782226&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/hydra.png?v=1674782226&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/hydra.png?v=1674782226&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Hydra Highlighter Stick </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 26.00</span> </div> </div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" x-data="{ currentSwatchVariantId: '41681515282584', productUrl: '/collections/skin-care/products/face-roller' }" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/face-roller" :href="productUrl" class="absolute inset-0 z-10"> <span class="sr-only">Face Roller from Sounds</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/e11d3664-7757-4f05-80dd-b075b35582ec.jpg?v=1610236968&width=3000" alt="Face Roller from Sounds" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/e11d3664-7757-4f05-80dd-b075b35582ec.jpg?v=1610236968&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/e11d3664-7757-4f05-80dd-b075b35582ec.jpg?v=1610236968&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/e11d3664-7757-4f05-80dd-b075b35582ec.jpg?v=1610236968&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/e11d3664-7757-4f05-80dd-b075b35582ec.jpg?v=1610236968&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/e11d3664-7757-4f05-80dd-b075b35582ec.jpg?v=1610236968&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/e11d3664-7757-4f05-80dd-b075b35582ec.jpg?v=1610236968&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/e11d3664-7757-4f05-80dd-b075b35582ec.jpg?v=1610236968&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/e11d3664-7757-4f05-80dd-b075b35582ec.jpg?v=1610236968&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/e11d3664-7757-4f05-80dd-b075b35582ec.jpg?v=1610236968&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/e11d3664-7757-4f05-80dd-b075b35582ec.jpg?v=1610236968&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/e11d3664-7757-4f05-80dd-b075b35582ec.jpg?v=1610236968&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/e11d3664-7757-4f05-80dd-b075b35582ec.jpg?v=1610236968&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/e11d3664-7757-4f05-80dd-b075b35582ec.jpg?v=1610236968&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/e11d3664-7757-4f05-80dd-b075b35582ec.jpg?v=1610236968&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/e11d3664-7757-4f05-80dd-b075b35582ec.jpg?v=1610236968&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> <div class="contents" x-data="{ shown: false, top: false }" x-init=" if (currentSwatchVariantId === '37878273835160') { shown = true; top = true; } $watch('currentSwatchVariantId', (value) => { if (value === '37878273835160') { shown = true; top = true; } else { top = false; setTimeout(() => { shown = false; }, 200) } }); " :class=" { '[&>image-with-placeholder>img]:opacity-100' : shown, '[&>image-with-placeholder>img]:z-30' : top, } "> <image-with-placeholder> <img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038&width=3000" alt="" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_dbIMG_8013_1024x1024_891affd0-309e-461a-9cf3-8faa98b28d87.jpg?v=1610237038&width=3000 3000w" width="3000" height="3000" class="peer/image block absolute inset-0 w-full h-full object-cover z-20 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> <div class="contents" x-data="{ shown: false, top: false }" x-init=" if (currentSwatchVariantId === '37878273867928') { shown = true; top = true; } $watch('currentSwatchVariantId', (value) => { if (value === '37878273867928') { shown = true; top = true; } else { top = false; setTimeout(() => { shown = false; }, 200) } }); " :class=" { '[&>image-with-placeholder>img]:opacity-100' : shown, '[&>image-with-placeholder>img]:z-30' : top, } "> <image-with-placeholder> <img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_blueIMG_8012_1024x1024_a8b2586f-0720-4944-9dd6-2e73ecc1ab3a.jpg?v=1610237051&width=3000" alt="" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_blueIMG_8012_1024x1024_a8b2586f-0720-4944-9dd6-2e73ecc1ab3a.jpg?v=1610237051&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_blueIMG_8012_1024x1024_a8b2586f-0720-4944-9dd6-2e73ecc1ab3a.jpg?v=1610237051&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_blueIMG_8012_1024x1024_a8b2586f-0720-4944-9dd6-2e73ecc1ab3a.jpg?v=1610237051&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_blueIMG_8012_1024x1024_a8b2586f-0720-4944-9dd6-2e73ecc1ab3a.jpg?v=1610237051&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_blueIMG_8012_1024x1024_a8b2586f-0720-4944-9dd6-2e73ecc1ab3a.jpg?v=1610237051&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_blueIMG_8012_1024x1024_a8b2586f-0720-4944-9dd6-2e73ecc1ab3a.jpg?v=1610237051&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_blueIMG_8012_1024x1024_a8b2586f-0720-4944-9dd6-2e73ecc1ab3a.jpg?v=1610237051&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_blueIMG_8012_1024x1024_a8b2586f-0720-4944-9dd6-2e73ecc1ab3a.jpg?v=1610237051&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_blueIMG_8012_1024x1024_a8b2586f-0720-4944-9dd6-2e73ecc1ab3a.jpg?v=1610237051&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_blueIMG_8012_1024x1024_a8b2586f-0720-4944-9dd6-2e73ecc1ab3a.jpg?v=1610237051&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_blueIMG_8012_1024x1024_a8b2586f-0720-4944-9dd6-2e73ecc1ab3a.jpg?v=1610237051&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_blueIMG_8012_1024x1024_a8b2586f-0720-4944-9dd6-2e73ecc1ab3a.jpg?v=1610237051&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_blueIMG_8012_1024x1024_a8b2586f-0720-4944-9dd6-2e73ecc1ab3a.jpg?v=1610237051&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_blueIMG_8012_1024x1024_a8b2586f-0720-4944-9dd6-2e73ecc1ab3a.jpg?v=1610237051&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_blueIMG_8012_1024x1024_a8b2586f-0720-4944-9dd6-2e73ecc1ab3a.jpg?v=1610237051&width=3000 3000w" width="3000" height="3000" class="peer/image block absolute inset-0 w-full h-full object-cover z-20 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> <div class="contents" x-data="{ shown: false, top: false }" x-init=" if (currentSwatchVariantId === '37878273900696') { shown = true; top = true; } $watch('currentSwatchVariantId', (value) => { if (value === '37878273900696') { shown = true; top = true; } else { top = false; setTimeout(() => { shown = false; }, 200) } }); " :class=" { '[&>image-with-placeholder>img]:opacity-100' : shown, '[&>image-with-placeholder>img]:z-30' : top, } "> <image-with-placeholder> <img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_greenIMG_8015_1024x1024_af52ef50-e72b-40e9-8eb1-09add67d9fe1.jpg?v=1610237066&width=3000" alt="" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_greenIMG_8015_1024x1024_af52ef50-e72b-40e9-8eb1-09add67d9fe1.jpg?v=1610237066&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_greenIMG_8015_1024x1024_af52ef50-e72b-40e9-8eb1-09add67d9fe1.jpg?v=1610237066&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_greenIMG_8015_1024x1024_af52ef50-e72b-40e9-8eb1-09add67d9fe1.jpg?v=1610237066&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_greenIMG_8015_1024x1024_af52ef50-e72b-40e9-8eb1-09add67d9fe1.jpg?v=1610237066&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_greenIMG_8015_1024x1024_af52ef50-e72b-40e9-8eb1-09add67d9fe1.jpg?v=1610237066&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_greenIMG_8015_1024x1024_af52ef50-e72b-40e9-8eb1-09add67d9fe1.jpg?v=1610237066&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_greenIMG_8015_1024x1024_af52ef50-e72b-40e9-8eb1-09add67d9fe1.jpg?v=1610237066&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_greenIMG_8015_1024x1024_af52ef50-e72b-40e9-8eb1-09add67d9fe1.jpg?v=1610237066&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_greenIMG_8015_1024x1024_af52ef50-e72b-40e9-8eb1-09add67d9fe1.jpg?v=1610237066&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_greenIMG_8015_1024x1024_af52ef50-e72b-40e9-8eb1-09add67d9fe1.jpg?v=1610237066&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_greenIMG_8015_1024x1024_af52ef50-e72b-40e9-8eb1-09add67d9fe1.jpg?v=1610237066&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_greenIMG_8015_1024x1024_af52ef50-e72b-40e9-8eb1-09add67d9fe1.jpg?v=1610237066&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_greenIMG_8015_1024x1024_af52ef50-e72b-40e9-8eb1-09add67d9fe1.jpg?v=1610237066&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_greenIMG_8015_1024x1024_af52ef50-e72b-40e9-8eb1-09add67d9fe1.jpg?v=1610237066&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/roller_greenIMG_8015_1024x1024_af52ef50-e72b-40e9-8eb1-09add67d9fe1.jpg?v=1610237066&width=3000 3000w" width="3000" height="3000" class="peer/image block absolute inset-0 w-full h-full object-cover z-20 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> <div class="contents" x-data="{ shown: false, top: false }" x-init=" if (currentSwatchVariantId === '41681515282584') { shown = true; top = true; } $watch('currentSwatchVariantId', (value) => { if (value === '41681515282584') { shown = true; top = true; } else { top = false; setTimeout(() => { shown = false; }, 200) } }); " :class=" { '[&>image-with-placeholder>img]:opacity-100' : shown, '[&>image-with-placeholder>img]:z-30' : top, } "> <image-with-placeholder> <img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/red_jasper.png?v=1650652446&width=3000" alt="" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/red_jasper.png?v=1650652446&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/red_jasper.png?v=1650652446&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/red_jasper.png?v=1650652446&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/red_jasper.png?v=1650652446&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/red_jasper.png?v=1650652446&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/red_jasper.png?v=1650652446&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/red_jasper.png?v=1650652446&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/red_jasper.png?v=1650652446&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/red_jasper.png?v=1650652446&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/red_jasper.png?v=1650652446&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/red_jasper.png?v=1650652446&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/red_jasper.png?v=1650652446&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/red_jasper.png?v=1650652446&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/red_jasper.png?v=1650652446&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/products/red_jasper.png?v=1650652446&width=3000 3000w" width="3000" height="3000" class="peer/image block absolute inset-0 w-full h-full object-cover z-20 bg-scheme-background opacity-0 transition-opacity duration-200 ease-in-out" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> Face Roller from Sounds </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 40.00</span> </div> </div> </div><div class="pb-4 px-section-horizontal-spacing"> <div class="relative z-10 -mx-1 flex justify-start -mt-2 flex-wrap"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/face-roller?variant=37878273835160" class="mx-1 mt-2 rounded-button border-text border-scheme-text/0 p-px" :class="{ 'border-scheme-text' : currentSwatchVariantId === '37878273835160', 'border-scheme-text/0' : currentSwatchVariantId !== '37878273835160' }" @click.prevent="currentSwatchVariantId = '37878273835160'; productUrl = '/collections/skin-care/products/face-roller?variant=37878273835160'"> <span class="block rounded-button p-2" style="background-image: url(https://web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/tigers-eye_50x.png?v=8309408098163306629); background-color: eye;"></span> <span class="sr-only">Tigers Eye</span> </a> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/face-roller?variant=37878273867928" class="mx-1 mt-2 rounded-button border-text border-scheme-text/0 p-px" :class="{ 'border-scheme-text' : currentSwatchVariantId === '37878273867928', 'border-scheme-text/0' : currentSwatchVariantId !== '37878273867928' }" @click.prevent="currentSwatchVariantId = '37878273867928'; productUrl = '/collections/skin-care/products/face-roller?variant=37878273867928'"> <span class="block rounded-button p-2" style="background-image: url(https://web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/blue-jasper_50x.png?v=2500857663764192519); background-color: jasper;"></span> <span class="sr-only">Blue Jasper</span> </a> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/face-roller?variant=37878273900696" class="mx-1 mt-2 rounded-button border-text border-scheme-text/0 p-px" :class="{ 'border-scheme-text' : currentSwatchVariantId === '37878273900696', 'border-scheme-text/0' : currentSwatchVariantId !== '37878273900696' }" @click.prevent="currentSwatchVariantId = '37878273900696'; productUrl = '/collections/skin-care/products/face-roller?variant=37878273900696'"> <span class="block rounded-button p-2" style="background-image: url(https://web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/yellow-xiuyan_50x.png?v=12639310181304723054); background-color: xiuyan;"></span> <span class="sr-only">Yellow Xiuyan</span> </a> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/face-roller?variant=41681515282584" class="mx-1 mt-2 rounded-button border-text border-scheme-text/0 p-px" :class="{ 'border-scheme-text' : currentSwatchVariantId === '41681515282584', 'border-scheme-text/0' : currentSwatchVariantId !== '41681515282584' }" @click.prevent="currentSwatchVariantId = '41681515282584'; productUrl = '/collections/skin-care/products/face-roller?variant=41681515282584'"> <span class="block rounded-button p-2" style="background-image: url(https://web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/red-jasper_50x.png?v=6672816913745692435); background-color: jasper;"></span> <span class="sr-only">Red Jasper</span> </a></div> </div> </div> </li> <li class="col-span-1 lg:col-span-3 bg-scheme-background text-scheme-text"> <div class="group relative flex h-full flex-col text-center hover:text-scheme-accent" data-color-scheme="scheme3"> <a href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care/products/all-balm" class="absolute inset-0 z-10"> <span class="sr-only">All Balm</span> </a> <div class="relative"><div class="w-full border-b-gridline border-gridline-color pb-0"> <div class="relative z-0"> <image-with-placeholder class="relative"><img src="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/allbalm1.webp?v=1694626229&width=3000" alt="Zizia Botanicals All Balm | Prelude and Dawn | Los Angeles, CA" srcset="//web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/allbalm1.webp?v=1694626229&width=200 200w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/allbalm1.webp?v=1694626229&width=350 350w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/allbalm1.webp?v=1694626229&width=450 450w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/allbalm1.webp?v=1694626229&width=750 750w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/allbalm1.webp?v=1694626229&width=850 850w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/allbalm1.webp?v=1694626229&width=960 960w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/allbalm1.webp?v=1694626229&width=1280 1280w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/allbalm1.webp?v=1694626229&width=1440 1440w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/allbalm1.webp?v=1694626229&width=1536 1536w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/allbalm1.webp?v=1694626229&width=1706 1706w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/allbalm1.webp?v=1694626229&width=1782 1782w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/allbalm1.webp?v=1694626229&width=1920 1920w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/allbalm1.webp?v=1694626229&width=2560 2560w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/allbalm1.webp?v=1694626229&width=2880 2880w, //web.archive.org/web/20240414150915im_/https://preludeanddawn.com/cdn/shop/files/allbalm1.webp?v=1694626229&width=3000 3000w" width="3000" height="3000" class="peer/image" sizes="(min-width: 1024px) calc(100vw / 12 * 3), 50vw"> <div class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"></div> </image-with-placeholder> </div> </div> <div class="justify-between py-4 px-section-horizontal-spacing text-sm lg:text-base lg:flex"> <div class="text-left lg:w-3/5 break-word"> <p aria-hidden="true" class=""> All Balm </p> </div> <div class="text-left lg:w-2/5 lg:text-right mt-1 lg:mt-0 lg:pl-2"> <span>$ 18.00</span> </div> </div> </div> </div> </li> </ul><div class="border-t-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing pb-theme-double pt-theme text-right text-sm text-scheme-text md:text-base" data-color-scheme="scheme3"> <ul class="pagination flex items-center"> <li class="mr-auto w-28 text-left md:w-1/3"> </li><li class="active hidden border-b-text border-scheme-text px-2 py-1 md:inline-block" aria-current="page"> <span class="sr-only">page</span> 1 </li><li class="hidden md:inline-block"> <a class="inline-block border-b-text border-transparent px-2 py-1" href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care?page=2"> <span class="sr-only">page</span> 2 </a> </li><li class="hidden md:inline-block"> <a class="inline-block border-b-text border-transparent px-2 py-1" href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care?page=3"> <span class="sr-only">page</span> 3 </a> </li><li class="ml-auto w-28 text-right md:w-1/3"> <a class="theme-link hover:text-scheme-accent" href="/web/20240414150915/https://preludeanddawn.com/collections/skin-care?page=2">Next</a> </li> </ul> </div> </div> </div> </section> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/filterable.js?v=74077444278400524931706346038" type="module"></script> </div> </main>  <div id="shopify-section-sections--16549434654872__footer" class="shopify-section shopify-section-group-footer-group"><footer class="bg-scheme-background text-scheme-text" data-color-scheme="scheme1" data-theme-footer> <section class="border-b-gridline border-gridline-color bg-scheme-background py-section-vertical-spacing text-scheme-text" data-color-scheme="scheme2"> <div class="justify-center px-section-horizontal-spacing lg:flex lg:items-center lg:justify-between"> <div class="text-base"> <h2 class="font-heading text-heading-standard" for="Email"> 10% off your first order! </h2> <div class="[&_a[href]]:underline [&_a[href]]:hover:text-scheme-accent mt-2"> <p>Join our bi-weekly emails for access to exclusive content and curated product selections.</p> </div> </div> <div class="mt-theme-half lg:mt-0"> <form method="post" action="/web/20240414150915/https://preludeanddawn.com/contact#Contact-sections--16549434654872__footer" id="Contact-sections--16549434654872__footer" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer"/><input type="hidden" name="utf8" value="✓"/> <input type="hidden" name="contact[tags]" value="newsletter"> <div class="items-end lg:ml-4 lg:flex"> <label class="sr-only" for="Email-sections--16549434654872__footer">Email address</label> <input type="email" class="font-body block w-full border-b-text border-current bg-transparent pb-1 leading-[inherit] placeholder-current" name="contact[email]" id="Email-sections--16549434654872__footer" value="" placeholder="Email address" autocorrect="off" autocapitalize="off"> <button class="theme-link mt-2 py-1 leading-[inherit] hover:text-scheme-accent shrink-0 lg:ml-2 lg:mt-0" type="submit" name="commit" id="Subscribe">Subscribe</button> </div> </form> </div> </div> </section> <div class="border-b-gridline border-gridline-color"> <div class="grid lg:grid-cols-var bg-gridline-color gap-gutter" style="--grid-cols: 12;"><div class="break-word bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text lg:col-span-var" style="--col-span: 12;"><div class="inline-block text-left"> <ul class="list-none space-y-1"> <li> <a href="/web/20240414150915/https://preludeanddawn.com/pages/contact-us" class="hover:text-scheme-accent"> Contact Us </a> </li> <li> <a href="/web/20240414150915/https://preludeanddawn.com/collections/gift-certificates" class="hover:text-scheme-accent"> Gift Certificates </a> </li> <li> <a href="/web/20240414150915/https://preludeanddawn.com/pages/return-policy" class="hover:text-scheme-accent"> Shipping and Returns </a> </li> <li> <a href="/web/20240414150915/https://preludeanddawn.com/pages/product-submissions" class="hover:text-scheme-accent"> Product Submissions </a> </li> <li> <a href="/web/20240414150915/https://preludeanddawn.com/pages/frontpage" class="hover:text-scheme-accent"> What does "Prelude and Dawn" mean? </a> </li> <li> <a href="/web/20240414150915/https://preludeanddawn.com/policies/terms-of-service" class="hover:text-scheme-accent"> Terms of service </a> </li> </ul> </div></div></div> </div> <div> <div class="px-section-horizontal-spacing py-section-vertical-spacing lg:flex lg:flex-wrap lg:items-center lg:justify-between"> <div class="mb-4 space-y-2 text-sm lg:mb-0 lg:flex-1"> <p> © 2024, <a href="/web/20240414150915/https://preludeanddawn.com/" title="">Prelude & Dawn</a>. </p> <ul class="flex gap-1 text-sm [&>li:last-child]:after:content-none [&>li]:after:content-['\00B7']"> <li> <a target="_blank" rel="nofollow" href="https://web.archive.org/web/20240414150915/https://www.shopify.com/?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore"> </a> </li></ul> </div> <div class="mb-4 md:mb-0 md:w-auto lg:flex-1"> <h2 class="sr-only">Payment methods</h2> <ul class="-mx-1 -mb-2 lg:text-right"> <li class="mx-1 mb-2 inline-block w-7"> <svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewbox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg> </li> <li class="mx-1 mb-2 inline-block w-7"> <svg class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewbox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z"/><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875"/><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858"/><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048"/></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z"/><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z"/><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z"/></g></g></svg> </li> <li class="mx-1 mb-2 inline-block w-7"> <svg class="icon" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg> </li> <li class="mx-1 mb-2 inline-block w-7"> <svg class="icon" viewbox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><lineargradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientunits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></lineargradient><lineargradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientunits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></lineargradient></defs></svg> </li> <li class="mx-1 mb-2 inline-block w-7"> <svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg> </li> <li class="mx-1 mb-2 inline-block w-7"> <svg class="icon" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg> </li> <li class="mx-1 mb-2 inline-block w-7"> <svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg> </li> <li class="mx-1 mb-2 inline-block w-7"> <svg class="icon" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg> </li> </ul> </div> </div> </div> </footer> <style> .footer-logo-image { display: block; max-width: px; } </style> </div>  <div id="shopify-section-sections--16549435015320__promo-popup" class="shopify-section shopify-section-group-overlay-group contents"> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/promo-popup.js?v=139526207982884893951706346038" type="module"></script> </div><div id="shopify-section-sections--16549435015320__age-check" class="shopify-section shopify-section-group-overlay-group"> </div><div id="shopify-section-sections--16549435015320__privacy-banner" class="shopify-section shopify-section-group-overlay-group contents"> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/privacy-banner.js?v=33472920116098439441706346038" type="module"></script> </div>  <div id="screenreader-announce" class="sr-only" aria-live="polite" role="status"></div> <ul hidden> <li id="a11y-refresh-page-message"> Choosing a selection results in a full page refresh. </li> <li id="a11y-selection-message"> Press the space key then arrow keys to make a selection. </li> </ul> <aside aria-labelledby="left-drawer-slot" x-data> <template x-teleport="body"> <div x-show="$store.modals.leftDrawer.open" @keydown.escape.prevent.stop="$store.modals.close('leftDrawer')" @click="$store.modals.close('leftDrawer')" class="fixed inset-0 z-110" data-color-scheme="scheme3" id="modals-leftDrawer" @left-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)"> <div @click.stop x-show="$store.modals.leftDrawer.open" x-transition:enter="duration-300 motion-reduce:duration-0 outline-0" x-transition:enter-start="opacity-0 -translate-x-full" x-transition:leave="duration-300 motion-reduce:duration-0 outline-0" x-transition:leave-end="-translate-x-full" x-trap.noscroll.inert="$store.modals.leftDrawer.open" class="mr-auto h-full w-11/12 max-w-md transform overflow-y-auto border-r-gridline border-gridline-color bg-scheme-background text-scheme-text transition-transform" id="left-drawer-slot" role="dialog" aria-modal="true" :aria-label="getModalLabel('leftDrawer', $el)" tabindex="-1">  </div> </div> </template> </aside> <aside aria-labelledby="right-drawer-slot" x-data> <template x-teleport="body"> <div x-show="$store.modals.rightDrawer.open" @keydown.escape.prevent.stop="$store.modals.close('rightDrawer')" @click="$store.modals.close('rightDrawer')" class="fixed inset-0 z-110" data-color-scheme="scheme3" id="modals-rightDrawer" @right-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)"> <div @click.stop x-show="$store.modals.rightDrawer.open" x-transition:enter="duration-300 motion-reduce:duration-0 outline-0" x-transition:enter-start="translate-x-full" x-transition:leave="duration-300 motion-reduce:duration-0 outline-0" x-transition:leave-end="translate-x-full" x-trap.noscroll.inert="$store.modals.rightDrawer.open" class="ml-auto h-full w-11/12 max-w-md transform overflow-y-auto border-l-gridline border-gridline-color bg-scheme-background text-scheme-text" id="right-drawer-slot" role="dialog" aria-modal="true" :aria-label="getModalLabel('rightDrawer', $el)" tabindex="-1">  </div> </div> </template> </aside> <aside aria-labelledby="quick-buy-drawer-slot-container" x-data> <template x-teleport="body"> <div x-show="$store.modals.quickBuyDrawer.open" @keydown.escape.prevent.stop="$store.modals.close('quickBuyDrawer')" @click="$store.modals.close('quickBuyDrawer')" class="fixed inset-0 z-110 flex lg:block" data-color-scheme="scheme3" id="modals-quickBuyDrawer" @quick-buy-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)"> <div @click.stop id="quick-buy-drawer-slot-container" x-show="$store.modals.quickBuyDrawer.open" x-transition:enter="duration-300 motion-reduce:duration-0 outline-0" x-transition:enter-start="max-lg:translate-y-full lg:translate-x-full" x-transition:leave="duration-300 motion-reduce:duration-0 outline-0" x-transition:leave-end="max-lg:translate-y-full lg:translate-x-full" x-trap.noscroll.inert="$store.modals.quickBuyDrawer.open" class="mt-auto h-auto w-full transform border-gridline-color bg-scheme-background text-scheme-text lg:ml-auto lg:h-full lg:w-11/12 lg:max-w-md lg:border-l-gridline lg:overflow-y-auto" role="dialog" aria-modal="true" :aria-label="getModalLabel('quickBuyDrawer', document.getElementById('quick-buy-drawer-slot'))" tabindex="-1"> <div class="sticky top-0 z-1 flex items-center justify-between border-y-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-4 lg:border-t-0"> <div> Choose options </div> <button @click.prevent="$store.modals.close('quickBuyDrawer')" class="absolute right-0 top-0 block h-full" type="button"> <span class="sr-only">Close</span> <div class="my-auto mr-section-horizontal-spacing h-6 w-6"> <svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/> </svg> </div> </button> </div> <div id="quick-buy-drawer-slot" class="max-lg:h-fit max-lg:max-h-[65vh] max-lg:overflow-y-auto"></div> </div> </div> </template> </aside> <div x-data> <template x-teleport="body"> <div x-show="$store.modals.promo.open" class="fixed inset-0 z-110 pointer-events-none" id="modals-promo"> <div x-show="$store.modals.promo.open" class="h-full w-full flex"> <div x-show="$store.modals.promo.open" x-transition:enter="transition duration-300 motion-reduce:duration-0 delay-75 outline-0" x-transition:enter-start="translate-y-full" x-transition:enter-end="translate-y-0" x-transition:leave="transition duration-300 motion-reduce:duration-0 outline-0" x-transition:leave-start="translate-y-0" x-transition:leave-end="translate-y-full" class="relative w-full mt-auto top-auto right-0 bottom-0 left-0 overflow-y-auto pointer-events-auto" id="promo-slot" role="dialog" aria-modal="true" :aria-label="getModalLabel('promo', $el)" tabindex="-1">  </div> </div> </div> </template> </div> <div x-data> <template x-teleport="body"> <div x-show="$store.modals.popup.open" @keydown.escape.prevent.stop="$store.modals.close('popup')" @click="$store.modals.close('popup')" class="fixed inset-0 z-110 p-8 lg:p-24" data-color-scheme="scheme3" id="modals-popup" @popup-is-open.window="setTimeout(() => { $focus.first() }, 120)"> <div x-show="$store.modals.popup.open" class="fixed inset-0 bg-transparent">  </div> <div x-show="$store.modals.popup.open" class="flex h-full w-full"> <div @click.stop x-show="$store.modals.popup.open" x-trap.noscroll.inert="$store.modals.popup.open" class="relative m-auto max-h-full w-full max-w-2xl overflow-y-auto border-gridline border-gridline-color bg-scheme-background text-scheme-text" id="popup-slot" role="dialog" aria-modal="true" :aria-label="getModalLabel('popup', $el)" tabindex="-1">  </div> </div> </div> </template> </div> <div x-data> <template x-teleport="body"> <div x-show="$store.modals.modal.open" @keydown.escape.prevent.stop="$store.modals.close('modal')" @click="$store.modals.close('modal')" class="fixed inset-0 z-110" data-color-scheme="scheme3" id="modals-modal" @modal-is-open.window="setTimeout(() => { $focus.first() }, 120)"> <div x-show="$store.modals.modal.open" class="flex h-full w-full"> <div @click.stop x-show="$store.modals.modal.open" x-trap.noscroll.inert="$store.modals.modal.open" class=" relative m-auto h-full w-full overflow-y-auto bg-scheme-background text-scheme-text " id="modal-slot" role="dialog" aria-modal="true" :aria-label="getModalLabel('modal', $el)" tabindex="-1">  </div> </div> </div> </template> </div> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/modals.js?v=40805929251645469271706346038" type="module"></script> <div x-data="Theme_ModalCart({openOnAddToCart: true})" x-cloak> <div> <template x-teleport="#right-drawer-slot"> <div class="flex min-h-screen flex-col" :data-modal-label="`Your cart - ${$store.cartCount.countWithText()}`" x-show="$store.modals.rightDrawer.contents === 'cart'" x-show="$store.modals.rightDrawer.contents === 'cart'"> <div class="sticky top-0 z-1 flex items-center justify-between border-b-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-4"> <h1 id="CartTitle" tabindex="-1"> Your cart - <span x-text="$store.cartCount.countWithText()"></span> </h1> <button @click.prevent="$store.modals.close('cart')" class="absolute right-0 top-0 block h-full" type="button"> <span class="sr-only">Close</span> <div class="my-auto mr-section-horizontal-spacing h-6 w-6"> <svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/> </svg> </div> </button> </div> <div class="-mb-gridline"> <div x-data="CartItems" data-cart-items> <div class="py-section-vertical-spacing px-section-horizontal-spacing"> <h1 class="font-heading text-heading-standard"> Your cart </h1> <div class="mt-8"> <p class="mb-8">Your cart is currently empty.</p> <a class="theme-link inline-block text-scheme-text hover:text-scheme-accent" href="/web/20240414150915/https://preludeanddawn.com/">Continue shopping</a> </div> </div> <p class="sr-only" id="cart-live-region-text" aria-live="polite" role="status"></p> <p class="sr-only" id="shopping-cart-line-item-status" aria-live="polite" aria-hidden="true" role="status"> Loading... </p> </div> </div> <div class="mt-auto md:sticky md:bottom-0 bg-scheme-background border-t-gridline border-gridline-color"> <div x-data="CartFooter" data-cart-footer> <div class="hidden px-2 pb-theme"> <div class="mt-4"> <label class="block" for="CartSpecialInstructions">Add a note to your order</label> <textarea class="mt-1 block w-full border-text border-current bg-transparent p-2 text-sm" name="note" id="CartSpecialInstructions" form="cart" :class="{ 'opacity-50 cursor-progress' : updating }" :readonly="updating" x-data="CartNote" x-model.debounce.750ms="note"></textarea> </div> <div class="mt-4 text-center"> <dl class="grid grid-cols-2 text-right"><dt>Subtotal</dt> <dd>$ 0.00 USD</dd> </dl><p class="has-theme-links mt-4 text-right"> Taxes and shipping calculated at checkout </p> <div class=" mt-4 w-full items-center justify-between"> <button class="hidden theme-button--secondary no-js:block" type="submit" name="update" form="cart">Update</button><button class="mt-2 w-full cursor-pointer rounded-button p-2 lg:mt-0 [text-transform:var(--button-text-transform)] after:content-[var(--button-after-content)] border-text border-button bg-button text-button hover:border-button-hover hover:bg-button-hover hover:text-button-hover" type="submit" name="checkout" form="cart">Check out</button> </div> <div class="additional-checkout-buttons additional-checkout-buttons--vertical mt-2 rounded-button [&_[data-shopify-buttoncontainer]]:justify-end"> <div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart"></div> </div> <div class="mt-4 text-scheme-accent" id="cart-errors"></div> </div> </div> </div> </div> </div> </template> </div> </div> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/modal-cart.js?v=16053340122107257351706346038" type="module"></script> <script src="//web.archive.org/web/20240414150915jm_/https://preludeanddawn.com/cdn/shop/t/108/assets/alpine.bundle.js?v=109808447343824881901706346037" type="module"></script> </body> </html>  <script type="text/javascript"> // Overrides: // var afterpay_msg_size = 'sm'; // Can be 'xs', 'sm', 'md' or 'lg'. // var afterpay_bold_amount = true; // var afterpay_logo_theme = 'colour'; // Can be 'colour', 'black' or 'white'. // var afterpay_modal_open_icon = true; // var afterpay_hide_upper_limit = false; // var afterpay_hide_lower_limit = true; // var afterpay_show_if_outside_limits = true; // var afterpay_product_integration_enabled = true; var afterpay_product_selector = 'div > div.product-price-block.mt-8.font-body.text-base'; // var afterpay_variable_price_fallback = false; // var afterpay_variable_price_fallback_selector = ''; // var afterpay_variable_price_fallback_method = 'mutation'; // Can be 'mutation' or 'interval'. // var afterpay_cart_integration_enabled = true; var afterpay_cart_static_selector = '.has-theme-links'; // var afterpay_variable_subtotal_fallback = false; // var afterpay_variable_subtotal_fallback_selector = ''; // var afterpay_variable_subtotal_fallback_method = 'mutation'; // Can be 'mutation' or 'interval'. // var afterpay_dynamic_cart_integration_enabled = 'true'; // var afterpay_dynamic_cart_selector = '.text-right'; // var afterpay_dynamic_cart_observer_target = '#CartDrawer'; var afterpay_footer_logo_enabled = true; // var afterpay_footer_logo_format = 'icon'; // Can be 'icon', 'stacked' or 'logo'. // var afterpay_footer_logo_theme = 'colour'; // Can be 'colour', 'black' or 'white'. // var afterpay_footer_logo_background = 'border'; // Can be 'border' or 'transparent'. var afterpay_footer_logo_container = '.-mb-2'; // var afterpay_footer_logo_template = '<li class="payment-icon"><object data="{logo_path}" type="image/svg+xml"></object></li>'; // Non-editable fields: var afterpay_js_language = "en"; var afterpay_js_country = "US"; var afterpay_shop_currency = "USD"; var afterpay_cart_currency = "USD"; var afterpay_shop_money_format = "$ {{amount}}"; var afterpay_shop_permanent_domain = "prelude-dawn.myshopify.com"; var afterpay_theme_name = "Updated copy of Baseline"; var afterpay_product = null; var afterpay_current_variant = null; var afterpay_cart_total_price = 0; var afterpay_js_snippet_version = '1.2.0'; </script> <script type="text/javascript" src="https://web.archive.org/web/20240414150915js_/https://static.afterpay.com/shopify-afterpay-javascript.js"></script>

CINXE.COM

Skin Care at Prelude & Dawn in Highland Park, Los Angeles