1<!doctype html> 2<html class="no-js" lang="en" dir="ltr"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <meta name="viewport" content="width=device-width,initial-scale=1"> 7 <meta name="theme-color" content=""> 8 <link rel="canonical" href="https://woodsorrelstudios.com/"> 9 <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin> 10 <link rel="dns-prefetch" href="https://ajax.googleapis.com"> 11 <link rel="dns-prefetch" href="https://maps.googleapis.com"> 12 <link rel="dns-prefetch" href="https://maps.gstatic.com"><link rel="shortcut icon" href="//woodsorrelstudios.com/cdn/shop/files/Wood_Sorrel_Studios_40_x_40_32x32.png?v=1718031809" type="image/png"> 13<title>Fantasy & Science Fiction Books | Wood Sorrel Studios</title> 14<meta name="description" content="Love fantasy & science fiction books? Curl up with a story about dragons, time travel, fantasy adventure, or step in an urban fantasy world. Want a mug or t-shirt that goes with your favorite book or series. Get it here. SHOP NOW!"> 15<meta property="og:site_name" content="Wood Sorrel Studios"> 16<meta property="og:url" content="https://woodsorrelstudios.com/"> 17<meta property="og:title" content="Fantasy & Science Fiction Books | Wood Sorrel Studios"> 18<meta property="og:type" content="website"> 19<meta property="og:description" content="Love fantasy & science fiction books? Curl up with a story about dragons, time travel, fantasy adventure, or step in an urban fantasy world. Want a mug or t-shirt that goes with your favorite book or series. Get it here. SHOP NOW!"><meta property="og:image" content="http://woodsorrelstudios.com/cdn/shop/files/16_by_9_hero.png?v=1752195214"> 20 <meta property="og:image:secure_url" content="https://woodsorrelstudios.com/cdn/shop/files/16_by_9_hero.png?v=1752195214"> 21 <meta property="og:image:width" content="875"> 22 <meta property="og:image:height" content="492"><meta name="twitter:site" content="@"> 23<meta name="twitter:card" content="summary_large_image"> 24<meta name="twitter:title" content="Fantasy & Science Fiction Books | Wood Sorrel Studios"> 25<meta name="twitter:description" content="Love fantasy & science fiction books? Curl up with a story about dragons, time travel, fantasy adventure, or step in an urban fantasy world. Want a mug or t-shirt that goes with your favorite book or series. Get it here. SHOP NOW!"> 26<style data-shopify>:root { 27 --product-grid-padding: 12px; 28 }</style>
28<script> 29 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 30 31 window.theme = window.theme || {}; 32 33 theme.settings = { 34 themeName: 'Expanse', 35 themeVersion: '10.0.1', // x-release-please-version 36 }; 37 </script>
37<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 37
37
38<script type="importmap"> 39{ 40 "imports": { 41 "block.product-buy-buttons.drawers": "//woodsorrelstudios.com/cdn/shop/t/18/assets/block.product-buy-buttons.drawers.js?v=143357058838575216011788906318", 42 "block.product-buy-buttons.gift-form": "//woodsorrelstudios.com/cdn/shop/t/18/assets/block.product-buy-buttons.gift-form.js?v=46785361256357036371788906318", 43 "block.product-buy-buttons": "//woodsorrelstudios.com/cdn/shop/t/18/assets/block.product-buy-buttons.js?v=164607579798955773671788906318", 44 "block.product-buy-buttons.store-availability": "//woodsorrelstudios.com/cdn/shop/t/18/assets/block.product-buy-buttons.store-availability.js?v=172670370528890752541788906318", 45 "block.product-inventory": "//woodsorrelstudios.com/cdn/shop/t/18/assets/block.product-inventory.js?v=108193432744250981681788906318", 46 "block.product-price": "//woodsorrelstudios.com/cdn/shop/t/18/assets/block.product-price.js?v=73015567687405224011788906318", 47 "block.product-title": "//woodsorrelstudios.com/cdn/shop/t/18/assets/block.product-title.js?v=65046738154685335941788906318", 48 "block.product-variant-picker": "//woodsorrelstudios.com/cdn/shop/t/18/assets/block.product-variant-picker.js?v=154818048934545116921788906318", 49 "cart.order-note": "//woodsorrelstudios.com/cdn/shop/t/18/assets/cart.order-note.js?v=56198602689862001351788906318", 50 "component.lightbox": "//woodsorrelstudios.com/cdn/shop/t/18/assets/component.lightbox.js?v=156646539613027545861788906318", 51 "element.accordion": "//woodsorrelstudios.com/cdn/shop/t/18/assets/element.accordion.js?v=26352719291171277101788906318", 52 "element.base-media": "//woodsorrelstudios.com/cdn/shop/t/18/assets/element.base-media.js?v=61305152781971747521788906318", 53 "element.header-search": "//woodsorrelstudios.com/cdn/shop/t/18/assets/element.header-search.js?v=89544545804712572551788906318", 54 "element.image.parallax": "//woodsorrelstudios.com/cdn/shop/t/18/assets/element.image.parallax.js?v=59188309605188605141788906318", 55 "element.map": "//woodsorrelstudios.com/cdn/shop/t/18/assets/element.map.js?v=104976426947850234061788906318", 56 "element.marquee": "//woodsorrelstudios.com/cdn/shop/t/18/assets/element.marquee.js?v=146838365732890290641788906318", 57 "element.model": "//woodsorrelstudios.com/cdn/shop/t/18/assets/element.model.js?v=104979259955732717291788906318", 58 "element.product-recommendations": "//woodsorrelstudios.com/cdn/shop/t/18/assets/element.product-recommendations.js?v=92208828216334547371788906318", 59 "element.quantity-selector": "//woodsorrelstudios.com/cdn/shop/t/18/assets/element.quantity-selector.js?v=68208048201360514121788906318", 60 "element.text.rte": "//woodsorrelstudios.com/cdn/shop/t/18/assets/element.text.rte.js?v=28194737298593644281788906318", 61 "element.theme": "//woodsorrelstudios.com/cdn/shop/t/18/assets/element.theme.js?v=79531236870419416191788906318", 62 "element.video": "//woodsorrelstudios.com/cdn/shop/t/18/assets/element.video.js?v=110560105447302630031788906318", 63 "es-module-shims": "//woodsorrelstudios.com/cdn/shop/t/18/assets/es-module-shims.min.js?v=3197203922110785981788906318", 64 "form.localization.disclosure": "//woodsorrelstudios.com/cdn/shop/t/18/assets/form.localization.disclosure.js?v=182459945533096787091788906318", 65 "form.predictive-search": "//woodsorrelstudios.com/cdn/shop/t/18/assets/form.predictive-search.js?v=16338149262871167711788906318", 66 "head.theme-editor": "//woodsorrelstudios.com/cdn/shop/t/18/assets/head.theme-editor.js?v=82669915001170288111788906318", 67 "header.cart-drawer": "//woodsorrelstudios.com/cdn/shop/t/18/assets/header.cart-drawer.js?v=76924253000731865721788906318", 68 "header.close-cart": "//woodsorrelstudios.com/cdn/shop/t/18/assets/header.close-cart.js?v=111774689337820112111788906318", 69 "header.desktop-nav.nav-dropdown": "//woodsorrelstudios.com/cdn/shop/t/18/assets/header.desktop-nav.nav-dropdown.js?v=161891049847192907061788906318", 70 "header.drawer": "//woodsorrelstudios.com/cdn/shop/t/18/assets/header.drawer.js?v=28360777810081842331788906318", 71 "header.mobile-nav": "//woodsorrelstudios.com/cdn/shop/t/18/assets/header.mobile-nav.js?v=68222097154808643481788906318",
72 "header.nav": "//woodsorrelstudios.com/cdn/shop/t/18/assets/header.nav.js?v=60474361350033080031788906318", 73 "header.toggle-cart": "//woodsorrelstudios.com/cdn/shop/t/18/assets/header.toggle-cart.js?v=98854154335626053671788906318", 74 "header.toggle-menu": "//woodsorrelstudios.com/cdn/shop/t/18/assets/header.toggle-menu.js?v=39506857234317197601788906318", 75 "header.toggle-search": "//woodsorrelstudios.com/cdn/shop/t/18/assets/header.toggle-search.js?v=158471854237997684391788906318", 76 "is-land": "//woodsorrelstudios.com/cdn/shop/t/18/assets/is-land.min.js?v=92343381495565747271788906318", 77 "kit.product-variant-picker": "//woodsorrelstudios.com/cdn/shop/t/18/assets/kit.product-variant-picker.js?v=105570197687697635861788906318", 78 "list.filter-grid.active-tags": "//woodsorrelstudios.com/cdn/shop/t/18/assets/list.filter-grid.active-tags.js?v=95708428777908361691788906318", 79 "list.filter-grid.collection-mobile-filters": "//woodsorrelstudios.com/cdn/shop/t/18/assets/list.filter-grid.collection-mobile-filters.js?v=63107918996786963331788906318", 80 "list.filter-grid.filter-form": "//woodsorrelstudios.com/cdn/shop/t/18/assets/list.filter-grid.filter-form.js?v=17067780984386582381788906318", 81 "list.filter-grid": "//woodsorrelstudios.com/cdn/shop/t/18/assets/list.filter-grid.js?v=101890920840529502621788906318", 82 "list.filter-grid.list-filter": "//woodsorrelstudios.com/cdn/shop/t/18/assets/list.filter-grid.list-filter.js?v=138701075783354965801788906318", 83 "list.filter-grid.mobile-filters-trigger": "//woodsorrelstudios.com/cdn/shop/t/18/assets/list.filter-grid.mobile-filters-trigger.js?v=95983497396036638961788906318", 84 "list.filter-grid.price-range-text": "//woodsorrelstudios.com/cdn/shop/t/18/assets/list.filter-grid.price-range-text.js?v=49452109150009672021788906318", 85 "list.filter-grid.price-range": "//woodsorrelstudios.com/cdn/shop/t/18/assets/list.filter-grid.price-range.js?v=35983194066026989001788906318", 86 "list.filter-grid.sort-by": "//woodsorrelstudios.com/cdn/shop/t/18/assets/list.filter-grid.sort-by.js?v=169103206739705814741788906318", 87 "list.filter-grid.view-buttons": "//woodsorrelstudios.com/cdn/shop/t/18/assets/list.filter-grid.view-buttons.js?v=31923186262704385171788906318", 88 "list.product-card.swatches": "//woodsorrelstudios.com/cdn/shop/t/18/assets/list.product-card.swatches.js?v=19863687979138205901788906318", 89 "module.cart-form": "//woodsorrelstudios.com/cdn/shop/t/18/assets/module.cart-form.js?v=21319002842506299681788906318", 90 "module.clone-footer": "//woodsorrelstudios.com/cdn/shop/t/18/assets/module.clone-footer.js?v=65189253863211222311788906318", 91 "module.modal": "//woodsorrelstudios.com/cdn/shop/t/18/assets/module.modal.js?v=44527242903564663411788906318", 92 "module.slideshow": "//woodsorrelstudios.com/cdn/shop/t/18/assets/module.slideshow.js?v=164835195365977764321788906318", 93 "overlay.newsletter-reminder": "//woodsorrelstudios.com/cdn/shop/t/18/assets/overlay.newsletter-reminder.js?v=76052422197643520471788906318", 94 "overlay.quick-add": "//woodsorrelstudios.com/cdn/shop/t/18/assets/overlay.quick-add.js?v=13327954383707378111788906318", 95 "overlay.quick-shop": "//woodsorrelstudios.com/cdn/shop/t/18/assets/overlay.quick-shop.js?v=143187304732018383931788906318", 96 "overlay.tool-tip": "//woodsorrelstudios.com/cdn/shop/t/18/assets/overlay.tool-tip.js?v=76066261127406251261788906318", 97 "overlay.tool-tip.trigger": "//woodsorrelstudios.com/cdn/shop/t/18/assets/overlay.tool-tip.trigger.js?v=38823101629727047911788906318", 98 "product.add-to-cart": "//woodsorrelstudios.com/cdn/shop/t/18/assets/product.add-to-cart.js?v=153565341879909331761788906318", 99 "product.gallery": "//woodsorrelstudios.com/cdn/shop/t/18/assets/product.gallery.js?v=101937563878297892051788906318", 100 "product.gallery.photoswipe": "//woodsorrelstudios.com/cdn/shop/t/18/assets/product.gallery.photoswipe.js?v=34264043932858048631788906318", 101 "section.advanced-accordion": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.advanced-accordion.js?v=44790911016288138071788906318", 102 "section.age-verification-popup": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.age-verification-popup.js?v=58303022586883027081788906318", 103 "section.background-image-text": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.background-image-text.js?v=26227350979714212071788906318", 104 "section.collection-header": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.collection-header.js?v=52320583960175857641788906318", 105 "section.countdown": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.countdown.js?v=75237863181774550081788906318", 106 "section.footer": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.footer.js?v=148713697742347807881788906318", 107 "section.header": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.header.js?v=13203801188933004421788906318", 108 "section.hotspots": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.hotspots.js?v=178007014693575642251788906318", 109 "section.image-compare": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.image-compare.js?v=148705783676582583041788906318", 110 "section.main-addresses": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.main-addresses.js?v=38269558316828
110166111788906318", 111 "section.main-cart": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.main-cart.js?v=57317533223459346501788906318", 112 "section.main-login": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.main-login.js?v=141583384861984065451788906318", 113 "section.media-text": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.media-text.js?v=44677140657195515631788906318", 114 "section.more-products-vendor": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.more-products-vendor.js?v=8511688544614558571788906318", 115 "section.newsletter-popup": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.newsletter-popup.js?v=177313225796357939811788906318", 116 "section.password-header": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.password-header.js?v=124471658844228363121788906318", 117 "section.recently-viewed": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.recently-viewed.js?v=64031631519373429601788906318", 118 "section.testimonials": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.testimonials.js?v=22104849226382439421788906318", 119 "section.toolbar.announcement-bar": "//woodsorrelstudios.com/cdn/shop/t/18/assets/section.toolbar.announcement-bar.js?v=113790760388345659521788906318", 120 "theme": "//woodsorrelstudios.com/cdn/shop/t/18/assets/theme.js?v=113616480651186619411788906318", 121 "util.a11y": "//woodsorrelstudios.com/cdn/shop/t/18/assets/util.a11y.js?v=52391889484665157991788906318", 122 "util.ajax-renderer": "//woodsorrelstudios.com/cdn/shop/t/18/assets/util.ajax-renderer.js?v=97870815632261419761788906318", 123 "util.currency": "//woodsorrelstudios.com/cdn/shop/t/18/assets/util.currency.js?v=145317363220411440011788906318", 124 "util.editor-events": "//woodsorrelstudios.com/cdn/shop/t/18/assets/util.editor-events.js?v=99040249503335390211788906318", 125 "util.events": "//woodsorrelstudios.com/cdn/shop/t/18/assets/util.events.js?v=72345573757032118991788906318", 126 "util.misc": "//woodsorrelstudios.com/cdn/shop/t/18/assets/util.misc.js?v=117964846174238173191788906318", 127 "util.product-loader": "//woodsorrelstudios.com/cdn/shop/t/18/assets/util.product-loader.js?v=71947287259713254281788906318", 128 "util.resource-loader": "//woodsorrelstudios.com/cdn/shop/t/18/assets/util.resource-loader.js?v=81301169148003274841788906318", 129 "util.storage": "//woodsorrelstudios.com/cdn/shop/t/18/assets/util.storage.js?v=165714144265540632071788906318", 130 "utility.stylesheet": "//woodsorrelstudios.com/cdn/shop/t/18/assets/utility.stylesheet.js?v=115421978848924304161788906318", 131 "vendor.body-scroll-lock": "//woodsorrelstudios.com/cdn/shop/t/18/assets/vendor.body-scroll-lock.js?v=43858629955478570601788906318", 132 "vendor.flickity-fade": "//woodsorrelstudios.com/cdn/shop/t/18/assets/vendor.flickity-fade.js?v=30199917077759486291788906318", 133 "vendor.flickity": "//woodsorrelstudios.com/cdn/shop/t/18/assets/vendor.flickity.js?v=145589282352783664051788906318", 134 "vendor.in-view": "//woodsorrelstudios.com/cdn/shop/t/18/assets/vendor.in-view.js?v=126891093837844970591788906318", 135 "vendor.nouislider": "//woodsorrelstudios.com/cdn/shop/t/18/assets/vendor.nouislider.js?v=129287890155711085221788906318", 136 "vendor.photoswipe-ui-default": "//woodsorrelstudios.com/cdn/shop/t/18/assets/vendor.photoswipe-ui-default.min.js?v=73207447096779043641788906318", 137 "vendor.photoswipe": "//woodsorrelstudios.com/cdn/shop/t/18/assets/vendor.photoswipe.min.js?v=24673779349008835351788906318" 138 } 139} 140</script>
140 141
142<script> 143 if (!(HTMLScriptElement.supports && HTMLScriptElement.supports('importmap'))) { 144 const el = document.createElement('script') 145 el.async = true 146 el.src = "//woodsorrelstudios.com/cdn/shop/t/18/assets/es-module-shims.min.js?v=3197203922110785981788906318" 147 document.head.appendChild(el) 148 } 149</script>
149 150 151
152<script type="module" src="//woodsorrelstudios.com/cdn/shop/t/18/assets/is-land.min.js?v=92343381495565747271788906318"></script>
152 153 154
155<script type="module"> 156 try { 157 const importMap = document.querySelector('script[type="importmap"]') 158 const importMapJson = JSON.parse(importMap.textContent) 159 const importMapModules = Object.values(importMapJson.imports) 160 for (let i = 0; i < importMapModules.length; i++) { 161 const link = document.createElement('link') 162 link.rel = 'modulepreload' 163 link.href = importMapModules[i] 164 document.head.appendChild(link) 165 } 166 } catch (e) { 167 console.error(e) 168 } 169</script>
169 170
171<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
171<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/69003804928/digital_wallets/dialog"> 172<meta id="in-context-paypal-metadata" data-shop-id="69003804928" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 173<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
173<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
173 174<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
175<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=69003804928" crossorigin="anonymous"></script>
vendor: 1 bytes, line 175
175
176<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":69003804928,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/69003804928","merchantName":"Wood Sorrel Studios","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","discover","amex","elo","jcb"],"total":{"type":"pending","label":"Wood Sorrel Studios","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 176
176
177<script id="shopify-features" type="application/json">{"accessToken":"b2e523e00e2494c020abac2c4747c4f5","betas":["rich-media-storefront-analytics"],"domain":"woodsorrelstudios.com","predictiveSearch":true,"shopId":69003804928,"locale":"en"}</script>
vendor: 1 bytes, line 177
177
178<script>var Shopify = Shopify || {}; 179Shopify.shop = "b98570-11.myshopify.com"; 180Shopify.locale = "en"; 181Shopify.currency = {"active":"USD","rate":"1.0"}; 182Shopify.country = "US"; 183Shopify.theme = {"name":"Updated copy of Live Version of the Expanse","id":166062522624,"schema_name":"Expanse","schema_version":"10.0.1","theme_store_id":902,"role":"main"}; 184Shopify.theme.handle = "null"; 185Shopify.theme.style = {"id":null,"handle":null}; 186Shopify.cdnHost = "woodsorrelstudios.com/cdn"; 187Shopify.routes = Shopify.routes || {}; 188Shopify.routes.root = "/"; 189Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 190Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 191Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 192Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 192
192
193<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 193
193
194<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 194
194
195<script> 196 window.ShopifyPay = window.ShopifyPay || {}; 197 window.ShopifyPay.apiHost = "shop.app\/pay"; 198 window.ShopifyPay.redirectState = null; 199</script>
vendor: 1 bytes, line 199
199
200<script> 201 window.Shopify = window.Shopify || {}; 202 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 203 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 204 window.Shopify.SignInWithShop.eligible = true; 205</script>
vendor: 1 bytes, line 205
205
206<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 206
206
207<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 207
207
208<script type="module"> 209 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 210 211 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 212 213</script>
vendor: 1 bytes, line 213
213
214<script> 215 window.Shopify = window.Shopify || {}; 216 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 217 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 218</script>
vendor: 1 bytes, line 218
218
219<script>(function() { 220 var isLoaded = false; 221 function asyncLoad() { 222 if (isLoaded) return; 223 isLoaded = true; 224 var urls = ["\/\/cdn.shopify.com\/proxy\/06a3bb583a60e5c9f0c1edb02b92ae9dd3c1f0ee5df9384b219b4ab0171fe000\/static.cdn.printful.com\/static\/js\/external\/shopify-product-customizer.js?v=0.28\u0026shop=b98570-11.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"]; 225 for (var i = 0; i < urls.length; i++) { 226 var s = document.createElement('script'); 227 s.type = 'text/javascript'; 228 s.async = true; 229 s.src = urls[i]; 230 var x = document.getElementsByTagName('script')[0]; 231 x.parentNode.insertBefore(s, x); 232 } 233 }; 234 if(window.attachEvent) { 235 window.attachEvent('onload', asyncLoad); 236 } else { 237 window.addEventListener('load', asyncLoad, false); 238 } 239})();</script>
vendor: 1 bytes, line 239
239
240<script id="__st">var __st={"a":69003804928,"offset":-25200,"reqid":"dc612340-1fbb-46d1-a74a-e9b46c7b0cb3-1791594521","pageurl":"woodsorrelstudios.com\/","u":"372dcb306f28","p":"home"};</script>
vendor: 1 bytes, line 240
240
241<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 241
241
242<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 242
242
243<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//woodsorrelstudios.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 243
243
244<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//woodsorrelstudios.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
244<script crossorigin="anonymous" defer="defer" src="//woodsorrelstudios.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
vendor: 1 bytes, line 244
244
245<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 245
245
246<script> 247 window.Shopify = window.Shopify || {}; 248 window.Shopify.MCP = window.Shopify.MCP || {}; 249 window.Shopify.MCP.enabled = true; 250 window.Shopify.MCP.shop = "b98570-11.myshopify.com"; 251 window.Shopify.MCP.mcpEndpoint = "https:\/\/woodsorrelstudios.com\/api\/mcp"; 252 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}]; 253</script>
vendor: 1 bytes, line 253
253
254<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/woodsorrelstudios.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})(); 255</script>
vendor: 1 bytes, line 255
255
256<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://woodsorrelstudios.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 257</script>
vendor: 1 bytes, line 257
257
258<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 259 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 260</script>
vendor: 1 bytes, line 260
260
261<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 262</script>
262 263<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://woodsorrelstudios.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 264<style id="shopify-accelerated-checkout-cart"> 265 #shopify-buyer-consent { 266 margin-top: 1em; 267 display: inline-block; 268 width: 100%; 269} 270 271#shopify-buyer-consent.hidden { 272 display: none; 273} 274 275#shopify-subscription-policy-button { 276 background: none; 277 border: none; 278 padding: 0; 279 text-decoration: underline; 280 font-size: inherit; 281 cursor: pointer; 282} 283 284#shopify-subscription-policy-button::before { 285 box-shadow: none; 286} 287 288 </style> 289<link rel="compression-dictionary" href="//woodsorrelstudios.com/cdn/shop/t/18/compiled_assets/styles.css?v=72069190439626573971788906355" crossorigin="anonymous"> 290<link rel="stylesheet" media="screen" href="//woodsorrelstudios.com/cdn/shop/t/18/compiled_assets/styles.css?v=72069190439626573971788906355&subset=AAAAAAAAAAAAAIDVRBAeKMA_wP_rDgDAIwAgwAgAACMBAAAYgBAZBA" crossorigin="anonymous">
291<script id="snippets-script" data-snippets="layout.stack,layout.grid,form.customer" defer="defer" src="//woodsorrelstudios.com/cdn/shop/t/18/compiled_assets/snippet-scripts.js?v=56328719812517536651788906356"></script>
vendor: 1 bytes, line 291
291
292<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
292 293 294 <link rel="stylesheet" href="//woodsorrelstudios.com/cdn/shop/t/18/assets/theme.css?v=48638049871379659691788906318"> 295<style data-shopify>:root { 296 /* Core Sizes */ 297 --size-0-25: 0.0625rem; /* 1px */ 298 --size-0-5: 0.125rem; /* 2px */ 299 --size-1: 0.25rem; /* 4px */ 300 --size-1-5: 0.375rem; /* 6px */ 301 --size-2: 0.5rem; /* 8px */ 302 --size-2-5: 0.625rem; /* 10px */ 303 --size-3: 0.75rem; /* 12px */ 304 --size-3-5: 0.875rem; /* 14px */ 305 --size-4: 1rem; /* 16px */ 306 --size-4-5: 1.125rem; /* 18px */ 307 --size-5: 1.25rem; /* 20px */ 308 --size-5-5: 1.375rem; /* 22px */ 309 --size-6: 1.5rem; /* 24px */ 310 --size-6-5: 1.625rem; /* 26px */ 311 --size-7: 1.75rem; /* 28px */ 312 --size-7-5: 1.875rem; /* 30px */ 313 --size-8: 2rem; /* 32px */ 314 --size-8-5: 2.125rem; /* 34px */ 315 --size-9: 2.25rem; /* 36px */ 316 --size-9-5: 2.375rem; /* 38px */ 317 --size-10: 2.5rem; /* 40px */ 318 --size-11: 2.75rem; /* 44px */ 319 --size-12: 3rem; /* 48px */ 320 --size-14: 3.5rem; /* 56px */ 321 --size-16: 4rem; /* 64px */ 322 --size-18: 4.5rem; /* 72px */ 323 --size-20: 5rem; /* 80px */ 324 --size-24: 6rem; /* 96px */ 325 --size-28: 7rem; /* 112px */ 326 --size-32: 8rem; /* 128px */ 327 328 /* Text Sizes */ 329 --text-size-2: 0.5rem; /* 8px */ 330 --text-size-2-5: 0.625rem; /* 10px */ 331 --text-size-3: 0.75rem; /* 12px */ 332 --text-size-3-5: 0.875rem; /* 14px */ 333 --text-size-4: 1rem; /* 16px */ 334 --text-size-4-5: 1.125rem; /* 18px */ 335 --text-size-5: 1.25rem; /* 20px */ 336 --text-size-5-5: 1.375rem; /* 22px */ 337 --text-size-6: 1.5rem; /* 24px */ 338 --text-size-6-5: 1.625rem; /* 26px */ 339 --text-size-7: 1.75rem; /* 28px */ 340 --text-size-7-5: 1.875rem; /* 30px */ 341 --text-size-8: 2rem; /* 32px */ 342 --text-size-8-5: 2.125rem; /* 34px */ 343 --text-size-9: 2.25rem; /* 36px */ 344 --text-size-9-5: 2.375rem; /* 38px */ 345 --text-size-10: 2.5rem; /* 40px */ 346 --text-size-11: 2.75rem; /* 44px */ 347 --text-size-12: 3rem; /* 48px */ 348 --text-size-14: 3.5rem; /* 56px */ 349 --text-size-16: 4rem; /* 64px */ 350 --text-size-18: 4.5rem; /* 72px */ 351 --text-size-20: 5rem; /* 80px */ 352 --text-size-24: 6rem; /* 96px */ 353 --text-size-28: 7rem; /* 112px */ 354 --text-size-32: 8rem; /* 128px */ 355 356 /* Line */ 357 --line-size-none: 0px; 358 --line-size-xs: 0.5px; 359 --line-size-sm: 1px; 360 --line-size-md: 2px; 361 --line-size-lg: 4px; 362 --line-size-xl: 8px; 363 364 /* Gap */ 365 --gap-size-none: 0px; 366 --gap-size-xs: 8px; 367 --gap-size-sm: 16px; 368 --gap-size-md: 32px; 369 --gap-size-lg: 48px; 370 --gap-size-xl: 64px; 371 372 /* Radius */ 373 --radius-xs: 4px; 374 --radius-sm: 8px; 375 --radius-md: 12px; 376 --radius-lg: 16px; 377 --radius-xl: 24px; 378 --radius-2xl: 32px; 379 --radius-none: 0px; 380 --radius-full: 999px; 381 382 /* Dropshadow */ 383 --shadow-none: 0px 0px 0px 0px rgba(0, 0, 0, 0); 384 --shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); 385 --shadow-md: 0px 2px 4px -1px rgba(0, 0, 0, 0.08); 386 --shadow-lg: 0px 8px 16px -4px rgba(0, 0, 0, 0.08); 387 --shadow-xl: 0px 16px 32px -6px rgba(0, 0, 0, 0.12); 388 --shadow-2xl: 0px 16px 64px -12px rgba(0, 0, 0, 0.22); 389 390 /* Font Weights */ 391 --font-weight-100: 100; 392 --font-weight-200: 200; 393 --font-weight-300: 300; 394 --font-weight-400: 400; 395 --font-weight-500: 500; 396 --font-weight-600: 600; 397 --font-weight-700: 700; 398 --font-weight-800: 800; 399 --font-weight-900: 900; 400 401 /* Letter Spacings */ 402 --letter-space-2xs: -0.05em; 403 --letter-space-xs: -0.03em; 404 --letter-space-sm: -0.015em; 405 --letter-space-md: 0em; 406 --letter-space-lg: 0.015em; 407 --letter-space-xl: 0.03em; 408 --letter-space-2xl: 0.05em; 409 --letter-space-3xl: 0.08em; 410 --letter-space-4xl: 0.12em; 411 412 /* Line Heights */ 413 --line-height-2xs: 0.9; 414 --line-height-xs: 1; 415 --line-height-sm: 1.1; 416 --line-height-md: 1.2; 417 --line-height-lg: 1.5; 418 --line-height-xl: 1.7; 419 --line-height-2xl: 2; 420 421 /* Color Shades */ 422 --shade-0: 0%; 423 --shade-4: 4%; 424 --shade-8: 8%; 425 --shade-12: 12%; 426 --shade-16: 16%; 427 --shade-20: 20%; 428 --shade-30: 30%; 429 --shade-40: 40%; 430 --shade-50: 50%; 431 --shade-60: 60%; 432 --shade-70: 70%; 433 --shade-80: 80%; 434 --shade-90: 90%; 435 --shade-100: 100%; 436 }</style><style data-shopify>/* Root Variables */ 437 :root { 438 --root-font-size: 16px; 439 --root-color-primary: #000; 440 --root-color-secondary: #fff; 441 } 442 443 /* Colors */ 444 :root { 445 --color-primary: var(--root-color-primary); 446 --color-secondary: var(--root-color-secondary); 447 --color-focus: #4a9afc; 448 --color-error: #ba4444; 449 --color-price: var(--color-primary); 450 --color-text-savings: var(--color-primary); 451 --disabled-grey: #f6f6f6; 452 --disabled-border: #b6b6b6; 453 --disabled-grey-text: #b6b6b6; 454 --success-green: #56ad6a; 455 --success-green-bg: #ecfef0; 456 --color-sticky-nav-links: #fff; 457 } 458 459 /* Body Font Stack */ 460 :root { 461 --element-text-font-family--body: 'Arial'; 462 --element-text-font-family-fallback--body: 'sans-serif';
463 --element-text-font-weight--body: var(--font-weight-400); 464 --element-text-letter-spacing--body: var(--letter-space-md); 465 --element-text-line-height--body: var(--line-height-md); 466 --element-text-text-transform--body: none; 467 --element-text-font-size--body-lg: var(--text-size-4); 468 --element-text-font-size--body-md: var(--text-size-3-5); 469 --element-text-font-size--body-sm: var(--text-size-3); 470 --element-text-font-size--body-xs: var(--text-size-2-5); 471 472 @media screen and (min-width: 769px) { 473 --element-text-font-size--body-lg: var(--text-size-4-5); 474 --element-text-font-size--body-md: var(--text-size-4); 475 --element-text-font-size--body-sm: var(--text-size-3-5); 476 --element-text-font-size--body-xs: var(--text-size-3); 477 } 478 } 479 480 /* Heading Font Stack */ 481 :root { 482 --element-text-font-family--heading: 'Arial'; 483 --element-text-font-family-fallback--heading: 'sans-serif'; 484 --element-text-font-weight--heading: var(--font-weight-700); 485 --element-text-letter-spacing--heading: var(--letter-space-md); 486 487 --element-text-line-height--heading-2xl: var(--line-height-md); 488 --element-text-line-height--heading-xl: var(--line-height-md); 489 --element-text-line-height--heading-lg: var(--line-height-md); 490 --element-text-line-height--heading-md: var(--line-height-md); 491 --element-text-line-height--heading-sm: var(--line-height-md); 492 --element-text-line-height--heading-xs: var(--line-height-md); 493 494 --element-text-font-size--heading-2xl: var(--text-size-12); 495 --element-text-font-size--heading-xl: var(--text-size-8); 496 --element-text-font-size--heading-lg: var(--text-size-6); 497 --element-text-font-size--heading-md: var(--text-size-5); 498 --element-text-font-size--heading-sm: var(--text-size-4-5); 499 --element-text-font-size--heading-xs: var(--text-size-4); 500 501 @media screen and (min-width: 769px) { 502 --element-text-font-size--heading-2xl: var(--text-size-16); 503 --element-text-font-size--heading-2xl: var(--text-size-12); 504 --element-text-font-size--heading-xl: var(--text-size-8); 505 --element-text-font-size--heading-lg: var(--text-size-6); 506 --element-text-font-size--heading-md: var(--text-size-5); 507 --element-text-font-size--heading-sm: var(--text-size-4-5); 508 --element-text-font-size--heading-xs: var(--text-size-4-5); 509 } 510 } 511 512 /* Accent Font Stack */ 513 :root { 514 --element-text-font-family--accent: 'Arial'; 515 --element-text-font-family-fallback--accent: 'sans-serif'; 516 --element-text-font-weight--accent: var(--font-weight-400); 517 --element-text-letter-spacing--accent: var(--letter-space-4xl); 518 --element-text-line-height--accent: var(--line-height-md); 519 --element-text-text-transform--accent: uppercase; 520 } 521 522 /* Input Responsive Styles */ 523 @media (max-width: 768px) { 524 :root { 525 --element-input-padding-inline: var(--size-2); 526 --element-input-padding-block: var(--size-2); 527 } 528 } 529 530 /* Button Responsive Styles */ 531 @media (max-width: 768px) { 532 :root { 533 --element-button-padding-inline: var(--size-2); 534 --element-button-padding-block: var(--size-2); 535 } 536 537 .element-button--shopify-payment-wrapper shopify-accelerated-checkout { 538 --shopify-accelerated-checkout-button-block-size: calc(2* var(--element-button-padding-block) + var(--element-text-line-height--body) * var(--element-text-font-size--body-md)); 539 } 540 } 541 542 /* ==================================================================== */ 543 /* OLD CSS VARIABLES THAT NEEDS TO 🔥 */ 544 /* ==================================================================== */ 545 :root { 546 --z-index-modal: 30; 547 --z-index-toolbar: 7; 548 --z-index-header: 6; 549 --z-index-header-submenu: 7; 550 --z-index-header-bottom-row: 3; 551 --z-index-header-drawers: 5; 552 --z-index-header-drawers-mobile: 3; 553 --z-index-header-search: 7; 554 --z-index-loader: 4; 555 --z-index-header-search-overlay: 1; 556 --url-ico-select: url(//woodsorrelstudios.com/cdn/shop/t/18/assets/ico-select.svg); 557 --url-swirl-svg: url(//woodsorrelstudios.com/cdn/shop/t/18/assets/swirl.svg); 558 --header-padding-bottom: 0; 559 --gutter: 30px; 560 --page-width: 1500px; 561 --page-width-narrow: 1000px; 562 --page-width-gutter-small: 17px; 563 --grid-gutter: 22px; 564 --grid-gutter-small: 16px; 565 --slide-curve: 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); 566 --drawer-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); 567 --product-grid-margin: 10px; 568 --product-grid-padding: 12px; 569 --product-radius: 10px; 570 --page-top-padding: 35px; 571 --page-narrow: 780px; 572 --page-width-padding: 40px; 573 --grid-gutter: 22px; 574 --index-section-padding: 60px; 575 --section-header-bottom: 40px; 576 --size-chart-margin: 30px 0; 577 --size-chart-icon-margin: 5px; 578 --newsletter-reminder-padding: 20px 30px 20px 25px; 579 --text-frame-margin: 10px; 580 --desktop-menu-chevron-size: 10px; 581 --site-nav-item-padding: 20px; 582 --site-nav-item-padding-top-bottom: 16px; 583 --site-nav-icon-padding: 12px; 584 } 585 586 @media screen and (max-width: 768px) { 587 :root { 588 --page-top-padding: 15px; 589 --page-narrow: 330px; 590 --page-width-padding: 17px; 591 --grid-gutter: 16px; 592 --index-section-padding: 40px; 593 --section-header-bottom: 25px; 594 --text-frame-margin: 7px; 595 } 596 }</style> 597<style data-shopify> 598 599 :root { 600 /* Body Font Stack */--element-text-font-family--body:"New York"; 601 --element-text-font-family-fallback--body:Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
602 --element-text-font-weight--body: 400;/* Accent Font Stack */ 603 604 /* Heading Font Stack */--element-text-font-family--heading:"New York"; 605 --element-text-font-family-fallback--heading:Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; 606 --element-text-font-weight--heading: 400; 607 }</style> 608<style data-shopify>:root { 609 --text-size-scale-n-4: var(--text-size-2); /* 8px */ 610 --text-size-scale-n-3: var(--text-size-2-5); /* 10px */ 611 --text-size-scale-n-2: var(--text-size-3); /* 12px */ 612 --text-size-scale-n-1: var(--text-size-3-5); /* 14px */ 613 --text-size-scale-n0: var(--text-size-4); /* 16px */ 614 --text-size-scale-n1: var(--text-size-4-5); /* 18px */ 615 --text-size-scale-n2: var(--text-size-5); /* 20px */ 616 --text-size-scale-n3: var(--text-size-6); /* 24px */ 617 --text-size-scale-n4: var(--text-size-6-5); /* 26px */ 618 --text-size-scale-n5: var(--text-size-7); /* 28px */ 619 --text-size-scale-n6: var(--text-size-8); /* 32px */ 620 --text-size-scale-n7: var(--text-size-9); /* 36px */ 621 --text-size-scale-n8: var(--text-size-10); /* 40px */ 622 --text-size-scale-n9: var(--text-size-12); /* 48px */ 623 --text-size-scale-n10: var(--text-size-14); /* 56px */ 624 --text-size-scale-n11: var(--text-size-16); /* 64px */ 625 --text-size-scale-n12: var(--text-size-18); /* 72px */ 626 --text-size-scale-n13: var(--text-size-20); /* 80px */ 627 --text-size-scale-n14: var(--text-size-24); /* 96px */ 628 629 --font-weight-scale-n-3: var(--font-weight-100); 630 --font-weight-scale-n-2: var(--font-weight-200); 631 --font-weight-scale-n-1: var(--font-weight-300); 632 --font-weight-scale-n0: var(--font-weight-400); 633 --font-weight-scale-n1: var(--font-weight-500); 634 --font-weight-scale-n2: var(--font-weight-600); 635 --font-weight-scale-n3: var(--font-weight-700); 636 --font-weight-scale-n4: var(--font-weight-800); 637 --font-weight-scale-n5: var(--font-weight-900); 638 639 --letter-spacing-scale-n-3: var(--letter-space-2xs); 640 --letter-spacing-scale-n-2: var(--letter-space-xs); 641 --letter-spacing-scale-n-1: var(--letter-space-sm); 642 --letter-spacing-scale-n0: var(--letter-space-md); 643 --letter-spacing-scale-n1: var(--letter-space-lg); 644 --letter-spacing-scale-n2: var(--letter-space-xl); 645 --letter-spacing-scale-n3: var(--letter-space-2xl); 646 --letter-spacing-scale-n4: var(--letter-space-3xl); 647 --letter-spacing-scale-n5: var(--letter-space-4xl); 648 649 --line-height-scale-n-3: var(--line-height-2xs); 650 --line-height-scale-n-2: var(--line-height-xs); 651 --line-height-scale-n-1: var(--line-height-sm); 652 --line-height-scale-n0: var(--line-height-md); 653 --line-height-scale-n1: var(--line-height-lg); 654 --line-height-scale-n2: var(--line-height-xl); 655 --line-height-scale-n3: var(--line-height-2xl); 656 657 /* Body Font Scales */--element-text-letter-spacing--body: var(--letter-spacing-scale-n0);--element-text-line-height--body: var(--line-height-scale-n0);--element-text-font-size--body-lg: var(--text-size-scale-n0); 658 --element-text-font-size--body-md: var(--text-size-scale-n-1); 659 --element-text-font-size--body-sm: var(--text-size-scale-n-2); 660 --element-text-font-size--body-xs: var(--text-size-scale-n-3);/* Heading Font Scales */--element-text-letter-spacing--heading: var(--letter-spacing-scale-n0);--element-text-line-height--heading: var(--line-height-scale-n0);/* Accent Font Scales */@media screen and (min-width: 769px) { 661 /* Body Font Desktop Sizes */--element-text-font-size--body-lg: var(--text-size-scale-n1); 662 --element-text-font-size--body-md: var(--text-size-scale-n0); 663 --element-text-font-size--body-sm: var(--text-size-scale-n-1); 664 --element-text-font-size--body-xs: var(--text-size-scale-n-2);/* Heading Desktop Font Sizes */--element-text-font-size--heading-2xl: max(var(--text-size-scale-n11), var(--element-text-font-size--body-md)); 665 --element-text-font-size--heading-xl: max(var(--text-size-scale-n9), var(--element-text-font-size--body-md)); 666 --element-text-font-size--heading-lg: max(var(--text-size-scale-n6), var(--element-text-font-size--body-md)); 667 --element-text-font-size--heading-md: max(var(--text-size-scale-n3), var(--element-text-font-size--body-md)); 668 --element-text-font-size--heading-sm: max(var(--text-size-scale-n2), var(--element-text-font-size--body-md)); 669 --element-text-font-size--heading-xs: max(var(--text-size-scale-n1), var(--element-text-font-size--body-md)); 670 --element-text-font-size--heading-2xs: max(var(--text-size-scale-n0), var(--element-text-font-size--body-md));} 671 }</style> 672<style data-shopify>:root { 673 674--root-color-primary: #42434d;--root-color-secondary: #ffffff; 675 676 --color-scheme-1-primary: #272831; 677 --color-scheme-1-secondary: #d3dac9; 678 679 --color-scheme-2-primary: #ffffff; 680 --color-scheme-2-secondary: #504b90; 681 682 --color-scheme-3-primary: #272831; 683 --color-scheme-3-secondary: #efebeb; 684 685 --color-scheme-4-primary: #42434d; 686 --color-scheme-4-secondary: #ffffff; 687 688 --color-scheme-5-primary: #343643; 689 --color-scheme-5-secondary: #ffffff; 690 691 --color-scheme-6-primary: #485090; 692 --color-scheme-6-secondary: #504890; 693 694 --color-scheme-7-primary: rgba(0,0,0,0); 695 --color-scheme-7-secondary: #383a46; 696 697 --color-scheme-8-primary: #ffffff;
698 --color-scheme-8-secondary: #313652; 699 700 --color-scheme-9-primary: #ffffff; 701 --color-scheme-9-secondary: #272831; 702 703 } 704 705 .color-scheme-none { 706 --color-primary: var(--root-color-primary); 707 --color-secondary: var(--root-color-secondary); 708 } 709 710 711 .color-scheme-1 { 712 --color-primary: var(--color-scheme-1-primary); 713 --color-secondary: var(--color-scheme-1-secondary); 714 } 715 716 .color-scheme-2 { 717 --color-primary: var(--color-scheme-2-primary); 718 --color-secondary: var(--color-scheme-2-secondary); 719 } 720 721 .color-scheme-3 { 722 --color-primary: var(--color-scheme-3-primary); 723 --color-secondary: var(--color-scheme-3-secondary); 724 } 725 726 .color-scheme-4 { 727 --color-primary: var(--color-scheme-4-primary); 728 --color-secondary: var(--color-scheme-4-secondary); 729 } 730 731 .color-scheme-5 { 732 --color-primary: var(--color-scheme-5-primary); 733 --color-secondary: var(--color-scheme-5-secondary); 734 } 735 736 .color-scheme-6 { 737 --color-primary: var(--color-scheme-6-primary); 738 --color-secondary: var(--color-scheme-6-secondary); 739 } 740 741 .color-scheme-7 { 742 --color-primary: var(--color-scheme-7-primary); 743 --color-secondary: var(--color-scheme-7-secondary); 744 } 745 746 .color-scheme-8 { 747 --color-primary: var(--color-scheme-8-primary); 748 --color-secondary: var(--color-scheme-8-secondary); 749 } 750 751 .color-scheme-9 { 752 --color-primary: var(--color-scheme-9-primary); 753 --color-secondary: var(--color-scheme-9-secondary); 754 } 755 756 757 758 /* Global button colors */ 759 .element-button:not(.color-scheme-1 *, .color-scheme-2 *, .color-scheme-3 *), 760 .shopify-payment-button__button--unbranded:not(.color-scheme-1 *, .color-scheme-2 *, .color-scheme-3 *) { 761 --element-button-color-primary: #ffffff; 762 --element-button-color-secondary: #504b90; 763 } 764 765 766 /* LEGACY TOKENS THAT WE NEED TO KILLLLLLLLLLLLL */ 767 /* --------------------------------------------- */ 768 769 :root { 770 /* Fixed colors */ 771 --color-price: #42434d; 772 --color-text-savings: #42434d; 773 --color-sale-price: #42434d; 774 775 /* TODO: Move to component that uses this */ 776 --color-button-primary: #ffffff; /* TODO: Remove this */ 777 --color-button-primary-light: #ffffff; /* TODO: Remove this */ 778 --color-button-primary-dim: #f2f2f2; /* TODO: Remove this */ 779 --color-button-primary-text: #504b90; /* TODO: Remove this */ 780 781 --color-sale-tag: #42434d; 782 --color-sale-tag-text: #ffffff; 783 }</style> 784<style data-shopify>:root { 785 --product-tile-margin: 10%;--collection-tile-margin: 4%;--swatch-size: 40px;--element-icon-stroke-width: 4px;--icon-stroke-line-join: miter;--element-button-radius: var(--radius-xs);--roundness: var(--radius-none); 786 --element-badge-radius: var(--radius-none); 787 --element-chip-radius: var(--radius-none); 788 --element-input-radius: var(--radius-none);--grid-thickness: 1px;--element-swatch-radius: 50%;} 789 790 @media screen and (max-width: 768px) { 791 :root { 792 --roundness: var(--radius-none); 793 794 } 795 }</style> 796 797 798 799 800<style data-shopify>:root { 801 /* Colors */ 802 --kit-color-primary: var(--color-primary); 803 --kit-color-secondary: var(--color-secondary); 804 --kit-color-focus: var(--color-focus); 805 --kit-color-error: var(--color-error); 806 --kit-color-success: var(--success-green); 807 --kit-color-sale: var(--color-sale-price); 808 --kit-color-sale-contrast: var(--color-sale-tag-text); 809 810 /* Buttons (kit variant hooks) */ 811 --kit-color-primary-button: var(--color-button-primary); 812 --kit-color-on-primary-button: var(--color-button-primary-text); 813 814 /* Typography — families */ 815 --kit-font-family-body: var(--element-text-font-family--body), var(--element-text-font-family-fallback--body); 816 --kit-font-family-heading: var(--element-text-font-family--heading), var(--element-text-font-family-fallback--heading); 817 818 /* Typography — body */ 819 --kit-font-weight-normal: var(--element-text-font-weight--body); 820 --kit-body-line-height: var(--element-text-line-height--body); 821 --kit-body-letter-spacing: var(--element-text-letter-spacing--body); 822 --kit-font-size-xs: var(--element-text-font-size--body-xs); 823 --kit-font-size-sm: var(--element-text-font-size--body-sm); 824 --kit-font-size-base: var(--element-text-font-size--body-md); 825 --kit-font-size-lg: var(--element-text-font-size--body-lg); 826 827 /* Typography — headings */
828 --kit-heading-font-weight: var(--element-text-font-weight--heading); 829 --kit-heading-letter-spacing: var(--element-text-letter-spacing--heading); 830 --kit-heading-line-height: var(--element-text-line-height--heading-md); 831 --kit-heading-font-size-sm: var(--element-text-font-size--heading-sm); 832 --kit-heading-font-size-md: var(--element-text-font-size--heading-md); 833 --kit-heading-font-size-lg: var(--element-text-font-size--heading-lg); 834 --kit-heading-font-size-xl: var(--element-text-font-size--heading-xl); 835 836 /* Spacing (both scales are 0.25rem-based) */ 837 --kit-space-2xs: var(--size-1); 838 --kit-space-xs: var(--size-2); 839 --kit-space-sm: var(--size-3); 840 --kit-space-md: var(--size-4); 841 --kit-space-lg: var(--size-6); 842 --kit-space-xl: var(--size-8); 843 --kit-space-2xl: var(--size-12); 844 845 /* Border radius */ 846 --kit-radius-sm: var(--radius-xs); 847 --kit-radius-md: var(--element-button-radius); 848 --kit-radius-lg: var(--radius-md); 849 850 /* Layout */ 851 --kit-page-width: var(--page-width); 852 --kit-section-gutter: var(--page-width-padding); 853 --kit-section-spacing: var(--index-section-padding); 854 } 855 856 :root .kit-swatch { 857 border-radius: var(--radius-full); 858 } 859 860 kit-variant-picker .kit-radio .kit-button:not(:disabled) { 861 --kit-border-width-sm: var(--kit-border-width-md); 862 --kit-button-color-border: color-mix(in srgb, var(--kit-color-primary) var(--kit-color-mix-tint-overlay-light), transparent); 863 } 864 kit-variant-picker .kit-radio__input:checked + .kit-button:not(:disabled) { 865 --kit-button-color-background: color-mix(in srgb, var(--kit-color-primary) var(--kit-color-mix-tint-overlay-light), transparent); 866 --kit-button-color-text: var(--kit-color-primary); 867 }</style> 868<style-sheet name="overrides.css" remove-duplicate="true" load="inline" style="display: none;"><style> 869 .footer__title{font-weight:700;font-size:var(--body-font-size)!important}.type-banner .promo-grid__container{align-items:center;height:100%}.type-banner__text{flex-direction:column;gap:1rem}.flex-grid__item--75 .type-banner__text,.flex-grid__item--100 .type-banner__text{flex-direction:row}.type-banner__text h2,.type-banner__text p,.type-banner__text .element-button{margin:0}.collection-hero__content.overlay{--element-text-color: rgb(255,255,255);--color-secondary: rgb(0,0,0, .6)}
869.element-input:not(.element-input--transparent){--element-input-color-primary: var(--root-color-primary, #000);--element-input-color-secondary: var(--root-color-secondary, #fff)}.newsletter__input-group .element-input~button{--element-button-height: initial}.newsletter-section .element-text.element-text--heading-h0{font-size:var(--element-text-font-size--heading-2xl);line-height:var(--element-text-line-height--heading-2xl)}.newsletter-section .element-text.element-text--heading-h1{font-size:var(--element-text-font-size--heading-xl);line-height:var(--element-text-line-height--heading-xl)}.newsletter-section .element-text.element-text--heading-h2{font-size:var(--element-text-font-size--heading-lg);line-height:var(--element-text-line-height--heading-lg)}.newsletter-section .element-text.element-text--heading-h3{font-size:var(--element-text-font-size--heading-md);line-height:var(--element-text-line-height--heading-md)}.text-with-icons__block-text a,.newsletter-section__content a{text-decoration:underline} 870/*# sourceMappingURL=/s/files/1/0624/7281/4842/t/12/assets/overrides.css.map?v=41281212911476771651781652642 */ 871 872 873 </style>
874<script type="module" src="//woodsorrelstudios.com/cdn/shop/t/18/assets/utility.stylesheet.js?v=115421978848924304161788906318"></script>
874</style-sheet>
875<script src="//woodsorrelstudios.com/cdn/shop/t/18/assets/theme.js?v=113616480651186619411788906318" defer="defer"></script>
875 876 <!-- BEGIN app block: shopify://apps/blockify-fraud-filter/blocks/app_embed/2e3e0ba5-0e70-447a-9ec5-3bf76b5ef12e --><link href="https://cdn.shopify.com/extensions/01a11e96-28ad-7b62-bc64-10e789b24446/region-restrictions-385/assets/ip-blocker-embed.min.js" as="script" type="text/javascript" rel="preload"> 877 878<link rel="preconnect" href="https://media.synctrack.io"> 879
880<script type="application/json" id="ipblocker-config"> 881 { 882 "shopIdentifier": "b98570-11.myshopify.com", 883 "ipBlockerMetafields": "{\"showOverlayByPass\":true,\"disableSpyExtensions\":true,\"blockUnknownBots\":true,\"activeApp\":true,\"blockByMetafield\":false,\"visitorAnalytic\":true,\"showWatermark\":true}", 884 "ipBlockerRules": null, 885 "ipBlockerGeneral": {"activeVpnProxy":true,"vpnRiskCore":70,"torBlock":false,"showWatermark":true,"autoBlock":false,"enableVisitorAnalytics":true,"blockUnknownBots":true,"protectTexts":false,"protectImages":false,"protectContents":true,"allowVpnFromPrivateRelay":false,"plan":"premium","enableApp":true,"siteUrl":"woodsorrelstudios.com","showOverlayByPass":true,"useClientSideCheck":true}, 886 "ipBlockerBlockTemplate": "{\"customCss\":\"#blockify---container{--bg-blockify: #fff;position:relative}#blockify---container::after{content:'';position:absolute;inset:0;background-repeat:no-repeat !important;background-size:cover !important;background:var(--bg-blockify);z-index:0}#blockify---container #blockify---container__inner{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}#blockify---container #blockify---container__inner #blockify-block-content{display:flex;flex-direction:column;align-items:center;text-align:center}#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-superTitle{display:none !important}#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title{font-size:313%;font-weight:bold;margin-top:1em}@media only screen and (min-width: 768px) and (max-width: 1199px){#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title{font-size:188%}}@media only screen and (max-width: 767px){#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title{font-size:107%}}#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description{font-size:125%;margin:1.5em;line-height:1.5}@media only screen and (min-width: 768px) and (max-width: 1199px){#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description{font-size:88%}}@media only screen and (max-width: 767px){#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description{font-size:107%}}#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description #blockify-block-text-blink{display:none !important}#blockify---container #blockify---container__inner #blockify-logo-block-image{position:relative;width:400px;height:auto;max-height:300px}@media only screen and (max-width: 767px){#blockify---container #blockify---container__inner #blockify-logo-block-image{width:200px}}#blockify---container #blockify---container__inner #blockify-logo-block-image::before{content:'';display:block;padding-bottom:56.2%}#blockify---container #blockify---container__inner #blockify-logo-block-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}\\n\",\"logoImage\":{\"active\":true,\"value\":\"https:\/\/fraud.blockifyapp.com\/s\/api\/public\/assets\/default-thumbnail.png\",\"altText\":\"Red octagonal stop sign with a black hand symbol in the center, indicating a warning or prohibition\"},\"superTitle\":{\"active\":false,\"text\":\"403\",\"color\":\"#899df1\"},\"title\":{\"active\":true,\"text\":\"Access Denied\",\"color\":\"#000\"},\"description\":{\"active\":true,\"text\":\"The site owner may have set restrictions that prevent you from accessing the site. Please contact the site owner for access.\",\"color\":\"#000\"},\"background\":{\"active\":true,\"value\":\"#fff\",\"type\":\"1\",\"colorFrom\":null,\"colorTo\":null}}", 887 "ipBlockerBotsAllow": [{"botName":"aHrefs Bot","regex":"AhrefsBot"},{"botName":"Facebook External Hit","regex":"facebookexternalhit|facebookplatform|facebookexternalua"},{"botName":"Googlebot","regex":"AdsBot-Google(-Mobile)?|Adwords-(DisplayAds|Express|Instant)|Google Web Preview|Google[ -]Publisher[ -]Plugin|Google-(Ads-Qualify|Adwords|AMPHTML|Assess|HotelAdsVerifier|Read-Aloud|Shopping-Quality|Site-Verification|speakr|Test|Youtube-Links)|(APIs|DuplexWeb|Feedfetcher|Mediapartners)-Google|Googlebot(-Mobile|-Image|-Video|-News)?|GoogleProducer|Google.*\/\\+\/web\/snippet"},{"botName":"Applebot","regex":"Applebot"},{"botName":"Lighthouse","regex":"([A-z0-9]*)-Lighthouse"},{"botName":"BingBot","regex":"MSNBot|msrbot|bingbot|BingPreview|msnbot-(UDiscovery|NewsBlogs)|adidxbot"},{"botName":"LinkedIn Bot","regex":"LinkedInBot"},{"botName":"Semrush Bot","regex":"SemrushBot"},{"botName":"Pinterest","regex":"Pinterest(bot)?\/\\d\\.\\d.*www\\.pinterest\\.com.*"}], 888 "baseUrl": "https:\/\/fraud.blockifyapp.com\/s\/api", 889 "bucketUrl": "https:\/\/media.synctrack.io\/megamind-fraud", 890 "storefrontApiUrl": "https:\/\/fraud.blockifyapp.com\/p\/api", 891 "ipBlockerChecking": true, 892 "ipBlockerCollectionId": null, 893 "ipBlockerProductCollections": null, 894 "ipBlockerCheckoutProduct": null 895 } 896</script>
896 897
898<script 899 id="blockifyScriptTag" 900 src="https://cdn.shopify.com/extensions/01a11e96-28ad-7b62-bc64-10e789b24446/region-restrictions-385/assets/ip-blocker-embed.min.js" 901 async 902></script>
902<link rel="preconnect" href="https://fingerprint.blockifyapp.com:8443" crossorigin> 903
903<script 904 id="blockifyFingerprintScriptTag" 905 src="https://media.synctrack.io/megamind-fraud/blockify-fp/v2.2.0/sdk.js?key=fp_pk_ng7ah7336eqxqkr5bnh6dr4fqn" 906 integrity="sha384-2QiHX82nE1YZe6W45FbdIqKnUOhCcMHjG+F6e4KwZRpZtYz0qPOGy7ggzPkxeIxL" 907 crossorigin="anonymous" 908 async 909 ></script>
909<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
910<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 69003804928,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 910
910
911<script> 912 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 913</script>
vendor: 1 bytes, line 913
913
914<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
914).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 69003804928,storefrontBaseUrl: "https://woodsorrelstudios.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://woodsorrelstudios.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"1821606144","configuration":"{\"accountID\":\"BLOCKIFY_TRACKING-123\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7181e78c7b6e7ca9ee10b75c1c408547","type":"APP","apiClientId":2309454,"privacyPurposes":["ANALYTICS","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
914,{"id":"1387790592","configuration":"{\"storeIdentity\":\"b98570-11.myshopify.com\",\"baseURL\":\"https:\\\/\\\/api.printful.com\\\/shopify-pixels\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f275712857ab41bea9d998dcb2f9da","type":"APP","apiClientId":156624,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Wood Sorrel Studios","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"b98570-11.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/woodsorrelstudios.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"9663719080192","handle":"skep-rivers-pi-eight-mystery-short-stories","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49787034829056","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9449749872896","handle":"haunted-shores-a-gothic-novella","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48713263481088","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9398614655232","handle":"too-handsome-men-an-adjunct-pi-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48225637892352","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9398610985216","handle":"bettys-karma-a-mystery-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48225623638272","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9398608363776","handle":"marilyn-a-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48225614594304","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9398120481024","handle":"dead-man-walking-a-science-fiction-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48222686511360","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8403318800640","handle":"dragon-speakers","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47473807196416","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8405052588288","handle":"defying-the-king-dragon-speakers-3","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47473867653376","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8678997623040","handle":"dragon-speakers-duology-dragon-speakers-books-1-2","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47473887379712","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8679050150144","handle":"dragon-thieves-a-swords-for-hire-novella","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45183578734848","
914image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9244350251264","handle":"results-unknown-swords-of-aroc-book-2","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47275002921216","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9244359557376","handle":"results-hazy-swords-of-aroc-book-3","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47275039719680","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8679005290752","handle":"league-of-the-daring-bundle-books-1-3","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47482116079872","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9279186206976","handle":"a-bad-day-a-science-fiction-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47398661030144","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9266672926976","handle":"a-course-in-grifting-an-adjunct-pi-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47341373325568","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9212819144960","handle":"a-haunted-house-a-spooky-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47148917686528","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9168181952768","handle":"a-new-paradise-a-skep-rivers-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47000396431616","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8677204525312","handle":"a-visit-to-the-globe","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45178982990080","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8677213208832","handle":"advise-circumvent","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45179028275456","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9210297254144","handle":"blythe-house-a-gothic-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47140544446720","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9130432692480","handle":"bombs-away","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46832414490880","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9287525269760","handle":"buckle-up-a-science-fiction-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47439745417472","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9254573605120","handle":"build-your-own-short-story-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47315277316352","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8407480729856","handle":"christmas-choices","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44370509332736","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9296526180608","handle":"christmas-confessions-a-holiday-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47478598041856","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8405060911360","handle":"christmas-magic-five-original-holiday-short-stories","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44361672950016","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8407542563072","handle":"christmas-shop-owner","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44370699157760","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9254543163648","handle":"code-name-book-thief-a-skep-rivers-pi-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47315184189696","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9133972783360","handle":"danger-at-the-spa-a-skep-rivers-pi-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46844856402176","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8677190074624","handle":"detours-rescues","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45178888257792","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9200861872384","handle":"disappeared-a-piper-york-pi-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47101793698048","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8405044232448","handle":"finding-pedro-league-of-the-daring-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47473891180800","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9217811710208","handle":"finding-redemption-a-spooky-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47170345074944","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9608828846336","handle":"fortinbras-the-fortinbras-files-book-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49181240951040","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8677207376128","handle":"guardian-friend-or-foe","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45179000586496","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9221613027584","handle":"haunted-cabin-a-spooky-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47186202263808","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8677186502912","handle":"have-portal-will-travel","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47482145374464","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8407498096896","handle":"he-believes-in-magic","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44370544394496","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8677210784000","handle":"hidden-things","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45179017101568","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9221623808256","handle":"lucas-maxwell-a-spooky-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47186282217728","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9212831531264","handle":"maxine-s-uninvited-guest-a-spooky-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47148997837056","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8659137102080","handle":"mirandas-mystery-league-of-the-daring-3","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47482091471104","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9135574548736","handle":"mostly-friendly-spooks","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47482138198272","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9192067694848","handle":"murder-island-a-skep-rivers-pi-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47075638018304","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9175842717952","handle":"new-beginnings-a-legate-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47020521914624","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9156724883712","handle":"past-present-collide","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46954452091136","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9148791226624","handle":"piper-york-pi-an-adjunct-pi-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46918115098880","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9183564300544","handle":"revisiting-the-past-a-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47042331279616","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9143437132032","handle":"santa-extraordinaire-a-holiday-short-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46887950418176","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8407463756032","handle":"santa-robot","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44370462310656","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8405042823424","handle":"saving-elijah-league-of-the-daring-2","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47482089767168","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9122720514304","handle":"skep-rivers-pi","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46806188228864","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://woodsorrelstudios.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"166062522624","themeStoreId":"902","themePublished":"true","eventMetadataId":"416c6923-acab-488a-b62e-c5197340b557","pageType":"home","shopId":"69003804928","storefrontBaseUrl":"https:\/\/woodsorrelstudios.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
914<script> 915 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 916 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 917 window.ShopifyAnalytics.meta.currency = 'USD'; 918 var meta = {"page":{"pageType":"home","requestId":"dc612340-1fbb-46d1-a74a-e9b46c7b0cb3-1791594521"}}; 919 for (var attr in meta) { 920 window.ShopifyAnalytics.meta[attr] = meta[attr]; 921 } 922</script>
vendor: 1 bytes, line 922
922
923<script class="analytics"> 924 (function () { 925 var customDocumentWrite = function(content) { 926 var jquery = null; 927 928 if (window.jQuery) { 929 jquery = window.jQuery; 930 } else if (window.Checkout && window.Checkout.$) { 931 jquery = window.Checkout.$; 932 } 933 934 if (jquery) { 935 jquery('body').append(content); 936 } 937 }; 938 939 var hasLoggedConversion = function(token) { 940 if (token) { 941 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 942 } 943 return false; 944 } 945 946 var setCookieIfConversion = function(token) { 947 if (token) { 948 var twoMonthsFromNow = new Date(Date.now()); 949 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 950 951 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 952 } 953 } 954 955 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 956 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 957 if (trekkie.integrations) { 958 return; 959 } 960 trekkie.methods = [ 961 'identify', 962 'page', 963 'ready', 964 'track', 965 'trackForm', 966 'trackLink' 967 ]; 968 trekkie.factory = function(method) { 969 return function() { 970 var args = Array.prototype.slice.call(arguments); 971 args.unshift(method); 972 trekkie.push(args); 973 if (method == 'track' || method == 'page') { 974 var pageUrl; 975 try { 976 pageUrl = window.location.href; 977 } catch (e) {} 978 var pageReferrer; 979 try { 980 pageReferrer = document.referrer; 981 } catch (e) {} 982 try { 983 if (window.__TREKKIE_SHIM_QUEUE == null) { 984 window.__TREKKIE_SHIM_QUEUE = []; 985 } 986 window.__TREKKIE_SHIM_QUEUE.push({ 987 from: 'trekkie-stub', 988 method: method, 989 args: args.slice(1), 990 pageContext: { 991 url: pageUrl, 992 referrer: pageReferrer 993 } 994 }); 995 } catch (e) { 996 // no-op 997 } 998 } 999 return trekkie; 1000 }; 1001 }; 1002 for (var i = 0; i < trekkie.methods.length; i++) { 1003 var key = trekkie.methods[i]; 1004 trekkie[key] = trekkie.factory(key); 1005 } 1006 trekkie.load = function(config) { 1007 trekkie.config = config || {}; 1008 trekkie.config.initialDocumentCookie = document.cookie; 1009 var first = document.getElementsByTagName('script')[0]; 1010var script = document.createElement('script'); 1011script.type = 'text/javascript'; 1012script.onerror = function(e) { 1013 var scriptFallback = document.createElement('script'); 1014 scriptFallback.type = 'text/javascript'; 1015 scriptFallback.onerror = function(error) { 1016 var Monorail = { 1017 produce: function produce(monorailDomain, schemaId, payload) { 1018 var currentMs = new Date().getTime(); 1019 var event = { 1020 schema_id: schemaId, 1021 payload: payload, 1022 metadata: { 1023 event_created_at_ms: currentMs, 1024 event_sent_at_ms: currentMs 1025 } 1026 }; 1027 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1028 }, 1029 sendRequest: function sendRequest(endpointUrl, payload) { 1030 // Try the sendBeacon API 1031 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1032 var blobData = new window.Blob([payload], { 1033 type: 'text/plain' 1034 }); 1035 1036 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1037 return true; 1038 } // sendBeacon was not successful 1039 1040 } // XHR beacon 1041 1042 var xhr = new XMLHttpRequest(); 1043 1044 try { 1045 xhr.open('POST', endpointUrl); 1046 xhr.setRequestHeader('Content-Type', 'text/plain'); 1047 xhr.send(payload); 1048 } catch (e) { 1049 console.log(e); 1050 } 1051 1052 return false; 1053 }, 1054 isIos12: function isIos12() { 1055 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1056 } 1057 }; 1058 Monorail.produce('monorail-edge.shopifysvc.com', 1059 'trekkie_storefront_load_errors/1.1', 1060 {shop_id: 69003804928, 1061 theme_id: 166062522624, 1062 app_name: "storefront", 1063 context_url: window.location.href, 1064 source_url: "//woodsorrelstudios.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"}); 1065 1066 }; 1067 scriptFallback.async = true; 1068 scriptFallback.src = '//woodsorrelstudios.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 1069 first.parentNode.insertBefore(scriptFallback, first); 1070}; 1071script.async = true; 1072script.src = '//woodsorrelstudios.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 1073first.parentNode.insertBefore(script, first); 1074 1075 }; 1076 trekkie.load( 1077 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":690038
107704928,"isMerchantRequest":null,"themeId":166062522624,"themeCityHash":"7555148069159636860","contentLanguage":"en","currency":"USD","eventMetadataId":"416c6923-acab-488a-b62e-c5197340b557"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1078 ); 1079 1080 var loaded = false; 1081 trekkie.ready(function() { 1082 if (loaded) return; 1083 loaded = true; 1084 1085 window.ShopifyAnalytics.lib = window.trekkie; 1086 1087 var originalDocumentWrite = document.write; 1088 document.write = customDocumentWrite; 1089 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1090 document.write = originalDocumentWrite; 1091 1092 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1093 var token = match? match[1]: undefined; 1094 if (!hasLoggedConversion(token)) { 1095 setCookieIfConversion(token); 1096 1097 } 1098 }); 1099 1100 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"dc612340-1fbb-46d1-a74a-e9b46c7b0cb3-1791594521","shopifyEmitted":true}); 1101 1102 var eventsListenerScript = document.createElement('script'); 1103 eventsListenerScript.async = true; 1104 eventsListenerScript.src = "//woodsorrelstudios.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1105 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1106})();</script>
vendor: 1 bytes, line 1106
1106
1107<script 1108 defer 1109 src="https://woodsorrelstudios.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js" 1110 data-application="storefront-renderer" 1111 data-shop-id="69003804928" 1112 data-render-region="gcp-us-central1" 1113 data-page-type="index" 1114 data-theme-instance-id="166062522624" 1115 data-theme-name="Expanse" 1116 data-theme-version="10.0.1" 1117 data-monorail-region="shop_domain" 1118 data-resource-timing-sampling-rate="10" 1119 data-shs="true" 1120 data-shs-beacon="true" 1121 data-shs-export-with-fetch="true" 1122 data-shs-logs-sample-rate="1" 1123 data-shs-beacon-endpoint="https://woodsorrelstudios.com/api/collect" 1124></script>
vendor: 1 bytes, line 1124
1124
1125<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1125<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"69003804928","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.loading","value":"Loading"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"US","language":"en"}}</script>
1125 1126<meta name="shopify-y" content="79c11b81-9e98-4364-8a8a-e3027b51cde8" data-expiration="1823152121000"><meta name="shopify-s" content="4455ea95-e3f7-402d-a384-363c5d6cc86f" data-expiration="1791596321000"> 1127</head> 1128 1129 <body 1130 class="template-index" 1131 data-button_style="round-slight" 1132 data-edges="" 1133 data-type_header_capitalize="" 1134 data-swatch_style="round" 1135 data-grid-style="gridlines-thin" 1136 > 1137 <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> 1138 1139 <div id="PageContainer" class="page-container"> 1140 <div class="transition-body"><!-- BEGIN sections: header-group --> 1141<div id="shopify-section-sections--23548990456064__header" class="shopify-section shopify-section-group-header-group header-section"> 1142 1143 1144<style> 1145 .site-nav__link { 1146 font-size: var(--element-text-font-size--body-md); 1147 } 1148 1149 1150 1151</style><is-land on:idle> 1152 <header-section 1153 data-section-id="sections--23548990456064__header" 1154 data-section-index="1" 1155 data-section-type="header" 1156 data-cart-type="dropdown" 1157 defer-hydration 1158 > 1159 1160 1161<header-nav 1162 id="HeaderWrapper" 1163 class="header-wrapper" 1164 defer-hydration 1165><header 1166 id="SiteHeader" 1167 class="site-header" 1168 data-sticky="true" 1169 data-overlay="false" 1170 style="--color-primary:#42434d;--color-secondary:#ffffff;--color-cart-dot:#485090;--color-cart-dot-text:#504890;" 1171 > 1172 <div class="site-header__element site-header__element--top"> 1173 <div class="page-width"> 1174 <div 1175 class="header-layout" 1176 data-layout="center" 1177 data-nav="below" 1178 data-logo-align="center" 1179 ><div class="header-item header-item--search small--hide"><button 1180 type="button" 1181 class="site-nav__link site-nav__link--icon site-nav__compress-menu" 1182 > 1183 1184 1185 1186 1187<element-icon 1188 1189 1190> 1191 <svg 1192 xmlns="http://www.w3.org/2000/svg" 1193 aria-hidden="true" 1194 focusable="false" 1195 role="presentation" 1196 class="element-icon element-icon-hamburger element-icon--line" 1197 viewbox="0 0 64 64" 1198 width="20" 1199 height="20" 1200> 1201 <path d="M7 15h51" fill="none" stroke="currentColor">.</path> 1202 <path d="M7 32h43" fill="none" stroke="currentColor">.</path> 1203 <path d="M7 49h51" fill="none" stroke="currentColor">.</path> 1204</svg> 1205 1206</element-icon> 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 <span class="icon__fallback-text visually-hidden"> 1218 1219 1220Site navigation 1221</span> 1222 </button> 1223 1224 1225<is-land class="site-header__search-island" on:idle> 1226 <predictive-search 1227 data-context="header" 1228 data-enabled="true" 1229 defer-hydration 1230 ><div class="predictive__screen" data-screen></div><form action="/search" method="get" role="search"> 1231 <div class="search__input-wrap"> 1232<label for="Search" class="visually-hidden"> 1233 1234Search 1235</label><input 1236 id="Search"
1237 class="search__input element-input element-input--transparent" 1238 name="q" 1239 1240 type="search" 1241 1242 placeholder="Search" 1243 1244 role="combobox"aria-expanded="false"aria-owns="predictive-search-results"aria-controls="predictive-search-results"aria-haspopup="listbox"aria-autocomplete="list"autocorrect="off"autocomplete="off"autocapitalize="off"spellcheck="false"tabindex="0" 1245 1246 1247 1248 1249 1250 1251 1252 > 1253 1254 1255 1256 1257 1258 1259 1260<input name="options[prefix]" type="hidden" value="last"> 1261 1262 1263 1264 1265 1266 1267 <button 1268 1269 1270 class="element-button--search element-button element-button--inverted element-button--transparent" 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 1281 aria-label=" 1282 1283Search 1284" 1285 1286> 1287 1288 1289 1290 1291 1292<element-icon 1293 1294 1295> 1296 <svg 1297 xmlns="http://www.w3.org/2000/svg" 1298 aria-hidden="true" 1299 focusable="false" 1300 role="presentation" 1301 class="element-icon element-icon-search element-icon--line" 1302 viewbox="0 0 64 64" 1303 width="20" 1304 height="20" 1305> 1306 <path 1307 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 1308 stroke-miterlimit="10" 1309 fill="none" 1310 stroke="currentColor" 1311 /> 1312</svg> 1313 1314</element-icon> 1315 1316 1317 1318 1319 1320 1321 1322 1323 1324 1325 </button> 1326 1327 1328 1329 1330 1331 1332 1333 1334 1335 1336</div> 1337 1338 1339 1340 1341 1342 1343 <button 1344 1345 1346 class="element-button--close-search element-button element-button--transparent" 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 aria-label=" 1358 1359Close 1360" 1361 1362> 1363 1364 1365 1366 1367 1368<element-icon 1369 1370 1371> 1372 <svg 1373 xmlns="http://www.w3.org/2000/svg" 1374 class="element-icon element-icon-close element-icon--line" 1375 width="64" 1376 height="64" 1377 viewBox="0 0 64 64" 1378 fill="none" 1379> 1380 <path d="M52.5137 11.01L11.8887 51.635" stroke="currentColor" stroke-miterlimit="10"/> 1381 <path d="M52.5137 51.635L11.8887 11.01" stroke="currentColor" stroke-miterlimit="10"/> 1382</svg> 1383</element-icon> 1384 1385 1386 1387 1388 1389 1390 1391 1392 1393 1394 </button> 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404 1405<div id="predictive-search" class="search__results" tabindex="-1"></div> 1406 </form> 1407 </predictive-search> 1408 1409 <template data-island> 1410
1410<script type="module"> 1411 import 'form.predictive-search' 1412 </script>
1412 1413 </template> 1414</is-land> 1415</div><div class="header-item header-item--logo"> 1416<style data-shopify>/* prevent text-only logo from breaking mobile nav */ 1417 .header-item--logo { 1418 max-width: 60%; 1419 }</style><h1 class="heading-md site-header__logo"><a href="/" class="site-header__logo-link"> 1420 Wood Sorrel Studios 1421 </a></h1></div><div class="header-item header-item--icons"> 1422 <div class="site-nav"> 1423 1424 1425<div class="site-nav__icons"> 1426<toggle-search><a 1427 href="/search" 1428 class="site-nav__link site-nav__link--icon medium-up--hide js-no-transition js-search-header" 1429 1430 aria-expanded="false" 1431 aria-haspopup="listbox" 1432 1433 > 1434 1435 1436 1437 1438<element-icon 1439 1440 1441> 1442 <svg 1443 xmlns="http://www.w3.org/2000/svg" 1444 aria-hidden="true" 1445 focusable="false" 1446 role="presentation" 1447 class="element-icon element-icon-search element-icon--line" 1448 viewbox="0 0 64 64" 1449 width="20" 1450 height="20" 1451> 1452 <path 1453 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 1454 stroke-miterlimit="10" 1455 fill="none" 1456 stroke="currentColor" 1457 /> 1458</svg> 1459 1460</element-icon> 1461 1462 1463 1464 1465 1466 1467 1468 1469 1470 1471 <span class="icon__fallback-text visually-hidden"> 1472 1473 1474Search 1475</span> 1476 </a></toggle-search> 1477
1477<script type="module"> 1478 import 'header.toggle-search' 1479 </script>
1479 1480 1481 1482 1483<shopify-store store-domain="https://woodsorrelstudios.com" country="US" language="en"></shopify-store> 1484<shopify-account 1485 1486 menu="customer-account-main-menu" 1487 1488> 1489 <span slot="signed-out-avatar"> 1490 1491 1492 1493 1494<element-icon 1495 1496 1497> 1498 <svg 1499 xmlns="http://www.w3.org/2000/svg" 1500 aria-hidden="true" 1501 focusable="false" 1502 role="presentation" 1503 class="element-icon element-icon-user element-icon--line" 1504 viewbox="0 0 64 64" 1505 width="20" 1506 height="20" 1507> 1508 <path 1509 d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.42 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.76 2.7 9.51 6 11.42v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16" 1510 stroke-miterlimit="10" 1511 fill="none" 1512 stroke="currentColor" 1513 /> 1514</svg> 1515 1516</element-icon> 1517 1518 1519 1520 1521 1522 1523 1524 1525 1526 1527 </span> 1528</shopify-account> 1529 1530<toggle-cart cart-type="dropdown"><a 1531 href="/cart" 1532 id="HeaderCartTrigger" 1533 aria-controls="HeaderCart" 1534 class="site-nav__link site-nav__link--icon site-nav__link--cart js-no-transition" 1535 data-icon="cart" 1536 aria-label=" 1537 1538Cart 1539" 1540 > 1541 <span class="cart-link"> 1542 1543 1544 1545 1546<element-icon 1547 1548 1549> 1550 <svg 1551 xmlns="http://www.w3.org/2000/svg" 1552 aria-hidden="true" 1553 focusable="false" 1554 role="presentation" 1555 class="element-icon element-icon-cart element-icon--line" 1556 viewbox="0 0 64 64" 1557 width="20" 1558 height="20" 1559> 1560 <path 1561 d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3" 1562 stroke-miterlimit="10" 1563 fill="none" 1564 stroke="currentColor" 1565 /> 1566 <circle cx="27" cy="53" r="2" fill="currentColor" stroke="currentColor" /> 1567 <circle cx="47" cy="53" r="2" fill="currentColor" stroke="currentColor" /> 1568</svg> 1569 1570</element-icon> 1571 1572 1573 1574 1575 1576 1577 1578 1579 1580 1581 <span class="cart-link__bubble"> 1582 <span class="cart-link__bubble-num">0</span> 1583 </span> 1584 </span> 1585 <span class="site-nav__icon-label small--hide"> 1586 1587 1588Cart 1589 1590 </span> 1591 </a></toggle-cart>
1592<script type="module"> 1593 import 'header.toggle-cart' 1594</script>
1594 1595 1596 1597<toggle-menu><button 1598 type="button" 1599 aria-controls="MobileNav" 1600 class="site-nav__link site-nav__link--icon medium-up--hide mobile-nav-trigger" 1601 > 1602 1603 1604 1605 1606<element-icon 1607 1608 1609> 1610 <svg 1611 xmlns="http://www.w3.org/2000/svg" 1612 aria-hidden="true" 1613 focusable="false" 1614 role="presentation" 1615 class="element-icon element-icon-hamburger element-icon--line" 1616 viewbox="0 0 64 64" 1617 width="20" 1618 height="20" 1619> 1620 <path d="M7 15h51" fill="none" stroke="currentColor">.</path> 1621 <path d="M7 32h43" fill="none" stroke="currentColor">.</path> 1622 <path d="M7 49h51" fill="none" stroke="currentColor">.</path> 1623</svg> 1624 1625</element-icon> 1626 1627 1628 1629 1630 1631 1632 1633 1634 1635 1636 <span class="icon__fallback-text visually-hidden"> 1637 1638 1639Site navigation 1640</span> 1641 </button></toggle-menu>
1642<script type="module"> 1643 import 'header.toggle-menu' 1644</script>
1644 1645</div> 1646<div class="site-nav__close-cart"> 1647<close-cart><button type="button" class="site-nav__link site-nav__link--icon js-close-header-cart"> 1648 <span> 1649 1650 1651Close 1652</span> 1653 1654 1655 1656 1657<element-icon 1658 1659 1660> 1661 <svg 1662 xmlns="http://www.w3.org/2000/svg" 1663 class="element-icon element-icon-close element-icon--line" 1664 width="64" 1665 height="64" 1666 viewBox="0 0 64 64" 1667 fill="none" 1668> 1669 <path d="M52.5137 11.01L11.8887 51.635" stroke="currentColor" stroke-miterlimit="10"/> 1670 <path d="M52.5137 51.635L11.8887 11.01" stroke="currentColor" stroke-miterlimit="10"/> 1671</svg> 1672</element-icon> 1673 1674 1675 1676 1677 1678 1679 1680 1681 1682 1683 </button></close-cart> 1684
1684<script type="module"> 1685 import 'header.close-cart' 1686 </script>
1686</div></div> 1687 </div> 1688 </div> 1689 </div> 1690 1691 1692 1693<header-search class="site-header__search-container"> 1694 <div class="page-width"> 1695 <div class="site-header__search"> 1696 1697 1698<is-land class="site-header__search-island" on:idle> 1699 <predictive-search 1700 data-context="header" 1701 data-enabled="true" 1702 defer-hydration 1703 ><div class="predictive__screen" data-screen></div><form action="/search" method="get" role="search"> 1704 <div class="search__input-wrap"> 1705<label for="Search" class="visually-hidden"> 1706 1707Search 1708</label><input 1709 id="Search" 1710 class="search__input element-input element-input--transparent" 1711 name="q" 1712 1713 type="search" 1714 1715 placeholder="Search" 1716 1717 role="combobox"aria-expanded="false"aria-owns="predictive-search-results"aria-controls="predictive-search-results"aria-haspopup="listbox"aria-autocomplete="list"autocorrect="off"autocomplete="off"autocapitalize="off"spellcheck="false"tabindex="0" 1718 1719 1720 1721 1722 1723 1724 1725 > 1726 1727 1728 1729 1730 1731 1732 1733<input name="options[prefix]" type="hidden" value="last"> 1734 1735 1736 1737 1738 1739 1740 <button 1741 1742 1743 class="element-button--search element-button element-button--inverted element-button--transparent" 1744 1745 1746 1747 1748 1749 1750 1751 1752 1753 1754 aria-label=" 1755 1756Search 1757" 1758 1759> 1760 1761 1762 1763 1764 1765<element-icon 1766 1767 1768> 1769 <svg 1770 xmlns="http://www.w3.org/2000/svg" 1771 aria-hidden="true" 1772 focusable="false" 1773 role="presentation" 1774 class="element-icon element-icon-search element-icon--line" 1775 viewbox="0 0 64 64" 1776 width="20" 1777 height="20" 1778> 1779 <path 1780 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 1781 stroke-miterlimit="10" 1782 fill="none" 1783 stroke="currentColor" 1784 /> 1785</svg> 1786 1787</element-icon> 1788 1789 1790 1791 1792 1793 1794 1795 1796 1797 1798 </button> 1799 1800 1801 1802 1803 1804 1805 1806 1807 1808 1809</div> 1810 1811 1812 1813 1814 1815 1816 <button 1817 1818 1819 class="element-button--close-search element-button element-button--transparent" 1820 1821 1822 1823 1824 1825 1826 1827 1828 1829 1830 aria-label=" 1831 1832Close 1833" 1834 1835> 1836 1837 1838 1839 1840 1841<element-icon 1842 1843 1844> 1845 <svg 1846 xmlns="http://www.w3.org/2000/svg" 1847 class="element-icon element-icon-close element-icon--line" 1848 width="64" 1849 height="64" 1850 viewBox="0 0 64 64" 1851 fill="none" 1852> 1853 <path d="M52.5137 11.01L11.8887 51.635" stroke="currentColor" stroke-miterlimit="10"/> 1854 <path d="M52.5137 51.635L11.8887 11.01" stroke="currentColor" stroke-miterlimit="10"/> 1855</svg> 1856</element-icon> 1857 1858 1859 1860 1861 1862 1863 1864 1865 1866 1867 </button> 1868 1869 1870 1871 1872 1873 1874 1875 1876 1877 1878<div id="predictive-search" class="search__results" tabindex="-1"></div> 1879 </form> 1880 </predictive-search> 1881 1882 <template data-island> 1883
1883<script type="module"> 1884 import 'form.predictive-search' 1885 </script>
1885 1886 </template> 1887</is-land> 1888</div> 1889 </div> 1890</header-search> 1891
1892<script type="module"> 1893 import 'element.header-search' 1894</script>
1894 1895</div><div class="site-header__element site-header__element--sub" data-type="nav"> 1896 <div 1897 class="page-width text-center" 1898 1899 role="navigation" aria-label="Primary" 1900 1901 > 1902 1903 1904<ul class="site-nav site-navigation site-navigation--below small--hide"><li class="site-nav__item site-nav__expanded-item"> 1905 1906 1907 1908 <a 1909 href="/" 1910 class="site-nav__link site-nav__link--underline" 1911 > 1912 Home 1913 </a> 1914 1915 1916 </li><li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--is-megamenu"> 1917 1918 <nav-dropdown> 1919 <details 1920 id="site-nav-item--2" 1921 class="site-nav__details" 1922 data-hover="true" 1923 > 1924 1925 1926 <summary 1927 data-link="/collections/all" 1928 aria-expanded="false" 1929 aria-controls="site-nav-item--2" 1930 class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown" 1931 > 1932 Shop 1933 1934 1935 1936 1937<element-icon 1938 1939 1940> 1941 <svg 1942 xmlns="http://www.w3.org/2000/svg" 1943 aria-hidden="true" 1944 focusable="false" 1945 role="presentation" 1946 class="element-icon element-icon--wide element-icon-chevron-down element-icon--line" 1947 viewbox="0 0 28 16" 1948 width="20" 1949 height="20" 1950> 1951 <path 1952 fill="none" 1953 stroke="currentColor" 1954 d="m1.57 1.59 12.76 12.77L27.1 1.59" 1955 /> 1956</svg> 1957 1958</element-icon> 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 </summary> 1970 1971 1972<div class="site-nav__dropdown megamenu megamenu--products text-left"> 1973 <div class="page-width"> 1974 <div class="site-nav__dropdown-animate megamenu__wrapper"> 1975 <div class="megamenu__cols"> 1976 <div class="megamenu__col"><div> 1977 <div class="megamenu__col-title"> 1978 <a 1979 href="/collections/cora-foerstners-books-and-stories" 1980 class="site-nav__dropdown-link site-nav__dropdown-link--top-level" 1981 >All Products</a> 1982 </div><a href="/collections/cora-foerstners-books-and-stories" class="site-nav__dropdown-link"> 1983 All Cora's Books 1984 </a><a href="/collections/new-merch" class="site-nav__dropdown-link"> 1985 What's New 1986 </a><a href="/collections/new-books" class="site-nav__dropdown-link"> 1987 What's On Sale 1988 </a><a href="/collections/coming-soon" class="site-nav__dropdown-link"> 1989 Coming Soon 1990 </a><a href="/collections/mystery-gothic" class="site-nav__dropdown-link"> 1991 Mystery & Gothic 1992 </a><a href="/collections/fantasy" class="site-nav__dropdown-link"> 1993 Fantasy 1994 </a><a href="/collections/science-fiction-1" class="site-nav__dropdown-link"> 1995 Science Fiction 1996 </a><a href="/collections/post-apocalyptic-fiction" class="site-nav__dropdown-link"> 1997 Post-Apocalyptic Fiction 1998 </a><a href="/collections/young-adult" class="site-nav__dropdown-link"> 1999 YA Novels 2000 </a><a href="/collections/ebook-bundles" class="site-nav__dropdown-link"> 2001 Ebook Bundles 2002 </a><a href="/collections/novels" class="site-nav__dropdown-link"> 2003 Novels & Novellas 2004 </a><a href="/collections/paperback-books" class="site-nav__dropdown-link"> 2005 Paperback Books 2006 </a><a href="/collections/individual-short-stories" class="site-nav__dropdown-link"> 2007 Individual Short Stories 2008 </a><a href="/collections/short-story-collections" class="site-nav__dropdown-link"> 2009 Short Story Collections 2010 </a></div></div><div class="megamenu__col"><div> 2011 <div class="megamenu__col-title"> 2012 <a 2013 href="/collections/cora-foerstners-books-and-stories" 2014 class="site-nav__dropdown-link site-nav__dropdown-link--top-level" 2015 >Cora's Series</a> 2016 </div><a href="/collections/dragon-speakers-world" class="site-nav__dropdown-link"> 2017 Dragon Speakers' World 2018 </a><a href="/collections/swords-of-aroc" class="site-nav__dropdown-link"> 2019 Swords of Aroc Series 2020 </a><a href="/collections/league-of-the-daring" class="site-nav__dropdown-link"> 2021 League of the Daring Series 2022 </a></div></div> 2023 </div><div class="megamenu__featured"> 2024 <div class="product-grid"> 2025 2026 2027<div 2028 class=" 2029 grid-item grid-product grid-product-image-breathing-room--true 2030 2031 2032 grid-product--gridlines overlay 2033 2034 " 2035> 2036 <div 2037 class="product-grid-item" 2038 data-product-handle="a-bad-day-a-science-fiction-short-story" 2039 data-product-id="9279186206976" 2040 data-product-grid-item 2041 > 2042 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 2043<quick-shop defer-hydration> 2044 2045<tool-tip-trigger 2046 class="tool-tip-trigger"
2047 data-tool-tip="QuickShop" 2048 data-tool-tip-classes="quick-shop-modal" 2049 defer-hydration 2050> 2051 2052 2053 <div 2054 class="tool-tip-trigger__content" 2055 data-tool-tip-trigger-content="" 2056 > 2057 2058 </div> 2059 2060 2061 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-9279186206976 small--hide" title=" 2062 2063 2064Quick shop 2065" data-handle="a-bad-day-a-science-fiction-short-story"> 2066 2067 2068 2069 2070<element-icon 2071 2072 2073> 2074 <svg 2075 xmlns="http://www.w3.org/2000/svg" 2076 aria-hidden="true" 2077 focusable="false" 2078 role="presentation" 2079 class="element-icon element-icon-search element-icon--line" 2080 viewbox="0 0 64 64" 2081 width="20" 2082 height="20" 2083> 2084 <path 2085 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 2086 stroke-miterlimit="10" 2087 fill="none" 2088 stroke="currentColor" 2089 /> 2090</svg> 2091 2092</element-icon> 2093 2094 2095 2096 2097 2098 2099 2100 2101 2102 2103 <span class="icon__fallback-text visually-hidden"> 2104 2105 2106Quick shop 2107 2108 </span> 2109 </button> 2110 2111</tool-tip-trigger> 2112
2113<script type="module"> 2114 import 'overlay.tool-tip.trigger' 2115</script>
2115 2116 2117</quick-shop> 2118
2119<script type="module"> 2120 import 'overlay.quick-shop' 2121</script>
2121 2122 2123 2124<quick-add defer-hydration> 2125 <button 2126 type="button" class="text-link quick-add-btn" 2127 title=" 2128 2129 2130Add to cart 2131" 2132 data-id="47398661030144" 2133 data-single-variant-quick-add 2134 > 2135 <span class="btn btn--circle btn--icon"> 2136 2137 2138 2139 2140<element-icon 2141 2142 2143> 2144 <svg 2145 xmlns="http://www.w3.org/2000/svg" 2146 aria-hidden="true" 2147 focusable="false" 2148 role="presentation" 2149 class="element-icon element-icon-plus element-icon--line" 2150 viewbox="0 0 64 64" 2151 width="20" 2152 height="20" 2153> 2154 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 2155</svg> 2156 2157</element-icon> 2158 2159 2160 2161 2162 2163 2164 2165 2166 2167 2168 <span class="icon__fallback-text visually-hidden"> 2169 2170 2171Add to cart 2172 2173 </span> 2174 </span> 2175 </button> 2176</quick-add> 2177
2178<script type="module"> 2179 import 'overlay.quick-add' 2180</script>
2180 2181 2182</div> 2183 2184 2185 2186 2187 2188 2189 2190 2191 2192 2193 2194 2195 2196 2197<layout-stack class="layout-stack"> 2198 <template shadowrootmode="open"> 2199 <style> 2200 :host { 2201 display: contents; 2202 } 2203 2204 .layout-stack { 2205 /* Layout & Typography */ 2206 --_flex-direction: var(--_flex-direction--xs); 2207 --_justify: var(--_justify--xs); 2208 --_align: var(--_align--xs); 2209 2210 --_margin: var(--layout-stack-margin); 2211 2212 display: flex; 2213 flex-direction: var(--_flex-direction); 2214 gap: var(--_gap); 2215 flex-wrap: var(--_wrap); 2216 justify-content: var(--_justify); 2217 align-items: var(--_align); 2218 text-align: var(--_align); 2219 margin: var(--_margin); 2220 padding: 0; 2221 list-style: none; 2222 2223 ::slotted(*) { 2224 max-width: 100%; 2225 } 2226 } 2227 </style> 2228 2229 2230 2231 2232 2233 2234 2235 <style> 2236 @media (min-width: 0px) { 2237 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 2238 } 2239 </style> 2240 2241 2242 2243 2244 2245 2246 2247 2248 2249 2250 2251 2252 2253 2254 2255 2256 2257 2258 2259 2260 2261 2262 2263 2264 2265 2266 2267 2268 2269 2270 2271 2272 2273 2274 2275 2276 2277 2278 2279 2280 2281 2282 2283 2284 2285 2286 2287 2288 2289 2290 <style> 2291 @media (min-width: 0px) { 2292 .layout-stack { --_flex-direction: column; } 2293 } 2294 </style> 2295 2296 2297 2298 2299 2300 2301 2302 2303 2304 2305 2306 2307 2308 2309 2310 2311 2312 2313 <style> 2314 @media (min-width: 0px) { 2315 .layout-stack { --_justify: space-between; } 2316 } 2317 </style> 2318 2319 2320 2321 2322 2323 2324 2325 2326 2327 2328 2329 2330 2331 2332 2333 2334 2335 2336 <style> 2337 @media (min-width: 0px) { 2338 .layout-stack { --_align: stretch; } 2339 } 2340 </style> 2341 2342 2343 2344 2345 2346 2347 2348 2349 2350 2351 2352 2353 2354 2355 2356 2357 2358 2359 <style> 2360 @media (min-width: 0px) { 2361 .layout-stack { --_wrap: nowrap; } 2362 } 2363 </style> 2364 2365 2366 2367 2368 2369 2370 2371 2372 2373 2374 2375 2376 <div class="layout-stack" style="height: 100%;" > 2377 <slot></slot> 2378 </div> 2379 </template> 2380 2381 2382 <div class="grid-item__link"> 2383 <a href="/products/a-bad-day-a-science-fiction-short-story" class="grid-item__overlay-link" aria-label="A Bad Day (A Science Fiction Short Story)" tabindex="-1"></a> 2384 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 2385 2386 2387 2388 2389 2390 2391 2392 2393 2394 2395 2396 2397<layout-stack class="layout-stack"> 2398 <template shadowrootmode="open"> 2399 <style> 2400 :host { 2401 display: contents; 2402 } 2403 2404 .layout-stack { 2405 /* Layout & Typography */ 2406 --_flex-direction: var(--_flex-direction--xs); 2407 --_justify: var(--_justify--xs); 2408 --_align: var(--_align--xs); 2409 2410 --_margin: var(--layout-stack-margin); 2411 2412 display: flex; 2413 flex-direction: var(--_flex-direction); 2414 gap: var(--_gap); 2415 flex-wrap: var(--_wrap); 2416 justify-content: var(--_justify); 2417 align-items: var(--_align); 2418 text-align: var(--_align); 2419 margin: var(--_margin); 2420 padding: 0; 2421 list-style: none; 2422 2423 ::slotted(*) { 2424 max-width: 100%; 2425 } 2426 } 2427 </style> 2428 2429 2430 2431 2432 2433 2434 2435 <style> 2436 @media (min-width: 0px) { 2437 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 2438 } 2439 </style> 2440 2441 2442 2443 2444 2445 2446 2447 2448 2449 2450 2451 2452 2453 2454 2455 2456 2457 2458 2459 2460 2461 2462 2463 2464 2465 2466 2467 2468 2469 2470 2471 2472 2473 2474 2475 2476 2477 2478 2479 2480 2481 2482 2483 2484 2485 2486 2487 2488 2489 2490 <style> 2491 @media (min-width: 0px) { 2492 .layout-stack { --_flex-direction: column; } 2493 } 2494 </style> 2495 2496 2497 2498 2499 2500 2501 2502 2503 2504 2505 2506 2507 2508 2509 2510 2511 2512 2513 <style> 2514 @media (min-width: 0px) { 2515 .layout-stack { --_justify: start; } 2516 } 2517 </style> 2518 2519 2520 2521 2522 2523 2524 2525 2526 2527 2528 2529 2530 2531 2532 2533 2534 2535 2536 <style> 2537 @media (min-width: 0px) { 2538 .layout-stack { --_align: center; } 2539 } 2540 </style> 2541 2542 2543 2544 2545 2546 2547 2548 2549 2550 2551 2552 2553 2554 2555 2556 2557 2558 2559 <style> 2560 @media (min-width: 0px) { 2561 .layout-stack { --_wrap: nowrap; } 2562 } 2563 </style> 2564 2565 2566 2567 2568 2569 2570 2571 2572 2573 2574 2575 2576 <div class="layout-stack" style="" > 2577 <slot></slot> 2578 </div> 2579 </template> 2580 2581 2582</layout-stack> 2583 2584 2585</div><div 2586 class="grid__image-ratio grid__image-ratio--square" 2587 > 2588 2589 2590<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 2591 image-element" sizes="100%" data-animate="fadein"> 2592 2593 2594 2595 2596</is-land> 2597</div><div class="grid-product__secondary-image small--hide"> 2598 2599 2600<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&width=1600 1600w" width="1600" height="2391.0336239103362" loading="lazy" class="image-style--square 2601 image-element" sizes="100%" data-animate="fadein"> 2602 2603 2604 2605 2606</is-land> 2607</div></div> 2608 2609 <div class="grid-item__meta"> 2610 2611 2612 2613 2614 2615 2616 2617 2618 2619 2620 2621 2622 2623 2624<layout-stack class="layout-stack"> 2625 <template shadowrootmode="open"> 2626 <style> 2627 :host { 2628 display: contents; 2629 } 2630 2631 .layout-stack { 2632 /* Layout & Typography */ 2633 --_flex-direction: var(--_flex-direction--xs); 2634 --_justify: var(--_justify--xs); 2635 --_align: var(--_align--xs); 2636 2637 --_margin: var(--layout-stack-margin); 2638 2639 display: flex; 2640 flex-direction: var(--_flex-direction); 2641 gap: var(--_gap); 2642 flex-wrap: var(--_wrap); 2643 justify-content: var(--_justify); 2644 align-items: var(--_align); 2645 text-align: var(--_align); 2646 margin: var(--_margin); 2647 padding: 0; 2648 list-style: none; 2649 2650 ::slotted(*) { 2651 max-width: 100%; 2652 } 2653 } 2654 </style> 2655 2656 2657 2658 2659 2660 2661 2662 <style> 2663 @media (min-width: 0px) { 2664 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 2665 } 2666 </style> 2667 2668 2669 2670 2671 2672 2673 2674 2675 2676 2677 2678 2679 2680 2681 2682 2683 2684 2685 2686 2687 2688 2689 2690 2691 2692 2693 2694 2695 2696 2697 2698 2699 2700 2701 2702 2703 2704 2705 2706 2707 2708 2709 2710 2711 2712 2713 2714 2715 2716 2717 <style> 2718 @media (min-width: 0px) { 2719 .layout-stack { --_flex-direction: column; } 2720 } 2721 </style> 2722 2723 2724 2725 2726 2727 2728 2729 2730 2731 2732 2733 2734 2735 2736 2737 2738 2739 2740 <style> 2741 @media (min-width: 0px) { 2742 .layout-stack { --_justify: start; } 2743 } 2744 </style> 2745 2746 2747 2748 2749 2750 2751 2752 2753 2754 2755 2756 2757 2758 2759 2760 2761 2762 2763 <style> 2764 @media (min-width: 0px) { 2765 .layout-stack { --_align: start; } 2766 } 2767 </style> 2768 2769 2770 2771 2772 2773 2774 2775 2776 2777 2778 2779 2780 2781 2782 2783 2784 2785 2786 <style> 2787 @media (min-width: 0px) { 2788 .layout-stack { --_wrap: nowrap; } 2789 } 2790 </style> 2791 2792 2793 2794 2795 2796 2797 2798 2799 2800 2801 2802 2803 <div class="layout-stack" style="" > 2804 <slot></slot> 2805 </div> 2806 </template> 2807 2808 2809<div class="grid-item__swatches"> 2810 2811 2812 <is-land on:idle> <color-swatches> 2813 2814 2815 2816 2817 2818 2819 2820 2821 2822 2823 2824 2825 2826 2827 2828<layout-stack class="layout-stack"> 2829 <template shadowrootmode="open"> 2830 <style> 2831 :host { 2832 display: contents; 2833 } 2834 2835 .layout-stack { 2836 /* Layout & Typography */ 2837 --_flex-direction: var(--_flex-direction--xs); 2838 --_justify: var(--_justify--xs); 2839 --_align: var(--_align--xs); 2840 2841 --_margin: var(--layout-stack-margin); 2842 2843 display: flex; 2844 flex-direction: var(--_flex-direction); 2845 gap: var(--_gap); 2846 flex-wrap: var(--_wrap); 2847 justify-content: var(--_justify); 2848 align-items: var(--_align); 2849 text-align: var(--_align); 2850 margin: var(--_margin); 2851 padding: 0; 2852 list-style: none; 2853 2854 ::slotted(*) { 2855 max-width: 100%; 2856 } 2857 } 2858 </style> 2859 2860 2861 2862 2863 2864 2865 2866 <style> 2867 @media (min-width: 0px) { 2868 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 2869 } 2870 </style> 2871 2872 2873 2874 2875 2876 2877 2878 2879 2880 2881 2882 2883 2884 2885 2886 2887 2888 2889 2890 2891 2892 2893 2894 2895 2896 2897 2898 2899 2900 2901 2902 2903 2904 2905 2906 2907 2908 2909 2910 2911 2912 2913 2914 2915 2916 2917 2918 2919 2920 2921 <style> 2922 @media (min-width: 0px) { 2923 .layout-stack { --_flex-direction: row; } 2924 } 2925 </style> 2926 2927 2928 2929 2930 2931 2932 2933 2934 2935 2936 2937 2938 2939 2940 2941 2942 2943 2944 <style> 2945 @media (min-width: 0px) { 2946 .layout-stack { --_justify: start; } 2947 } 2948 </style> 2949 2950 2951 2952 2953 2954 2955 2956 2957 2958 2959 2960 2961 2962 2963 2964 2965 2966 2967 <style> 2968 @media (min-width: 0px) { 2969 .layout-stack { --_align: stretch; } 2970 } 2971 </style> 2972 2973 2974 2975 2976 2977 2978 2979 2980 2981 2982 2983 2984 2985 2986 2987 2988 2989 2990 <style> 2991 @media (min-width: 0px) { 2992 .layout-stack { --_wrap: wrap; } 2993 } 2994 </style> 2995 2996 2997 2998 2999 3000 3001 3002 3003 3004 3005 3006 3007 <div class="layout-stack" style="" > 3008 <slot></slot> 3009 </div> 3010 </template> 3011 3012 3013 3014 3015 3016 3017 3018 3019</layout-stack> 3020 3021 3022 3023 3024 3025 <template data-island> 3026
3026<script type="module"> 3027 import 'list.product-card.swatches' 3028 </script>
3028 3029 </template> 3030 </color-swatches> 3031 </is-land> 3032 3033</div> 3034 3035 3036 3037 3038<span 3039class="element-text element-text--body-md" 3040 3041 3042style=" 3043 word-break: break-word; hyphens: auto; text-align: start; 3044 "> 3045 3046 A Bad Day (A Science Fiction Short Story) 3047 3048</span> 3049 3050 3051 3052 3053 3054 3055 3056 3057 3058 3059 3060 3061 3062 3063 3064 3065 3066 3067 3068 3069 3070 3071 3072 3073<span 3074class="element-text element-text--body-sm" 3075 3076 3077style=" 3078 opacity: 0.65; text-align: start; 3079 "> 3080 3081 Wood Sorrel Press 3082 3083</span> 3084 3085 3086 3087 3088 3089 3090 3091 3092 3093 3094 3095 3096 3097 3098 3099 3100 3101 3102 3103 3104 3105 3106 3107 3108 3109 3110 3111 3112 3113 3114 3115 3116 3117<layout-stack class="layout-stack"> 3118 <template shadowrootmode="open"> 3119 <style> 3120 :host { 3121 display: contents; 3122 } 3123 3124 .layout-stack { 3125 /* Layout & Typography */ 3126 --_flex-direction: var(--_flex-direction--xs); 3127 --_justify: var(--_justify--xs); 3128 --_align: var(--_align--xs); 3129 3130 --_margin: var(--layout-stack-margin); 3131 3132 display: flex; 3133 flex-direction: var(--_flex-direction); 3134 gap: var(--_gap); 3135 flex-wrap: var(--_wrap); 3136 justify-content: var(--_justify); 3137 align-items: var(--_align); 3138 text-align: var(--_align); 3139 margin: var(--_margin); 3140 padding: 0; 3141 list-style: none; 3142 3143 ::slotted(*) { 3144 max-width: 100%; 3145 } 3146 } 3147 </style> 3148 3149 3150 3151 3152 3153 3154 3155 <style> 3156 @media (min-width: 0px) { 3157 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 3158 } 3159 </style> 3160 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170 3171 3172 3173 3174 3175 3176 3177 3178 3179 3180 3181 3182 3183 3184 3185 3186 3187 3188 3189 3190 3191 3192 3193 3194 3195 3196 3197 3198 3199 3200 3201 3202 3203 3204 3205 3206 3207 3208 3209 3210 <style> 3211 @media (min-width: 0px) { 3212 .layout-stack { --_flex-direction: row; } 3213 } 3214 </style> 3215 3216 3217 3218 3219 3220 3221 3222 3223 3224 3225 3226 3227 3228 3229 3230 3231 3232 3233 <style> 3234 @media (min-width: 0px) { 3235 .layout-stack { --_justify: start; } 3236 } 3237 </style> 3238 3239 3240 3241 3242 3243 3244 3245 3246 3247 3248 3249 3250 3251 3252 3253 3254 3255 3256 <style> 3257 @media (min-width: 0px) { 3258 .layout-stack { --_align: baseline; } 3259 } 3260 </style> 3261 3262 3263 3264 3265 3266 3267 3268 3269 3270 3271 3272 3273 3274 3275 3276 3277 3278 3279 <style> 3280 @media (min-width: 0px) { 3281 .layout-stack { --_wrap: wrap; } 3282 } 3283 </style> 3284 3285 3286 3287 3288 3289 3290 3291 3292 3293 3294 3295 3296 <div class="layout-stack" style=" 3297 text-align: start; 3298 " > 3299 <slot></slot> 3300 </div> 3301 </template> 3302 3303 3304 3305 3306 3307 3308<span 3309class="element-price element-text element-text--heading-xs" 3310 3311 3312> 3313 3314 $2<sup>99</sup> 3315 3316</span> 3317 3318 3319 3320 3321 3322 3323 3324 3325 3326 3327 3328 3329 3330 3331 3332 3333 3334 3335 3336 3337 3338 3339 3340 3341 3342</layout-stack> 3343 3344 3345 3346</layout-stack> 3347 3348 3349 3350</div> 3351 3352 </div> 3353</layout-stack> 3354 3355 3356 3357 </div> 3358 </div> 3359</div> 3360</div> 3361 </div></div> 3362 </div> 3363 </div> 3364 </details> 3365 </nav-dropdown> 3366
3366<script type="module"> 3367 import 'header.desktop-nav.nav-dropdown' 3368 </script>
3368 3369 3370 </li><li class="site-nav__item site-nav__expanded-item"> 3371 3372 3373 3374 <a 3375 href="/pages/about-us" 3376 class="site-nav__link site-nav__link--underline" 3377 > 3378 About Us 3379 </a> 3380 3381 3382 </li><li class="site-nav__item site-nav__expanded-item"> 3383 3384 3385 3386 <a 3387 href="/blogs/news-1" 3388 class="site-nav__link site-nav__link--underline" 3389 > 3390 News 3391 </a> 3392 3393 3394 </li><li class="site-nav__item site-nav__expanded-item"> 3395 3396 3397 3398 <a 3399 href="/blogs/cora-blog" 3400 class="site-nav__link site-nav__link--underline" 3401 > 3402 Cora's Blog 3403 </a> 3404 3405 3406 </li><li class="site-nav__item site-nav__expanded-item"> 3407 3408 3409 3410 <a 3411 href="/pages/contact" 3412 class="site-nav__link site-nav__link--underline" 3413 > 3414 Contact Us 3415 </a> 3416 3417 3418 </li><li class="site-nav__item site-nav__expanded-item"> 3419 3420 3421 3422 <a 3423 href="/pages/join-our-mailing-list" 3424 class="site-nav__link site-nav__link--underline" 3425 > 3426 Mailing List 3427 </a> 3428 3429 3430 </li></ul> 3431</div> 3432 </div> 3433 3434 <div class="site-header__element site-header__element--sub" data-type="search"> 3435 <div class="page-width medium-up--hide"> 3436 3437 3438<is-land class="site-header__search-island" on:idle> 3439 <predictive-search 3440 data-context="header" 3441 data-enabled="true" 3442 defer-hydration 3443 ><div class="predictive__screen" data-screen></div><form action="/search" method="get" role="search"> 3444 <div class="search__input-wrap"> 3445<label for="Search" class="visually-hidden"> 3446 3447Search 3448</label><input 3449 id="Search"
3450 class="search__input element-input element-input--transparent" 3451 name="q" 3452 3453 type="search" 3454 3455 placeholder="Search" 3456 3457 role="combobox"aria-expanded="false"aria-owns="predictive-search-results"aria-controls="predictive-search-results"aria-haspopup="listbox"aria-autocomplete="list"autocorrect="off"autocomplete="off"autocapitalize="off"spellcheck="false"tabindex="0" 3458 3459 3460 3461 3462 3463 3464 3465 > 3466 3467 3468 3469 3470 3471 3472 3473<input name="options[prefix]" type="hidden" value="last"> 3474 3475 3476 3477 3478 3479 3480 <button 3481 3482 3483 class="element-button--search element-button element-button--inverted element-button--transparent" 3484 3485 3486 3487 3488 3489 3490 3491 3492 3493 3494 aria-label=" 3495 3496Search 3497" 3498 3499> 3500 3501 3502 3503 3504 3505<element-icon 3506 3507 3508> 3509 <svg 3510 xmlns="http://www.w3.org/2000/svg" 3511 aria-hidden="true" 3512 focusable="false" 3513 role="presentation" 3514 class="element-icon element-icon-search element-icon--line" 3515 viewbox="0 0 64 64" 3516 width="20" 3517 height="20" 3518> 3519 <path 3520 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 3521 stroke-miterlimit="10" 3522 fill="none" 3523 stroke="currentColor" 3524 /> 3525</svg> 3526 3527</element-icon> 3528 3529 3530 3531 3532 3533 3534 3535 3536 3537 3538 </button> 3539 3540 3541 3542 3543 3544 3545 3546 3547 3548 3549</div> 3550 3551 3552 3553 3554 3555 3556 <button 3557 3558 3559 class="element-button--close-search element-button element-button--transparent" 3560 3561 3562 3563 3564 3565 3566 3567 3568 3569 3570 aria-label=" 3571 3572Close 3573" 3574 3575> 3576 3577 3578 3579 3580 3581<element-icon 3582 3583 3584> 3585 <svg 3586 xmlns="http://www.w3.org/2000/svg" 3587 class="element-icon element-icon-close element-icon--line" 3588 width="64" 3589 height="64" 3590 viewBox="0 0 64 64" 3591 fill="none" 3592> 3593 <path d="M52.5137 11.01L11.8887 51.635" stroke="currentColor" stroke-miterlimit="10"/> 3594 <path d="M52.5137 51.635L11.8887 11.01" stroke="currentColor" stroke-miterlimit="10"/> 3595</svg> 3596</element-icon> 3597 3598 3599 3600 3601 3602 3603 3604 3605 3606 3607 </button> 3608 3609 3610 3611 3612 3613 3614 3615 3616 3617 3618<div id="predictive-search" class="search__results" tabindex="-1"></div> 3619 </form> 3620 </predictive-search> 3621 3622 <template data-island> 3623
3623<script type="module"> 3624 import 'form.predictive-search' 3625 </script>
3625 3626 </template> 3627</is-land> 3628</div> 3629 </div><div class="page-width site-header__drawers"> 3630 <div class="site-header__drawers-container"> 3631 3632 3633<header-drawer 3634 class="site-header__drawer site-header__cart" 3635 open="cart:open" 3636 close="cart:close" 3637 no-scroll-lock 3638 defer-hydration 3639> 3640 <div class="site-header__drawer-animate"> 3641 3642 3643<header-cart-drawer class="cart-drawer" defer-hydration cart-type="dropdown"> 3644 <form 3645 action="/cart" 3646 method="post" 3647 novalidate 3648 data-location="header" 3649 class="cart__drawer-form" 3650 data-money-format="${{amount}}" 3651 data-super-script="true" 3652 > 3653 <div class="cart__scrollable"> 3654 <div data-products></div> 3655 3656 3657<div class="cart__item-row cart-recommendations" data-location="drawer"> 3658 <div class="heading-md cart__recommended-title"> 3659 3660 3661Goes great with 3662 3663 </div> 3664 <div 3665 class="new-grid product-grid scrollable-grid" 3666 data-view="small" 3667 > 3668 3669 3670<div 3671 class=" 3672 grid-item grid-product grid-product-image-breathing-room--true 3673 3674 3675 grid-product--gridlines overlay 3676 3677 " 3678> 3679 <div 3680 class="product-grid-item" 3681 data-product-handle="a-bad-day-a-science-fiction-short-story" 3682 data-product-id="9279186206976" 3683 data-product-grid-item 3684 > 3685 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 3686<quick-shop defer-hydration> 3687 3688<tool-tip-trigger 3689 class="tool-tip-trigger" 3690 data-tool-tip="QuickShop" 3691 data-tool-tip-classes="quick-shop-modal" 3692 defer-hydration 3693> 3694 3695 3696 <div 3697 class="tool-tip-trigger__content" 3698 data-tool-tip-trigger-content="" 3699 > 3700 3701 </div> 3702 3703 3704 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-9279186206976 small--hide" title=" 3705 3706 3707Quick shop 3708" data-handle="a-bad-day-a-science-fiction-short-story"> 3709 3710 3711 3712 3713<element-icon 3714 3715 3716> 3717 <svg 3718 xmlns="http://www.w3.org/2000/svg" 3719 aria-hidden="true" 3720 focusable="false" 3721 role="presentation" 3722 class="element-icon element-icon-search element-icon--line" 3723 viewbox="0 0 64 64" 3724 width="20" 3725 height="20" 3726> 3727 <path 3728 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 3729 stroke-miterlimit="10" 3730 fill="none" 3731 stroke="currentColor" 3732 /> 3733</svg> 3734 3735</element-icon> 3736 3737 3738 3739 3740 3741 3742 3743 3744 3745 3746 <span class="icon__fallback-text visually-hidden"> 3747 3748 3749Quick shop 3750 3751 </span> 3752 </button> 3753 3754</tool-tip-trigger> 3755
3756<script type="module"> 3757 import 'overlay.tool-tip.trigger' 3758</script>
3758 3759 3760</quick-shop> 3761
3762<script type="module"> 3763 import 'overlay.quick-shop' 3764</script>
3764 3765 3766 3767<quick-add defer-hydration> 3768 <button 3769 type="button" class="text-link quick-add-btn" 3770 title=" 3771 3772 3773Add to cart 3774" 3775 data-id="47398661030144" 3776 data-single-variant-quick-add 3777 > 3778 <span class="btn btn--circle btn--icon"> 3779 3780 3781 3782 3783<element-icon 3784 3785 3786> 3787 <svg 3788 xmlns="http://www.w3.org/2000/svg" 3789 aria-hidden="true" 3790 focusable="false" 3791 role="presentation" 3792 class="element-icon element-icon-plus element-icon--line" 3793 viewbox="0 0 64 64" 3794 width="20" 3795 height="20" 3796> 3797 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 3798</svg> 3799 3800</element-icon> 3801 3802 3803 3804 3805 3806 3807 3808 3809 3810 3811 <span class="icon__fallback-text visually-hidden"> 3812 3813 3814Add to cart 3815 3816 </span> 3817 </span> 3818 </button> 3819</quick-add> 3820
3821<script type="module"> 3822 import 'overlay.quick-add' 3823</script>
3823 3824 3825</div> 3826 3827 3828 3829 3830 3831 3832 3833 3834 3835 3836 3837 3838 3839 3840<layout-stack class="layout-stack"> 3841 <template shadowrootmode="open"> 3842 <style> 3843 :host { 3844 display: contents; 3845 } 3846 3847 .layout-stack { 3848 /* Layout & Typography */ 3849 --_flex-direction: var(--_flex-direction--xs); 3850 --_justify: var(--_justify--xs); 3851 --_align: var(--_align--xs); 3852 3853 --_margin: var(--layout-stack-margin); 3854 3855 display: flex; 3856 flex-direction: var(--_flex-direction); 3857 gap: var(--_gap); 3858 flex-wrap: var(--_wrap); 3859 justify-content: var(--_justify); 3860 align-items: var(--_align); 3861 text-align: var(--_align); 3862 margin: var(--_margin); 3863 padding: 0; 3864 list-style: none; 3865 3866 ::slotted(*) { 3867 max-width: 100%; 3868 } 3869 } 3870 </style> 3871 3872 3873 3874 3875 3876 3877 3878 <style> 3879 @media (min-width: 0px) { 3880 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 3881 } 3882 </style> 3883 3884 3885 3886 3887 3888 3889 3890 3891 3892 3893 3894 3895 3896 3897 3898 3899 3900 3901 3902 3903 3904 3905 3906 3907 3908 3909 3910 3911 3912 3913 3914 3915 3916 3917 3918 3919 3920 3921 3922 3923 3924 3925 3926 3927 3928 3929 3930 3931 3932 3933 <style> 3934 @media (min-width: 0px) { 3935 .layout-stack { --_flex-direction: column; } 3936 } 3937 </style> 3938 3939 3940 3941 3942 3943 3944 3945 3946 3947 3948 3949 3950 3951 3952 3953 3954 3955 3956 <style> 3957 @media (min-width: 0px) { 3958 .layout-stack { --_justify: space-between; } 3959 } 3960 </style> 3961 3962 3963 3964 3965 3966 3967 3968 3969 3970 3971 3972 3973 3974 3975 3976 3977 3978 3979 <style> 3980 @media (min-width: 0px) { 3981 .layout-stack { --_align: stretch; } 3982 } 3983 </style> 3984 3985 3986 3987 3988 3989 3990 3991 3992 3993 3994 3995 3996 3997 3998 3999 4000 4001 4002 <style> 4003 @media (min-width: 0px) { 4004 .layout-stack { --_wrap: nowrap; } 4005 } 4006 </style> 4007 4008 4009 4010 4011 4012 4013 4014 4015 4016 4017 4018 4019 <div class="layout-stack" style="height: 100%;" > 4020 <slot></slot> 4021 </div> 4022 </template> 4023 4024 4025 <div class="grid-item__link"> 4026 <a href="/collections/all/products/a-bad-day-a-science-fiction-short-story" class="grid-item__overlay-link" aria-label="A Bad Day (A Science Fiction Short Story)" tabindex="-1"></a> 4027 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 4028 4029 4030 4031 4032 4033 4034 4035 4036 4037 4038 4039 4040<layout-stack class="layout-stack"> 4041 <template shadowrootmode="open"> 4042 <style> 4043 :host { 4044 display: contents; 4045 } 4046 4047 .layout-stack { 4048 /* Layout & Typography */ 4049 --_flex-direction: var(--_flex-direction--xs); 4050 --_justify: var(--_justify--xs); 4051 --_align: var(--_align--xs); 4052 4053 --_margin: var(--layout-stack-margin); 4054 4055 display: flex; 4056 flex-direction: var(--_flex-direction); 4057 gap: var(--_gap); 4058 flex-wrap: var(--_wrap); 4059 justify-content: var(--_justify); 4060 align-items: var(--_align); 4061 text-align: var(--_align); 4062 margin: var(--_margin); 4063 padding: 0; 4064 list-style: none; 4065 4066 ::slotted(*) { 4067 max-width: 100%; 4068 } 4069 } 4070 </style> 4071 4072 4073 4074 4075 4076 4077 4078 <style> 4079 @media (min-width: 0px) { 4080 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 4081 } 4082 </style> 4083 4084 4085 4086 4087 4088 4089 4090 4091 4092 4093 4094 4095 4096 4097 4098 4099 4100 4101 4102 4103 4104 4105 4106 4107 4108 4109 4110 4111 4112 4113 4114 4115 4116 4117 4118 4119 4120 4121 4122 4123 4124 4125 4126 4127 4128 4129 4130 4131 4132 4133 <style> 4134 @media (min-width: 0px) { 4135 .layout-stack { --_flex-direction: column; } 4136 } 4137 </style> 4138 4139 4140 4141 4142 4143 4144 4145 4146 4147 4148 4149 4150 4151 4152 4153 4154 4155 4156 <style> 4157 @media (min-width: 0px) { 4158 .layout-stack { --_justify: start; } 4159 } 4160 </style> 4161 4162 4163 4164 4165 4166 4167 4168 4169 4170 4171 4172 4173 4174 4175 4176 4177 4178 4179 <style> 4180 @media (min-width: 0px) { 4181 .layout-stack { --_align: center; } 4182 } 4183 </style> 4184 4185 4186 4187 4188 4189 4190 4191 4192 4193 4194 4195 4196 4197 4198 4199 4200 4201 4202 <style> 4203 @media (min-width: 0px) { 4204 .layout-stack { --_wrap: nowrap; } 4205 } 4206 </style> 4207 4208 4209 4210 4211 4212 4213 4214 4215 4216 4217 4218 4219 <div class="layout-stack" style="" > 4220 <slot></slot> 4221 </div> 4222 </template> 4223 4224 4225</layout-stack> 4226 4227 4228</div><div 4229 class="grid__image-ratio grid__image-ratio--square" 4230 > 4231 4232 4233<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 4234 image-element" sizes="150px" data-animate="fadein"> 4235 4236 4237 4238 4239</is-land> 4240</div><div class="grid-product__secondary-image small--hide"> 4241 4242 4243<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&width=1600 1600w" width="1600" height="2391.0336239103362" loading="lazy" class="image-style--square 4244 image-element" sizes="150px" data-animate="fadein"> 4245 4246 4247 4248 4249</is-land> 4250</div></div> 4251 4252 <div class="grid-item__meta"> 4253 4254 4255 4256 4257 4258 4259 4260 4261 4262 4263 4264 4265 4266 4267<layout-stack class="layout-stack"> 4268 <template shadowrootmode="open"> 4269 <style> 4270 :host { 4271 display: contents; 4272 } 4273 4274 .layout-stack { 4275 /* Layout & Typography */ 4276 --_flex-direction: var(--_flex-direction--xs); 4277 --_justify: var(--_justify--xs); 4278 --_align: var(--_align--xs); 4279 4280 --_margin: var(--layout-stack-margin); 4281 4282 display: flex; 4283 flex-direction: var(--_flex-direction); 4284 gap: var(--_gap); 4285 flex-wrap: var(--_wrap); 4286 justify-content: var(--_justify); 4287 align-items: var(--_align); 4288 text-align: var(--_align); 4289 margin: var(--_margin); 4290 padding: 0; 4291 list-style: none; 4292 4293 ::slotted(*) { 4294 max-width: 100%; 4295 } 4296 } 4297 </style> 4298 4299 4300 4301 4302 4303 4304 4305 <style> 4306 @media (min-width: 0px) { 4307 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 4308 } 4309 </style> 4310 4311 4312 4313 4314 4315 4316 4317 4318 4319 4320 4321 4322 4323 4324 4325 4326 4327 4328 4329 4330 4331 4332 4333 4334 4335 4336 4337 4338 4339 4340 4341 4342 4343 4344 4345 4346 4347 4348 4349 4350 4351 4352 4353 4354 4355 4356 4357 4358 4359 4360 <style> 4361 @media (min-width: 0px) { 4362 .layout-stack { --_flex-direction: column; } 4363 } 4364 </style> 4365 4366 4367 4368 4369 4370 4371 4372 4373 4374 4375 4376 4377 4378 4379 4380 4381 4382 4383 <style> 4384 @media (min-width: 0px) { 4385 .layout-stack { --_justify: start; } 4386 } 4387 </style> 4388 4389 4390 4391 4392 4393 4394 4395 4396 4397 4398 4399 4400 4401 4402 4403 4404 4405 4406 <style> 4407 @media (min-width: 0px) { 4408 .layout-stack { --_align: start; } 4409 } 4410 </style> 4411 4412 4413 4414 4415 4416 4417 4418 4419 4420 4421 4422 4423 4424 4425 4426 4427 4428 4429 <style> 4430 @media (min-width: 0px) { 4431 .layout-stack { --_wrap: nowrap; } 4432 } 4433 </style> 4434 4435 4436 4437 4438 4439 4440 4441 4442 4443 4444 4445 4446 <div class="layout-stack" style="" > 4447 <slot></slot> 4448 </div> 4449 </template> 4450 4451 4452<div class="grid-item__swatches"> 4453 4454 4455 <is-land on:idle> <color-swatches> 4456 4457 4458 4459 4460 4461 4462 4463 4464 4465 4466 4467 4468 4469 4470 4471<layout-stack class="layout-stack"> 4472 <template shadowrootmode="open"> 4473 <style> 4474 :host { 4475 display: contents; 4476 } 4477 4478 .layout-stack { 4479 /* Layout & Typography */ 4480 --_flex-direction: var(--_flex-direction--xs); 4481 --_justify: var(--_justify--xs); 4482 --_align: var(--_align--xs); 4483 4484 --_margin: var(--layout-stack-margin); 4485 4486 display: flex; 4487 flex-direction: var(--_flex-direction); 4488 gap: var(--_gap); 4489 flex-wrap: var(--_wrap); 4490 justify-content: var(--_justify); 4491 align-items: var(--_align); 4492 text-align: var(--_align); 4493 margin: var(--_margin); 4494 padding: 0; 4495 list-style: none; 4496 4497 ::slotted(*) { 4498 max-width: 100%; 4499 } 4500 } 4501 </style> 4502 4503 4504 4505 4506 4507 4508 4509 <style> 4510 @media (min-width: 0px) { 4511 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 4512 } 4513 </style> 4514 4515 4516 4517 4518 4519 4520 4521 4522 4523 4524 4525 4526 4527 4528 4529 4530 4531 4532 4533 4534 4535 4536 4537 4538 4539 4540 4541 4542 4543 4544 4545 4546 4547 4548 4549 4550 4551 4552 4553 4554 4555 4556 4557 4558 4559 4560 4561 4562 4563 4564 <style> 4565 @media (min-width: 0px) { 4566 .layout-stack { --_flex-direction: row; } 4567 } 4568 </style> 4569 4570 4571 4572 4573 4574 4575 4576 4577 4578 4579 4580 4581 4582 4583 4584 4585 4586 4587 <style> 4588 @media (min-width: 0px) { 4589 .layout-stack { --_justify: start; } 4590 } 4591 </style> 4592 4593 4594 4595 4596 4597 4598 4599 4600 4601 4602 4603 4604 4605 4606 4607 4608 4609 4610 <style> 4611 @media (min-width: 0px) { 4612 .layout-stack { --_align: stretch; } 4613 } 4614 </style> 4615 4616 4617 4618 4619 4620 4621 4622 4623 4624 4625 4626 4627 4628 4629 4630 4631 4632 4633 <style> 4634 @media (min-width: 0px) { 4635 .layout-stack { --_wrap: wrap; } 4636 } 4637 </style> 4638 4639 4640 4641 4642 4643 4644 4645 4646 4647 4648 4649 4650 <div class="layout-stack" style="" > 4651 <slot></slot> 4652 </div> 4653 </template> 4654 4655 4656 4657 4658 4659 4660 4661 4662</layout-stack> 4663 4664 4665 4666 4667 4668 <template data-island> 4669
4669<script type="module"> 4670 import 'list.product-card.swatches' 4671 </script>
4671 4672 </template> 4673 </color-swatches> 4674 </is-land> 4675 4676</div> 4677 4678 4679 4680 4681<span 4682class="element-text element-text--body-md" 4683 4684 4685style=" 4686 word-break: break-word; hyphens: auto; text-align: start; 4687 "> 4688 4689 A Bad Day (A Science Fiction Short Story) 4690 4691</span> 4692 4693 4694 4695 4696 4697 4698 4699 4700 4701 4702 4703 4704 4705 4706 4707 4708 4709 4710 4711 4712 4713 4714 4715 4716<span 4717class="element-text element-text--body-sm" 4718 4719 4720style=" 4721 opacity: 0.65; text-align: start; 4722 "> 4723 4724 Wood Sorrel Press 4725 4726</span> 4727 4728 4729 4730 4731 4732 4733 4734 4735 4736 4737 4738 4739 4740 4741 4742 4743 4744 4745 4746 4747 4748 4749 4750 4751 4752 4753 4754 4755 4756 4757 4758 4759 4760<layout-stack class="layout-stack"> 4761 <template shadowrootmode="open"> 4762 <style> 4763 :host { 4764 display: contents; 4765 } 4766 4767 .layout-stack { 4768 /* Layout & Typography */ 4769 --_flex-direction: var(--_flex-direction--xs); 4770 --_justify: var(--_justify--xs); 4771 --_align: var(--_align--xs); 4772 4773 --_margin: var(--layout-stack-margin); 4774 4775 display: flex; 4776 flex-direction: var(--_flex-direction); 4777 gap: var(--_gap); 4778 flex-wrap: var(--_wrap); 4779 justify-content: var(--_justify); 4780 align-items: var(--_align); 4781 text-align: var(--_align); 4782 margin: var(--_margin); 4783 padding: 0; 4784 list-style: none; 4785 4786 ::slotted(*) { 4787 max-width: 100%; 4788 } 4789 } 4790 </style> 4791 4792 4793 4794 4795 4796 4797 4798 <style> 4799 @media (min-width: 0px) { 4800 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 4801 } 4802 </style> 4803 4804 4805 4806 4807 4808 4809 4810 4811 4812 4813 4814 4815 4816 4817 4818 4819 4820 4821 4822 4823 4824 4825 4826 4827 4828 4829 4830 4831 4832 4833 4834 4835 4836 4837 4838 4839 4840 4841 4842 4843 4844 4845 4846 4847 4848 4849 4850 4851 4852 4853 <style> 4854 @media (min-width: 0px) { 4855 .layout-stack { --_flex-direction: row; } 4856 } 4857 </style> 4858 4859 4860 4861 4862 4863 4864 4865 4866 4867 4868 4869 4870 4871 4872 4873 4874 4875 4876 <style> 4877 @media (min-width: 0px) { 4878 .layout-stack { --_justify: start; } 4879 } 4880 </style> 4881 4882 4883 4884 4885 4886 4887 4888 4889 4890 4891 4892 4893 4894 4895 4896 4897 4898 4899 <style> 4900 @media (min-width: 0px) { 4901 .layout-stack { --_align: baseline; } 4902 } 4903 </style> 4904 4905 4906 4907 4908 4909 4910 4911 4912 4913 4914 4915 4916 4917 4918 4919 4920 4921 4922 <style> 4923 @media (min-width: 0px) { 4924 .layout-stack { --_wrap: wrap; } 4925 } 4926 </style> 4927 4928 4929 4930 4931 4932 4933 4934 4935 4936 4937 4938 4939 <div class="layout-stack" style=" 4940 text-align: start; 4941 " > 4942 <slot></slot> 4943 </div> 4944 </template> 4945 4946 4947 4948 4949 4950 4951<span 4952class="element-price element-text element-text--heading-xs" 4953 4954 4955> 4956 4957 $2<sup>99</sup> 4958 4959</span> 4960 4961 4962 4963 4964 4965 4966 4967 4968 4969 4970 4971 4972 4973 4974 4975 4976 4977 4978 4979 4980 4981 4982 4983 4984 4985</layout-stack> 4986 4987 4988 4989</layout-stack> 4990 4991 4992 4993</div> 4994 4995 </div> 4996</layout-stack> 4997 4998 4999 5000 </div> 5001 </div> 5002</div> 5003 5004 5005 5006<div 5007 class=" 5008 grid-item grid-product grid-product-image-breathing-room--true 5009 5010 5011 grid-product--gridlines overlay 5012 5013 " 5014> 5015 <div 5016 class="product-grid-item" 5017 data-product-handle="a-course-in-grifting-an-adjunct-pi-short-story" 5018 data-product-id="9266672926976" 5019 data-product-grid-item 5020 > 5021 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 5022<quick-shop defer-hydration> 5023 5024<tool-tip-trigger 5025 class="tool-tip-trigger" 5026 data-tool-tip="QuickShop" 5027 data-tool-tip-classes="quick-shop-modal" 5028 defer-hydration 5029> 5030 5031 5032 <div 5033 class="tool-tip-trigger__content" 5034 data-tool-tip-trigger-content="" 5035 > 5036 5037 </div> 5038 5039 5040 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-9266672926976 small--hide" title=" 5041 5042 5043Quick shop 5044" data-handle="a-course-in-grifting-an-adjunct-pi-short-story"> 5045 5046 5047 5048 5049<element-icon 5050 5051 5052> 5053 <svg 5054 xmlns="http://www.w3.org/2000/svg" 5055 aria-hidden="true" 5056 focusable="false" 5057 role="presentation" 5058 class="element-icon element-icon-search element-icon--line" 5059 viewbox="0 0 64 64" 5060 width="20" 5061 height="20" 5062> 5063 <path 5064 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 5065 stroke-miterlimit="10" 5066 fill="none" 5067 stroke="currentColor" 5068 /> 5069</svg> 5070 5071</element-icon> 5072 5073 5074 5075 5076 5077 5078 5079 5080 5081 5082 <span class="icon__fallback-text visually-hidden"> 5083 5084 5085Quick shop 5086 5087 </span> 5088 </button> 5089 5090</tool-tip-trigger> 5091
5092<script type="module"> 5093 import 'overlay.tool-tip.trigger' 5094</script>
5094 5095 5096</quick-shop> 5097
5098<script type="module"> 5099 import 'overlay.quick-shop' 5100</script>
5100 5101 5102 5103<quick-add defer-hydration> 5104 <button 5105 type="button" class="text-link quick-add-btn" 5106 title=" 5107 5108 5109Add to cart 5110" 5111 data-id="47341373325568" 5112 data-single-variant-quick-add 5113 > 5114 <span class="btn btn--circle btn--icon"> 5115 5116 5117 5118 5119<element-icon 5120 5121 5122> 5123 <svg 5124 xmlns="http://www.w3.org/2000/svg" 5125 aria-hidden="true" 5126 focusable="false" 5127 role="presentation" 5128 class="element-icon element-icon-plus element-icon--line" 5129 viewbox="0 0 64 64" 5130 width="20" 5131 height="20" 5132> 5133 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 5134</svg> 5135 5136</element-icon> 5137 5138 5139 5140 5141 5142 5143 5144 5145 5146 5147 <span class="icon__fallback-text visually-hidden"> 5148 5149 5150Add to cart 5151 5152 </span> 5153 </span> 5154 </button> 5155</quick-add> 5156
5157<script type="module"> 5158 import 'overlay.quick-add' 5159</script>
5159 5160 5161</div> 5162 5163 5164 5165 5166 5167 5168 5169 5170 5171 5172 5173 5174 5175 5176<layout-stack class="layout-stack"> 5177 <template shadowrootmode="open"> 5178 <style> 5179 :host { 5180 display: contents; 5181 } 5182 5183 .layout-stack { 5184 /* Layout & Typography */ 5185 --_flex-direction: var(--_flex-direction--xs); 5186 --_justify: var(--_justify--xs); 5187 --_align: var(--_align--xs); 5188 5189 --_margin: var(--layout-stack-margin); 5190 5191 display: flex; 5192 flex-direction: var(--_flex-direction); 5193 gap: var(--_gap); 5194 flex-wrap: var(--_wrap); 5195 justify-content: var(--_justify); 5196 align-items: var(--_align); 5197 text-align: var(--_align); 5198 margin: var(--_margin); 5199 padding: 0; 5200 list-style: none; 5201 5202 ::slotted(*) { 5203 max-width: 100%; 5204 } 5205 } 5206 </style> 5207 5208 5209 5210 5211 5212 5213 5214 <style> 5215 @media (min-width: 0px) { 5216 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 5217 } 5218 </style> 5219 5220 5221 5222 5223 5224 5225 5226 5227 5228 5229 5230 5231 5232 5233 5234 5235 5236 5237 5238 5239 5240 5241 5242 5243 5244 5245 5246 5247 5248 5249 5250 5251 5252 5253 5254 5255 5256 5257 5258 5259 5260 5261 5262 5263 5264 5265 5266 5267 5268 5269 <style> 5270 @media (min-width: 0px) { 5271 .layout-stack { --_flex-direction: column; } 5272 } 5273 </style> 5274 5275 5276 5277 5278 5279 5280 5281 5282 5283 5284 5285 5286 5287 5288 5289 5290 5291 5292 <style> 5293 @media (min-width: 0px) { 5294 .layout-stack { --_justify: space-between; } 5295 } 5296 </style> 5297 5298 5299 5300 5301 5302 5303 5304 5305 5306 5307 5308 5309 5310 5311 5312 5313 5314 5315 <style> 5316 @media (min-width: 0px) { 5317 .layout-stack { --_align: stretch; } 5318 } 5319 </style> 5320 5321 5322 5323 5324 5325 5326 5327 5328 5329 5330 5331 5332 5333 5334 5335 5336 5337 5338 <style> 5339 @media (min-width: 0px) { 5340 .layout-stack { --_wrap: nowrap; } 5341 } 5342 </style> 5343 5344 5345 5346 5347 5348 5349 5350 5351 5352 5353 5354 5355 <div class="layout-stack" style="height: 100%;" > 5356 <slot></slot> 5357 </div> 5358 </template> 5359 5360 5361 <div class="grid-item__link"> 5362 <a href="/collections/all/products/a-course-in-grifting-an-adjunct-pi-short-story" class="grid-item__overlay-link" aria-label="A Course in Grifting (An Adjunct PI Short Story)" tabindex="-1"></a> 5363 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 5364 5365 5366 5367 5368 5369 5370 5371 5372 5373 5374 5375 5376<layout-stack class="layout-stack"> 5377 <template shadowrootmode="open"> 5378 <style> 5379 :host { 5380 display: contents; 5381 } 5382 5383 .layout-stack { 5384 /* Layout & Typography */ 5385 --_flex-direction: var(--_flex-direction--xs); 5386 --_justify: var(--_justify--xs); 5387 --_align: var(--_align--xs); 5388 5389 --_margin: var(--layout-stack-margin); 5390 5391 display: flex; 5392 flex-direction: var(--_flex-direction); 5393 gap: var(--_gap); 5394 flex-wrap: var(--_wrap); 5395 justify-content: var(--_justify); 5396 align-items: var(--_align); 5397 text-align: var(--_align); 5398 margin: var(--_margin); 5399 padding: 0; 5400 list-style: none; 5401 5402 ::slotted(*) { 5403 max-width: 100%; 5404 } 5405 } 5406 </style> 5407 5408 5409 5410 5411 5412 5413 5414 <style> 5415 @media (min-width: 0px) { 5416 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 5417 } 5418 </style> 5419 5420 5421 5422 5423 5424 5425 5426 5427 5428 5429 5430 5431 5432 5433 5434 5435 5436 5437 5438 5439 5440 5441 5442 5443 5444 5445 5446 5447 5448 5449 5450 5451 5452 5453 5454 5455 5456 5457 5458 5459 5460 5461 5462 5463 5464 5465 5466 5467 5468 5469 <style> 5470 @media (min-width: 0px) { 5471 .layout-stack { --_flex-direction: column; } 5472 } 5473 </style> 5474 5475 5476 5477 5478 5479 5480 5481 5482 5483 5484 5485 5486 5487 5488 5489 5490 5491 5492 <style> 5493 @media (min-width: 0px) { 5494 .layout-stack { --_justify: start; } 5495 } 5496 </style> 5497 5498 5499 5500 5501 5502 5503 5504 5505 5506 5507 5508 5509 5510 5511 5512 5513 5514 5515 <style> 5516 @media (min-width: 0px) { 5517 .layout-stack { --_align: center; } 5518 } 5519 </style> 5520 5521 5522 5523 5524 5525 5526 5527 5528 5529 5530 5531 5532 5533 5534 5535 5536 5537 5538 <style> 5539 @media (min-width: 0px) { 5540 .layout-stack { --_wrap: nowrap; } 5541 } 5542 </style> 5543 5544 5545 5546 5547 5548 5549 5550 5551 5552 5553 5554 5555 <div class="layout-stack" style="" > 5556 <slot></slot> 5557 </div> 5558 </template> 5559 5560 5561</layout-stack> 5562 5563 5564</div><div 5565 class="grid__image-ratio grid__image-ratio--square" 5566 > 5567 5568 5569<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 5570 image-element" sizes="150px" data-animate="fadein"> 5571 5572 5573 5574 5575</is-land> 5576</div><div class="grid-product__secondary-image small--hide"> 5577 5578 5579<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/ACourseinGriftingsmaller.jpg?v=1764110370&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/ACourseinGriftingsmaller.jpg?v=1764110370&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/ACourseinGriftingsmaller.jpg?v=1764110370&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/ACourseinGriftingsmaller.jpg?v=1764110370&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/ACourseinGriftingsmaller.jpg?v=1764110370&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/ACourseinGriftingsmaller.jpg?v=1764110370&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/ACourseinGriftingsmaller.jpg?v=1764110370&width=1600 1600w" width="1600" height="2391.0336239103362" loading="lazy" class="image-style--square 5580 image-element" sizes="150px" data-animate="fadein"> 5581 5582 5583 5584 5585</is-land> 5586</div></div> 5587 5588 <div class="grid-item__meta"> 5589 5590 5591 5592 5593 5594 5595 5596 5597 5598 5599 5600 5601 5602 5603<layout-stack class="layout-stack"> 5604 <template shadowrootmode="open"> 5605 <style> 5606 :host { 5607 display: contents; 5608 } 5609 5610 .layout-stack { 5611 /* Layout & Typography */ 5612 --_flex-direction: var(--_flex-direction--xs); 5613 --_justify: var(--_justify--xs); 5614 --_align: var(--_align--xs); 5615 5616 --_margin: var(--layout-stack-margin); 5617 5618 display: flex; 5619 flex-direction: var(--_flex-direction); 5620 gap: var(--_gap); 5621 flex-wrap: var(--_wrap); 5622 justify-content: var(--_justify); 5623 align-items: var(--_align); 5624 text-align: var(--_align); 5625 margin: var(--_margin); 5626 padding: 0; 5627 list-style: none; 5628 5629 ::slotted(*) { 5630 max-width: 100%; 5631 } 5632 } 5633 </style> 5634 5635 5636 5637 5638 5639 5640 5641 <style> 5642 @media (min-width: 0px) { 5643 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 5644 } 5645 </style> 5646 5647 5648 5649 5650 5651 5652 5653 5654 5655 5656 5657 5658 5659 5660 5661 5662 5663 5664 5665 5666 5667 5668 5669 5670 5671 5672 5673 5674 5675 5676 5677 5678 5679 5680 5681 5682 5683 5684 5685 5686 5687 5688 5689 5690 5691 5692 5693 5694 5695 5696 <style> 5697 @media (min-width: 0px) { 5698 .layout-stack { --_flex-direction: column; } 5699 } 5700 </style> 5701 5702 5703 5704 5705 5706 5707 5708 5709 5710 5711 5712 5713 5714 5715 5716 5717 5718 5719 <style> 5720 @media (min-width: 0px) { 5721 .layout-stack { --_justify: start; } 5722 } 5723 </style> 5724 5725 5726 5727 5728 5729 5730 5731 5732 5733 5734 5735 5736 5737 5738 5739 5740 5741 5742 <style> 5743 @media (min-width: 0px) { 5744 .layout-stack { --_align: start; } 5745 } 5746 </style> 5747 5748 5749 5750 5751 5752 5753 5754 5755 5756 5757 5758 5759 5760 5761 5762 5763 5764 5765 <style> 5766 @media (min-width: 0px) { 5767 .layout-stack { --_wrap: nowrap; } 5768 } 5769 </style> 5770 5771 5772 5773 5774 5775 5776 5777 5778 5779 5780 5781 5782 <div class="layout-stack" style="" > 5783 <slot></slot> 5784 </div> 5785 </template> 5786 5787 5788<div class="grid-item__swatches"> 5789 5790 5791 <is-land on:idle> <color-swatches> 5792 5793 5794 5795 5796 5797 5798 5799 5800 5801 5802 5803 5804 5805 5806 5807<layout-stack class="layout-stack"> 5808 <template shadowrootmode="open"> 5809 <style> 5810 :host { 5811 display: contents; 5812 } 5813 5814 .layout-stack { 5815 /* Layout & Typography */ 5816 --_flex-direction: var(--_flex-direction--xs); 5817 --_justify: var(--_justify--xs); 5818 --_align: var(--_align--xs); 5819 5820 --_margin: var(--layout-stack-margin); 5821 5822 display: flex; 5823 flex-direction: var(--_flex-direction); 5824 gap: var(--_gap); 5825 flex-wrap: var(--_wrap); 5826 justify-content: var(--_justify); 5827 align-items: var(--_align); 5828 text-align: var(--_align); 5829 margin: var(--_margin); 5830 padding: 0; 5831 list-style: none; 5832 5833 ::slotted(*) { 5834 max-width: 100%; 5835 } 5836 } 5837 </style> 5838 5839 5840 5841 5842 5843 5844 5845 <style> 5846 @media (min-width: 0px) { 5847 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 5848 } 5849 </style> 5850 5851 5852 5853 5854 5855 5856 5857 5858 5859 5860 5861 5862 5863 5864 5865 5866 5867 5868 5869 5870 5871 5872 5873 5874 5875 5876 5877 5878 5879 5880 5881 5882 5883 5884 5885 5886 5887 5888 5889 5890 5891 5892 5893 5894 5895 5896 5897 5898 5899 5900 <style> 5901 @media (min-width: 0px) { 5902 .layout-stack { --_flex-direction: row; } 5903 } 5904 </style> 5905 5906 5907 5908 5909 5910 5911 5912 5913 5914 5915 5916 5917 5918 5919 5920 5921 5922 5923 <style> 5924 @media (min-width: 0px) { 5925 .layout-stack { --_justify: start; } 5926 } 5927 </style> 5928 5929 5930 5931 5932 5933 5934 5935 5936 5937 5938 5939 5940 5941 5942 5943 5944 5945 5946 <style> 5947 @media (min-width: 0px) { 5948 .layout-stack { --_align: stretch; } 5949 } 5950 </style> 5951 5952 5953 5954 5955 5956 5957 5958 5959 5960 5961 5962 5963 5964 5965 5966 5967 5968 5969 <style> 5970 @media (min-width: 0px) { 5971 .layout-stack { --_wrap: wrap; } 5972 } 5973 </style> 5974 5975 5976 5977 5978 5979 5980 5981 5982 5983 5984 5985 5986 <div class="layout-stack" style="" > 5987 <slot></slot> 5988 </div> 5989 </template> 5990 5991 5992 5993 5994 5995 5996 5997 5998</layout-stack> 5999 6000 6001 6002 6003 6004 <template data-island> 6005
6005<script type="module"> 6006 import 'list.product-card.swatches' 6007 </script>
6007 6008 </template> 6009 </color-swatches> 6010 </is-land> 6011 6012</div> 6013 6014 6015 6016 6017<span 6018class="element-text element-text--body-md" 6019 6020 6021style=" 6022 word-break: break-word; hyphens: auto; text-align: start; 6023 "> 6024 6025 A Course in Grifting (An Adjunct PI Short Story) 6026 6027</span> 6028 6029 6030 6031 6032 6033 6034 6035 6036 6037 6038 6039 6040 6041 6042 6043 6044 6045 6046 6047 6048 6049 6050 6051 6052<span 6053class="element-text element-text--body-sm" 6054 6055 6056style=" 6057 opacity: 0.65; text-align: start; 6058 "> 6059 6060 Wood Sorrel Press 6061 6062</span> 6063 6064 6065 6066 6067 6068 6069 6070 6071 6072 6073 6074 6075 6076 6077 6078 6079 6080 6081 6082 6083 6084 6085 6086 6087 6088 6089 6090 6091 6092 6093 6094 6095 6096<layout-stack class="layout-stack"> 6097 <template shadowrootmode="open"> 6098 <style> 6099 :host { 6100 display: contents; 6101 } 6102 6103 .layout-stack { 6104 /* Layout & Typography */ 6105 --_flex-direction: var(--_flex-direction--xs); 6106 --_justify: var(--_justify--xs); 6107 --_align: var(--_align--xs); 6108 6109 --_margin: var(--layout-stack-margin); 6110 6111 display: flex; 6112 flex-direction: var(--_flex-direction); 6113 gap: var(--_gap); 6114 flex-wrap: var(--_wrap); 6115 justify-content: var(--_justify); 6116 align-items: var(--_align); 6117 text-align: var(--_align); 6118 margin: var(--_margin); 6119 padding: 0; 6120 list-style: none; 6121 6122 ::slotted(*) { 6123 max-width: 100%; 6124 } 6125 } 6126 </style> 6127 6128 6129 6130 6131 6132 6133 6134 <style> 6135 @media (min-width: 0px) { 6136 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 6137 } 6138 </style> 6139 6140 6141 6142 6143 6144 6145 6146 6147 6148 6149 6150 6151 6152 6153 6154 6155 6156 6157 6158 6159 6160 6161 6162 6163 6164 6165 6166 6167 6168 6169 6170 6171 6172 6173 6174 6175 6176 6177 6178 6179 6180 6181 6182 6183 6184 6185 6186 6187 6188 6189 <style> 6190 @media (min-width: 0px) { 6191 .layout-stack { --_flex-direction: row; } 6192 } 6193 </style> 6194 6195 6196 6197 6198 6199 6200 6201 6202 6203 6204 6205 6206 6207 6208 6209 6210 6211 6212 <style> 6213 @media (min-width: 0px) { 6214 .layout-stack { --_justify: start; } 6215 } 6216 </style> 6217 6218 6219 6220 6221 6222 6223 6224 6225 6226 6227 6228 6229 6230 6231 6232 6233 6234 6235 <style> 6236 @media (min-width: 0px) { 6237 .layout-stack { --_align: baseline; } 6238 } 6239 </style> 6240 6241 6242 6243 6244 6245 6246 6247 6248 6249 6250 6251 6252 6253 6254 6255 6256 6257 6258 <style> 6259 @media (min-width: 0px) { 6260 .layout-stack { --_wrap: wrap; } 6261 } 6262 </style> 6263 6264 6265 6266 6267 6268 6269 6270 6271 6272 6273 6274 6275 <div class="layout-stack" style=" 6276 text-align: start; 6277 " > 6278 <slot></slot> 6279 </div> 6280 </template> 6281 6282 6283 6284 6285 6286 6287<span 6288class="element-price element-text element-text--heading-xs" 6289 6290 6291> 6292 6293 $2<sup>99</sup> 6294 6295</span> 6296 6297 6298 6299 6300 6301 6302 6303 6304 6305 6306 6307 6308 6309 6310 6311 6312 6313 6314 6315 6316 6317 6318 6319 6320 6321</layout-stack> 6322 6323 6324 6325</layout-stack> 6326 6327 6328 6329</div> 6330 6331 </div> 6332</layout-stack> 6333 6334 6335 6336 </div> 6337 </div> 6338</div> 6339 6340 6341 6342<div 6343 class=" 6344 grid-item grid-product grid-product-image-breathing-room--true 6345 6346 6347 grid-product--gridlines overlay 6348 6349 " 6350> 6351 <div 6352 class="product-grid-item" 6353 data-product-handle="a-haunted-house-a-spooky-short-story" 6354 data-product-id="9212819144960" 6355 data-product-grid-item 6356 > 6357 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 6358<quick-shop defer-hydration> 6359 6360<tool-tip-trigger 6361 class="tool-tip-trigger" 6362 data-tool-tip="QuickShop" 6363 data-tool-tip-classes="quick-shop-modal" 6364 defer-hydration 6365> 6366 6367 6368 <div 6369 class="tool-tip-trigger__content" 6370 data-tool-tip-trigger-content="" 6371 > 6372 6373 </div> 6374 6375 6376 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-9212819144960 small--hide" title=" 6377 6378 6379Quick shop 6380" data-handle="a-haunted-house-a-spooky-short-story"> 6381 6382 6383 6384 6385<element-icon 6386 6387 6388> 6389 <svg 6390 xmlns="http://www.w3.org/2000/svg" 6391 aria-hidden="true" 6392 focusable="false" 6393 role="presentation" 6394 class="element-icon element-icon-search element-icon--line" 6395 viewbox="0 0 64 64" 6396 width="20" 6397 height="20" 6398> 6399 <path 6400 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 6401 stroke-miterlimit="10" 6402 fill="none" 6403 stroke="currentColor" 6404 /> 6405</svg> 6406 6407</element-icon> 6408 6409 6410 6411 6412 6413 6414 6415 6416 6417 6418 <span class="icon__fallback-text visually-hidden"> 6419 6420 6421Quick shop 6422 6423 </span> 6424 </button> 6425 6426</tool-tip-trigger> 6427
6428<script type="module"> 6429 import 'overlay.tool-tip.trigger' 6430</script>
6430 6431 6432</quick-shop> 6433
6434<script type="module"> 6435 import 'overlay.quick-shop' 6436</script>
6436 6437 6438 6439<quick-add defer-hydration> 6440 <button 6441 type="button" class="text-link quick-add-btn" 6442 title=" 6443 6444 6445Add to cart 6446" 6447 data-id="47148917686528" 6448 data-single-variant-quick-add 6449 > 6450 <span class="btn btn--circle btn--icon"> 6451 6452 6453 6454 6455<element-icon 6456 6457 6458> 6459 <svg 6460 xmlns="http://www.w3.org/2000/svg" 6461 aria-hidden="true" 6462 focusable="false" 6463 role="presentation" 6464 class="element-icon element-icon-plus element-icon--line" 6465 viewbox="0 0 64 64" 6466 width="20" 6467 height="20" 6468> 6469 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 6470</svg> 6471 6472</element-icon> 6473 6474 6475 6476 6477 6478 6479 6480 6481 6482 6483 <span class="icon__fallback-text visually-hidden"> 6484 6485 6486Add to cart 6487 6488 </span> 6489 </span> 6490 </button> 6491</quick-add> 6492
6493<script type="module"> 6494 import 'overlay.quick-add' 6495</script>
6495 6496 6497</div> 6498 6499 6500 6501 6502 6503 6504 6505 6506 6507 6508 6509 6510 6511 6512<layout-stack class="layout-stack"> 6513 <template shadowrootmode="open"> 6514 <style> 6515 :host { 6516 display: contents; 6517 } 6518 6519 .layout-stack { 6520 /* Layout & Typography */ 6521 --_flex-direction: var(--_flex-direction--xs); 6522 --_justify: var(--_justify--xs); 6523 --_align: var(--_align--xs); 6524 6525 --_margin: var(--layout-stack-margin); 6526 6527 display: flex; 6528 flex-direction: var(--_flex-direction); 6529 gap: var(--_gap); 6530 flex-wrap: var(--_wrap); 6531 justify-content: var(--_justify); 6532 align-items: var(--_align); 6533 text-align: var(--_align); 6534 margin: var(--_margin); 6535 padding: 0; 6536 list-style: none; 6537 6538 ::slotted(*) { 6539 max-width: 100%; 6540 } 6541 } 6542 </style> 6543 6544 6545 6546 6547 6548 6549 6550 <style> 6551 @media (min-width: 0px) { 6552 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 6553 } 6554 </style> 6555 6556 6557 6558 6559 6560 6561 6562 6563 6564 6565 6566 6567 6568 6569 6570 6571 6572 6573 6574 6575 6576 6577 6578 6579 6580 6581 6582 6583 6584 6585 6586 6587 6588 6589 6590 6591 6592 6593 6594 6595 6596 6597 6598 6599 6600 6601 6602 6603 6604 6605 <style> 6606 @media (min-width: 0px) { 6607 .layout-stack { --_flex-direction: column; } 6608 } 6609 </style> 6610 6611 6612 6613 6614 6615 6616 6617 6618 6619 6620 6621 6622 6623 6624 6625 6626 6627 6628 <style> 6629 @media (min-width: 0px) { 6630 .layout-stack { --_justify: space-between; } 6631 } 6632 </style> 6633 6634 6635 6636 6637 6638 6639 6640 6641 6642 6643 6644 6645 6646 6647 6648 6649 6650 6651 <style> 6652 @media (min-width: 0px) { 6653 .layout-stack { --_align: stretch; } 6654 } 6655 </style> 6656 6657 6658 6659 6660 6661 6662 6663 6664 6665 6666 6667 6668 6669 6670 6671 6672 6673 6674 <style> 6675 @media (min-width: 0px) { 6676 .layout-stack { --_wrap: nowrap; } 6677 } 6678 </style> 6679 6680 6681 6682 6683 6684 6685 6686 6687 6688 6689 6690 6691 <div class="layout-stack" style="height: 100%;" > 6692 <slot></slot> 6693 </div> 6694 </template> 6695 6696 6697 <div class="grid-item__link"> 6698 <a href="/collections/all/products/a-haunted-house-a-spooky-short-story" class="grid-item__overlay-link" aria-label="A Haunted House? (A Spooky Short Story)" tabindex="-1"></a> 6699 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 6700 6701 6702 6703 6704 6705 6706 6707 6708 6709 6710 6711 6712<layout-stack class="layout-stack"> 6713 <template shadowrootmode="open"> 6714 <style> 6715 :host { 6716 display: contents; 6717 } 6718 6719 .layout-stack { 6720 /* Layout & Typography */ 6721 --_flex-direction: var(--_flex-direction--xs); 6722 --_justify: var(--_justify--xs); 6723 --_align: var(--_align--xs); 6724 6725 --_margin: var(--layout-stack-margin); 6726 6727 display: flex; 6728 flex-direction: var(--_flex-direction); 6729 gap: var(--_gap); 6730 flex-wrap: var(--_wrap); 6731 justify-content: var(--_justify); 6732 align-items: var(--_align); 6733 text-align: var(--_align); 6734 margin: var(--_margin); 6735 padding: 0; 6736 list-style: none; 6737 6738 ::slotted(*) { 6739 max-width: 100%; 6740 } 6741 } 6742 </style> 6743 6744 6745 6746 6747 6748 6749 6750 <style> 6751 @media (min-width: 0px) { 6752 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 6753 } 6754 </style> 6755 6756 6757 6758 6759 6760 6761 6762 6763 6764 6765 6766 6767 6768 6769 6770 6771 6772 6773 6774 6775 6776 6777 6778 6779 6780 6781 6782 6783 6784 6785 6786 6787 6788 6789 6790 6791 6792 6793 6794 6795 6796 6797 6798 6799 6800 6801 6802 6803 6804 6805 <style> 6806 @media (min-width: 0px) { 6807 .layout-stack { --_flex-direction: column; } 6808 } 6809 </style> 6810 6811 6812 6813 6814 6815 6816 6817 6818 6819 6820 6821 6822 6823 6824 6825 6826 6827 6828 <style> 6829 @media (min-width: 0px) { 6830 .layout-stack { --_justify: start; } 6831 } 6832 </style> 6833 6834 6835 6836 6837 6838 6839 6840 6841 6842 6843 6844 6845 6846 6847 6848 6849 6850 6851 <style> 6852 @media (min-width: 0px) { 6853 .layout-stack { --_align: center; } 6854 } 6855 </style> 6856 6857 6858 6859 6860 6861 6862 6863 6864 6865 6866 6867 6868 6869 6870 6871 6872 6873 6874 <style> 6875 @media (min-width: 0px) { 6876 .layout-stack { --_wrap: nowrap; } 6877 } 6878 </style> 6879 6880 6881 6882 6883 6884 6885 6886 6887 6888 6889 6890 6891 <div class="layout-stack" style="" > 6892 <slot></slot> 6893 </div> 6894 </template> 6895 6896 6897</layout-stack> 6898 6899 6900</div><div 6901 class="grid__image-ratio grid__image-ratio--square" 6902 > 6903 6904 6905<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 6906 image-element" sizes="150px" data-animate="fadein"> 6907 6908 6909 6910 6911</is-land> 6912</div><div class="grid-product__secondary-image small--hide"> 6913 6914 6915<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/AHuantedHousekindle.jpg?v=1762903473&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/AHuantedHousekindle.jpg?v=1762903473&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/AHuantedHousekindle.jpg?v=1762903473&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/AHuantedHousekindle.jpg?v=1762903473&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/AHuantedHousekindle.jpg?v=1762903473&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/AHuantedHousekindle.jpg?v=1762903473&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/AHuantedHousekindle.jpg?v=1762903473&width=1600 1600w" width="1600" height="2391.0336239103362" loading="lazy" class="image-style--square 6916 image-element" sizes="150px" data-animate="fadein"> 6917 6918 6919 6920 6921</is-land> 6922</div></div> 6923 6924 <div class="grid-item__meta"> 6925 6926 6927 6928 6929 6930 6931 6932 6933 6934 6935 6936 6937 6938 6939<layout-stack class="layout-stack"> 6940 <template shadowrootmode="open"> 6941 <style> 6942 :host { 6943 display: contents; 6944 } 6945 6946 .layout-stack { 6947 /* Layout & Typography */ 6948 --_flex-direction: var(--_flex-direction--xs); 6949 --_justify: var(--_justify--xs); 6950 --_align: var(--_align--xs); 6951 6952 --_margin: var(--layout-stack-margin); 6953 6954 display: flex; 6955 flex-direction: var(--_flex-direction); 6956 gap: var(--_gap); 6957 flex-wrap: var(--_wrap); 6958 justify-content: var(--_justify); 6959 align-items: var(--_align); 6960 text-align: var(--_align); 6961 margin: var(--_margin); 6962 padding: 0; 6963 list-style: none; 6964 6965 ::slotted(*) { 6966 max-width: 100%; 6967 } 6968 } 6969 </style> 6970 6971 6972 6973 6974 6975 6976 6977 <style> 6978 @media (min-width: 0px) { 6979 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 6980 } 6981 </style> 6982 6983 6984 6985 6986 6987 6988 6989 6990 6991 6992 6993 6994 6995 6996 6997 6998 6999 7000 7001 7002 7003 7004 7005 7006 7007 7008 7009 7010 7011 7012 7013 7014 7015 7016 7017 7018 7019 7020 7021 7022 7023 7024 7025 7026 7027 7028 7029 7030 7031 7032 <style> 7033 @media (min-width: 0px) { 7034 .layout-stack { --_flex-direction: column; } 7035 } 7036 </style> 7037 7038 7039 7040 7041 7042 7043 7044 7045 7046 7047 7048 7049 7050 7051 7052 7053 7054 7055 <style> 7056 @media (min-width: 0px) { 7057 .layout-stack { --_justify: start; } 7058 } 7059 </style> 7060 7061 7062 7063 7064 7065 7066 7067 7068 7069 7070 7071 7072 7073 7074 7075 7076 7077 7078 <style> 7079 @media (min-width: 0px) { 7080 .layout-stack { --_align: start; } 7081 } 7082 </style> 7083 7084 7085 7086 7087 7088 7089 7090 7091 7092 7093 7094 7095 7096 7097 7098 7099 7100 7101 <style> 7102 @media (min-width: 0px) { 7103 .layout-stack { --_wrap: nowrap; } 7104 } 7105 </style> 7106 7107 7108 7109 7110 7111 7112 7113 7114 7115 7116 7117 7118 <div class="layout-stack" style="" > 7119 <slot></slot> 7120 </div> 7121 </template> 7122 7123 7124<div class="grid-item__swatches"> 7125 7126 7127 <is-land on:idle> <color-swatches> 7128 7129 7130 7131 7132 7133 7134 7135 7136 7137 7138 7139 7140 7141 7142 7143<layout-stack class="layout-stack"> 7144 <template shadowrootmode="open"> 7145 <style> 7146 :host { 7147 display: contents; 7148 } 7149 7150 .layout-stack { 7151 /* Layout & Typography */ 7152 --_flex-direction: var(--_flex-direction--xs); 7153 --_justify: var(--_justify--xs); 7154 --_align: var(--_align--xs); 7155 7156 --_margin: var(--layout-stack-margin); 7157 7158 display: flex; 7159 flex-direction: var(--_flex-direction); 7160 gap: var(--_gap); 7161 flex-wrap: var(--_wrap); 7162 justify-content: var(--_justify); 7163 align-items: var(--_align); 7164 text-align: var(--_align); 7165 margin: var(--_margin); 7166 padding: 0; 7167 list-style: none; 7168 7169 ::slotted(*) { 7170 max-width: 100%; 7171 } 7172 } 7173 </style> 7174 7175 7176 7177 7178 7179 7180 7181 <style> 7182 @media (min-width: 0px) { 7183 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 7184 } 7185 </style> 7186 7187 7188 7189 7190 7191 7192 7193 7194 7195 7196 7197 7198 7199 7200 7201 7202 7203 7204 7205 7206 7207 7208 7209 7210 7211 7212 7213 7214 7215 7216 7217 7218 7219 7220 7221 7222 7223 7224 7225 7226 7227 7228 7229 7230 7231 7232 7233 7234 7235 7236 <style> 7237 @media (min-width: 0px) { 7238 .layout-stack { --_flex-direction: row; } 7239 } 7240 </style> 7241 7242 7243 7244 7245 7246 7247 7248 7249 7250 7251 7252 7253 7254 7255 7256 7257 7258 7259 <style> 7260 @media (min-width: 0px) { 7261 .layout-stack { --_justify: start; } 7262 } 7263 </style> 7264 7265 7266 7267 7268 7269 7270 7271 7272 7273 7274 7275 7276 7277 7278 7279 7280 7281 7282 <style> 7283 @media (min-width: 0px) { 7284 .layout-stack { --_align: stretch; } 7285 } 7286 </style> 7287 7288 7289 7290 7291 7292 7293 7294 7295 7296 7297 7298 7299 7300 7301 7302 7303 7304 7305 <style> 7306 @media (min-width: 0px) { 7307 .layout-stack { --_wrap: wrap; } 7308 } 7309 </style> 7310 7311 7312 7313 7314 7315 7316 7317 7318 7319 7320 7321 7322 <div class="layout-stack" style="" > 7323 <slot></slot> 7324 </div> 7325 </template> 7326 7327 7328 7329 7330 7331 7332 7333 7334</layout-stack> 7335 7336 7337 7338 7339 7340 <template data-island> 7341
7341<script type="module"> 7342 import 'list.product-card.swatches' 7343 </script>
7343 7344 </template> 7345 </color-swatches> 7346 </is-land> 7347 7348</div> 7349 7350 7351 7352 7353<span 7354class="element-text element-text--body-md" 7355 7356 7357style=" 7358 word-break: break-word; hyphens: auto; text-align: start; 7359 "> 7360 7361 A Haunted House? (A Spooky Short Story) 7362 7363</span> 7364 7365 7366 7367 7368 7369 7370 7371 7372 7373 7374 7375 7376 7377 7378 7379 7380 7381 7382 7383 7384 7385 7386 7387 7388<span 7389class="element-text element-text--body-sm" 7390 7391 7392style=" 7393 opacity: 0.65; text-align: start; 7394 "> 7395 7396 Wood Sorrel Press 7397 7398</span> 7399 7400 7401 7402 7403 7404 7405 7406 7407 7408 7409 7410 7411 7412 7413 7414 7415 7416 7417 7418 7419 7420 7421 7422 7423 7424 7425 7426 7427 7428 7429 7430 7431 7432<layout-stack class="layout-stack"> 7433 <template shadowrootmode="open"> 7434 <style> 7435 :host { 7436 display: contents; 7437 } 7438 7439 .layout-stack { 7440 /* Layout & Typography */ 7441 --_flex-direction: var(--_flex-direction--xs); 7442 --_justify: var(--_justify--xs); 7443 --_align: var(--_align--xs); 7444 7445 --_margin: var(--layout-stack-margin); 7446 7447 display: flex; 7448 flex-direction: var(--_flex-direction); 7449 gap: var(--_gap); 7450 flex-wrap: var(--_wrap); 7451 justify-content: var(--_justify); 7452 align-items: var(--_align); 7453 text-align: var(--_align); 7454 margin: var(--_margin); 7455 padding: 0; 7456 list-style: none; 7457 7458 ::slotted(*) { 7459 max-width: 100%; 7460 } 7461 } 7462 </style> 7463 7464 7465 7466 7467 7468 7469 7470 <style> 7471 @media (min-width: 0px) { 7472 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 7473 } 7474 </style> 7475 7476 7477 7478 7479 7480 7481 7482 7483 7484 7485 7486 7487 7488 7489 7490 7491 7492 7493 7494 7495 7496 7497 7498 7499 7500 7501 7502 7503 7504 7505 7506 7507 7508 7509 7510 7511 7512 7513 7514 7515 7516 7517 7518 7519 7520 7521 7522 7523 7524 7525 <style> 7526 @media (min-width: 0px) { 7527 .layout-stack { --_flex-direction: row; } 7528 } 7529 </style> 7530 7531 7532 7533 7534 7535 7536 7537 7538 7539 7540 7541 7542 7543 7544 7545 7546 7547 7548 <style> 7549 @media (min-width: 0px) { 7550 .layout-stack { --_justify: start; } 7551 } 7552 </style> 7553 7554 7555 7556 7557 7558 7559 7560 7561 7562 7563 7564 7565 7566 7567 7568 7569 7570 7571 <style> 7572 @media (min-width: 0px) { 7573 .layout-stack { --_align: baseline; } 7574 } 7575 </style> 7576 7577 7578 7579 7580 7581 7582 7583 7584 7585 7586 7587 7588 7589 7590 7591 7592 7593 7594 <style> 7595 @media (min-width: 0px) { 7596 .layout-stack { --_wrap: wrap; } 7597 } 7598 </style> 7599 7600 7601 7602 7603 7604 7605 7606 7607 7608 7609 7610 7611 <div class="layout-stack" style=" 7612 text-align: start; 7613 " > 7614 <slot></slot> 7615 </div> 7616 </template> 7617 7618 7619 7620 7621 7622 7623<span 7624class="element-price element-text element-text--heading-xs" 7625 7626 7627> 7628 7629 $2<sup>99</sup> 7630 7631</span> 7632 7633 7634 7635 7636 7637 7638 7639 7640 7641 7642 7643 7644 7645 7646 7647 7648 7649 7650 7651 7652 7653 7654 7655 7656 7657</layout-stack> 7658 7659 7660 7661</layout-stack> 7662 7663 7664 7665</div> 7666 7667 </div> 7668</layout-stack> 7669 7670 7671 7672 </div> 7673 </div> 7674</div> 7675 7676 7677 7678<div 7679 class=" 7680 grid-item grid-product grid-product-image-breathing-room--true 7681 7682 7683 grid-product--gridlines overlay 7684 7685 " 7686> 7687 <div 7688 class="product-grid-item" 7689 data-product-handle="a-new-paradise-a-skep-rivers-short-story" 7690 data-product-id="9168181952768" 7691 data-product-grid-item 7692 > 7693 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 7694<quick-shop defer-hydration> 7695 7696<tool-tip-trigger 7697 class="tool-tip-trigger" 7698 data-tool-tip="QuickShop" 7699 data-tool-tip-classes="quick-shop-modal" 7700 defer-hydration 7701> 7702 7703 7704 <div 7705 class="tool-tip-trigger__content" 7706 data-tool-tip-trigger-content="" 7707 > 7708 7709 </div> 7710 7711 7712 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-9168181952768 small--hide" title=" 7713 7714 7715Quick shop 7716" data-handle="a-new-paradise-a-skep-rivers-short-story"> 7717 7718 7719 7720 7721<element-icon 7722 7723 7724> 7725 <svg 7726 xmlns="http://www.w3.org/2000/svg" 7727 aria-hidden="true" 7728 focusable="false" 7729 role="presentation" 7730 class="element-icon element-icon-search element-icon--line" 7731 viewbox="0 0 64 64" 7732 width="20" 7733 height="20" 7734> 7735 <path 7736 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 7737 stroke-miterlimit="10" 7738 fill="none" 7739 stroke="currentColor" 7740 /> 7741</svg> 7742 7743</element-icon> 7744 7745 7746 7747 7748 7749 7750 7751 7752 7753 7754 <span class="icon__fallback-text visually-hidden"> 7755 7756 7757Quick shop 7758 7759 </span> 7760 </button> 7761 7762</tool-tip-trigger> 7763
7764<script type="module"> 7765 import 'overlay.tool-tip.trigger' 7766</script>
7766 7767 7768</quick-shop> 7769
7770<script type="module"> 7771 import 'overlay.quick-shop' 7772</script>
7772 7773 7774 7775<quick-add defer-hydration> 7776 <button 7777 type="button" class="text-link quick-add-btn" 7778 title=" 7779 7780 7781Add to cart 7782" 7783 data-id="47000396431616" 7784 data-single-variant-quick-add 7785 > 7786 <span class="btn btn--circle btn--icon"> 7787 7788 7789 7790 7791<element-icon 7792 7793 7794> 7795 <svg 7796 xmlns="http://www.w3.org/2000/svg" 7797 aria-hidden="true" 7798 focusable="false" 7799 role="presentation" 7800 class="element-icon element-icon-plus element-icon--line" 7801 viewbox="0 0 64 64" 7802 width="20" 7803 height="20" 7804> 7805 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 7806</svg> 7807 7808</element-icon> 7809 7810 7811 7812 7813 7814 7815 7816 7817 7818 7819 <span class="icon__fallback-text visually-hidden"> 7820 7821 7822Add to cart 7823 7824 </span> 7825 </span> 7826 </button> 7827</quick-add> 7828
7829<script type="module"> 7830 import 'overlay.quick-add' 7831</script>
7831 7832 7833</div> 7834 7835 7836 7837 7838 7839 7840 7841 7842 7843 7844 7845 7846 7847 7848<layout-stack class="layout-stack"> 7849 <template shadowrootmode="open"> 7850 <style> 7851 :host { 7852 display: contents; 7853 } 7854 7855 .layout-stack { 7856 /* Layout & Typography */ 7857 --_flex-direction: var(--_flex-direction--xs); 7858 --_justify: var(--_justify--xs); 7859 --_align: var(--_align--xs); 7860 7861 --_margin: var(--layout-stack-margin); 7862 7863 display: flex; 7864 flex-direction: var(--_flex-direction); 7865 gap: var(--_gap); 7866 flex-wrap: var(--_wrap); 7867 justify-content: var(--_justify); 7868 align-items: var(--_align); 7869 text-align: var(--_align); 7870 margin: var(--_margin); 7871 padding: 0; 7872 list-style: none; 7873 7874 ::slotted(*) { 7875 max-width: 100%; 7876 } 7877 } 7878 </style> 7879 7880 7881 7882 7883 7884 7885 7886 <style> 7887 @media (min-width: 0px) { 7888 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 7889 } 7890 </style> 7891 7892 7893 7894 7895 7896 7897 7898 7899 7900 7901 7902 7903 7904 7905 7906 7907 7908 7909 7910 7911 7912 7913 7914 7915 7916 7917 7918 7919 7920 7921 7922 7923 7924 7925 7926 7927 7928 7929 7930 7931 7932 7933 7934 7935 7936 7937 7938 7939 7940 7941 <style> 7942 @media (min-width: 0px) { 7943 .layout-stack { --_flex-direction: column; } 7944 } 7945 </style> 7946 7947 7948 7949 7950 7951 7952 7953 7954 7955 7956 7957 7958 7959 7960 7961 7962 7963 7964 <style> 7965 @media (min-width: 0px) { 7966 .layout-stack { --_justify: space-between; } 7967 } 7968 </style> 7969 7970 7971 7972 7973 7974 7975 7976 7977 7978 7979 7980 7981 7982 7983 7984 7985 7986 7987 <style> 7988 @media (min-width: 0px) { 7989 .layout-stack { --_align: stretch; } 7990 } 7991 </style> 7992 7993 7994 7995 7996 7997 7998 7999 8000 8001 8002 8003 8004 8005 8006 8007 8008 8009 8010 <style> 8011 @media (min-width: 0px) { 8012 .layout-stack { --_wrap: nowrap; } 8013 } 8014 </style> 8015 8016 8017 8018 8019 8020 8021 8022 8023 8024 8025 8026 8027 <div class="layout-stack" style="height: 100%;" > 8028 <slot></slot> 8029 </div> 8030 </template> 8031 8032 8033 <div class="grid-item__link"> 8034 <a href="/collections/all/products/a-new-paradise-a-skep-rivers-short-story" class="grid-item__overlay-link" aria-label="A New Paradise (A Skep Rivers Short Story)" tabindex="-1"></a> 8035 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 8036 8037 8038 8039 8040 8041 8042 8043 8044 8045 8046 8047 8048<layout-stack class="layout-stack"> 8049 <template shadowrootmode="open"> 8050 <style> 8051 :host { 8052 display: contents; 8053 } 8054 8055 .layout-stack { 8056 /* Layout & Typography */ 8057 --_flex-direction: var(--_flex-direction--xs); 8058 --_justify: var(--_justify--xs); 8059 --_align: var(--_align--xs); 8060 8061 --_margin: var(--layout-stack-margin); 8062 8063 display: flex; 8064 flex-direction: var(--_flex-direction); 8065 gap: var(--_gap); 8066 flex-wrap: var(--_wrap); 8067 justify-content: var(--_justify); 8068 align-items: var(--_align); 8069 text-align: var(--_align); 8070 margin: var(--_margin); 8071 padding: 0; 8072 list-style: none; 8073 8074 ::slotted(*) { 8075 max-width: 100%; 8076 } 8077 } 8078 </style> 8079 8080 8081 8082 8083 8084 8085 8086 <style> 8087 @media (min-width: 0px) { 8088 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 8089 } 8090 </style> 8091 8092 8093 8094 8095 8096 8097 8098 8099 8100 8101 8102 8103 8104 8105 8106 8107 8108 8109 8110 8111 8112 8113 8114 8115 8116 8117 8118 8119 8120 8121 8122 8123 8124 8125 8126 8127 8128 8129 8130 8131 8132 8133 8134 8135 8136 8137 8138 8139 8140 8141 <style> 8142 @media (min-width: 0px) { 8143 .layout-stack { --_flex-direction: column; } 8144 } 8145 </style> 8146 8147 8148 8149 8150 8151 8152 8153 8154 8155 8156 8157 8158 8159 8160 8161 8162 8163 8164 <style> 8165 @media (min-width: 0px) { 8166 .layout-stack { --_justify: start; } 8167 } 8168 </style> 8169 8170 8171 8172 8173 8174 8175 8176 8177 8178 8179 8180 8181 8182 8183 8184 8185 8186 8187 <style> 8188 @media (min-width: 0px) { 8189 .layout-stack { --_align: center; } 8190 } 8191 </style> 8192 8193 8194 8195 8196 8197 8198 8199 8200 8201 8202 8203 8204 8205 8206 8207 8208 8209 8210 <style> 8211 @media (min-width: 0px) { 8212 .layout-stack { --_wrap: nowrap; } 8213 } 8214 </style> 8215 8216 8217 8218 8219 8220 8221 8222 8223 8224 8225 8226 8227 <div class="layout-stack" style="" > 8228 <slot></slot> 8229 </div> 8230 </template> 8231 8232 8233</layout-stack> 8234 8235 8236</div><div 8237 class="grid__image-ratio grid__image-ratio--square" 8238 > 8239 8240 8241<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 8242 image-element" sizes="150px" data-animate="fadein"> 8243 8244 8245 8246 8247</is-land> 8248</div><div class="grid-product__secondary-image small--hide"> 8249 8250 8251<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/A_New_Paradise_shopify_cover.jpg?v=1757458555&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/A_New_Paradise_shopify_cover.jpg?v=1757458555&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/A_New_Paradise_shopify_cover.jpg?v=1757458555&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/A_New_Paradise_shopify_cover.jpg?v=1757458555&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/A_New_Paradise_shopify_cover.jpg?v=1757458555&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/A_New_Paradise_shopify_cover.jpg?v=1757458555&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/A_New_Paradise_shopify_cover.jpg?v=1757458555&width=1600 1600w" width="1600" height="2391.824817518248" loading="lazy" class="image-style--square 8252 image-element" sizes="150px" data-animate="fadein"> 8253 8254 8255 8256 8257</is-land> 8258</div></div> 8259 8260 <div class="grid-item__meta"> 8261 8262 8263 8264 8265 8266 8267 8268 8269 8270 8271 8272 8273 8274 8275<layout-stack class="layout-stack"> 8276 <template shadowrootmode="open"> 8277 <style> 8278 :host { 8279 display: contents; 8280 } 8281 8282 .layout-stack { 8283 /* Layout & Typography */ 8284 --_flex-direction: var(--_flex-direction--xs); 8285 --_justify: var(--_justify--xs); 8286 --_align: var(--_align--xs); 8287 8288 --_margin: var(--layout-stack-margin); 8289 8290 display: flex; 8291 flex-direction: var(--_flex-direction); 8292 gap: var(--_gap); 8293 flex-wrap: var(--_wrap); 8294 justify-content: var(--_justify); 8295 align-items: var(--_align); 8296 text-align: var(--_align); 8297 margin: var(--_margin); 8298 padding: 0; 8299 list-style: none; 8300 8301 ::slotted(*) { 8302 max-width: 100%; 8303 } 8304 } 8305 </style> 8306 8307 8308 8309 8310 8311 8312 8313 <style> 8314 @media (min-width: 0px) { 8315 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 8316 } 8317 </style> 8318 8319 8320 8321 8322 8323 8324 8325 8326 8327 8328 8329 8330 8331 8332 8333 8334 8335 8336 8337 8338 8339 8340 8341 8342 8343 8344 8345 8346 8347 8348 8349 8350 8351 8352 8353 8354 8355 8356 8357 8358 8359 8360 8361 8362 8363 8364 8365 8366 8367 8368 <style> 8369 @media (min-width: 0px) { 8370 .layout-stack { --_flex-direction: column; } 8371 } 8372 </style> 8373 8374 8375 8376 8377 8378 8379 8380 8381 8382 8383 8384 8385 8386 8387 8388 8389 8390 8391 <style> 8392 @media (min-width: 0px) { 8393 .layout-stack { --_justify: start; } 8394 } 8395 </style> 8396 8397 8398 8399 8400 8401 8402 8403 8404 8405 8406 8407 8408 8409 8410 8411 8412 8413 8414 <style> 8415 @media (min-width: 0px) { 8416 .layout-stack { --_align: start; } 8417 } 8418 </style> 8419 8420 8421 8422 8423 8424 8425 8426 8427 8428 8429 8430 8431 8432 8433 8434 8435 8436 8437 <style> 8438 @media (min-width: 0px) { 8439 .layout-stack { --_wrap: nowrap; } 8440 } 8441 </style> 8442 8443 8444 8445 8446 8447 8448 8449 8450 8451 8452 8453 8454 <div class="layout-stack" style="" > 8455 <slot></slot> 8456 </div> 8457 </template> 8458 8459 8460<div class="grid-item__swatches"> 8461 8462 8463 <is-land on:idle> <color-swatches> 8464 8465 8466 8467 8468 8469 8470 8471 8472 8473 8474 8475 8476 8477 8478 8479<layout-stack class="layout-stack"> 8480 <template shadowrootmode="open"> 8481 <style> 8482 :host { 8483 display: contents; 8484 } 8485 8486 .layout-stack { 8487 /* Layout & Typography */ 8488 --_flex-direction: var(--_flex-direction--xs); 8489 --_justify: var(--_justify--xs); 8490 --_align: var(--_align--xs); 8491 8492 --_margin: var(--layout-stack-margin); 8493 8494 display: flex; 8495 flex-direction: var(--_flex-direction); 8496 gap: var(--_gap); 8497 flex-wrap: var(--_wrap); 8498 justify-content: var(--_justify); 8499 align-items: var(--_align); 8500 text-align: var(--_align); 8501 margin: var(--_margin); 8502 padding: 0; 8503 list-style: none; 8504 8505 ::slotted(*) { 8506 max-width: 100%; 8507 } 8508 } 8509 </style> 8510 8511 8512 8513 8514 8515 8516 8517 <style> 8518 @media (min-width: 0px) { 8519 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 8520 } 8521 </style> 8522 8523 8524 8525 8526 8527 8528 8529 8530 8531 8532 8533 8534 8535 8536 8537 8538 8539 8540 8541 8542 8543 8544 8545 8546 8547 8548 8549 8550 8551 8552 8553 8554 8555 8556 8557 8558 8559 8560 8561 8562 8563 8564 8565 8566 8567 8568 8569 8570 8571 8572 <style> 8573 @media (min-width: 0px) { 8574 .layout-stack { --_flex-direction: row; } 8575 } 8576 </style> 8577 8578 8579 8580 8581 8582 8583 8584 8585 8586 8587 8588 8589 8590 8591 8592 8593 8594 8595 <style> 8596 @media (min-width: 0px) { 8597 .layout-stack { --_justify: start; } 8598 } 8599 </style> 8600 8601 8602 8603 8604 8605 8606 8607 8608 8609 8610 8611 8612 8613 8614 8615 8616 8617 8618 <style> 8619 @media (min-width: 0px) { 8620 .layout-stack { --_align: stretch; } 8621 } 8622 </style> 8623 8624 8625 8626 8627 8628 8629 8630 8631 8632 8633 8634 8635 8636 8637 8638 8639 8640 8641 <style> 8642 @media (min-width: 0px) { 8643 .layout-stack { --_wrap: wrap; } 8644 } 8645 </style> 8646 8647 8648 8649 8650 8651 8652 8653 8654 8655 8656 8657 8658 <div class="layout-stack" style="" > 8659 <slot></slot> 8660 </div> 8661 </template> 8662 8663 8664 8665 8666 8667 8668 8669 8670</layout-stack> 8671 8672 8673 8674 8675 8676 <template data-island> 8677
8677<script type="module"> 8678 import 'list.product-card.swatches' 8679 </script>
8679 8680 </template> 8681 </color-swatches> 8682 </is-land> 8683 8684</div> 8685 8686 8687 8688 8689<span 8690class="element-text element-text--body-md" 8691 8692 8693style=" 8694 word-break: break-word; hyphens: auto; text-align: start; 8695 "> 8696 8697 A New Paradise (A Skep Rivers Short Story) 8698 8699</span> 8700 8701 8702 8703 8704 8705 8706 8707 8708 8709 8710 8711 8712 8713 8714 8715 8716 8717 8718 8719 8720 8721 8722 8723 8724<span 8725class="element-text element-text--body-sm" 8726 8727 8728style=" 8729 opacity: 0.65; text-align: start; 8730 "> 8731 8732 Wood Sorrel Press 8733 8734</span> 8735 8736 8737 8738 8739 8740 8741 8742 8743 8744 8745 8746 8747 8748 8749 8750 8751 8752 8753 8754 8755 8756 8757 8758 8759 8760 8761 8762 8763 8764 8765 8766 8767 8768<layout-stack class="layout-stack"> 8769 <template shadowrootmode="open"> 8770 <style> 8771 :host { 8772 display: contents; 8773 } 8774 8775 .layout-stack { 8776 /* Layout & Typography */ 8777 --_flex-direction: var(--_flex-direction--xs); 8778 --_justify: var(--_justify--xs); 8779 --_align: var(--_align--xs); 8780 8781 --_margin: var(--layout-stack-margin); 8782 8783 display: flex; 8784 flex-direction: var(--_flex-direction); 8785 gap: var(--_gap); 8786 flex-wrap: var(--_wrap); 8787 justify-content: var(--_justify); 8788 align-items: var(--_align); 8789 text-align: var(--_align); 8790 margin: var(--_margin); 8791 padding: 0; 8792 list-style: none; 8793 8794 ::slotted(*) { 8795 max-width: 100%; 8796 } 8797 } 8798 </style> 8799 8800 8801 8802 8803 8804 8805 8806 <style> 8807 @media (min-width: 0px) { 8808 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 8809 } 8810 </style> 8811 8812 8813 8814 8815 8816 8817 8818 8819 8820 8821 8822 8823 8824 8825 8826 8827 8828 8829 8830 8831 8832 8833 8834 8835 8836 8837 8838 8839 8840 8841 8842 8843 8844 8845 8846 8847 8848 8849 8850 8851 8852 8853 8854 8855 8856 8857 8858 8859 8860 8861 <style> 8862 @media (min-width: 0px) { 8863 .layout-stack { --_flex-direction: row; } 8864 } 8865 </style> 8866 8867 8868 8869 8870 8871 8872 8873 8874 8875 8876 8877 8878 8879 8880 8881 8882 8883 8884 <style> 8885 @media (min-width: 0px) { 8886 .layout-stack { --_justify: start; } 8887 } 8888 </style> 8889 8890 8891 8892 8893 8894 8895 8896 8897 8898 8899 8900 8901 8902 8903 8904 8905 8906 8907 <style> 8908 @media (min-width: 0px) { 8909 .layout-stack { --_align: baseline; } 8910 } 8911 </style> 8912 8913 8914 8915 8916 8917 8918 8919 8920 8921 8922 8923 8924 8925 8926 8927 8928 8929 8930 <style> 8931 @media (min-width: 0px) { 8932 .layout-stack { --_wrap: wrap; } 8933 } 8934 </style> 8935 8936 8937 8938 8939 8940 8941 8942 8943 8944 8945 8946 8947 <div class="layout-stack" style=" 8948 text-align: start; 8949 " > 8950 <slot></slot> 8951 </div> 8952 </template> 8953 8954 8955 8956 8957 8958 8959<span 8960class="element-price element-text element-text--heading-xs" 8961 8962 8963> 8964 8965 $2<sup>99</sup> 8966 8967</span> 8968 8969 8970 8971 8972 8973 8974 8975 8976 8977 8978 8979 8980 8981 8982 8983 8984 8985 8986 8987 8988 8989 8990 8991 8992 8993</layout-stack> 8994 8995 8996 8997</layout-stack> 8998 8999 9000 9001</div> 9002 9003 </div> 9004</layout-stack> 9005 9006 9007 9008 </div> 9009 </div> 9010</div> 9011</div> 9012 </div> 9013 <div class="cart__item-row"> 9014 9015 9016 9017<cart-note> 9018 <label for="CartNote" class="add-note"> 9019 9020 9021Add order note 9022 9023 <span class="note-icon note-icon--open" aria-hidden="true"> 9024 9025 9026 9027 9028<element-icon 9029 9030 9031> 9032 <svg 9033 xmlns="http://www.w3.org/2000/svg" 9034 aria-hidden="true" 9035 focusable="false" 9036 role="presentation" 9037 class="element-icon element-icon-pencil element-icon--line" 9038 viewbox="0 0 64 64" 9039 width="20" 9040 height="20" 9041> 9042 <path 9043 d="M52 33.96V58H8V14h23.7" 9044 stroke-miterlimit="10" 9045 fill="none" 9046 stroke="currentColor" 9047 /> 9048 <path 9049 d="m18 47 13-5 24-24-8-8-24 24zm5-13 8 8" 9050 stroke-miterlimit="10" 9051 fill="none" 9052 stroke="currentColor" 9053 /> 9054 <path 9055 d="m47 10 1-1a5.44 5.44 0 0 1 7.82.18A5.52 5.52 0 0 1 56 17l-1 1" 9056 fill="none" 9057 stroke="currentColor" 9058 /> 9059</svg> 9060 9061</element-icon> 9062 9063 9064 9065 9066 9067 9068 9069 9070 9071 9072 </span> 9073 9074 <span class="note-icon note-icon--close"> 9075 9076 9077 9078 9079<element-icon 9080 9081 9082> 9083 <svg 9084 xmlns="http://www.w3.org/2000/svg" 9085 class="element-icon element-icon-close element-icon--line" 9086 width="64" 9087 height="64" 9088 viewBox="0 0 64 64" 9089 fill="none" 9090> 9091 <path d="M52.5137 11.01L11.8887 51.635" stroke="currentColor" stroke-miterlimit="10"/> 9092 <path d="M52.5137 51.635L11.8887 11.01" stroke="currentColor" stroke-miterlimit="10"/> 9093</svg> 9094</element-icon> 9095 9096 9097 9098 9099 9100 9101 9102 9103 9104 9105 <span class="icon__fallback-text visually-hidden"> 9106 9107 9108Close 9109</span> 9110 </span> 9111 </label> 9112<textarea 9113 id="sections--23548990456064__header-note" 9114 class="cart__note hide element-input" 9115 name="note" 9116 9117 9118 9119 9120 9121 9122 9123 9124 9125 9126 9127 rows="2"></textarea> 9128 9129 9130 9131 9132 9133 9134 9135</cart-note> 9136
9137<script type="module"> 9138 import 'cart.order-note' 9139</script>
9139 9140</div> 9141 9142 </div> 9143 9144 <div class="cart__footer"> 9145 <div class="cart__item-sub cart__item-row cart__item--subtotal"> 9146 <div> 9147 9148 9149Subtotal 9150 9151 </div> 9152 9153 9154 9155 9156<span 9157class="element-price element-text element-text--body-md" 9158 9159 9160 data-subtotal 9161 9162> 9163 9164 $0<sup>00</sup> 9165 9166</span> 9167 9168 9169 9170 9171 9172 9173 9174 9175 9176 9177 9178 9179 9180 9181 9182 9183 9184 9185 9186 9187 9188 9189 9190 9191</div> 9192 9193 <div data-discounts></div> 9194 9195 9196 <div class="cart__item-row cart__terms"> 9197<label 9198 class="cart__terms-checkbox element-checkbox element-checkbox--with-icon" 9199 for="sections--23548990456064__header-1-CartTerms" 9200 9201> 9202 <input 9203 type="checkbox" 9204 id="sections--23548990456064__header-1-CartTerms" 9205 name="CartTerms" 9206 9207 9208 9209 9210 9211 9212 ><span class="element-checkbox__icon"> 9213 9214 9215 9216<element-icon 9217 9218 9219> 9220 <svg class="element-icon element-icon-check element-icon--line" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> 9221 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9759 3.19064C12.1468 3.3615 12.1468 3.6385 11.9759 3.80936L5.55928 10.226C5.38842 10.3969 5.11141 10.3969 4.94056 10.226L2.02389 7.30936C1.85304 7.1385 1.85304 6.8615 2.02389 6.69064C2.19475 6.51979 2.47176 6.51979 2.64261 6.69064L5.24992 9.29795L11.3572 3.19064C11.5281 3.01979 11.8051 3.01979 11.9759 3.19064Z" fill="currentColor"/> 9222</svg> 9223 9224</element-icon> 9225 9226 9227 9228 9229 9230 9231 9232 9233 9234</span> 9235 9236 9237 9238<span>I agree with the <a href='/pages/paperback-terms-and-conditions' target='_blank'>terms and conditions</a></span> 9239 9240 9241 9242</label> 9243 9244 9245 9246 9247 9248 9249 9250 9251 9252</div> 9253 9254 9255 <div class="cart__item-row cart__checkout-wrapper payment-buttons"> 9256 9257 9258 9259 9260 9261 9262 <button 9263 9264 9265 class="cart__checkout element-button" 9266 9267 9268 type="submit" 9269 9270 9271 9272 9273 9274 9275 9276 name="checkout" 9277 9278 9279 9280 data-terms-required="true" 9281 9282> 9283 9284 9285 9286 9287 9288<span 9289class="element-text element-text--body-md" 9290 9291 9292> 9293 9294 9295 9296Check out 9297 9298 9299</span> 9300 9301 9302 9303 9304 9305 9306 9307 9308 9309 9310 9311 9312 9313 9314 9315 9316 9317 9318 9319 </button> 9320 9321 9322 9323 9324 9325 9326 9327 9328 9329 9330 9331 <div class="additional-checkout-buttons"><div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart"> <shopify-accelerated-checkout-cart wallet-configs="[{"supports_subs":true,"supports_def_opts":false,"name":"shop_pay","wallet_params":{"shopId":69003804928,"merchantName":"Wood Sorrel Studios","personalized":true}},{"supports_subs":true,"supports_def_opts":false,"name":"paypal","wallet_params":{"shopId":69003804928,"countryCode":"US","merchantName":"Wood Sorrel Studios","phoneRequired":false,"companyRequired":false,"shippingType":"shipping","shopifyPaymentsEnabled":true,"hasManagedSellingPlanState":false,"requiresBillingAgreement":false,"gatewayType":"MANAGED","merchantId":"QVVHNG7CL2966","sdkUrl":"https://www.paypal.com/sdk/js?components=buttons\u0026commit=false\u0026currency=USD\u0026locale=en_US\u0026client-id=AbasDhzlU0HbpiStJiN1KRJ_cNJJ7xYBip7JJoMO0GQpLi8ePNgdbLXkC7_KMeyTg8tnAKW4WKrh9qmf\u0026merchant-id=QVVHNG7CL2966\u0026intent=authorize","serviceableCountryCodes":["US"]}}]" access-token="b2e523e00e2494c020abac2c4747c4f5" buyer-country="US" buyer-locale="en" buyer-currency="USD" shop-id="69003804928" cart-id="e4a3863f2246108b2c54dc6ee80f7a00" enabled-flags="["1172c16a","a1d1f9a1","f5afabb3","370070f3"]" > <div class="wallet-button-wrapper"> <ul class='wallet-cart-grid wallet-cart-grid--skeleton' role="list" data-shopify-buttoncontainer="true"> <li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'> </div></li><li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'> </div></li> </ul> </div> </shopify-accelerated-checkout-cart> </div></div> 9332 9333 </div> 9334 9335 <div class="cart__item-row--footer text-center"> 9336 <small> 9337 9338 9339Shipping, taxes, and discount codes calculated at checkout. 9340 9341</small> 9342 </div> 9343 </div> 9344
9344<script type="application/json" data-locales> 9345 { 9346 "cartTermsConfirmation": 9347 9348 9349"You must agree with the terms and conditions of sales to check out" 9350, 9351 "cartSavings": 9352 9353"Save [savings]" 9354} 9355 </script>
9355 9356 </form> 9357 9358 <div class="site-header__cart-empty"> 9359 9360 9361Your cart is currently empty. 9362 9363 </div> 9364</header-cart-drawer> 9365
9366<script type="module"> 9367 import 'header.cart-drawer' 9368</script>
9368 9369</div> 9370</header-drawer> 9371
9372<script type="module"> 9373 import 'header.drawer' 9374</script>
9374 9375 9376 9377 9378<header-drawer 9379 class="site-header__drawer site-header__mobile-nav medium-up--hide" 9380 open="mobileNav:open" 9381 close="mobileNav:close" 9382 9383 defer-hydration 9384> 9385 <div class="site-header__drawer-animate"> 9386 9387 9388<mobile-nav 9389 class="slide-nav__wrapper overlay" 9390 data-level="1" 9391 container="MobileNav" 9392 inHeader="true" 9393 defer-hydration 9394> 9395 <ul class="slide-nav"><li class="slide-nav__item"><a href="/" class="slide-nav__link"><span>Home</span> 9396 </a></li><li class="slide-nav__item"><button 9397 type="button" 9398 class="slide-nav__button js-toggle-submenu" 9399 data-target="tier-2-shop2" 9400 9401 > 9402 <span class="slide-nav__link"><div class="slide-nav__image"> 9403 9404 9405<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=5376" alt="Products" srcset="//woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=352 352w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=832 832w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=1920 1920w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&width=5376 5376w" width="5376" height="5376.0" loading="eager" class=" image-element" sizes="40px" data-animate="fadein"> 9406 9407 9408 9409 9410</is-land> 9411</div> 9412<span>Shop</span> 9413 9414 9415 9416 9417<element-icon 9418 9419 9420> 9421 <svg 9422 xmlns="http://www.w3.org/2000/svg" 9423 aria-hidden="true" 9424 focusable="false" 9425 role="presentation" 9426 class="element-icon element-icon-chevron-right element-icon--line" 9427 viewbox="0 0 284.49 498.98" 9428 fill="currentColor" 9429 width="20" 9430 height="20" 9431> 9432 <path 9433 d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98" 9434 /> 9435</svg> 9436 9437</element-icon> 9438 9439 9440 9441 9442 9443 9444 9445 9446 9447 9448 <span class="icon__fallback-text visually-hidden"> 9449 9450 9451Expand submenu 9452</span> 9453 </span> 9454 </button> 9455 9456 <ul 9457 class="slide-nav__dropdown" 9458 data-parent="tier-2-shop2" 9459 data-level="2" 9460 > 9461 <li class="slide-nav__item"> 9462 <button 9463 type="button" 9464 class="slide-nav__button js-toggle-submenu" 9465 > 9466 <span class="slide-nav__link slide-nav__link--back"> 9467 9468 9469 9470 9471<element-icon 9472 9473 9474> 9475 <svg 9476 xmlns="http://www.w3.org/2000/svg" 9477 aria-hidden="true" 9478 focusable="false" 9479 role="presentation" 9480 class="element-icon element-icon-chevron-right element-icon--line" 9481 viewbox="0 0 284.49 498.98" 9482 fill="currentColor" 9483 width="20" 9484 height="20" 9485> 9486 <path 9487 d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98" 9488 /> 9489</svg> 9490 9491</element-icon> 9492 9493 9494 9495 9496 9497 9498 9499 9500 9501 9502 <span>Shop</span> 9503 </span> 9504 </button> 9505 </li> 9506 9507 9508<li class="slide-nav__item"> 9509 <a href="/collections/all" class="slide-nav__link"> 9510 <span> 9511 9512 9513View all 9514</span> 9515 </a> 9516 </li><li class="slide-nav__item"><button 9517 type="button" 9518 class="slide-nav__button js-toggle-submenu" 9519 data-target="tier-3-all-products2" 9520 9521 > 9522 <span class="slide-nav__link slide-nav__sublist-link"> 9523 <span>All Products</span> 9524 9525 9526 9527 9528<element-icon 9529 9530 9531> 9532 <svg 9533 xmlns="http://www.w3.org/2000/svg" 9534 aria-hidden="true" 9535 focusable="false" 9536 role="presentation" 9537 class="element-icon element-icon-chevron-right element-icon--line" 9538 viewbox="0 0 284.49 498.98" 9539 fill="currentColor" 9540 width="20" 9541 height="20" 9542> 9543 <path 9544 d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98" 9545 /> 9546</svg> 9547 9548</element-icon> 9549 9550 9551 9552 9553 9554 9555 9556 9557 9558
9559 <span class="icon__fallback-text visually-hidden"> 9560 9561 9562Expand submenu 9563</span> 9564 </span> 9565 </button> 9566 <ul 9567 class="slide-nav__dropdown" 9568 data-parent="tier-3-all-products2" 9569 data-level="3" 9570 > 9571 <li class="slide-nav__item"> 9572 <button 9573 type="button" 9574 class="slide-nav__button js-toggle-submenu" 9575 data-target="tier-2-shop2" 9576 > 9577 <span class="slide-nav__link slide-nav__link--back"> 9578 9579 9580 9581 9582<element-icon 9583 9584 9585> 9586 <svg 9587 xmlns="http://www.w3.org/2000/svg" 9588 aria-hidden="true" 9589 focusable="false" 9590 role="presentation" 9591 class="element-icon element-icon-chevron-right element-icon--line" 9592 viewbox="0 0 284.49 498.98" 9593 fill="currentColor" 9594 width="20" 9595 height="20" 9596> 9597 <path 9598 d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98" 9599 /> 9600</svg> 9601 9602</element-icon> 9603 9604 9605 9606 9607 9608 9609 9610 9611 9612 9613 <span>All Products</span> 9614 </span> 9615 </button> 9616 </li> 9617 9618 9619<li class="slide-nav__item"> 9620 <a href="/collections/cora-foerstners-books-and-stories" class="slide-nav__link"> 9621 <span> 9622 9623 9624View all 9625</span> 9626 </a> 9627 </li><li class="slide-nav__item"> 9628 <a href="/collections/cora-foerstners-books-and-stories" class="slide-nav__link"> 9629 <span>All Cora's Books</span> 9630 </a> 9631 </li><li class="slide-nav__item"> 9632 <a href="/collections/new-merch" class="slide-nav__link"> 9633 <span>What's New</span> 9634 </a> 9635 </li><li class="slide-nav__item"> 9636 <a href="/collections/new-books" class="slide-nav__link"> 9637 <span>What's On Sale</span> 9638 </a> 9639 </li><li class="slide-nav__item"> 9640 <a href="/collections/coming-soon" class="slide-nav__link"> 9641 <span>Coming Soon</span> 9642 </a> 9643 </li><li class="slide-nav__item"> 9644 <a href="/collections/mystery-gothic" class="slide-nav__link"> 9645 <span>Mystery & Gothic</span> 9646 </a> 9647 </li><li class="slide-nav__item"> 9648 <a href="/collections/fantasy" class="slide-nav__link"> 9649 <span>Fantasy</span> 9650 </a> 9651 </li><li class="slide-nav__item"> 9652 <a href="/collections/science-fiction-1" class="slide-nav__link"> 9653 <span>Science Fiction</span> 9654 </a> 9655 </li><li class="slide-nav__item"> 9656 <a href="/collections/post-apocalyptic-fiction" class="slide-nav__link"> 9657 <span>Post-Apocalyptic Fiction</span> 9658 </a> 9659 </li><li class="slide-nav__item"> 9660 <a href="/collections/young-adult" class="slide-nav__link"> 9661 <span>YA Novels</span> 9662 </a> 9663 </li><li class="slide-nav__item"> 9664 <a href="/collections/ebook-bundles" class="slide-nav__link"> 9665 <span>Ebook Bundles</span> 9666 </a> 9667 </li><li class="slide-nav__item"> 9668 <a href="/collections/novels" class="slide-nav__link"> 9669 <span>Novels & Novellas</span> 9670 </a> 9671 </li><li class="slide-nav__item"> 9672 <a href="/collections/paperback-books" class="slide-nav__link">
9673 <span>Paperback Books</span> 9674 </a> 9675 </li><li class="slide-nav__item"> 9676 <a href="/collections/individual-short-stories" class="slide-nav__link"> 9677 <span>Individual Short Stories</span> 9678 </a> 9679 </li><li class="slide-nav__item"> 9680 <a href="/collections/short-story-collections" class="slide-nav__link"> 9681 <span>Short Story Collections</span> 9682 </a> 9683 </li></ul></li><li class="slide-nav__item"><button 9684 type="button" 9685 class="slide-nav__button js-toggle-submenu" 9686 data-target="tier-3-coras-series2" 9687 9688 > 9689 <span class="slide-nav__link slide-nav__sublist-link"> 9690 <span>Cora's Series</span> 9691 9692 9693 9694 9695<element-icon 9696 9697 9698> 9699 <svg 9700 xmlns="http://www.w3.org/2000/svg" 9701 aria-hidden="true" 9702 focusable="false" 9703 role="presentation" 9704 class="element-icon element-icon-chevron-right element-icon--line" 9705 viewbox="0 0 284.49 498.98" 9706 fill="currentColor" 9707 width="20" 9708 height="20" 9709> 9710 <path 9711 d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98" 9712 /> 9713</svg> 9714 9715</element-icon> 9716 9717 9718 9719 9720 9721 9722 9723 9724 9725 9726 <span class="icon__fallback-text visually-hidden"> 9727 9728 9729Expand submenu 9730</span> 9731 </span> 9732 </button> 9733 <ul 9734 class="slide-nav__dropdown" 9735 data-parent="tier-3-coras-series2" 9736 data-level="3" 9737 > 9738 <li class="slide-nav__item"> 9739 <button 9740 type="button" 9741 class="slide-nav__button js-toggle-submenu" 9742 data-target="tier-2-shop2" 9743 > 9744 <span class="slide-nav__link slide-nav__link--back"> 9745 9746 9747 9748 9749<element-icon 9750 9751 9752> 9753 <svg 9754 xmlns="http://www.w3.org/2000/svg" 9755 aria-hidden="true" 9756 focusable="false" 9757 role="presentation" 9758 class="element-icon element-icon-chevron-right element-icon--line" 9759 viewbox="0 0 284.49 498.98" 9760 fill="currentColor" 9761 width="20" 9762 height="20" 9763> 9764 <path 9765 d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98" 9766 /> 9767</svg> 9768 9769</element-icon> 9770 9771 9772 9773 9774 9775 9776 9777 9778 9779 9780 <span>Cora's Series</span> 9781 </span> 9782 </button> 9783 </li> 9784 9785 9786<li class="slide-nav__item"> 9787 <a href="/collections/cora-foerstners-books-and-stories" class="slide-nav__link"> 9788 <span> 9789 9790 9791View all 9792</span> 9793 </a> 9794 </li><li class="slide-nav__item"> 9795 <a href="/collections/dragon-speakers-world" class="slide-nav__link"> 9796 <span>Dragon Speakers' World</span> 9797 </a> 9798 </li><li class="slide-nav__item"> 9799 <a href="/collections/swords-of-aroc" class="slide-nav__link"> 9800 <span>Swords of Aroc Series</span> 9801 </a> 9802 </li><li class="slide-nav__item"> 9803 <a href="/collections/league-of-the-daring" class="slide-nav__link"> 9804 <span>League of the Daring Series</span> 9805 </a> 9806 </li></ul></li></ul></li><li class="slide-nav__item"><a href="/pages/about-us" class="slide-nav__link"><span>About Us</span> 9807 </a></li><li class="slide-nav__item"><a href="/blogs/news-1" class="slide-nav__link"><span>News</span> 9808 </a></li><li class="slide-nav__item"><a href="/blogs/cora-blog" class="slide-nav__link"><span>Cora's Blog</span> 9809 </a></li><li class="slide-nav__item"><a href="/pages/contact" class="slide-nav__link"><span>Contact Us</span> 9810 </a></li><li class="slide-nav__item"><a href="/pages/join-our-mailing-list" class="slide-nav__link"><span>Mailing List</span> 9811 </a></li><li class="slide-nav__item"> 9812 9813 9814 9815<shopify-account 9816 9817 menu="customer-account-main-menu" 9818 9819> 9820 <span slot="signed-out-avatar"> 9821 9822 9823 9824 9825<element-icon 9826 9827 9828> 9829 <svg 9830 xmlns="http://www.w3.org/2000/svg" 9831 aria-hidden="true" 9832 focusable="false" 9833 role="presentation" 9834 class="element-icon element-icon-user element-icon--line" 9835 viewbox="0 0 64 64" 9836 width="20" 9837 height="20" 9838> 9839 <path 9840 d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.42 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.76 2.7 9.51 6 11.42v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16" 9841 stroke-miterlimit="10" 9842 fill="none" 9843 stroke="currentColor" 9844 /> 9845</svg> 9846 9847</element-icon> 9848 9849 9850 9851 9852 9853 9854 9855 9856 9857 9858 </span> 9859</shopify-account> 9860</li></ul> 9861</mobile-nav> 9862
9863<script type="module"> 9864 import 'header.mobile-nav' 9865</script>
9865 9866<clone-footer> 9867 <div id="MobileNavFooter"></div> 9868 </clone-footer> 9869
9869<script type="module"> 9870 import 'module.clone-footer' 9871 </script>
9871</div> 9872</header-drawer> 9873
9874<script type="module"> 9875 import 'header.drawer' 9876</script>
9876 9877</div> 9878 </div> 9879 </header></header-nav>
9880<script type="module"> 9881 import 'header.nav' 9882</script>
9882 9883</header-section> 9884 9885 <template data-island> 9886
9886<script type="module"> 9887 import 'section.header' 9888 </script>
9888 9889 </template> 9890</is-land> 9891 9892</div> 9893<!-- END sections: header-group --><!-- BEGIN sections: popup-group --> 9894<div id="shopify-section-sections--23548990488832__newsletter-popup" class="shopify-section shopify-section-group-popup-group index-section--hidden"> 9895 9896 9897 9898 9899 9900 <is-land on:idle> 9901 <newsletter-popup 9902 id="NewsletterPopup-sections--23548990488832__newsletter-popup" 9903 class="modal modal--square modal--mobile-friendly" 9904 section-id="sections--23548990488832__newsletter-popup" 9905 data-has-reminder="" 9906 data-delay-days="30" 9907 data-test-mode="false" 9908 data-delay-seconds="21" 9909 defer-hydration 9910 > 9911 <div class="modal__inner"> 9912 <div class="modal__centered"> 9913 <div class="modal__centered-content modal__centered-content--padded color-scheme-3 "> 9914 9915 9916 9917 9918 9919 9920 9921<is-land on:visible data-image-type="asset"> 9922 9923 9924 9925 9926 9927 <img 9928 src="//woodsorrelstudios.com/cdn/shop/t/18/assets/paper.jpg?v=155272509111049269451788906318" 9929 width="" 9930 height="" 9931 class=" 9932 scheme-image scheme-texture--paper 9933 image-element" 9934 loading="lazy" 9935 alt="" 9936 9937 srcset=" 9938 9939 //woodsorrelstudios.com/cdn/shop/t/18/assets/paper_360x.jpg?v=155272509111049269451788906318 360w, 9940 //woodsorrelstudios.com/cdn/shop/t/18/assets/paper_540x.jpg?v=155272509111049269451788906318 540w, 9941 //woodsorrelstudios.com/cdn/shop/t/18/assets/paper_720x.jpg?v=155272509111049269451788906318 720w, 9942 //woodsorrelstudios.com/cdn/shop/t/18/assets/paper_900x.jpg?v=155272509111049269451788906318 900w, 9943 //woodsorrelstudios.com/cdn/shop/t/18/assets/paper_1080x.jpg?v=155272509111049269451788906318 1080w 9944 9945 " 9946 9947 9948 data-texture="paper.jpg" 9949 9950 sizes="100vw" 9951 data-animate="fadein" 9952 > 9953 9954 9955 9956 9957</is-land> 9958 9959<div class="newsletter-popup "> 9960 9961<div class="newsletter-popup__content"> 9962 9963 9964 9965 9966 9967 9968 9969 9970 9971 9972 9973 9974<layout-stack class="layout-stack"> 9975 <template shadowrootmode="open"> 9976 <style> 9977 :host { 9978 display: contents; 9979 } 9980 9981 .layout-stack { 9982 /* Layout & Typography */ 9983 --_flex-direction: var(--_flex-direction--xs); 9984 --_justify: var(--_justify--xs); 9985 --_align: var(--_align--xs); 9986 9987 --_margin: var(--layout-stack-margin); 9988 9989 display: flex; 9990 flex-direction: var(--_flex-direction); 9991 gap: var(--_gap); 9992 flex-wrap: var(--_wrap); 9993 justify-content: var(--_justify); 9994 align-items: var(--_align); 9995 text-align: var(--_align); 9996 margin: var(--_margin); 9997 padding: 0; 9998 list-style: none; 9999 10000 ::slotted(*) { 10001 max-width: 100%; 10002 } 10003 } 10004 </style> 10005 10006 10007 10008 10009 10010 10011 10012 <style> 10013 @media (min-width: 0px) { 10014 .layout-stack { --_gap: var(--layout-stack-gap-size-md); } 10015 } 10016 </style> 10017 10018 10019 10020 10021 10022 10023 10024 10025 10026 10027 10028 10029 10030 10031 10032 10033 10034 10035 10036 10037 10038 10039 10040 10041 10042 10043 10044 10045 10046 10047 10048 10049 10050 10051 10052 10053 10054 10055 10056 10057 10058 10059 10060 10061 10062 10063 10064 10065 10066 10067 <style> 10068 @media (min-width: 0px) { 10069 .layout-stack { --_flex-direction: column; } 10070 } 10071 </style> 10072 10073 10074 10075 10076 10077 10078 10079 10080 10081 10082 10083 10084 10085 10086 10087 10088 10089 10090 <style> 10091 @media (min-width: 0px) { 10092 .layout-stack { --_justify: center; } 10093 } 10094 </style> 10095 10096 10097 10098 10099 10100 10101 10102 10103 10104 10105 10106 10107 10108 10109 10110 10111 10112 10113 <style> 10114 @media (min-width: 0px) { 10115 .layout-stack { --_align: center; } 10116 } 10117 </style> 10118 10119 10120 10121 10122 10123 10124 10125 10126 10127 10128 10129 10130 10131 10132 10133 10134 10135 10136 <style> 10137 @media (min-width: 0px) { 10138 .layout-stack { --_wrap: nowrap; } 10139 } 10140 </style> 10141 10142 10143 10144 10145 10146 10147 10148 10149 10150 10151 10152 10153 <div class="layout-stack" style="" > 10154 <slot></slot> 10155 </div> 10156 </template> 10157 10158 10159 10160 10161 10162<h2 10163class="element-text element-text--heading-xl element-text--align-center" 10164 10165 10166> 10167 10168 Save 15% off your first purchase 10169 10170</h2> 10171 10172 10173 10174 10175 10176 10177 10178 10179 10180 10181 10182 10183 10184 10185 10186 10187 10188 10189 10190 10191 10192 10193<element-text-rte 10194class="enlarge-text element-text element-text--rte-lg element-text--align-center" 10195 10196 10197> 10198 10199 <p>Sign up today and we'll send you a 15% discount code towards your first purchase.</p> 10200 10201</element-text-rte> 10202 10203 10204
10204<script type="module"> 10205 import 'element.text.rte' 10206 </script>
10206 10207 10208 10209 10210 10211 10212 10213 10214 10215 10216 10217 10218 10219 10220 10221 10222 10223 10224 10225 10226 10227<form-customer data-invalid-message="Enter a valid email address, for example [email protected]"> 10228 <form method="post" action="/contact#newsletter-sections--23548990488832__newsletter-popup" id="newsletter-sections--23548990488832__newsletter-popup" accept-charset="UTF-8" class="contact-form" data-newsletter-form="true"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> 10229<label for=" 10230sections--23548990488832__newsletter-popup-submit" class="visually-hidden"> 10231 10232Subscribe 10233</label> 10234 <input type="hidden" name="contact[tags]" value="prospect,newsletter"> 10235 <input type="hidden" name="contact[context]" value="popup"> 10236 <div class="input-group newsletter__input-group"> 10237<label for=" 10238sections--23548990488832__newsletter-popup-email" class="visually-hidden"> 10239 10240Enter your email 10241</label><input 10242 id=" 10243sections--23548990488832__newsletter-popup-email" 10244 class="input-group-field newsletter__input element-input" 10245 name="contact[email]" 10246 10247 type="email" 10248 10249 placeholder="Enter your email" 10250 10251 autocorrect="off"autocapitalize="off"autocomplete="email"inputmode="email"requiredpattern="^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$"title="Enter a valid email like [email protected]" 10252 10253 10254 10255 10256 10257 10258 10259 > 10260 10261 10262 10263 10264 10265 10266 10267 10268 10269 10270 10271 10272 10273 10274 <button 10275 10276 id=" 10277sections--23548990488832__newsletter-popup-submit" 10278 10279 10280 class="element-button" 10281 10282 10283 type="submit" 10284 10285 10286 10287 10288 10289 10290 10291 name="commit" 10292 10293 10294 10295 aria-label=" 10296 10297Subscribe 10298" 10299 10300> 10301 10302 10303 10304 10305 10306<span 10307class="element-text element-text--body-md" 10308 10309 10310> 10311 10312 10313 10314Subscribe 10315 10316 10317</span> 10318 10319 10320 10321 10322 10323 10324 10325 10326 10327 10328 10329 10330 10331 10332 10333 10334 10335 10336 10337 10338 10339 10340<element-icon 10341 10342 10343> 10344 <svg 10345 xmlns="http://www.w3.org/2000/svg" 10346 aria-hidden="true" 10347 focusable="false" 10348 role="presentation" 10349 class="element-icon element-icon--wide element-icon-arrow-right element-icon--line" 10350 viewbox="0 0 50 15" 10351 fill="currentColor" 10352 width="20" 10353 height="20" 10354> 10355 <path d="M0 9.63V5.38h35V0l15 7.5L35 15V9.63Z" /> 10356</svg> 10357 10358</element-icon> 10359 10360 10361 10362 10363 10364 10365 10366 10367 10368 10369 </button> 10370 10371 10372 10373 10374 10375 10376 10377 10378 10379 10380</div></form> 10381</form-customer> 10382 10383 10384 10385</layout-stack> 10386 10387 10388</div> 10389 </div> 10390 </div> 10391 10392 10393 10394 10395 10396 10397 10398 10399 <button 10400 10401 10402 class="modal__close element-button" 10403 10404 10405 10406 10407 10408 10409 10410 10411 10412 10413 data-modal-close 10414 aria-label=" 10415 10416Close (esc) 10417" 10418 10419> 10420 10421 10422 10423 10424 10425<element-icon 10426 10427 10428> 10429 <svg 10430 xmlns="http://www.w3.org/2000/svg" 10431 class="element-icon element-icon-close element-icon--line" 10432 width="64" 10433 height="64" 10434 viewBox="0 0 64 64" 10435 fill="none" 10436> 10437 <path d="M52.5137 11.01L11.8887 51.635" stroke="currentColor" stroke-miterlimit="10"/> 10438 <path d="M52.5137 51.635L11.8887 11.01" stroke="currentColor" stroke-miterlimit="10"/> 10439</svg> 10440</element-icon> 10441 10442 10443 10444 10445 10446 10447 10448 10449 10450 10451 </button> 10452 10453 10454 10455 10456 10457 10458 10459 10460 10461 10462 10463 </div> 10464 </div> 10465 </newsletter-popup> 10466 10467 <template data-island> 10468
10468<script type="module"> 10469 import 'section.newsletter-popup' 10470 </script>
10470 10471 </template> 10472 </is-land> 10473 10474 10475 10476 10477</div> 10478<!-- END sections: popup-group --><main class="main-content" id="MainContent"> 10479 <div id="shopify-section-template--23548989931776__slideshow" class="shopify-section index-section--hero"> 10480 10481 10482<is-land on:visible> 10483 <slideshow-section section-id="template--23548989931776__slideshow"><div id="SlideshowWrapper-template--23548989931776__slideshow"><div class="slideshow-wrapper"><style data-shopify>.hero-natural--template--23548989931776__slideshow { 10484 height: 0; 10485 padding-bottom: 34%; 10486 } 10487 10488 @media screen and (max-width: 768px) { 10489 .hero-natural--template--23548989931776__slideshow { 10490 padding-bottom: 130%; 10491 } 10492 }</style><div class="hero-natural--template--23548989931776__slideshow"> 10493 <div 10494 id="Slideshow-template--23548989931776__slideshow" 10495 class="hero hero--template--23548989931776__slideshow loaded loading--delayed" 10496 data-natural="true" 10497 data-autoplay="true" 10498 data-speed="5000" 10499 10500 data-arrows="true" 10501 10502 10503 10504 data-slide-count="1" 10505 ><div 10506 10507 class="slideshow__slide slideshow__slide--slide-1 is-selected" 10508 data-index="0" 10509 data-id="slide-1" 10510 ><style data-shopify>.slideshow__slide--slide-1 .hero__title, 10511 .slideshow__slide--slide-1 .hero__title p { 10512 font-size: 17.2px; 10513 } 10514 @media only screen and (min-width: 769px) { 10515 .slideshow__slide--slide-1 .hero__title, 10516 .slideshow__slide--slide-1 .hero__title p { 10517 font-size: 40px; 10518 } 10519 } 10520 10521 10522</style><div 10523 class="hero__image-wrapper hero__image-wrapper--no-overlay" 10524 > 10525 10526 10527 10528 10529 10530<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/Hero_Banner4.png?v=1750201107&width=4096" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Hero_Banner4.png?v=1750201107&width=352 352w, //woodsorrelstudios.com/cdn/shop/files/Hero_Banner4.png?v=1750201107&width=832 832w, //woodsorrelstudios.com/cdn/shop/files/Hero_Banner4.png?v=1750201107&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Hero_Banner4.png?v=1750201107&width=1920 1920w, //woodsorrelstudios.com/cdn/shop/files/Hero_Banner4.png?v=1750201107&width=4096 4096w" width="4096" height="1412.0" loading="eager" class=" 10531 hero__image hero__image--slide-1 10532 small--hide 10533 image-element" sizes="100vw" data-animate="fadein"> 10534 10535 10536 10537 10538</is-land> 10539 10540 10541 10542 10543<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/Mobile_Hero.png?v=1750196445&width=2400" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Mobile_Hero.png?v=1750196445&width=352 352w, //woodsorrelstudios.com/cdn/shop/files/Mobile_Hero.png?v=1750196445&width=832 832w, //woodsorrelstudios.com/cdn/shop/files/Mobile_Hero.png?v=1750196445&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Mobile_Hero.png?v=1750196445&width=1920 1920w, //woodsorrelstudios.com/cdn/shop/files/Mobile_Hero.png?v=1750196445&width=2400 2400w" width="2400" height="1200.0" loading="eager" class=" 10544 hero__image hero__image--slide-1 medium-up--hide 10545 image-element" sizes="100vw" data-animate="fadein"> 10546 10547 10548 10549 10550</is-land> 10551</div></div></div> 10552 </div> 10553 </div></div></slideshow-section> 10554 10555 <template data-island> 10556
10556<script type="module"> 10557 import 'module.slideshow' 10558 </script>
10558 10559 </template> 10560</is-land> 10561 10562</div><div id="shopify-section-template--23548989931776__featured-collection2" class="shopify-section index-section"> 10563 10564 10565<is-land on:visible> 10566 <div 10567 id="CollectionSection-template--23548989931776__featured-collection2" 10568 data-section-id="template--23548989931776__featured-collection2" 10569 data-section-type="collection-template" 10570 > 10571<div class="text-center text-direction-ltr heading-section heading-section--view-all-true page-width"> 10572 <div class="section-header section-header--with-link"> 10573 10574 <h2 class="section-header__title heading-h2"> 10575 Cora's Newest Releases 10576 </h2> 10577 10578<a href="/collections/new-merch" class="section-header__link"> 10579 10580 10581View all 10582 10583 </a></div> 10584 </div> 10585 10586 10587 10588 <div class="page-width"> 10589 <div 10590 class="new-grid product-grid" 10591 10592 10593 data-view="xsmall" 10594 10595 10596 > 10597 10598 10599<div 10600 class=" 10601 grid-item grid-product grid-product-image-breathing-room--true 10602 10603 10604 grid-product--gridlines overlay 10605 10606 " 10607> 10608 <div 10609 class="product-grid-item" 10610 data-product-handle="skep-rivers-pi-eight-mystery-short-stories" 10611 data-product-id="9663719080192" 10612 data-product-grid-item 10613 > 10614 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 10615<quick-shop defer-hydration> 10616 10617<tool-tip-trigger 10618 class="tool-tip-trigger" 10619 data-tool-tip="QuickShop" 10620 data-tool-tip-classes="quick-shop-modal" 10621 defer-hydration 10622> 10623 10624 10625 <div 10626 class="tool-tip-trigger__content" 10627 data-tool-tip-trigger-content="" 10628 > 10629 10630 </div> 10631 10632 10633 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-9663719080192 small--hide" title=" 10634 10635 10636Quick shop 10637" data-handle="skep-rivers-pi-eight-mystery-short-stories"> 10638 10639 10640 10641 10642<element-icon 10643 10644 10645> 10646 <svg 10647 xmlns="http://www.w3.org/2000/svg" 10648 aria-hidden="true" 10649 focusable="false" 10650 role="presentation" 10651 class="element-icon element-icon-search element-icon--line" 10652 viewbox="0 0 64 64" 10653 width="20" 10654 height="20" 10655> 10656 <path 10657 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 10658 stroke-miterlimit="10" 10659 fill="none" 10660 stroke="currentColor" 10661 /> 10662</svg> 10663 10664</element-icon> 10665 10666 10667 10668 10669 10670 10671 10672 10673 10674 10675 <span class="icon__fallback-text visually-hidden"> 10676 10677 10678Quick shop 10679 10680 </span> 10681 </button> 10682 10683</tool-tip-trigger> 10684
10685<script type="module"> 10686 import 'overlay.tool-tip.trigger' 10687</script>
10687 10688 10689</quick-shop> 10690
10691<script type="module"> 10692 import 'overlay.quick-shop' 10693</script>
10693 10694 10695 10696<quick-add defer-hydration> 10697 10698<tool-tip-trigger 10699 class="tool-tip-trigger" 10700 data-tool-tip="QuickAdd" 10701 data-tool-tip-classes="quick-add-modal" 10702 defer-hydration 10703> 10704 10705 10706 <div 10707 class="tool-tip-trigger__content" 10708 data-tool-tip-trigger-content="" 10709 > 10710 10711 </div> 10712 10713 10714 10715 <button type="button" class="text-link quick-add-btn js-quick-add-form js-modal-open-quick-add" title=" 10716 10717 10718Add to cart 10719"> 10720 <span class="btn btn--circle btn--icon"> 10721 10722 10723 10724 10725<element-icon 10726 10727 10728> 10729 <svg 10730 xmlns="http://www.w3.org/2000/svg" 10731 aria-hidden="true" 10732 focusable="false" 10733 role="presentation" 10734 class="element-icon element-icon-plus element-icon--line" 10735 viewbox="0 0 64 64" 10736 width="20" 10737 height="20" 10738> 10739 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 10740</svg> 10741 10742</element-icon> 10743 10744 10745 10746 10747 10748 10749 10750 10751 10752 10753 <span class="icon__fallback-text visually-hidden"> 10754 10755 10756Add to cart 10757 10758 </span> 10759 </span> 10760 </button> 10761 10762</tool-tip-trigger> 10763
10764<script type="module"> 10765 import 'overlay.tool-tip.trigger' 10766</script>
10766 10767 10768 10769</quick-add> 10770
10771<script type="module"> 10772 import 'overlay.quick-add' 10773</script>
10773 10774 10775</div> 10776 10777 10778 10779 10780 10781 10782 10783 10784 10785 10786 10787 10788 10789 10790<layout-stack class="layout-stack"> 10791 <template shadowrootmode="open"> 10792 <style> 10793 :host { 10794 display: contents; 10795 } 10796 10797 .layout-stack { 10798 /* Layout & Typography */ 10799 --_flex-direction: var(--_flex-direction--xs); 10800 --_justify: var(--_justify--xs); 10801 --_align: var(--_align--xs); 10802 10803 --_margin: var(--layout-stack-margin); 10804 10805 display: flex; 10806 flex-direction: var(--_flex-direction); 10807 gap: var(--_gap); 10808 flex-wrap: var(--_wrap); 10809 justify-content: var(--_justify); 10810 align-items: var(--_align); 10811 text-align: var(--_align); 10812 margin: var(--_margin); 10813 padding: 0; 10814 list-style: none; 10815 10816 ::slotted(*) { 10817 max-width: 100%; 10818 } 10819 } 10820 </style> 10821 10822 10823 10824 10825 10826 10827 10828 <style> 10829 @media (min-width: 0px) { 10830 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 10831 } 10832 </style> 10833 10834 10835 10836 10837 10838 10839 10840 10841 10842 10843 10844 10845 10846 10847 10848 10849 10850 10851 10852 10853 10854 10855 10856 10857 10858 10859 10860 10861 10862 10863 10864 10865 10866 10867 10868 10869 10870 10871 10872 10873 10874 10875 10876 10877 10878 10879 10880 10881 10882 10883 <style> 10884 @media (min-width: 0px) { 10885 .layout-stack { --_flex-direction: column; } 10886 } 10887 </style> 10888 10889 10890 10891 10892 10893 10894 10895 10896 10897 10898 10899 10900 10901 10902 10903 10904 10905 10906 <style> 10907 @media (min-width: 0px) { 10908 .layout-stack { --_justify: space-between; } 10909 } 10910 </style> 10911 10912 10913 10914 10915 10916 10917 10918 10919 10920 10921 10922 10923 10924 10925 10926 10927 10928 10929 <style> 10930 @media (min-width: 0px) { 10931 .layout-stack { --_align: stretch; } 10932 } 10933 </style> 10934 10935 10936 10937 10938 10939 10940 10941 10942 10943 10944 10945 10946 10947 10948 10949 10950 10951 10952 <style> 10953 @media (min-width: 0px) { 10954 .layout-stack { --_wrap: nowrap; } 10955 } 10956 </style> 10957 10958 10959 10960 10961 10962 10963 10964 10965 10966 10967 10968 10969 <div class="layout-stack" style="height: 100%;" > 10970 <slot></slot> 10971 </div> 10972 </template> 10973 10974 10975 <div class="grid-item__link"> 10976 <a href="/collections/new-merch/products/skep-rivers-pi-eight-mystery-short-stories" class="grid-item__overlay-link" aria-label="Skep Rivers PI Eight Mystery Short Stories" tabindex="-1"></a> 10977 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 10978 10979 10980 10981 10982 10983 10984 10985 10986 10987 10988 10989 10990<layout-stack class="layout-stack"> 10991 <template shadowrootmode="open"> 10992 <style> 10993 :host { 10994 display: contents; 10995 } 10996 10997 .layout-stack { 10998 /* Layout & Typography */ 10999 --_flex-direction: var(--_flex-direction--xs); 11000 --_justify: var(--_justify--xs); 11001 --_align: var(--_align--xs); 11002 11003 --_margin: var(--layout-stack-margin); 11004 11005 display: flex; 11006 flex-direction: var(--_flex-direction); 11007 gap: var(--_gap); 11008 flex-wrap: var(--_wrap); 11009 justify-content: var(--_justify); 11010 align-items: var(--_align); 11011 text-align: var(--_align); 11012 margin: var(--_margin); 11013 padding: 0; 11014 list-style: none; 11015 11016 ::slotted(*) { 11017 max-width: 100%; 11018 } 11019 } 11020 </style> 11021 11022 11023 11024 11025 11026 11027 11028 <style> 11029 @media (min-width: 0px) { 11030 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 11031 } 11032 </style> 11033 11034 11035 11036 11037 11038 11039 11040 11041 11042 11043 11044 11045 11046 11047 11048 11049 11050 11051 11052 11053 11054 11055 11056 11057 11058 11059 11060 11061 11062 11063 11064 11065 11066 11067 11068 11069 11070 11071 11072 11073 11074 11075 11076 11077 11078 11079 11080 11081 11082 11083 <style> 11084 @media (min-width: 0px) { 11085 .layout-stack { --_flex-direction: column; } 11086 } 11087 </style> 11088 11089 11090 11091 11092 11093 11094 11095 11096 11097 11098 11099 11100 11101 11102 11103 11104 11105 11106 <style> 11107 @media (min-width: 0px) { 11108 .layout-stack { --_justify: start; } 11109 } 11110 </style> 11111 11112 11113 11114 11115 11116 11117 11118 11119 11120 11121 11122 11123 11124 11125 11126 11127 11128 11129 <style> 11130 @media (min-width: 0px) { 11131 .layout-stack { --_align: center; } 11132 } 11133 </style> 11134 11135 11136 11137 11138 11139 11140 11141 11142 11143 11144 11145 11146 11147 11148 11149 11150 11151 11152 <style> 11153 @media (min-width: 0px) { 11154 .layout-stack { --_wrap: nowrap; } 11155 } 11156 </style> 11157 11158 11159 11160 11161 11162 11163 11164 11165 11166 11167 11168 11169 <div class="layout-stack" style="" > 11170 <slot></slot> 11171 </div> 11172 </template> 11173 11174 11175 11176 11177 11178<div 11179 class="element-badge element-badge--inverted element-badge--sale"> 11180 11181Sale 11182 11183</div> 11184 11185 11186 11187 11188 11189 11190 11191 11192 11193 11194</layout-stack> 11195 11196 11197</div><div 11198 class="grid__image-ratio grid__image-ratio--square" 11199 > 11200 11201 11202<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 11203 image-element" sizes="100%" data-animate="fadein"> 11204 11205 11206 11207 11208</is-land> 11209</div><div class="grid-product__secondary-image small--hide"> 11210 11211 11212<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/3d_paperback.png?v=1789773163&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/3d_paperback.png?v=1789773163&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/3d_paperback.png?v=1789773163&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/3d_paperback.png?v=1789773163&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/3d_paperback.png?v=1789773163&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/3d_paperback.png?v=1789773163&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/3d_paperback.png?v=1789773163&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square 11213 image-element" sizes="100%" data-animate="fadein"> 11214 11215 11216 11217 11218</is-land> 11219</div></div> 11220 11221 <div class="grid-item__meta"> 11222 11223 11224 11225 11226 11227 11228 11229 11230 11231 11232 11233 11234 11235 11236<layout-stack class="layout-stack"> 11237 <template shadowrootmode="open"> 11238 <style> 11239 :host { 11240 display: contents; 11241 } 11242 11243 .layout-stack { 11244 /* Layout & Typography */ 11245 --_flex-direction: var(--_flex-direction--xs); 11246 --_justify: var(--_justify--xs); 11247 --_align: var(--_align--xs); 11248 11249 --_margin: var(--layout-stack-margin); 11250 11251 display: flex; 11252 flex-direction: var(--_flex-direction); 11253 gap: var(--_gap); 11254 flex-wrap: var(--_wrap); 11255 justify-content: var(--_justify); 11256 align-items: var(--_align); 11257 text-align: var(--_align); 11258 margin: var(--_margin); 11259 padding: 0; 11260 list-style: none; 11261 11262 ::slotted(*) { 11263 max-width: 100%; 11264 } 11265 } 11266 </style> 11267 11268 11269 11270 11271 11272 11273 11274 <style> 11275 @media (min-width: 0px) { 11276 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 11277 } 11278 </style> 11279 11280 11281 11282 11283 11284 11285 11286 11287 11288 11289 11290 11291 11292 11293 11294 11295 11296 11297 11298 11299 11300 11301 11302 11303 11304 11305 11306 11307 11308 11309 11310 11311 11312 11313 11314 11315 11316 11317 11318 11319 11320 11321 11322 11323 11324 11325 11326 11327 11328 11329 <style> 11330 @media (min-width: 0px) { 11331 .layout-stack { --_flex-direction: column; } 11332 } 11333 </style> 11334 11335 11336 11337 11338 11339 11340 11341 11342 11343 11344 11345 11346 11347 11348 11349 11350 11351 11352 <style> 11353 @media (min-width: 0px) { 11354 .layout-stack { --_justify: start; } 11355 } 11356 </style> 11357 11358 11359 11360 11361 11362 11363 11364 11365 11366 11367 11368 11369 11370 11371 11372 11373 11374 11375 <style> 11376 @media (min-width: 0px) { 11377 .layout-stack { --_align: start; } 11378 } 11379 </style> 11380 11381 11382 11383 11384 11385 11386 11387 11388 11389 11390 11391 11392 11393 11394 11395 11396 11397 11398 <style> 11399 @media (min-width: 0px) { 11400 .layout-stack { --_wrap: nowrap; } 11401 } 11402 </style> 11403 11404 11405 11406 11407 11408 11409 11410 11411 11412 11413 11414 11415 <div class="layout-stack" style="" > 11416 <slot></slot> 11417 </div> 11418 </template> 11419 11420 11421<div class="grid-item__swatches"> 11422 11423 11424 <is-land on:idle> <color-swatches> 11425 11426 11427 11428 11429 11430 11431 11432 11433 11434 11435 11436 11437 11438 11439 11440<layout-stack class="layout-stack"> 11441 <template shadowrootmode="open"> 11442 <style> 11443 :host { 11444 display: contents; 11445 } 11446 11447 .layout-stack { 11448 /* Layout & Typography */ 11449 --_flex-direction: var(--_flex-direction--xs); 11450 --_justify: var(--_justify--xs); 11451 --_align: var(--_align--xs); 11452 11453 --_margin: var(--layout-stack-margin); 11454 11455 display: flex; 11456 flex-direction: var(--_flex-direction); 11457 gap: var(--_gap); 11458 flex-wrap: var(--_wrap); 11459 justify-content: var(--_justify); 11460 align-items: var(--_align); 11461 text-align: var(--_align); 11462 margin: var(--_margin); 11463 padding: 0; 11464 list-style: none; 11465 11466 ::slotted(*) { 11467 max-width: 100%; 11468 } 11469 } 11470 </style> 11471 11472 11473 11474 11475 11476 11477 11478 <style> 11479 @media (min-width: 0px) { 11480 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 11481 } 11482 </style> 11483 11484 11485 11486 11487 11488 11489 11490 11491 11492 11493 11494 11495 11496 11497 11498 11499 11500 11501 11502 11503 11504 11505 11506 11507 11508 11509 11510 11511 11512 11513 11514 11515 11516 11517 11518 11519 11520 11521 11522 11523 11524 11525 11526 11527 11528 11529 11530 11531 11532 11533 <style> 11534 @media (min-width: 0px) { 11535 .layout-stack { --_flex-direction: row; } 11536 } 11537 </style> 11538 11539 11540 11541 11542 11543 11544 11545 11546 11547 11548 11549 11550 11551 11552 11553 11554 11555 11556 <style> 11557 @media (min-width: 0px) { 11558 .layout-stack { --_justify: start; } 11559 } 11560 </style> 11561 11562 11563 11564 11565 11566 11567 11568 11569 11570 11571 11572 11573 11574 11575 11576 11577 11578 11579 <style> 11580 @media (min-width: 0px) { 11581 .layout-stack { --_align: stretch; } 11582 } 11583 </style> 11584 11585 11586 11587 11588 11589 11590 11591 11592 11593 11594 11595 11596 11597 11598 11599 11600 11601 11602 <style> 11603 @media (min-width: 0px) { 11604 .layout-stack { --_wrap: wrap; } 11605 } 11606 </style> 11607 11608 11609 11610 11611 11612 11613 11614 11615 11616 11617 11618 11619 <div class="layout-stack" style="" > 11620 <slot></slot> 11621 </div> 11622 </template> 11623 11624 11625 11626 11627 11628 11629 11630 11631 11632 11633</layout-stack> 11634 11635 11636 11637 11638 11639 <template data-island> 11640
11640<script type="module"> 11641 import 'list.product-card.swatches' 11642 </script>
11642 11643 </template> 11644 </color-swatches> 11645 </is-land> 11646 11647</div> 11648 11649 11650 11651 11652<span 11653class="element-text element-text--body-md" 11654 11655 11656style=" 11657 word-break: break-word; hyphens: auto; text-align: start; 11658 "> 11659 11660 Skep Rivers PI Eight Mystery Short Stories 11661 11662</span> 11663 11664 11665 11666 11667 11668 11669 11670 11671 11672 11673 11674 11675 11676 11677 11678 11679 11680 11681 11682 11683 11684 11685 11686 11687<span 11688class="element-text element-text--body-sm" 11689 11690 11691style=" 11692 opacity: 0.65; text-align: start; 11693 "> 11694 11695 Wood Sorrel Press 11696 11697</span> 11698 11699 11700 11701 11702 11703 11704 11705 11706 11707 11708 11709 11710 11711 11712 11713 11714 11715 11716 11717 11718 11719 11720 11721 11722 11723 11724 11725 11726 11727 11728 11729 11730 11731<layout-stack class="layout-stack"> 11732 <template shadowrootmode="open"> 11733 <style> 11734 :host { 11735 display: contents; 11736 } 11737 11738 .layout-stack { 11739 /* Layout & Typography */ 11740 --_flex-direction: var(--_flex-direction--xs); 11741 --_justify: var(--_justify--xs); 11742 --_align: var(--_align--xs); 11743 11744 --_margin: var(--layout-stack-margin); 11745 11746 display: flex; 11747 flex-direction: var(--_flex-direction); 11748 gap: var(--_gap); 11749 flex-wrap: var(--_wrap); 11750 justify-content: var(--_justify); 11751 align-items: var(--_align); 11752 text-align: var(--_align); 11753 margin: var(--_margin); 11754 padding: 0; 11755 list-style: none; 11756 11757 ::slotted(*) { 11758 max-width: 100%; 11759 } 11760 } 11761 </style> 11762 11763 11764 11765 11766 11767 11768 11769 <style> 11770 @media (min-width: 0px) { 11771 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 11772 } 11773 </style> 11774 11775 11776 11777 11778 11779 11780 11781 11782 11783 11784 11785 11786 11787 11788 11789 11790 11791 11792 11793 11794 11795 11796 11797 11798 11799 11800 11801 11802 11803 11804 11805 11806 11807 11808 11809 11810 11811 11812 11813 11814 11815 11816 11817 11818 11819 11820 11821 11822 11823 11824 <style> 11825 @media (min-width: 0px) { 11826 .layout-stack { --_flex-direction: row; } 11827 } 11828 </style> 11829 11830 11831 11832 11833 11834 11835 11836 11837 11838 11839 11840 11841 11842 11843 11844 11845 11846 11847 <style> 11848 @media (min-width: 0px) { 11849 .layout-stack { --_justify: start; } 11850 } 11851 </style> 11852 11853 11854 11855 11856 11857 11858 11859 11860 11861 11862 11863 11864 11865 11866 11867 11868 11869 11870 <style> 11871 @media (min-width: 0px) { 11872 .layout-stack { --_align: baseline; } 11873 } 11874 </style> 11875 11876 11877 11878 11879 11880 11881 11882 11883 11884 11885 11886 11887 11888 11889 11890 11891 11892 11893 <style> 11894 @media (min-width: 0px) { 11895 .layout-stack { --_wrap: wrap; } 11896 } 11897 </style> 11898 11899 11900 11901 11902 11903 11904 11905 11906 11907 11908 11909 11910 <div class="layout-stack" style=" 11911 text-align: start; 11912 " > 11913 <slot></slot> 11914 </div> 11915 </template> 11916 11917 11918 11919 <span aria-label="from $5.99"> 11920 11921 11922 11923<span 11924class="element-text element-text--body-sm" 11925 11926 11927style="--element-text-font-weight--body: var(--font-weight-700);"> 11928 11929 from 11930 11931</span> 11932 11933 11934 11935 11936 11937 11938 11939 11940 11941 11942 11943 11944 11945 11946 11947 11948 11949 11950 11951 11952 11953 11954 11955<span 11956class="element-price element-text element-text--heading-xs" 11957 11958 11959> 11960 11961 $5<sup>99</sup> 11962 11963</span> 11964 11965 11966 11967 11968 11969 11970 11971 11972 11973 11974 11975 11976 11977 11978 11979 11980 11981 11982 11983 11984 11985 11986 11987 11988</span> 11989 11990 11991 11992<span 11993class="element-text element-text--visually-hidden" 11994 11995 11996> 11997 11998 11999 12000Regular price 12001 12002</span> 12003 12004 12005 12006 12007 12008 12009 12010 12011 12012 12013 12014 12015 12016 12017 12018 12019 12020 12021 12022 12023 12024 12025 12026<span 12027class="element-price element-text element-text--heading-xs element-text--line-through" 12028 12029 12030> 12031 12032 $21<sup>99</sup> 12033 12034</span> 12035 12036 12037 12038 12039 12040 12041 12042 12043 12044 12045 12046 12047 12048 12049 12050 12051 12052 12053 12054 12055 12056 12057 12058 12059 12060 12061 12062 12063 12064<span 12065class="element-text element-text--body-sm" 12066 12067 12068style="color: var(--color-text-savings);"> 12069 12070 12071 12072Save 73% 12073 12074 12075</span> 12076 12077 12078 12079 12080 12081 12082 12083 12084 12085 12086 12087 12088 12089 12090 12091 12092 12093 12094 12095</layout-stack> 12096 12097 12098 12099</layout-stack> 12100 12101 12102 12103</div> 12104 12105 </div> 12106</layout-stack> 12107 12108 12109 12110 </div> 12111 </div> 12112</div> 12113 12114 12115 12116<div 12117 class=" 12118 grid-item grid-product grid-product-image-breathing-room--true 12119 12120 12121 grid-product--gridlines overlay 12122 12123 " 12124> 12125 <div 12126 class="product-grid-item" 12127 data-product-handle="haunted-shores-a-gothic-novella" 12128 data-product-id="9449749872896" 12129 data-product-grid-item 12130 > 12131 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 12132<quick-shop defer-hydration> 12133 12134<tool-tip-trigger 12135 class="tool-tip-trigger" 12136 data-tool-tip="QuickShop" 12137 data-tool-tip-classes="quick-shop-modal" 12138 defer-hydration 12139> 12140 12141 12142 <div 12143 class="tool-tip-trigger__content" 12144 data-tool-tip-trigger-content="" 12145 > 12146 12147 </div> 12148 12149 12150 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-9449749872896 small--hide" title=" 12151 12152 12153Quick shop 12154" data-handle="haunted-shores-a-gothic-novella"> 12155 12156 12157 12158 12159<element-icon 12160 12161 12162> 12163 <svg 12164 xmlns="http://www.w3.org/2000/svg" 12165 aria-hidden="true" 12166 focusable="false" 12167 role="presentation" 12168 class="element-icon element-icon-search element-icon--line" 12169 viewbox="0 0 64 64" 12170 width="20" 12171 height="20" 12172> 12173 <path 12174 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 12175 stroke-miterlimit="10" 12176 fill="none" 12177 stroke="currentColor" 12178 /> 12179</svg> 12180 12181</element-icon> 12182 12183 12184 12185 12186 12187 12188 12189 12190 12191
12192 <span class="icon__fallback-text visually-hidden"> 12193 12194 12195Quick shop 12196 12197 </span> 12198 </button> 12199 12200</tool-tip-trigger> 12201
12202<script type="module"> 12203 import 'overlay.tool-tip.trigger' 12204</script>
12204 12205 12206</quick-shop> 12207
12208<script type="module"> 12209 import 'overlay.quick-shop' 12210</script>
12210 12211 12212 12213<quick-add defer-hydration> 12214 12215<tool-tip-trigger 12216 class="tool-tip-trigger" 12217 data-tool-tip="QuickAdd" 12218 data-tool-tip-classes="quick-add-modal" 12219 defer-hydration 12220> 12221 12222 12223 <div 12224 class="tool-tip-trigger__content" 12225 data-tool-tip-trigger-content="" 12226 > 12227 12228 </div> 12229 12230 12231 12232 <button type="button" class="text-link quick-add-btn js-quick-add-form js-modal-open-quick-add" title=" 12233 12234 12235Add to cart 12236"> 12237 <span class="btn btn--circle btn--icon"> 12238 12239 12240 12241 12242<element-icon 12243 12244 12245> 12246 <svg 12247 xmlns="http://www.w3.org/2000/svg" 12248 aria-hidden="true" 12249 focusable="false" 12250 role="presentation" 12251 class="element-icon element-icon-plus element-icon--line" 12252 viewbox="0 0 64 64" 12253 width="20" 12254 height="20" 12255> 12256 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 12257</svg> 12258 12259</element-icon> 12260 12261 12262 12263 12264 12265 12266 12267 12268 12269 12270 <span class="icon__fallback-text visually-hidden"> 12271 12272 12273Add to cart 12274 12275 </span> 12276 </span> 12277 </button> 12278 12279</tool-tip-trigger> 12280
12281<script type="module"> 12282 import 'overlay.tool-tip.trigger' 12283</script>
12283 12284 12285 12286</quick-add> 12287
12288<script type="module"> 12289 import 'overlay.quick-add' 12290</script>
12290 12291 12292</div> 12293 12294 12295 12296 12297 12298 12299 12300 12301 12302 12303 12304 12305 12306 12307<layout-stack class="layout-stack"> 12308 <template shadowrootmode="open"> 12309 <style> 12310 :host { 12311 display: contents; 12312 } 12313 12314 .layout-stack { 12315 /* Layout & Typography */ 12316 --_flex-direction: var(--_flex-direction--xs); 12317 --_justify: var(--_justify--xs); 12318 --_align: var(--_align--xs); 12319 12320 --_margin: var(--layout-stack-margin); 12321 12322 display: flex; 12323 flex-direction: var(--_flex-direction); 12324 gap: var(--_gap); 12325 flex-wrap: var(--_wrap); 12326 justify-content: var(--_justify); 12327 align-items: var(--_align); 12328 text-align: var(--_align); 12329 margin: var(--_margin); 12330 padding: 0; 12331 list-style: none; 12332 12333 ::slotted(*) { 12334 max-width: 100%; 12335 } 12336 } 12337 </style> 12338 12339 12340 12341 12342 12343 12344 12345 <style> 12346 @media (min-width: 0px) { 12347 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 12348 } 12349 </style> 12350 12351 12352 12353 12354 12355 12356 12357 12358 12359 12360 12361 12362 12363 12364 12365 12366 12367 12368 12369 12370 12371 12372 12373 12374 12375 12376 12377 12378 12379 12380 12381 12382 12383 12384 12385 12386 12387 12388 12389 12390 12391 12392 12393 12394 12395 12396 12397 12398 12399 12400 <style> 12401 @media (min-width: 0px) { 12402 .layout-stack { --_flex-direction: column; } 12403 } 12404 </style> 12405 12406 12407 12408 12409 12410 12411 12412 12413 12414 12415 12416 12417 12418 12419 12420 12421 12422 12423 <style> 12424 @media (min-width: 0px) { 12425 .layout-stack { --_justify: space-between; } 12426 } 12427 </style> 12428 12429 12430 12431 12432 12433 12434 12435 12436 12437 12438 12439 12440 12441 12442 12443 12444 12445 12446 <style> 12447 @media (min-width: 0px) { 12448 .layout-stack { --_align: stretch; } 12449 } 12450 </style> 12451 12452 12453 12454 12455 12456 12457 12458 12459 12460 12461 12462 12463 12464 12465 12466 12467 12468 12469 <style> 12470 @media (min-width: 0px) { 12471 .layout-stack { --_wrap: nowrap; } 12472 } 12473 </style> 12474 12475 12476 12477 12478 12479 12480 12481 12482 12483 12484 12485 12486 <div class="layout-stack" style="height: 100%;" > 12487 <slot></slot> 12488 </div> 12489 </template> 12490 12491 12492 <div class="grid-item__link"> 12493 <a href="/collections/new-merch/products/haunted-shores-a-gothic-novella" class="grid-item__overlay-link" aria-label="Haunted Shores (A Gothic Novella)" tabindex="-1"></a> 12494 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 12495 12496 12497 12498 12499 12500 12501 12502 12503 12504 12505 12506 12507<layout-stack class="layout-stack"> 12508 <template shadowrootmode="open"> 12509 <style> 12510 :host { 12511 display: contents; 12512 } 12513 12514 .layout-stack { 12515 /* Layout & Typography */ 12516 --_flex-direction: var(--_flex-direction--xs); 12517 --_justify: var(--_justify--xs); 12518 --_align: var(--_align--xs); 12519 12520 --_margin: var(--layout-stack-margin); 12521 12522 display: flex; 12523 flex-direction: var(--_flex-direction); 12524 gap: var(--_gap); 12525 flex-wrap: var(--_wrap); 12526 justify-content: var(--_justify); 12527 align-items: var(--_align); 12528 text-align: var(--_align); 12529 margin: var(--_margin); 12530 padding: 0; 12531 list-style: none; 12532 12533 ::slotted(*) { 12534 max-width: 100%; 12535 } 12536 } 12537 </style> 12538 12539 12540 12541 12542 12543 12544 12545 <style> 12546 @media (min-width: 0px) { 12547 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 12548 } 12549 </style> 12550 12551 12552 12553 12554 12555 12556 12557 12558 12559 12560 12561 12562 12563 12564 12565 12566 12567 12568 12569 12570 12571 12572 12573 12574 12575 12576 12577 12578 12579 12580 12581 12582 12583 12584 12585 12586 12587 12588 12589 12590 12591 12592 12593 12594 12595 12596 12597 12598 12599 12600 <style> 12601 @media (min-width: 0px) { 12602 .layout-stack { --_flex-direction: column; } 12603 } 12604 </style> 12605 12606 12607 12608 12609 12610 12611 12612 12613 12614 12615 12616 12617 12618 12619 12620 12621 12622 12623 <style> 12624 @media (min-width: 0px) { 12625 .layout-stack { --_justify: start; } 12626 } 12627 </style> 12628 12629 12630 12631 12632 12633 12634 12635 12636 12637 12638 12639 12640 12641 12642 12643 12644 12645 12646 <style> 12647 @media (min-width: 0px) { 12648 .layout-stack { --_align: center; } 12649 } 12650 </style> 12651 12652 12653 12654 12655 12656 12657 12658 12659 12660 12661 12662 12663 12664 12665 12666 12667 12668 12669 <style> 12670 @media (min-width: 0px) { 12671 .layout-stack { --_wrap: nowrap; } 12672 } 12673 </style> 12674 12675 12676 12677 12678 12679 12680 12681 12682 12683 12684 12685 12686 <div class="layout-stack" style="" > 12687 <slot></slot> 12688 </div> 12689 </template> 12690 12691 12692 12693 12694 12695<div 12696 class="element-badge element-badge--inverted element-badge--sale"> 12697 12698Sale 12699 12700</div> 12701 12702 12703 12704 12705 12706 12707 12708 12709 12710 12711</layout-stack> 12712 12713 12714</div><div 12715 class="grid__image-ratio grid__image-ratio--square" 12716 > 12717 12718 12719<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 12720 image-element" sizes="100%" data-animate="fadein"> 12721 12722 12723 12724 12725</is-land> 12726</div><div class="grid-product__secondary-image small--hide"> 12727 12728 12729<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_8dcab48c-808f-4db7-96a6-b6d389588787.png?v=1780957212&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_8dcab48c-808f-4db7-96a6-b6d389588787.png?v=1780957212&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_8dcab48c-808f-4db7-96a6-b6d389588787.png?v=1780957212&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_8dcab48c-808f-4db7-96a6-b6d389588787.png?v=1780957212&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_8dcab48c-808f-4db7-96a6-b6d389588787.png?v=1780957212&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_8dcab48c-808f-4db7-96a6-b6d389588787.png?v=1780957212&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_8dcab48c-808f-4db7-96a6-b6d389588787.png?v=1780957212&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square 12730 image-element" sizes="100%" data-animate="fadein"> 12731 12732 12733 12734 12735</is-land> 12736</div></div> 12737 12738 <div class="grid-item__meta"> 12739 12740 12741 12742 12743 12744 12745 12746 12747 12748 12749 12750 12751 12752 12753<layout-stack class="layout-stack"> 12754 <template shadowrootmode="open"> 12755 <style> 12756 :host { 12757 display: contents; 12758 } 12759 12760 .layout-stack { 12761 /* Layout & Typography */ 12762 --_flex-direction: var(--_flex-direction--xs); 12763 --_justify: var(--_justify--xs); 12764 --_align: var(--_align--xs); 12765 12766 --_margin: var(--layout-stack-margin); 12767 12768 display: flex; 12769 flex-direction: var(--_flex-direction); 12770 gap: var(--_gap); 12771 flex-wrap: var(--_wrap); 12772 justify-content: var(--_justify); 12773 align-items: var(--_align); 12774 text-align: var(--_align); 12775 margin: var(--_margin); 12776 padding: 0; 12777 list-style: none; 12778 12779 ::slotted(*) { 12780 max-width: 100%; 12781 } 12782 } 12783 </style> 12784 12785 12786 12787 12788 12789 12790 12791 <style> 12792 @media (min-width: 0px) { 12793 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 12794 } 12795 </style> 12796 12797 12798 12799 12800 12801 12802 12803 12804 12805 12806 12807 12808 12809 12810 12811 12812 12813 12814 12815 12816 12817 12818 12819 12820 12821 12822 12823 12824 12825 12826 12827 12828 12829 12830 12831 12832 12833 12834 12835 12836 12837 12838 12839 12840 12841 12842 12843 12844 12845 12846 <style> 12847 @media (min-width: 0px) { 12848 .layout-stack { --_flex-direction: column; } 12849 } 12850 </style> 12851 12852 12853 12854 12855 12856 12857 12858 12859 12860 12861 12862 12863 12864 12865 12866 12867 12868 12869 <style> 12870 @media (min-width: 0px) { 12871 .layout-stack { --_justify: start; } 12872 } 12873 </style> 12874 12875 12876 12877 12878 12879 12880 12881 12882 12883 12884 12885 12886 12887 12888 12889 12890 12891 12892 <style> 12893 @media (min-width: 0px) { 12894 .layout-stack { --_align: start; } 12895 } 12896 </style> 12897 12898 12899 12900 12901 12902 12903 12904 12905 12906 12907 12908 12909 12910 12911 12912 12913 12914 12915 <style> 12916 @media (min-width: 0px) { 12917 .layout-stack { --_wrap: nowrap; } 12918 } 12919 </style> 12920 12921 12922 12923 12924 12925 12926 12927 12928 12929 12930 12931 12932 <div class="layout-stack" style="" > 12933 <slot></slot> 12934 </div> 12935 </template> 12936 12937 12938<div class="grid-item__swatches"> 12939 12940 12941 <is-land on:idle> <color-swatches> 12942 12943 12944 12945 12946 12947 12948 12949 12950 12951 12952 12953 12954 12955 12956 12957<layout-stack class="layout-stack"> 12958 <template shadowrootmode="open"> 12959 <style> 12960 :host { 12961 display: contents; 12962 } 12963 12964 .layout-stack { 12965 /* Layout & Typography */ 12966 --_flex-direction: var(--_flex-direction--xs); 12967 --_justify: var(--_justify--xs); 12968 --_align: var(--_align--xs); 12969 12970 --_margin: var(--layout-stack-margin); 12971 12972 display: flex; 12973 flex-direction: var(--_flex-direction); 12974 gap: var(--_gap); 12975 flex-wrap: var(--_wrap); 12976 justify-content: var(--_justify); 12977 align-items: var(--_align); 12978 text-align: var(--_align); 12979 margin: var(--_margin); 12980 padding: 0; 12981 list-style: none; 12982 12983 ::slotted(*) { 12984 max-width: 100%; 12985 } 12986 } 12987 </style> 12988 12989 12990 12991 12992 12993 12994 12995 <style> 12996 @media (min-width: 0px) { 12997 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 12998 } 12999 </style> 13000 13001 13002 13003 13004 13005 13006 13007 13008 13009 13010 13011 13012 13013 13014 13015 13016 13017 13018 13019 13020 13021 13022 13023 13024 13025 13026 13027 13028 13029 13030 13031 13032 13033 13034 13035 13036 13037 13038 13039 13040 13041 13042 13043 13044 13045 13046 13047 13048 13049 13050 <style> 13051 @media (min-width: 0px) { 13052 .layout-stack { --_flex-direction: row; } 13053 } 13054 </style> 13055 13056 13057 13058 13059 13060 13061 13062 13063 13064 13065 13066 13067 13068 13069 13070 13071 13072 13073 <style> 13074 @media (min-width: 0px) { 13075 .layout-stack { --_justify: start; } 13076 } 13077 </style> 13078 13079 13080 13081 13082 13083 13084 13085 13086 13087 13088 13089 13090 13091 13092 13093 13094 13095 13096 <style> 13097 @media (min-width: 0px) { 13098 .layout-stack { --_align: stretch; } 13099 } 13100 </style> 13101 13102 13103 13104 13105 13106 13107 13108 13109 13110 13111 13112 13113 13114 13115 13116 13117 13118 13119 <style> 13120 @media (min-width: 0px) { 13121 .layout-stack { --_wrap: wrap; } 13122 } 13123 </style> 13124 13125 13126 13127 13128 13129 13130 13131 13132 13133 13134 13135 13136 <div class="layout-stack" style="" > 13137 <slot></slot> 13138 </div> 13139 </template> 13140 13141 13142 13143 13144 13145 13146 13147 13148 13149 13150</layout-stack> 13151 13152 13153 13154 13155 13156 <template data-island> 13157
13157<script type="module"> 13158 import 'list.product-card.swatches' 13159 </script>
13159 13160 </template> 13161 </color-swatches> 13162 </is-land> 13163 13164</div> 13165 13166 13167 13168 13169<span 13170class="element-text element-text--body-md" 13171 13172 13173style=" 13174 word-break: break-word; hyphens: auto; text-align: start; 13175 "> 13176 13177 Haunted Shores (A Gothic Novella) 13178 13179</span> 13180 13181 13182 13183 13184 13185 13186 13187 13188 13189 13190 13191 13192 13193 13194 13195 13196 13197 13198 13199 13200 13201 13202 13203 13204<span 13205class="element-text element-text--body-sm" 13206 13207 13208style=" 13209 opacity: 0.65; text-align: start; 13210 "> 13211 13212 Wood Sorrel Press 13213 13214</span> 13215 13216 13217 13218 13219 13220 13221 13222 13223 13224 13225 13226 13227 13228 13229 13230 13231 13232 13233 13234 13235 13236 13237 13238 13239 13240 13241 13242 13243 13244 13245 13246 13247 13248<layout-stack class="layout-stack"> 13249 <template shadowrootmode="open"> 13250 <style> 13251 :host { 13252 display: contents; 13253 } 13254 13255 .layout-stack { 13256 /* Layout & Typography */ 13257 --_flex-direction: var(--_flex-direction--xs); 13258 --_justify: var(--_justify--xs); 13259 --_align: var(--_align--xs); 13260 13261 --_margin: var(--layout-stack-margin); 13262 13263 display: flex; 13264 flex-direction: var(--_flex-direction); 13265 gap: var(--_gap); 13266 flex-wrap: var(--_wrap); 13267 justify-content: var(--_justify); 13268 align-items: var(--_align); 13269 text-align: var(--_align); 13270 margin: var(--_margin); 13271 padding: 0; 13272 list-style: none; 13273 13274 ::slotted(*) { 13275 max-width: 100%; 13276 } 13277 } 13278 </style> 13279 13280 13281 13282 13283 13284 13285 13286 <style> 13287 @media (min-width: 0px) { 13288 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 13289 } 13290 </style> 13291 13292 13293 13294 13295 13296 13297 13298 13299 13300 13301 13302 13303 13304 13305 13306 13307 13308 13309 13310 13311 13312 13313 13314 13315 13316 13317 13318 13319 13320 13321 13322 13323 13324 13325 13326 13327 13328 13329 13330 13331 13332 13333 13334 13335 13336 13337 13338 13339 13340 13341 <style> 13342 @media (min-width: 0px) { 13343 .layout-stack { --_flex-direction: row; } 13344 } 13345 </style> 13346 13347 13348 13349 13350 13351 13352 13353 13354 13355 13356 13357 13358 13359 13360 13361 13362 13363 13364 <style> 13365 @media (min-width: 0px) { 13366 .layout-stack { --_justify: start; } 13367 } 13368 </style> 13369 13370 13371 13372 13373 13374 13375 13376 13377 13378 13379 13380 13381 13382 13383 13384 13385 13386 13387 <style> 13388 @media (min-width: 0px) { 13389 .layout-stack { --_align: baseline; } 13390 } 13391 </style> 13392 13393 13394 13395 13396 13397 13398 13399 13400 13401 13402 13403 13404 13405 13406 13407 13408 13409 13410 <style> 13411 @media (min-width: 0px) { 13412 .layout-stack { --_wrap: wrap; } 13413 } 13414 </style> 13415 13416 13417 13418 13419 13420 13421 13422 13423 13424 13425 13426 13427 <div class="layout-stack" style=" 13428 text-align: start; 13429 " > 13430 <slot></slot> 13431 </div> 13432 </template> 13433 13434 13435 13436 <span aria-label="from $4.99"> 13437 13438 13439 13440<span 13441class="element-text element-text--body-sm" 13442 13443 13444style="--element-text-font-weight--body: var(--font-weight-700);"> 13445 13446 from 13447 13448</span> 13449 13450 13451 13452 13453 13454 13455 13456 13457 13458 13459 13460 13461 13462 13463 13464 13465 13466 13467 13468 13469 13470 13471 13472<span 13473class="element-price element-text element-text--heading-xs" 13474 13475 13476> 13477 13478 $4<sup>99</sup> 13479 13480</span> 13481 13482 13483 13484 13485 13486 13487 13488 13489 13490 13491 13492 13493 13494 13495 13496 13497 13498 13499 13500 13501 13502 13503 13504 13505</span> 13506 13507 13508 13509<span 13510class="element-text element-text--visually-hidden" 13511 13512 13513> 13514 13515 13516 13517Regular price 13518 13519</span> 13520 13521 13522 13523 13524 13525 13526 13527 13528 13529 13530 13531 13532 13533 13534 13535 13536 13537 13538 13539 13540 13541 13542 13543<span 13544class="element-price element-text element-text--heading-xs element-text--line-through" 13545 13546 13547> 13548 13549 $12<sup>99</sup> 13550 13551</span> 13552 13553 13554 13555 13556 13557 13558 13559 13560 13561 13562 13563 13564 13565 13566 13567 13568 13569 13570 13571 13572 13573 13574 13575 13576 13577 13578 13579 13580 13581<span 13582class="element-text element-text--body-sm" 13583 13584 13585style="color: var(--color-text-savings);"> 13586 13587 13588 13589Save 62% 13590 13591 13592</span> 13593 13594 13595 13596 13597 13598 13599 13600 13601 13602 13603 13604 13605 13606 13607 13608 13609 13610 13611 13612</layout-stack> 13613 13614 13615 13616</layout-stack> 13617 13618 13619 13620</div> 13621 13622 </div> 13623</layout-stack> 13624 13625 13626 13627 </div> 13628 </div> 13629</div> 13630 13631 13632 13633<div 13634 class=" 13635 grid-item grid-product grid-product-image-breathing-room--true 13636 13637 13638 grid-product--gridlines overlay 13639 13640 " 13641> 13642 <div 13643 class="product-grid-item" 13644 data-product-handle="too-handsome-men-an-adjunct-pi-short-story" 13645 data-product-id="9398614655232" 13646 data-product-grid-item 13647 > 13648 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 13649<quick-shop defer-hydration> 13650 13651<tool-tip-trigger 13652 class="tool-tip-trigger" 13653 data-tool-tip="QuickShop" 13654 data-tool-tip-classes="quick-shop-modal" 13655 defer-hydration 13656> 13657 13658 13659 <div 13660 class="tool-tip-trigger__content" 13661 data-tool-tip-trigger-content="" 13662 > 13663 13664 </div> 13665 13666 13667 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-9398614655232 small--hide" title=" 13668 13669 13670Quick shop 13671" data-handle="too-handsome-men-an-adjunct-pi-short-story"> 13672 13673 13674 13675 13676<element-icon 13677 13678 13679> 13680 <svg 13681 xmlns="http://www.w3.org/2000/svg" 13682 aria-hidden="true" 13683 focusable="false" 13684 role="presentation" 13685 class="element-icon element-icon-search element-icon--line" 13686 viewbox="0 0 64 64" 13687 width="20" 13688 height="20" 13689> 13690 <path 13691 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 13692 stroke-miterlimit="10" 13693 fill="none" 13694 stroke="currentColor" 13695 /> 13696</svg> 13697 13698</element-icon> 13699 13700 13701 13702 13703 13704 13705 13706 13707 13708
13709 <span class="icon__fallback-text visually-hidden"> 13710 13711 13712Quick shop 13713 13714 </span> 13715 </button> 13716 13717</tool-tip-trigger> 13718
13719<script type="module"> 13720 import 'overlay.tool-tip.trigger' 13721</script>
13721 13722 13723</quick-shop> 13724
13725<script type="module"> 13726 import 'overlay.quick-shop' 13727</script>
13727 13728 13729 13730<quick-add defer-hydration> 13731 <button 13732 type="button" class="text-link quick-add-btn" 13733 title=" 13734 13735 13736Add to cart 13737" 13738 data-id="48225637892352" 13739 data-single-variant-quick-add 13740 > 13741 <span class="btn btn--circle btn--icon"> 13742 13743 13744 13745 13746<element-icon 13747 13748 13749> 13750 <svg 13751 xmlns="http://www.w3.org/2000/svg" 13752 aria-hidden="true" 13753 focusable="false" 13754 role="presentation" 13755 class="element-icon element-icon-plus element-icon--line" 13756 viewbox="0 0 64 64" 13757 width="20" 13758 height="20" 13759> 13760 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 13761</svg> 13762 13763</element-icon> 13764 13765 13766 13767 13768 13769 13770 13771 13772 13773 13774 <span class="icon__fallback-text visually-hidden"> 13775 13776 13777Add to cart 13778 13779 </span> 13780 </span> 13781 </button> 13782</quick-add> 13783
13784<script type="module"> 13785 import 'overlay.quick-add' 13786</script>
13786 13787 13788</div> 13789 13790 13791 13792 13793 13794 13795 13796 13797 13798 13799 13800 13801 13802 13803<layout-stack class="layout-stack"> 13804 <template shadowrootmode="open"> 13805 <style> 13806 :host { 13807 display: contents; 13808 } 13809 13810 .layout-stack { 13811 /* Layout & Typography */ 13812 --_flex-direction: var(--_flex-direction--xs); 13813 --_justify: var(--_justify--xs); 13814 --_align: var(--_align--xs); 13815 13816 --_margin: var(--layout-stack-margin); 13817 13818 display: flex; 13819 flex-direction: var(--_flex-direction); 13820 gap: var(--_gap); 13821 flex-wrap: var(--_wrap); 13822 justify-content: var(--_justify); 13823 align-items: var(--_align); 13824 text-align: var(--_align); 13825 margin: var(--_margin); 13826 padding: 0; 13827 list-style: none; 13828 13829 ::slotted(*) { 13830 max-width: 100%; 13831 } 13832 } 13833 </style> 13834 13835 13836 13837 13838 13839 13840 13841 <style> 13842 @media (min-width: 0px) { 13843 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 13844 } 13845 </style> 13846 13847 13848 13849 13850 13851 13852 13853 13854 13855 13856 13857 13858 13859 13860 13861 13862 13863 13864 13865 13866 13867 13868 13869 13870 13871 13872 13873 13874 13875 13876 13877 13878 13879 13880 13881 13882 13883 13884 13885 13886 13887 13888 13889 13890 13891 13892 13893 13894 13895 13896 <style> 13897 @media (min-width: 0px) { 13898 .layout-stack { --_flex-direction: column; } 13899 } 13900 </style> 13901 13902 13903 13904 13905 13906 13907 13908 13909 13910 13911 13912 13913 13914 13915 13916 13917 13918 13919 <style> 13920 @media (min-width: 0px) { 13921 .layout-stack { --_justify: space-between; } 13922 } 13923 </style> 13924 13925 13926 13927 13928 13929 13930 13931 13932 13933 13934 13935 13936 13937 13938 13939 13940 13941 13942 <style> 13943 @media (min-width: 0px) { 13944 .layout-stack { --_align: stretch; } 13945 } 13946 </style> 13947 13948 13949 13950 13951 13952 13953 13954 13955 13956 13957 13958 13959 13960 13961 13962 13963 13964 13965 <style> 13966 @media (min-width: 0px) { 13967 .layout-stack { --_wrap: nowrap; } 13968 } 13969 </style> 13970 13971 13972 13973 13974 13975 13976 13977 13978 13979 13980 13981 13982 <div class="layout-stack" style="height: 100%;" > 13983 <slot></slot> 13984 </div> 13985 </template> 13986 13987 13988 <div class="grid-item__link"> 13989 <a href="/collections/new-merch/products/too-handsome-men-an-adjunct-pi-short-story" class="grid-item__overlay-link" aria-label="Too Handsome Men (An Adjunct PI Short Story)" tabindex="-1"></a> 13990 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 13991 13992 13993 13994 13995 13996 13997 13998 13999 14000 14001 14002 14003<layout-stack class="layout-stack"> 14004 <template shadowrootmode="open"> 14005 <style> 14006 :host { 14007 display: contents; 14008 } 14009 14010 .layout-stack { 14011 /* Layout & Typography */ 14012 --_flex-direction: var(--_flex-direction--xs); 14013 --_justify: var(--_justify--xs); 14014 --_align: var(--_align--xs); 14015 14016 --_margin: var(--layout-stack-margin); 14017 14018 display: flex; 14019 flex-direction: var(--_flex-direction); 14020 gap: var(--_gap); 14021 flex-wrap: var(--_wrap); 14022 justify-content: var(--_justify); 14023 align-items: var(--_align); 14024 text-align: var(--_align); 14025 margin: var(--_margin); 14026 padding: 0; 14027 list-style: none; 14028 14029 ::slotted(*) { 14030 max-width: 100%; 14031 } 14032 } 14033 </style> 14034 14035 14036 14037 14038 14039 14040 14041 <style> 14042 @media (min-width: 0px) { 14043 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 14044 } 14045 </style> 14046 14047 14048 14049 14050 14051 14052 14053 14054 14055 14056 14057 14058 14059 14060 14061 14062 14063 14064 14065 14066 14067 14068 14069 14070 14071 14072 14073 14074 14075 14076 14077 14078 14079 14080 14081 14082 14083 14084 14085 14086 14087 14088 14089 14090 14091 14092 14093 14094 14095 14096 <style> 14097 @media (min-width: 0px) { 14098 .layout-stack { --_flex-direction: column; } 14099 } 14100 </style> 14101 14102 14103 14104 14105 14106 14107 14108 14109 14110 14111 14112 14113 14114 14115 14116 14117 14118 14119 <style> 14120 @media (min-width: 0px) { 14121 .layout-stack { --_justify: start; } 14122 } 14123 </style> 14124 14125 14126 14127 14128 14129 14130 14131 14132 14133 14134 14135 14136 14137 14138 14139 14140 14141 14142 <style> 14143 @media (min-width: 0px) { 14144 .layout-stack { --_align: center; } 14145 } 14146 </style> 14147 14148 14149 14150 14151 14152 14153 14154 14155 14156 14157 14158 14159 14160 14161 14162 14163 14164 14165 <style> 14166 @media (min-width: 0px) { 14167 .layout-stack { --_wrap: nowrap; } 14168 } 14169 </style> 14170 14171 14172 14173 14174 14175 14176 14177 14178 14179 14180 14181 14182 <div class="layout-stack" style="" > 14183 <slot></slot> 14184 </div> 14185 </template> 14186 14187 14188</layout-stack> 14189 14190 14191</div><div 14192 class="grid__image-ratio grid__image-ratio--square" 14193 > 14194 14195 14196<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 14197 image-element" sizes="100%" data-animate="fadein"> 14198 14199 14200 14201 14202</is-land> 14203</div><div class="grid-product__secondary-image small--hide"> 14204 14205 14206<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenShopify.jpg?v=1775080739&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenShopify.jpg?v=1775080739&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenShopify.jpg?v=1775080739&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenShopify.jpg?v=1775080739&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenShopify.jpg?v=1775080739&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenShopify.jpg?v=1775080739&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenShopify.jpg?v=1775080739&width=1600 1600w" width="1600" height="2391.0336239103362" loading="lazy" class="image-style--square 14207 image-element" sizes="100%" data-animate="fadein"> 14208 14209 14210 14211 14212</is-land> 14213</div></div> 14214 14215 <div class="grid-item__meta"> 14216 14217 14218 14219 14220 14221 14222 14223 14224 14225 14226 14227 14228 14229 14230<layout-stack class="layout-stack"> 14231 <template shadowrootmode="open"> 14232 <style> 14233 :host { 14234 display: contents; 14235 } 14236 14237 .layout-stack { 14238 /* Layout & Typography */ 14239 --_flex-direction: var(--_flex-direction--xs); 14240 --_justify: var(--_justify--xs); 14241 --_align: var(--_align--xs); 14242 14243 --_margin: var(--layout-stack-margin); 14244 14245 display: flex; 14246 flex-direction: var(--_flex-direction); 14247 gap: var(--_gap); 14248 flex-wrap: var(--_wrap); 14249 justify-content: var(--_justify); 14250 align-items: var(--_align); 14251 text-align: var(--_align); 14252 margin: var(--_margin); 14253 padding: 0; 14254 list-style: none; 14255 14256 ::slotted(*) { 14257 max-width: 100%; 14258 } 14259 } 14260 </style> 14261 14262 14263 14264 14265 14266 14267 14268 <style> 14269 @media (min-width: 0px) { 14270 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 14271 } 14272 </style> 14273 14274 14275 14276 14277 14278 14279 14280 14281 14282 14283 14284 14285 14286 14287 14288 14289 14290 14291 14292 14293 14294 14295 14296 14297 14298 14299 14300 14301 14302 14303 14304 14305 14306 14307 14308 14309 14310 14311 14312 14313 14314 14315 14316 14317 14318 14319 14320 14321 14322 14323 <style> 14324 @media (min-width: 0px) { 14325 .layout-stack { --_flex-direction: column; } 14326 } 14327 </style> 14328 14329 14330 14331 14332 14333 14334 14335 14336 14337 14338 14339 14340 14341 14342 14343 14344 14345 14346 <style> 14347 @media (min-width: 0px) { 14348 .layout-stack { --_justify: start; } 14349 } 14350 </style> 14351 14352 14353 14354 14355 14356 14357 14358 14359 14360 14361 14362 14363 14364 14365 14366 14367 14368 14369 <style> 14370 @media (min-width: 0px) { 14371 .layout-stack { --_align: start; } 14372 } 14373 </style> 14374 14375 14376 14377 14378 14379 14380 14381 14382 14383 14384 14385 14386 14387 14388 14389 14390 14391 14392 <style> 14393 @media (min-width: 0px) { 14394 .layout-stack { --_wrap: nowrap; } 14395 } 14396 </style> 14397 14398 14399 14400 14401 14402 14403 14404 14405 14406 14407 14408 14409 <div class="layout-stack" style="" > 14410 <slot></slot> 14411 </div> 14412 </template> 14413 14414 14415<div class="grid-item__swatches"> 14416 14417 14418 <is-land on:idle> <color-swatches> 14419 14420 14421 14422 14423 14424 14425 14426 14427 14428 14429 14430 14431 14432 14433 14434<layout-stack class="layout-stack"> 14435 <template shadowrootmode="open"> 14436 <style> 14437 :host { 14438 display: contents; 14439 } 14440 14441 .layout-stack { 14442 /* Layout & Typography */ 14443 --_flex-direction: var(--_flex-direction--xs); 14444 --_justify: var(--_justify--xs); 14445 --_align: var(--_align--xs); 14446 14447 --_margin: var(--layout-stack-margin); 14448 14449 display: flex; 14450 flex-direction: var(--_flex-direction); 14451 gap: var(--_gap); 14452 flex-wrap: var(--_wrap); 14453 justify-content: var(--_justify); 14454 align-items: var(--_align); 14455 text-align: var(--_align); 14456 margin: var(--_margin); 14457 padding: 0; 14458 list-style: none; 14459 14460 ::slotted(*) { 14461 max-width: 100%; 14462 } 14463 } 14464 </style> 14465 14466 14467 14468 14469 14470 14471 14472 <style> 14473 @media (min-width: 0px) { 14474 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 14475 } 14476 </style> 14477 14478 14479 14480 14481 14482 14483 14484 14485 14486 14487 14488 14489 14490 14491 14492 14493 14494 14495 14496 14497 14498 14499 14500 14501 14502 14503 14504 14505 14506 14507 14508 14509 14510 14511 14512 14513 14514 14515 14516 14517 14518 14519 14520 14521 14522 14523 14524 14525 14526 14527 <style> 14528 @media (min-width: 0px) { 14529 .layout-stack { --_flex-direction: row; } 14530 } 14531 </style> 14532 14533 14534 14535 14536 14537 14538 14539 14540 14541 14542 14543 14544 14545 14546 14547 14548 14549 14550 <style> 14551 @media (min-width: 0px) { 14552 .layout-stack { --_justify: start; } 14553 } 14554 </style> 14555 14556 14557 14558 14559 14560 14561 14562 14563 14564 14565 14566 14567 14568 14569 14570 14571 14572 14573 <style> 14574 @media (min-width: 0px) { 14575 .layout-stack { --_align: stretch; } 14576 } 14577 </style> 14578 14579 14580 14581 14582 14583 14584 14585 14586 14587 14588 14589 14590 14591 14592 14593 14594 14595 14596 <style> 14597 @media (min-width: 0px) { 14598 .layout-stack { --_wrap: wrap; } 14599 } 14600 </style> 14601 14602 14603 14604 14605 14606 14607 14608 14609 14610 14611 14612 14613 <div class="layout-stack" style="" > 14614 <slot></slot> 14615 </div> 14616 </template> 14617 14618 14619 14620 14621 14622 14623 14624 14625</layout-stack> 14626 14627 14628 14629 14630 14631 <template data-island> 14632
14632<script type="module"> 14633 import 'list.product-card.swatches' 14634 </script>
14634 14635 </template> 14636 </color-swatches> 14637 </is-land> 14638 14639</div> 14640 14641 14642 14643 14644<span 14645class="element-text element-text--body-md" 14646 14647 14648style=" 14649 word-break: break-word; hyphens: auto; text-align: start; 14650 "> 14651 14652 Too Handsome Men (An Adjunct PI Short Story) 14653 14654</span> 14655 14656 14657 14658 14659 14660 14661 14662 14663 14664 14665 14666 14667 14668 14669 14670 14671 14672 14673 14674 14675 14676 14677 14678 14679<span 14680class="element-text element-text--body-sm" 14681 14682 14683style=" 14684 opacity: 0.65; text-align: start; 14685 "> 14686 14687 Wood Sorrel Press 14688 14689</span> 14690 14691 14692 14693 14694 14695 14696 14697 14698 14699 14700 14701 14702 14703 14704 14705 14706 14707 14708 14709 14710 14711 14712 14713 14714 14715 14716 14717 14718 14719 14720 14721 14722 14723<layout-stack class="layout-stack"> 14724 <template shadowrootmode="open"> 14725 <style> 14726 :host { 14727 display: contents; 14728 } 14729 14730 .layout-stack { 14731 /* Layout & Typography */ 14732 --_flex-direction: var(--_flex-direction--xs); 14733 --_justify: var(--_justify--xs); 14734 --_align: var(--_align--xs); 14735 14736 --_margin: var(--layout-stack-margin); 14737 14738 display: flex; 14739 flex-direction: var(--_flex-direction); 14740 gap: var(--_gap); 14741 flex-wrap: var(--_wrap); 14742 justify-content: var(--_justify); 14743 align-items: var(--_align); 14744 text-align: var(--_align); 14745 margin: var(--_margin); 14746 padding: 0; 14747 list-style: none; 14748 14749 ::slotted(*) { 14750 max-width: 100%; 14751 } 14752 } 14753 </style> 14754 14755 14756 14757 14758 14759 14760 14761 <style> 14762 @media (min-width: 0px) { 14763 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 14764 } 14765 </style> 14766 14767 14768 14769 14770 14771 14772 14773 14774 14775 14776 14777 14778 14779 14780 14781 14782 14783 14784 14785 14786 14787 14788 14789 14790 14791 14792 14793 14794 14795 14796 14797 14798 14799 14800 14801 14802 14803 14804 14805 14806 14807 14808 14809 14810 14811 14812 14813 14814 14815 14816 <style> 14817 @media (min-width: 0px) { 14818 .layout-stack { --_flex-direction: row; } 14819 } 14820 </style> 14821 14822 14823 14824 14825 14826 14827 14828 14829 14830 14831 14832 14833 14834 14835 14836 14837 14838 14839 <style> 14840 @media (min-width: 0px) { 14841 .layout-stack { --_justify: start; } 14842 } 14843 </style> 14844 14845 14846 14847 14848 14849 14850 14851 14852 14853 14854 14855 14856 14857 14858 14859 14860 14861 14862 <style> 14863 @media (min-width: 0px) { 14864 .layout-stack { --_align: baseline; } 14865 } 14866 </style> 14867 14868 14869 14870 14871 14872 14873 14874 14875 14876 14877 14878 14879 14880 14881 14882 14883 14884 14885 <style> 14886 @media (min-width: 0px) { 14887 .layout-stack { --_wrap: wrap; } 14888 } 14889 </style> 14890 14891 14892 14893 14894 14895 14896 14897 14898 14899 14900 14901 14902 <div class="layout-stack" style=" 14903 text-align: start; 14904 " > 14905 <slot></slot> 14906 </div> 14907 </template> 14908 14909 14910 14911 14912 14913 14914<span 14915class="element-price element-text element-text--heading-xs" 14916 14917 14918> 14919 14920 $2<sup>99</sup> 14921 14922</span> 14923 14924 14925 14926 14927 14928 14929 14930 14931 14932 14933 14934 14935 14936 14937 14938 14939 14940 14941 14942 14943 14944 14945 14946 14947 14948</layout-stack> 14949 14950 14951 14952</layout-stack> 14953 14954 14955 14956</div> 14957 14958 </div> 14959</layout-stack> 14960 14961 14962 14963 </div> 14964 </div> 14965</div> 14966 14967 14968 14969<div 14970 class=" 14971 grid-item grid-product grid-product-image-breathing-room--true 14972 14973 14974 grid-product--gridlines overlay 14975 14976 " 14977> 14978 <div 14979 class="product-grid-item" 14980 data-product-handle="bettys-karma-a-mystery-short-story" 14981 data-product-id="9398610985216" 14982 data-product-grid-item 14983 > 14984 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 14985<quick-shop defer-hydration> 14986 14987<tool-tip-trigger 14988 class="tool-tip-trigger" 14989 data-tool-tip="QuickShop" 14990 data-tool-tip-classes="quick-shop-modal" 14991 defer-hydration 14992> 14993 14994 14995 <div 14996 class="tool-tip-trigger__content" 14997 data-tool-tip-trigger-content="" 14998 > 14999 15000 </div> 15001 15002 15003 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-9398610985216 small--hide" title=" 15004 15005 15006Quick shop 15007" data-handle="bettys-karma-a-mystery-short-story"> 15008 15009 15010 15011 15012<element-icon 15013 15014 15015> 15016 <svg 15017 xmlns="http://www.w3.org/2000/svg" 15018 aria-hidden="true" 15019 focusable="false" 15020 role="presentation" 15021 class="element-icon element-icon-search element-icon--line" 15022 viewbox="0 0 64 64" 15023 width="20" 15024 height="20" 15025> 15026 <path 15027 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 15028 stroke-miterlimit="10" 15029 fill="none" 15030 stroke="currentColor" 15031 /> 15032</svg> 15033 15034</element-icon> 15035 15036 15037 15038 15039 15040 15041 15042 15043 15044 15045 <span class="icon__fallback-text visually-hidden"> 15046 15047 15048Quick shop 15049 15050 </span> 15051 </button> 15052 15053</tool-tip-trigger> 15054
15055<script type="module"> 15056 import 'overlay.tool-tip.trigger' 15057</script>
15057 15058 15059</quick-shop> 15060
15061<script type="module"> 15062 import 'overlay.quick-shop' 15063</script>
15063 15064 15065 15066<quick-add defer-hydration> 15067 <button 15068 type="button" class="text-link quick-add-btn" 15069 title=" 15070 15071 15072Add to cart 15073" 15074 data-id="48225623638272" 15075 data-single-variant-quick-add 15076 > 15077 <span class="btn btn--circle btn--icon"> 15078 15079 15080 15081 15082<element-icon 15083 15084 15085> 15086 <svg 15087 xmlns="http://www.w3.org/2000/svg" 15088 aria-hidden="true" 15089 focusable="false" 15090 role="presentation" 15091 class="element-icon element-icon-plus element-icon--line" 15092 viewbox="0 0 64 64" 15093 width="20" 15094 height="20" 15095> 15096 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 15097</svg> 15098 15099</element-icon> 15100 15101 15102 15103 15104 15105 15106 15107 15108 15109 15110 <span class="icon__fallback-text visually-hidden"> 15111 15112 15113Add to cart 15114 15115 </span> 15116 </span> 15117 </button> 15118</quick-add> 15119
15120<script type="module"> 15121 import 'overlay.quick-add' 15122</script>
15122 15123 15124</div> 15125 15126 15127 15128 15129 15130 15131 15132 15133 15134 15135 15136 15137 15138 15139<layout-stack class="layout-stack"> 15140 <template shadowrootmode="open"> 15141 <style> 15142 :host { 15143 display: contents; 15144 } 15145 15146 .layout-stack { 15147 /* Layout & Typography */ 15148 --_flex-direction: var(--_flex-direction--xs); 15149 --_justify: var(--_justify--xs); 15150 --_align: var(--_align--xs); 15151 15152 --_margin: var(--layout-stack-margin); 15153 15154 display: flex; 15155 flex-direction: var(--_flex-direction); 15156 gap: var(--_gap); 15157 flex-wrap: var(--_wrap); 15158 justify-content: var(--_justify); 15159 align-items: var(--_align); 15160 text-align: var(--_align); 15161 margin: var(--_margin); 15162 padding: 0; 15163 list-style: none; 15164 15165 ::slotted(*) { 15166 max-width: 100%; 15167 } 15168 } 15169 </style> 15170 15171 15172 15173 15174 15175 15176 15177 <style> 15178 @media (min-width: 0px) { 15179 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 15180 } 15181 </style> 15182 15183 15184 15185 15186 15187 15188 15189 15190 15191 15192 15193 15194 15195 15196 15197 15198 15199 15200 15201 15202 15203 15204 15205 15206 15207 15208 15209 15210 15211 15212 15213 15214 15215 15216 15217 15218 15219 15220 15221 15222 15223 15224 15225 15226 15227 15228 15229 15230 15231 15232 <style> 15233 @media (min-width: 0px) { 15234 .layout-stack { --_flex-direction: column; } 15235 } 15236 </style> 15237 15238 15239 15240 15241 15242 15243 15244 15245 15246 15247 15248 15249 15250 15251 15252 15253 15254 15255 <style> 15256 @media (min-width: 0px) { 15257 .layout-stack { --_justify: space-between; } 15258 } 15259 </style> 15260 15261 15262 15263 15264 15265 15266 15267 15268 15269 15270 15271 15272 15273 15274 15275 15276 15277 15278 <style> 15279 @media (min-width: 0px) { 15280 .layout-stack { --_align: stretch; } 15281 } 15282 </style> 15283 15284 15285 15286 15287 15288 15289 15290 15291 15292 15293 15294 15295 15296 15297 15298 15299 15300 15301 <style> 15302 @media (min-width: 0px) { 15303 .layout-stack { --_wrap: nowrap; } 15304 } 15305 </style> 15306 15307 15308 15309 15310 15311 15312 15313 15314 15315 15316 15317 15318 <div class="layout-stack" style="height: 100%;" > 15319 <slot></slot> 15320 </div> 15321 </template> 15322 15323 15324 <div class="grid-item__link"> 15325 <a href="/collections/new-merch/products/bettys-karma-a-mystery-short-story" class="grid-item__overlay-link" aria-label="Betty's Karma (A Mystery Short Story)" tabindex="-1"></a> 15326 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 15327 15328 15329 15330 15331 15332 15333 15334 15335 15336 15337 15338 15339<layout-stack class="layout-stack"> 15340 <template shadowrootmode="open"> 15341 <style> 15342 :host { 15343 display: contents; 15344 } 15345 15346 .layout-stack { 15347 /* Layout & Typography */ 15348 --_flex-direction: var(--_flex-direction--xs); 15349 --_justify: var(--_justify--xs); 15350 --_align: var(--_align--xs); 15351 15352 --_margin: var(--layout-stack-margin); 15353 15354 display: flex; 15355 flex-direction: var(--_flex-direction); 15356 gap: var(--_gap); 15357 flex-wrap: var(--_wrap); 15358 justify-content: var(--_justify); 15359 align-items: var(--_align); 15360 text-align: var(--_align); 15361 margin: var(--_margin); 15362 padding: 0; 15363 list-style: none; 15364 15365 ::slotted(*) { 15366 max-width: 100%; 15367 } 15368 } 15369 </style> 15370 15371 15372 15373 15374 15375 15376 15377 <style> 15378 @media (min-width: 0px) { 15379 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 15380 } 15381 </style> 15382 15383 15384 15385 15386 15387 15388 15389 15390 15391 15392 15393 15394 15395 15396 15397 15398 15399 15400 15401 15402 15403 15404 15405 15406 15407 15408 15409 15410 15411 15412 15413 15414 15415 15416 15417 15418 15419 15420 15421 15422 15423 15424 15425 15426 15427 15428 15429 15430 15431 15432 <style> 15433 @media (min-width: 0px) { 15434 .layout-stack { --_flex-direction: column; } 15435 } 15436 </style> 15437 15438 15439 15440 15441 15442 15443 15444 15445 15446 15447 15448 15449 15450 15451 15452 15453 15454 15455 <style> 15456 @media (min-width: 0px) { 15457 .layout-stack { --_justify: start; } 15458 } 15459 </style> 15460 15461 15462 15463 15464 15465 15466 15467 15468 15469 15470 15471 15472 15473 15474 15475 15476 15477 15478 <style> 15479 @media (min-width: 0px) { 15480 .layout-stack { --_align: center; } 15481 } 15482 </style> 15483 15484 15485 15486 15487 15488 15489 15490 15491 15492 15493 15494 15495 15496 15497 15498 15499 15500 15501 <style> 15502 @media (min-width: 0px) { 15503 .layout-stack { --_wrap: nowrap; } 15504 } 15505 </style> 15506 15507 15508 15509 15510 15511 15512 15513 15514 15515 15516 15517 15518 <div class="layout-stack" style="" > 15519 <slot></slot> 15520 </div> 15521 </template> 15522 15523 15524</layout-stack> 15525 15526 15527</div><div 15528 class="grid__image-ratio grid__image-ratio--square" 15529 > 15530 15531 15532<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 15533 image-element" sizes="100%" data-animate="fadein"> 15534 15535 15536 15537 15538</is-land> 15539</div><div class="grid-product__secondary-image small--hide"> 15540 15541 15542<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/Betty_sKarmashopify.jpg?v=1775079849&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Betty_sKarmashopify.jpg?v=1775079849&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmashopify.jpg?v=1775079849&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmashopify.jpg?v=1775079849&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmashopify.jpg?v=1775079849&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmashopify.jpg?v=1775079849&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmashopify.jpg?v=1775079849&width=1600 1600w" width="1600" height="2391.0336239103362" loading="lazy" class="image-style--square 15543 image-element" sizes="100%" data-animate="fadein"> 15544 15545 15546 15547 15548</is-land> 15549</div></div> 15550 15551 <div class="grid-item__meta"> 15552 15553 15554 15555 15556 15557 15558 15559 15560 15561 15562 15563 15564 15565 15566<layout-stack class="layout-stack"> 15567 <template shadowrootmode="open"> 15568 <style> 15569 :host { 15570 display: contents; 15571 } 15572 15573 .layout-stack { 15574 /* Layout & Typography */ 15575 --_flex-direction: var(--_flex-direction--xs); 15576 --_justify: var(--_justify--xs); 15577 --_align: var(--_align--xs); 15578 15579 --_margin: var(--layout-stack-margin); 15580 15581 display: flex; 15582 flex-direction: var(--_flex-direction); 15583 gap: var(--_gap); 15584 flex-wrap: var(--_wrap); 15585 justify-content: var(--_justify); 15586 align-items: var(--_align); 15587 text-align: var(--_align); 15588 margin: var(--_margin); 15589 padding: 0; 15590 list-style: none; 15591 15592 ::slotted(*) { 15593 max-width: 100%; 15594 } 15595 } 15596 </style> 15597 15598 15599 15600 15601 15602 15603 15604 <style> 15605 @media (min-width: 0px) { 15606 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 15607 } 15608 </style> 15609 15610 15611 15612 15613 15614 15615 15616 15617 15618 15619 15620 15621 15622 15623 15624 15625 15626 15627 15628 15629 15630 15631 15632 15633 15634 15635 15636 15637 15638 15639 15640 15641 15642 15643 15644 15645 15646 15647 15648 15649 15650 15651 15652 15653 15654 15655 15656 15657 15658 15659 <style> 15660 @media (min-width: 0px) { 15661 .layout-stack { --_flex-direction: column; } 15662 } 15663 </style> 15664 15665 15666 15667 15668 15669 15670 15671 15672 15673 15674 15675 15676 15677 15678 15679 15680 15681 15682 <style> 15683 @media (min-width: 0px) { 15684 .layout-stack { --_justify: start; } 15685 } 15686 </style> 15687 15688 15689 15690 15691 15692 15693 15694 15695 15696 15697 15698 15699 15700 15701 15702 15703 15704 15705 <style> 15706 @media (min-width: 0px) { 15707 .layout-stack { --_align: start; } 15708 } 15709 </style> 15710 15711 15712 15713 15714 15715 15716 15717 15718 15719 15720 15721 15722 15723 15724 15725 15726 15727 15728 <style> 15729 @media (min-width: 0px) { 15730 .layout-stack { --_wrap: nowrap; } 15731 } 15732 </style> 15733 15734 15735 15736 15737 15738 15739 15740 15741 15742 15743 15744 15745 <div class="layout-stack" style="" > 15746 <slot></slot> 15747 </div> 15748 </template> 15749 15750 15751<div class="grid-item__swatches"> 15752 15753 15754 <is-land on:idle> <color-swatches> 15755 15756 15757 15758 15759 15760 15761 15762 15763 15764 15765 15766 15767 15768 15769 15770<layout-stack class="layout-stack"> 15771 <template shadowrootmode="open"> 15772 <style> 15773 :host { 15774 display: contents; 15775 } 15776 15777 .layout-stack { 15778 /* Layout & Typography */ 15779 --_flex-direction: var(--_flex-direction--xs); 15780 --_justify: var(--_justify--xs); 15781 --_align: var(--_align--xs); 15782 15783 --_margin: var(--layout-stack-margin); 15784 15785 display: flex; 15786 flex-direction: var(--_flex-direction); 15787 gap: var(--_gap); 15788 flex-wrap: var(--_wrap); 15789 justify-content: var(--_justify); 15790 align-items: var(--_align); 15791 text-align: var(--_align); 15792 margin: var(--_margin); 15793 padding: 0; 15794 list-style: none; 15795 15796 ::slotted(*) { 15797 max-width: 100%; 15798 } 15799 } 15800 </style> 15801 15802 15803 15804 15805 15806 15807 15808 <style> 15809 @media (min-width: 0px) { 15810 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 15811 } 15812 </style> 15813 15814 15815 15816 15817 15818 15819 15820 15821 15822 15823 15824 15825 15826 15827 15828 15829 15830 15831 15832 15833 15834 15835 15836 15837 15838 15839 15840 15841 15842 15843 15844 15845 15846 15847 15848 15849 15850 15851 15852 15853 15854 15855 15856 15857 15858 15859 15860 15861 15862 15863 <style> 15864 @media (min-width: 0px) { 15865 .layout-stack { --_flex-direction: row; } 15866 } 15867 </style> 15868 15869 15870 15871 15872 15873 15874 15875 15876 15877 15878 15879 15880 15881 15882 15883 15884 15885 15886 <style> 15887 @media (min-width: 0px) { 15888 .layout-stack { --_justify: start; } 15889 } 15890 </style> 15891 15892 15893 15894 15895 15896 15897 15898 15899 15900 15901 15902 15903 15904 15905 15906 15907 15908 15909 <style> 15910 @media (min-width: 0px) { 15911 .layout-stack { --_align: stretch; } 15912 } 15913 </style> 15914 15915 15916 15917 15918 15919 15920 15921 15922 15923 15924 15925 15926 15927 15928 15929 15930 15931 15932 <style> 15933 @media (min-width: 0px) { 15934 .layout-stack { --_wrap: wrap; } 15935 } 15936 </style> 15937 15938 15939 15940 15941 15942 15943 15944 15945 15946 15947 15948 15949 <div class="layout-stack" style="" > 15950 <slot></slot> 15951 </div> 15952 </template> 15953 15954 15955 15956 15957 15958 15959 15960 15961</layout-stack> 15962 15963 15964 15965 15966 15967 <template data-island> 15968
15968<script type="module"> 15969 import 'list.product-card.swatches' 15970 </script>
15970 15971 </template> 15972 </color-swatches> 15973 </is-land> 15974 15975</div> 15976 15977 15978 15979 15980<span 15981class="element-text element-text--body-md" 15982 15983 15984style=" 15985 word-break: break-word; hyphens: auto; text-align: start; 15986 "> 15987 15988 Betty's Karma (A Mystery Short Story) 15989 15990</span> 15991 15992 15993 15994 15995 15996 15997 15998 15999 16000 16001 16002 16003 16004 16005 16006 16007 16008 16009 16010 16011 16012 16013 16014 16015<span 16016class="element-text element-text--body-sm" 16017 16018 16019style=" 16020 opacity: 0.65; text-align: start; 16021 "> 16022 16023 Wood Sorrel Press 16024 16025</span> 16026 16027 16028 16029 16030 16031 16032 16033 16034 16035 16036 16037 16038 16039 16040 16041 16042 16043 16044 16045 16046 16047 16048 16049 16050 16051 16052 16053 16054 16055 16056 16057 16058 16059<layout-stack class="layout-stack"> 16060 <template shadowrootmode="open"> 16061 <style> 16062 :host { 16063 display: contents; 16064 } 16065 16066 .layout-stack { 16067 /* Layout & Typography */ 16068 --_flex-direction: var(--_flex-direction--xs); 16069 --_justify: var(--_justify--xs); 16070 --_align: var(--_align--xs); 16071 16072 --_margin: var(--layout-stack-margin); 16073 16074 display: flex; 16075 flex-direction: var(--_flex-direction); 16076 gap: var(--_gap); 16077 flex-wrap: var(--_wrap); 16078 justify-content: var(--_justify); 16079 align-items: var(--_align); 16080 text-align: var(--_align); 16081 margin: var(--_margin); 16082 padding: 0; 16083 list-style: none; 16084 16085 ::slotted(*) { 16086 max-width: 100%; 16087 } 16088 } 16089 </style> 16090 16091 16092 16093 16094 16095 16096 16097 <style> 16098 @media (min-width: 0px) { 16099 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 16100 } 16101 </style> 16102 16103 16104 16105 16106 16107 16108 16109 16110 16111 16112 16113 16114 16115 16116 16117 16118 16119 16120 16121 16122 16123 16124 16125 16126 16127 16128 16129 16130 16131 16132 16133 16134 16135 16136 16137 16138 16139 16140 16141 16142 16143 16144 16145 16146 16147 16148 16149 16150 16151 16152 <style> 16153 @media (min-width: 0px) { 16154 .layout-stack { --_flex-direction: row; } 16155 } 16156 </style> 16157 16158 16159 16160 16161 16162 16163 16164 16165 16166 16167 16168 16169 16170 16171 16172 16173 16174 16175 <style> 16176 @media (min-width: 0px) { 16177 .layout-stack { --_justify: start; } 16178 } 16179 </style> 16180 16181 16182 16183 16184 16185 16186 16187 16188 16189 16190 16191 16192 16193 16194 16195 16196 16197 16198 <style> 16199 @media (min-width: 0px) { 16200 .layout-stack { --_align: baseline; } 16201 } 16202 </style> 16203 16204 16205 16206 16207 16208 16209 16210 16211 16212 16213 16214 16215 16216 16217 16218 16219 16220 16221 <style> 16222 @media (min-width: 0px) { 16223 .layout-stack { --_wrap: wrap; } 16224 } 16225 </style> 16226 16227 16228 16229 16230 16231 16232 16233 16234 16235 16236 16237 16238 <div class="layout-stack" style=" 16239 text-align: start; 16240 " > 16241 <slot></slot> 16242 </div> 16243 </template> 16244 16245 16246 16247 16248 16249 16250<span 16251class="element-price element-text element-text--heading-xs" 16252 16253 16254> 16255 16256 $2<sup>99</sup> 16257 16258</span> 16259 16260 16261 16262 16263 16264 16265 16266 16267 16268 16269 16270 16271 16272 16273 16274 16275 16276 16277 16278 16279 16280 16281 16282 16283 16284</layout-stack> 16285 16286 16287 16288</layout-stack> 16289 16290 16291 16292</div> 16293 16294 </div> 16295</layout-stack> 16296 16297 16298 16299 </div> 16300 </div> 16301</div> 16302 16303 16304 16305<div 16306 class=" 16307 grid-item grid-product grid-product-image-breathing-room--true 16308 16309 16310 grid-product--gridlines overlay 16311 16312 " 16313> 16314 <div 16315 class="product-grid-item" 16316 data-product-handle="marilyn-a-short-story" 16317 data-product-id="9398608363776" 16318 data-product-grid-item 16319 > 16320 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 16321<quick-shop defer-hydration> 16322 16323<tool-tip-trigger 16324 class="tool-tip-trigger" 16325 data-tool-tip="QuickShop" 16326 data-tool-tip-classes="quick-shop-modal" 16327 defer-hydration 16328> 16329 16330 16331 <div 16332 class="tool-tip-trigger__content" 16333 data-tool-tip-trigger-content="" 16334 > 16335 16336 </div> 16337 16338 16339 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-9398608363776 small--hide" title=" 16340 16341 16342Quick shop 16343" data-handle="marilyn-a-short-story"> 16344 16345 16346 16347 16348<element-icon 16349 16350 16351> 16352 <svg 16353 xmlns="http://www.w3.org/2000/svg" 16354 aria-hidden="true" 16355 focusable="false" 16356 role="presentation" 16357 class="element-icon element-icon-search element-icon--line" 16358 viewbox="0 0 64 64" 16359 width="20" 16360 height="20" 16361> 16362 <path 16363 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 16364 stroke-miterlimit="10" 16365 fill="none" 16366 stroke="currentColor" 16367 /> 16368</svg> 16369 16370</element-icon> 16371 16372 16373 16374 16375 16376 16377 16378 16379 16380 16381 <span class="icon__fallback-text visually-hidden"> 16382 16383 16384Quick shop 16385 16386 </span> 16387 </button> 16388 16389</tool-tip-trigger> 16390
16391<script type="module"> 16392 import 'overlay.tool-tip.trigger' 16393</script>
16393 16394 16395</quick-shop> 16396
16397<script type="module"> 16398 import 'overlay.quick-shop' 16399</script>
16399 16400 16401 16402<quick-add defer-hydration> 16403 <button 16404 type="button" class="text-link quick-add-btn" 16405 title=" 16406 16407 16408Add to cart 16409" 16410 data-id="48225614594304" 16411 data-single-variant-quick-add 16412 > 16413 <span class="btn btn--circle btn--icon"> 16414 16415 16416 16417 16418<element-icon 16419 16420 16421> 16422 <svg 16423 xmlns="http://www.w3.org/2000/svg" 16424 aria-hidden="true" 16425 focusable="false" 16426 role="presentation" 16427 class="element-icon element-icon-plus element-icon--line" 16428 viewbox="0 0 64 64" 16429 width="20" 16430 height="20" 16431> 16432 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 16433</svg> 16434 16435</element-icon> 16436 16437 16438 16439 16440 16441 16442 16443 16444 16445 16446 <span class="icon__fallback-text visually-hidden"> 16447 16448 16449Add to cart 16450 16451 </span> 16452 </span> 16453 </button> 16454</quick-add> 16455
16456<script type="module"> 16457 import 'overlay.quick-add' 16458</script>
16458 16459 16460</div> 16461 16462 16463 16464 16465 16466 16467 16468 16469 16470 16471 16472 16473 16474 16475<layout-stack class="layout-stack"> 16476 <template shadowrootmode="open"> 16477 <style> 16478 :host { 16479 display: contents; 16480 } 16481 16482 .layout-stack { 16483 /* Layout & Typography */ 16484 --_flex-direction: var(--_flex-direction--xs); 16485 --_justify: var(--_justify--xs); 16486 --_align: var(--_align--xs); 16487 16488 --_margin: var(--layout-stack-margin); 16489 16490 display: flex; 16491 flex-direction: var(--_flex-direction); 16492 gap: var(--_gap); 16493 flex-wrap: var(--_wrap); 16494 justify-content: var(--_justify); 16495 align-items: var(--_align); 16496 text-align: var(--_align); 16497 margin: var(--_margin); 16498 padding: 0; 16499 list-style: none; 16500 16501 ::slotted(*) { 16502 max-width: 100%; 16503 } 16504 } 16505 </style> 16506 16507 16508 16509 16510 16511 16512 16513 <style> 16514 @media (min-width: 0px) { 16515 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 16516 } 16517 </style> 16518 16519 16520 16521 16522 16523 16524 16525 16526 16527 16528 16529 16530 16531 16532 16533 16534 16535 16536 16537 16538 16539 16540 16541 16542 16543 16544 16545 16546 16547 16548 16549 16550 16551 16552 16553 16554 16555 16556 16557 16558 16559 16560 16561 16562 16563 16564 16565 16566 16567 16568 <style> 16569 @media (min-width: 0px) { 16570 .layout-stack { --_flex-direction: column; } 16571 } 16572 </style> 16573 16574 16575 16576 16577 16578 16579 16580 16581 16582 16583 16584 16585 16586 16587 16588 16589 16590 16591 <style> 16592 @media (min-width: 0px) { 16593 .layout-stack { --_justify: space-between; } 16594 } 16595 </style> 16596 16597 16598 16599 16600 16601 16602 16603 16604 16605 16606 16607 16608 16609 16610 16611 16612 16613 16614 <style> 16615 @media (min-width: 0px) { 16616 .layout-stack { --_align: stretch; } 16617 } 16618 </style> 16619 16620 16621 16622 16623 16624 16625 16626 16627 16628 16629 16630 16631 16632 16633 16634 16635 16636 16637 <style> 16638 @media (min-width: 0px) { 16639 .layout-stack { --_wrap: nowrap; } 16640 } 16641 </style> 16642 16643 16644 16645 16646 16647 16648 16649 16650 16651 16652 16653 16654 <div class="layout-stack" style="height: 100%;" > 16655 <slot></slot> 16656 </div> 16657 </template> 16658 16659 16660 <div class="grid-item__link"> 16661 <a href="/collections/new-merch/products/marilyn-a-short-story" class="grid-item__overlay-link" aria-label="Marilyn (A Short Story)" tabindex="-1"></a> 16662 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 16663 16664 16665 16666 16667 16668 16669 16670 16671 16672 16673 16674 16675<layout-stack class="layout-stack"> 16676 <template shadowrootmode="open"> 16677 <style> 16678 :host { 16679 display: contents; 16680 } 16681 16682 .layout-stack { 16683 /* Layout & Typography */ 16684 --_flex-direction: var(--_flex-direction--xs); 16685 --_justify: var(--_justify--xs); 16686 --_align: var(--_align--xs); 16687 16688 --_margin: var(--layout-stack-margin); 16689 16690 display: flex; 16691 flex-direction: var(--_flex-direction); 16692 gap: var(--_gap); 16693 flex-wrap: var(--_wrap); 16694 justify-content: var(--_justify); 16695 align-items: var(--_align); 16696 text-align: var(--_align); 16697 margin: var(--_margin); 16698 padding: 0; 16699 list-style: none; 16700 16701 ::slotted(*) { 16702 max-width: 100%; 16703 } 16704 } 16705 </style> 16706 16707 16708 16709 16710 16711 16712 16713 <style> 16714 @media (min-width: 0px) { 16715 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 16716 } 16717 </style> 16718 16719 16720 16721 16722 16723 16724 16725 16726 16727 16728 16729 16730 16731 16732 16733 16734 16735 16736 16737 16738 16739 16740 16741 16742 16743 16744 16745 16746 16747 16748 16749 16750 16751 16752 16753 16754 16755 16756 16757 16758 16759 16760 16761 16762 16763 16764 16765 16766 16767 16768 <style> 16769 @media (min-width: 0px) { 16770 .layout-stack { --_flex-direction: column; } 16771 } 16772 </style> 16773 16774 16775 16776 16777 16778 16779 16780 16781 16782 16783 16784 16785 16786 16787 16788 16789 16790 16791 <style> 16792 @media (min-width: 0px) { 16793 .layout-stack { --_justify: start; } 16794 } 16795 </style> 16796 16797 16798 16799 16800 16801 16802 16803 16804 16805 16806 16807 16808 16809 16810 16811 16812 16813 16814 <style> 16815 @media (min-width: 0px) { 16816 .layout-stack { --_align: center; } 16817 } 16818 </style> 16819 16820 16821 16822 16823 16824 16825 16826 16827 16828 16829 16830 16831 16832 16833 16834 16835 16836 16837 <style> 16838 @media (min-width: 0px) { 16839 .layout-stack { --_wrap: nowrap; } 16840 } 16841 </style> 16842 16843 16844 16845 16846 16847 16848 16849 16850 16851 16852 16853 16854 <div class="layout-stack" style="" > 16855 <slot></slot> 16856 </div> 16857 </template> 16858 16859 16860</layout-stack> 16861 16862 16863</div><div 16864 class="grid__image-ratio grid__image-ratio--square" 16865 > 16866 16867 16868<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 16869 image-element" sizes="100%" data-animate="fadein"> 16870 16871 16872 16873 16874</is-land> 16875</div><div class="grid-product__secondary-image small--hide"> 16876 16877 16878<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/marilynShopify.jpg?v=1775078528&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/marilynShopify.jpg?v=1775078528&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/marilynShopify.jpg?v=1775078528&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/marilynShopify.jpg?v=1775078528&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/marilynShopify.jpg?v=1775078528&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/marilynShopify.jpg?v=1775078528&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/marilynShopify.jpg?v=1775078528&width=1600 1600w" width="1600" height="2391.0336239103362" loading="lazy" class="image-style--square 16879 image-element" sizes="100%" data-animate="fadein"> 16880 16881 16882 16883 16884</is-land> 16885</div></div> 16886 16887 <div class="grid-item__meta"> 16888 16889 16890 16891 16892 16893 16894 16895 16896 16897 16898 16899 16900 16901 16902<layout-stack class="layout-stack"> 16903 <template shadowrootmode="open"> 16904 <style> 16905 :host { 16906 display: contents; 16907 } 16908 16909 .layout-stack { 16910 /* Layout & Typography */ 16911 --_flex-direction: var(--_flex-direction--xs); 16912 --_justify: var(--_justify--xs); 16913 --_align: var(--_align--xs); 16914 16915 --_margin: var(--layout-stack-margin); 16916 16917 display: flex; 16918 flex-direction: var(--_flex-direction); 16919 gap: var(--_gap); 16920 flex-wrap: var(--_wrap); 16921 justify-content: var(--_justify); 16922 align-items: var(--_align); 16923 text-align: var(--_align); 16924 margin: var(--_margin); 16925 padding: 0; 16926 list-style: none; 16927 16928 ::slotted(*) { 16929 max-width: 100%; 16930 } 16931 } 16932 </style> 16933 16934 16935 16936 16937 16938 16939 16940 <style> 16941 @media (min-width: 0px) { 16942 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 16943 } 16944 </style> 16945 16946 16947 16948 16949 16950 16951 16952 16953 16954 16955 16956 16957 16958 16959 16960 16961 16962 16963 16964 16965 16966 16967 16968 16969 16970 16971 16972 16973 16974 16975 16976 16977 16978 16979 16980 16981 16982 16983 16984 16985 16986 16987 16988 16989 16990 16991 16992 16993 16994 16995 <style> 16996 @media (min-width: 0px) { 16997 .layout-stack { --_flex-direction: column; } 16998 } 16999 </style> 17000 17001 17002 17003 17004 17005 17006 17007 17008 17009 17010 17011 17012 17013 17014 17015 17016 17017 17018 <style> 17019 @media (min-width: 0px) { 17020 .layout-stack { --_justify: start; } 17021 } 17022 </style> 17023 17024 17025 17026 17027 17028 17029 17030 17031 17032 17033 17034 17035 17036 17037 17038 17039 17040 17041 <style> 17042 @media (min-width: 0px) { 17043 .layout-stack { --_align: start; } 17044 } 17045 </style> 17046 17047 17048 17049 17050 17051 17052 17053 17054 17055 17056 17057 17058 17059 17060 17061 17062 17063 17064 <style> 17065 @media (min-width: 0px) { 17066 .layout-stack { --_wrap: nowrap; } 17067 } 17068 </style> 17069 17070 17071 17072 17073 17074 17075 17076 17077 17078 17079 17080 17081 <div class="layout-stack" style="" > 17082 <slot></slot> 17083 </div> 17084 </template> 17085 17086 17087<div class="grid-item__swatches"> 17088 17089 17090 <is-land on:idle> <color-swatches> 17091 17092 17093 17094 17095 17096 17097 17098 17099 17100 17101 17102 17103 17104 17105 17106<layout-stack class="layout-stack"> 17107 <template shadowrootmode="open"> 17108 <style> 17109 :host { 17110 display: contents; 17111 } 17112 17113 .layout-stack { 17114 /* Layout & Typography */ 17115 --_flex-direction: var(--_flex-direction--xs); 17116 --_justify: var(--_justify--xs); 17117 --_align: var(--_align--xs); 17118 17119 --_margin: var(--layout-stack-margin); 17120 17121 display: flex; 17122 flex-direction: var(--_flex-direction); 17123 gap: var(--_gap); 17124 flex-wrap: var(--_wrap); 17125 justify-content: var(--_justify); 17126 align-items: var(--_align); 17127 text-align: var(--_align); 17128 margin: var(--_margin); 17129 padding: 0; 17130 list-style: none; 17131 17132 ::slotted(*) { 17133 max-width: 100%; 17134 } 17135 } 17136 </style> 17137 17138 17139 17140 17141 17142 17143 17144 <style> 17145 @media (min-width: 0px) { 17146 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 17147 } 17148 </style> 17149 17150 17151 17152 17153 17154 17155 17156 17157 17158 17159 17160 17161 17162 17163 17164 17165 17166 17167 17168 17169 17170 17171 17172 17173 17174 17175 17176 17177 17178 17179 17180 17181 17182 17183 17184 17185 17186 17187 17188 17189 17190 17191 17192 17193 17194 17195 17196 17197 17198 17199 <style> 17200 @media (min-width: 0px) { 17201 .layout-stack { --_flex-direction: row; } 17202 } 17203 </style> 17204 17205 17206 17207 17208 17209 17210 17211 17212 17213 17214 17215 17216 17217 17218 17219 17220 17221 17222 <style> 17223 @media (min-width: 0px) { 17224 .layout-stack { --_justify: start; } 17225 } 17226 </style> 17227 17228 17229 17230 17231 17232 17233 17234 17235 17236 17237 17238 17239 17240 17241 17242 17243 17244 17245 <style> 17246 @media (min-width: 0px) { 17247 .layout-stack { --_align: stretch; } 17248 } 17249 </style> 17250 17251 17252 17253 17254 17255 17256 17257 17258 17259 17260 17261 17262 17263 17264 17265 17266 17267 17268 <style> 17269 @media (min-width: 0px) { 17270 .layout-stack { --_wrap: wrap; } 17271 } 17272 </style> 17273 17274 17275 17276 17277 17278 17279 17280 17281 17282 17283 17284 17285 <div class="layout-stack" style="" > 17286 <slot></slot> 17287 </div> 17288 </template> 17289 17290 17291 17292 17293 17294 17295 17296 17297</layout-stack> 17298 17299 17300 17301 17302 17303 <template data-island> 17304
17304<script type="module"> 17305 import 'list.product-card.swatches' 17306 </script>
17306 17307 </template> 17308 </color-swatches> 17309 </is-land> 17310 17311</div> 17312 17313 17314 17315 17316<span 17317class="element-text element-text--body-md" 17318 17319 17320style=" 17321 word-break: break-word; hyphens: auto; text-align: start; 17322 "> 17323 17324 Marilyn (A Short Story) 17325 17326</span> 17327 17328 17329 17330 17331 17332 17333 17334 17335 17336 17337 17338 17339 17340 17341 17342 17343 17344 17345 17346 17347 17348 17349 17350 17351<span 17352class="element-text element-text--body-sm" 17353 17354 17355style=" 17356 opacity: 0.65; text-align: start; 17357 "> 17358 17359 Wood Sorrel Press 17360 17361</span> 17362 17363 17364 17365 17366 17367 17368 17369 17370 17371 17372 17373 17374 17375 17376 17377 17378 17379 17380 17381 17382 17383 17384 17385 17386 17387 17388 17389 17390 17391 17392 17393 17394 17395<layout-stack class="layout-stack"> 17396 <template shadowrootmode="open"> 17397 <style> 17398 :host { 17399 display: contents; 17400 } 17401 17402 .layout-stack { 17403 /* Layout & Typography */ 17404 --_flex-direction: var(--_flex-direction--xs); 17405 --_justify: var(--_justify--xs); 17406 --_align: var(--_align--xs); 17407 17408 --_margin: var(--layout-stack-margin); 17409 17410 display: flex; 17411 flex-direction: var(--_flex-direction); 17412 gap: var(--_gap); 17413 flex-wrap: var(--_wrap); 17414 justify-content: var(--_justify); 17415 align-items: var(--_align); 17416 text-align: var(--_align); 17417 margin: var(--_margin); 17418 padding: 0; 17419 list-style: none; 17420 17421 ::slotted(*) { 17422 max-width: 100%; 17423 } 17424 } 17425 </style> 17426 17427 17428 17429 17430 17431 17432 17433 <style> 17434 @media (min-width: 0px) { 17435 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 17436 } 17437 </style> 17438 17439 17440 17441 17442 17443 17444 17445 17446 17447 17448 17449 17450 17451 17452 17453 17454 17455 17456 17457 17458 17459 17460 17461 17462 17463 17464 17465 17466 17467 17468 17469 17470 17471 17472 17473 17474 17475 17476 17477 17478 17479 17480 17481 17482 17483 17484 17485 17486 17487 17488 <style> 17489 @media (min-width: 0px) { 17490 .layout-stack { --_flex-direction: row; } 17491 } 17492 </style> 17493 17494 17495 17496 17497 17498 17499 17500 17501 17502 17503 17504 17505 17506 17507 17508 17509 17510 17511 <style> 17512 @media (min-width: 0px) { 17513 .layout-stack { --_justify: start; } 17514 } 17515 </style> 17516 17517 17518 17519 17520 17521 17522 17523 17524 17525 17526 17527 17528 17529 17530 17531 17532 17533 17534 <style> 17535 @media (min-width: 0px) { 17536 .layout-stack { --_align: baseline; } 17537 } 17538 </style> 17539 17540 17541 17542 17543 17544 17545 17546 17547 17548 17549 17550 17551 17552 17553 17554 17555 17556 17557 <style> 17558 @media (min-width: 0px) { 17559 .layout-stack { --_wrap: wrap; } 17560 } 17561 </style> 17562 17563 17564 17565 17566 17567 17568 17569 17570 17571 17572 17573 17574 <div class="layout-stack" style=" 17575 text-align: start; 17576 " > 17577 <slot></slot> 17578 </div> 17579 </template> 17580 17581 17582 17583 17584 17585 17586<span 17587class="element-price element-text element-text--heading-xs" 17588 17589 17590> 17591 17592 $2<sup>99</sup> 17593 17594</span> 17595 17596 17597 17598 17599 17600 17601 17602 17603 17604 17605 17606 17607 17608 17609 17610 17611 17612 17613 17614 17615 17616 17617 17618 17619 17620</layout-stack> 17621 17622 17623 17624</layout-stack> 17625 17626 17627 17628</div> 17629 17630 </div> 17631</layout-stack> 17632 17633 17634 17635 </div> 17636 </div> 17637</div> 17638 17639 17640 17641<div 17642 class=" 17643 grid-item grid-product medium-up--hide grid-product-image-breathing-room--true 17644 17645 17646 grid-product--gridlines overlay 17647 17648 " 17649> 17650 <div 17651 class="product-grid-item" 17652 data-product-handle="dead-man-walking-a-science-fiction-short-story" 17653 data-product-id="9398120481024" 17654 data-product-grid-item 17655 > 17656 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 17657<quick-shop defer-hydration> 17658 17659<tool-tip-trigger 17660 class="tool-tip-trigger" 17661 data-tool-tip="QuickShop" 17662 data-tool-tip-classes="quick-shop-modal" 17663 defer-hydration 17664> 17665 17666 17667 <div 17668 class="tool-tip-trigger__content" 17669 data-tool-tip-trigger-content="" 17670 > 17671 17672 </div> 17673 17674 17675 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-9398120481024 small--hide" title=" 17676 17677 17678Quick shop 17679" data-handle="dead-man-walking-a-science-fiction-short-story"> 17680 17681 17682 17683 17684<element-icon 17685 17686 17687> 17688 <svg 17689 xmlns="http://www.w3.org/2000/svg" 17690 aria-hidden="true" 17691 focusable="false" 17692 role="presentation" 17693 class="element-icon element-icon-search element-icon--line" 17694 viewbox="0 0 64 64" 17695 width="20" 17696 height="20" 17697> 17698 <path 17699 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 17700 stroke-miterlimit="10" 17701 fill="none" 17702 stroke="currentColor" 17703 /> 17704</svg> 17705 17706</element-icon> 17707 17708 17709 17710 17711 17712 17713 17714 17715 17716 17717 <span class="icon__fallback-text visually-hidden"> 17718 17719 17720Quick shop 17721 17722 </span> 17723 </button> 17724 17725</tool-tip-trigger> 17726
17727<script type="module"> 17728 import 'overlay.tool-tip.trigger' 17729</script>
17729 17730 17731</quick-shop> 17732
17733<script type="module"> 17734 import 'overlay.quick-shop' 17735</script>
17735 17736 17737 17738<quick-add defer-hydration> 17739 <button 17740 type="button" class="text-link quick-add-btn" 17741 title=" 17742 17743 17744Add to cart 17745" 17746 data-id="48222686511360" 17747 data-single-variant-quick-add 17748 > 17749 <span class="btn btn--circle btn--icon"> 17750 17751 17752 17753 17754<element-icon 17755 17756 17757> 17758 <svg 17759 xmlns="http://www.w3.org/2000/svg" 17760 aria-hidden="true" 17761 focusable="false" 17762 role="presentation" 17763 class="element-icon element-icon-plus element-icon--line" 17764 viewbox="0 0 64 64" 17765 width="20" 17766 height="20" 17767> 17768 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 17769</svg> 17770 17771</element-icon> 17772 17773 17774 17775 17776 17777 17778 17779 17780 17781 17782 <span class="icon__fallback-text visually-hidden"> 17783 17784 17785Add to cart 17786 17787 </span> 17788 </span> 17789 </button> 17790</quick-add> 17791
17792<script type="module"> 17793 import 'overlay.quick-add' 17794</script>
17794 17795 17796</div> 17797 17798 17799 17800 17801 17802 17803 17804 17805 17806 17807 17808 17809 17810 17811<layout-stack class="layout-stack"> 17812 <template shadowrootmode="open"> 17813 <style> 17814 :host { 17815 display: contents; 17816 } 17817 17818 .layout-stack { 17819 /* Layout & Typography */ 17820 --_flex-direction: var(--_flex-direction--xs); 17821 --_justify: var(--_justify--xs); 17822 --_align: var(--_align--xs); 17823 17824 --_margin: var(--layout-stack-margin); 17825 17826 display: flex; 17827 flex-direction: var(--_flex-direction); 17828 gap: var(--_gap); 17829 flex-wrap: var(--_wrap); 17830 justify-content: var(--_justify); 17831 align-items: var(--_align); 17832 text-align: var(--_align); 17833 margin: var(--_margin); 17834 padding: 0; 17835 list-style: none; 17836 17837 ::slotted(*) { 17838 max-width: 100%; 17839 } 17840 } 17841 </style> 17842 17843 17844 17845 17846 17847 17848 17849 <style> 17850 @media (min-width: 0px) { 17851 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 17852 } 17853 </style> 17854 17855 17856 17857 17858 17859 17860 17861 17862 17863 17864 17865 17866 17867 17868 17869 17870 17871 17872 17873 17874 17875 17876 17877 17878 17879 17880 17881 17882 17883 17884 17885 17886 17887 17888 17889 17890 17891 17892 17893 17894 17895 17896 17897 17898 17899 17900 17901 17902 17903 17904 <style> 17905 @media (min-width: 0px) { 17906 .layout-stack { --_flex-direction: column; } 17907 } 17908 </style> 17909 17910 17911 17912 17913 17914 17915 17916 17917 17918 17919 17920 17921 17922 17923 17924 17925 17926 17927 <style> 17928 @media (min-width: 0px) { 17929 .layout-stack { --_justify: space-between; } 17930 } 17931 </style> 17932 17933 17934 17935 17936 17937 17938 17939 17940 17941 17942 17943 17944 17945 17946 17947 17948 17949 17950 <style> 17951 @media (min-width: 0px) { 17952 .layout-stack { --_align: stretch; } 17953 } 17954 </style> 17955 17956 17957 17958 17959 17960 17961 17962 17963 17964 17965 17966 17967 17968 17969 17970 17971 17972 17973 <style> 17974 @media (min-width: 0px) { 17975 .layout-stack { --_wrap: nowrap; } 17976 } 17977 </style> 17978 17979 17980 17981 17982 17983 17984 17985 17986 17987 17988 17989 17990 <div class="layout-stack" style="height: 100%;" > 17991 <slot></slot> 17992 </div> 17993 </template> 17994 17995 17996 <div class="grid-item__link"> 17997 <a href="/collections/new-merch/products/dead-man-walking-a-science-fiction-short-story" class="grid-item__overlay-link" aria-label="Dead Man Walking (A Science Fiction Short Story)" tabindex="-1"></a> 17998 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 17999 18000 18001 18002 18003 18004 18005 18006 18007 18008 18009 18010 18011<layout-stack class="layout-stack"> 18012 <template shadowrootmode="open"> 18013 <style> 18014 :host { 18015 display: contents; 18016 } 18017 18018 .layout-stack { 18019 /* Layout & Typography */ 18020 --_flex-direction: var(--_flex-direction--xs); 18021 --_justify: var(--_justify--xs); 18022 --_align: var(--_align--xs); 18023 18024 --_margin: var(--layout-stack-margin); 18025 18026 display: flex; 18027 flex-direction: var(--_flex-direction); 18028 gap: var(--_gap); 18029 flex-wrap: var(--_wrap); 18030 justify-content: var(--_justify); 18031 align-items: var(--_align); 18032 text-align: var(--_align); 18033 margin: var(--_margin); 18034 padding: 0; 18035 list-style: none; 18036 18037 ::slotted(*) { 18038 max-width: 100%; 18039 } 18040 } 18041 </style> 18042 18043 18044 18045 18046 18047 18048 18049 <style> 18050 @media (min-width: 0px) { 18051 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 18052 } 18053 </style> 18054 18055 18056 18057 18058 18059 18060 18061 18062 18063 18064 18065 18066 18067 18068 18069 18070 18071 18072 18073 18074 18075 18076 18077 18078 18079 18080 18081 18082 18083 18084 18085 18086 18087 18088 18089 18090 18091 18092 18093 18094 18095 18096 18097 18098 18099 18100 18101 18102 18103 18104 <style> 18105 @media (min-width: 0px) { 18106 .layout-stack { --_flex-direction: column; } 18107 } 18108 </style> 18109 18110 18111 18112 18113 18114 18115 18116 18117 18118 18119 18120 18121 18122 18123 18124 18125 18126 18127 <style> 18128 @media (min-width: 0px) { 18129 .layout-stack { --_justify: start; } 18130 } 18131 </style> 18132 18133 18134 18135 18136 18137 18138 18139 18140 18141 18142 18143 18144 18145 18146 18147 18148 18149 18150 <style> 18151 @media (min-width: 0px) { 18152 .layout-stack { --_align: center; } 18153 } 18154 </style> 18155 18156 18157 18158 18159 18160 18161 18162 18163 18164 18165 18166 18167 18168 18169 18170 18171 18172 18173 <style> 18174 @media (min-width: 0px) { 18175 .layout-stack { --_wrap: nowrap; } 18176 } 18177 </style> 18178 18179 18180 18181 18182 18183 18184 18185 18186 18187 18188 18189 18190 <div class="layout-stack" style="" > 18191 <slot></slot> 18192 </div> 18193 </template> 18194 18195 18196</layout-stack> 18197 18198 18199</div><div 18200 class="grid__image-ratio grid__image-ratio--square" 18201 > 18202 18203 18204<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 18205 image-element" sizes="100%" data-animate="fadein"> 18206 18207 18208 18209 18210</is-land> 18211</div><div class="grid-product__secondary-image small--hide"> 18212 18213 18214<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/Dead_Man_Walking_shopify.jpg?v=1774996092&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Dead_Man_Walking_shopify.jpg?v=1774996092&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Dead_Man_Walking_shopify.jpg?v=1774996092&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Dead_Man_Walking_shopify.jpg?v=1774996092&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Dead_Man_Walking_shopify.jpg?v=1774996092&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Dead_Man_Walking_shopify.jpg?v=1774996092&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Dead_Man_Walking_shopify.jpg?v=1774996092&width=1600 1600w" width="1600" height="2391.0336239103362" loading="lazy" class="image-style--square 18215 image-element" sizes="100%" data-animate="fadein"> 18216 18217 18218 18219 18220</is-land> 18221</div></div> 18222 18223 <div class="grid-item__meta"> 18224 18225 18226 18227 18228 18229 18230 18231 18232 18233 18234 18235 18236 18237 18238<layout-stack class="layout-stack"> 18239 <template shadowrootmode="open"> 18240 <style> 18241 :host { 18242 display: contents; 18243 } 18244 18245 .layout-stack { 18246 /* Layout & Typography */ 18247 --_flex-direction: var(--_flex-direction--xs); 18248 --_justify: var(--_justify--xs); 18249 --_align: var(--_align--xs); 18250 18251 --_margin: var(--layout-stack-margin); 18252 18253 display: flex; 18254 flex-direction: var(--_flex-direction); 18255 gap: var(--_gap); 18256 flex-wrap: var(--_wrap); 18257 justify-content: var(--_justify); 18258 align-items: var(--_align); 18259 text-align: var(--_align); 18260 margin: var(--_margin); 18261 padding: 0; 18262 list-style: none; 18263 18264 ::slotted(*) { 18265 max-width: 100%; 18266 } 18267 } 18268 </style> 18269 18270 18271 18272 18273 18274 18275 18276 <style> 18277 @media (min-width: 0px) { 18278 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 18279 } 18280 </style> 18281 18282 18283 18284 18285 18286 18287 18288 18289 18290 18291 18292 18293 18294 18295 18296 18297 18298 18299 18300 18301 18302 18303 18304 18305 18306 18307 18308 18309 18310 18311 18312 18313 18314 18315 18316 18317 18318 18319 18320 18321 18322 18323 18324 18325 18326 18327 18328 18329 18330 18331 <style> 18332 @media (min-width: 0px) { 18333 .layout-stack { --_flex-direction: column; } 18334 } 18335 </style> 18336 18337 18338 18339 18340 18341 18342 18343 18344 18345 18346 18347 18348 18349 18350 18351 18352 18353 18354 <style> 18355 @media (min-width: 0px) { 18356 .layout-stack { --_justify: start; } 18357 } 18358 </style> 18359 18360 18361 18362 18363 18364 18365 18366 18367 18368 18369 18370 18371 18372 18373 18374 18375 18376 18377 <style> 18378 @media (min-width: 0px) { 18379 .layout-stack { --_align: start; } 18380 } 18381 </style> 18382 18383 18384 18385 18386 18387 18388 18389 18390 18391 18392 18393 18394 18395 18396 18397 18398 18399 18400 <style> 18401 @media (min-width: 0px) { 18402 .layout-stack { --_wrap: nowrap; } 18403 } 18404 </style> 18405 18406 18407 18408 18409 18410 18411 18412 18413 18414 18415 18416 18417 <div class="layout-stack" style="" > 18418 <slot></slot> 18419 </div> 18420 </template> 18421 18422 18423<div class="grid-item__swatches"> 18424 18425 18426 <is-land on:idle> <color-swatches> 18427 18428 18429 18430 18431 18432 18433 18434 18435 18436 18437 18438 18439 18440 18441 18442<layout-stack class="layout-stack"> 18443 <template shadowrootmode="open"> 18444 <style> 18445 :host { 18446 display: contents; 18447 } 18448 18449 .layout-stack { 18450 /* Layout & Typography */ 18451 --_flex-direction: var(--_flex-direction--xs); 18452 --_justify: var(--_justify--xs); 18453 --_align: var(--_align--xs); 18454 18455 --_margin: var(--layout-stack-margin); 18456 18457 display: flex; 18458 flex-direction: var(--_flex-direction); 18459 gap: var(--_gap); 18460 flex-wrap: var(--_wrap); 18461 justify-content: var(--_justify); 18462 align-items: var(--_align); 18463 text-align: var(--_align); 18464 margin: var(--_margin); 18465 padding: 0; 18466 list-style: none; 18467 18468 ::slotted(*) { 18469 max-width: 100%; 18470 } 18471 } 18472 </style> 18473 18474 18475 18476 18477 18478 18479 18480 <style> 18481 @media (min-width: 0px) { 18482 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 18483 } 18484 </style> 18485 18486 18487 18488 18489 18490 18491 18492 18493 18494 18495 18496 18497 18498 18499 18500 18501 18502 18503 18504 18505 18506 18507 18508 18509 18510 18511 18512 18513 18514 18515 18516 18517 18518 18519 18520 18521 18522 18523 18524 18525 18526 18527 18528 18529 18530 18531 18532 18533 18534 18535 <style> 18536 @media (min-width: 0px) { 18537 .layout-stack { --_flex-direction: row; } 18538 } 18539 </style> 18540 18541 18542 18543 18544 18545 18546 18547 18548 18549 18550 18551 18552 18553 18554 18555 18556 18557 18558 <style> 18559 @media (min-width: 0px) { 18560 .layout-stack { --_justify: start; } 18561 } 18562 </style> 18563 18564 18565 18566 18567 18568 18569 18570 18571 18572 18573 18574 18575 18576 18577 18578 18579 18580 18581 <style> 18582 @media (min-width: 0px) { 18583 .layout-stack { --_align: stretch; } 18584 } 18585 </style> 18586 18587 18588 18589 18590 18591 18592 18593 18594 18595 18596 18597 18598 18599 18600 18601 18602 18603 18604 <style> 18605 @media (min-width: 0px) { 18606 .layout-stack { --_wrap: wrap; } 18607 } 18608 </style> 18609 18610 18611 18612 18613 18614 18615 18616 18617 18618 18619 18620 18621 <div class="layout-stack" style="" > 18622 <slot></slot> 18623 </div> 18624 </template> 18625 18626 18627 18628 18629 18630 18631 18632 18633</layout-stack> 18634 18635 18636 18637 18638 18639 <template data-island> 18640
18640<script type="module"> 18641 import 'list.product-card.swatches' 18642 </script>
18642 18643 </template> 18644 </color-swatches> 18645 </is-land> 18646 18647</div> 18648 18649 18650 18651 18652<span 18653class="element-text element-text--body-md" 18654 18655 18656style=" 18657 word-break: break-word; hyphens: auto; text-align: start; 18658 "> 18659 18660 Dead Man Walking (A Science Fiction Short Story) 18661 18662</span> 18663 18664 18665 18666 18667 18668 18669 18670 18671 18672 18673 18674 18675 18676 18677 18678 18679 18680 18681 18682 18683 18684 18685 18686 18687<span 18688class="element-text element-text--body-sm" 18689 18690 18691style=" 18692 opacity: 0.65; text-align: start; 18693 "> 18694 18695 Wood Sorrel Press 18696 18697</span> 18698 18699 18700 18701 18702 18703 18704 18705 18706 18707 18708 18709 18710 18711 18712 18713 18714 18715 18716 18717 18718 18719 18720 18721 18722 18723 18724 18725 18726 18727 18728 18729 18730 18731<layout-stack class="layout-stack"> 18732 <template shadowrootmode="open"> 18733 <style> 18734 :host { 18735 display: contents; 18736 } 18737 18738 .layout-stack { 18739 /* Layout & Typography */ 18740 --_flex-direction: var(--_flex-direction--xs); 18741 --_justify: var(--_justify--xs); 18742 --_align: var(--_align--xs); 18743 18744 --_margin: var(--layout-stack-margin); 18745 18746 display: flex; 18747 flex-direction: var(--_flex-direction); 18748 gap: var(--_gap); 18749 flex-wrap: var(--_wrap); 18750 justify-content: var(--_justify); 18751 align-items: var(--_align); 18752 text-align: var(--_align); 18753 margin: var(--_margin); 18754 padding: 0; 18755 list-style: none; 18756 18757 ::slotted(*) { 18758 max-width: 100%; 18759 } 18760 } 18761 </style> 18762 18763 18764 18765 18766 18767 18768 18769 <style> 18770 @media (min-width: 0px) { 18771 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 18772 } 18773 </style> 18774 18775 18776 18777 18778 18779 18780 18781 18782 18783 18784 18785 18786 18787 18788 18789 18790 18791 18792 18793 18794 18795 18796 18797 18798 18799 18800 18801 18802 18803 18804 18805 18806 18807 18808 18809 18810 18811 18812 18813 18814 18815 18816 18817 18818 18819 18820 18821 18822 18823 18824 <style> 18825 @media (min-width: 0px) { 18826 .layout-stack { --_flex-direction: row; } 18827 } 18828 </style> 18829 18830 18831 18832 18833 18834 18835 18836 18837 18838 18839 18840 18841 18842 18843 18844 18845 18846 18847 <style> 18848 @media (min-width: 0px) { 18849 .layout-stack { --_justify: start; } 18850 } 18851 </style> 18852 18853 18854 18855 18856 18857 18858 18859 18860 18861 18862 18863 18864 18865 18866 18867 18868 18869 18870 <style> 18871 @media (min-width: 0px) { 18872 .layout-stack { --_align: baseline; } 18873 } 18874 </style> 18875 18876 18877 18878 18879 18880 18881 18882 18883 18884 18885 18886 18887 18888 18889 18890 18891 18892 18893 <style> 18894 @media (min-width: 0px) { 18895 .layout-stack { --_wrap: wrap; } 18896 } 18897 </style> 18898 18899 18900 18901 18902 18903 18904 18905 18906 18907 18908 18909 18910 <div class="layout-stack" style=" 18911 text-align: start; 18912 " > 18913 <slot></slot> 18914 </div> 18915 </template> 18916 18917 18918 18919 18920 18921 18922<span 18923class="element-price element-text element-text--heading-xs" 18924 18925 18926> 18927 18928 $2<sup>99</sup> 18929 18930</span> 18931 18932 18933 18934 18935 18936 18937 18938 18939 18940 18941 18942 18943 18944 18945 18946 18947 18948 18949 18950 18951 18952 18953 18954 18955 18956</layout-stack> 18957 18958 18959 18960</layout-stack> 18961 18962 18963 18964</div> 18965 18966 </div> 18967</layout-stack> 18968 18969 18970 18971 </div> 18972 </div> 18973</div> 18974</div> 18975 </div> 18976 18977 </div> 18978</is-land> 18979</div><div id="shopify-section-template--23548989931776__featured-collections" class="shopify-section index-section"> 18980<div class="layout-section layout-section--featured-collections" style=""> 18981 18982 18983 18984 18985 18986 18987 <div class="layout-section__content"> 18988 18989<div class="text-center text-direction-ltr heading-section heading-section--view-all- "> 18990 <div class="section-header"> 18991 18992 <h2 class="section-header__title heading-h2"> 18993 Series & Collections 18994 </h2> 18995 18996</div> 18997 </div> 18998 18999 19000 19001 19002 19003 19004 19005 19006 19007 19008 19009 19010 19011<layout-grid> 19012 <template shadowrootmode="open"> 19013 <style> 19014 /* Private Layout Grid Styles */ 19015 :host { 19016 display: contents; 19017 } 19018 19019 .layout-grid { 19020 display: grid; 19021 align-items: var(--_align-items); 19022 grid-template-columns: repeat(var(--_columns), minmax(0, 1fr)); 19023 justify-content: var(--_justify-content); 19024 align-content: var(--_align-content); 19025 } 19026 19027 .layout-grid--line, 19028 .layout-grid--line-internal { 19029 --_color-primary: var(--color-primary, black); 19030 --_color-secondary: var(--color-secondary, white); 19031 --_shade-line: var(--layout-grid-line-color-shade); 19032 --_color-line: color-mix(in srgb, var(--_color-primary) var(--_shade-line), var(--_color-secondary)); 19033 19034 grid-gap: var(--_line-size); 19035 gap: var(--_line-size); 19036 background-color: var(--_color-line); 19037 19038 &:after { 19039 content: ''; 19040 display: var(--_filler-display); 19041 height: 100%; 19042 grid-column: span var(--_filler-span); 19043 background-color: var(--_color-secondary); 19044 } 19045 19046 &:is(.layout-grid--line) { 19047 padding: var(--_line-size); 19048 } 19049 } 19050 19051 .layout-grid--gap { 19052 gap: var(--_gap); 19053 row-gap: var(--_row-gap, var(--_gap)); 19054 column-gap: var(--_column-gap, var(--_gap)); 19055 background-color: transparent; 19056 } 19057 </style> 19058 19059 19060 19061 19062 19063 19064 19065 19066 <style> 19067 @media (min-width: 0px) { 19068 .layout-grid { --_columns: 2; } 19069 } 19070 </style> 19071 19072 19073 19074 19075 19076 19077 <style> 19078 @media (min-width: 768px) { 19079 .layout-grid { --_columns: 6; } 19080 } 19081 </style> 19082 19083 19084 19085 19086 19087 19088 19089 19090 19091 19092 19093 19094 19095 19096 19097 19098 19099 19100 19101 19102 19103 19104 19105 19106 19107 19108 19109 19110 19111 19112 <style> 19113 @media (min-width: 0px) { 19114 .layout-grid { --_gap: var(--layout-grid-gap-size-sm); } 19115 } 19116 </style> 19117 19118 19119 19120 19121 19122 19123 <style> 19124 @media (min-width: 768px) { 19125 .layout-grid { --_gap: var(--layout-grid-gap-size-md); } 19126 } 19127 </style> 19128 19129 19130 19131 19132 19133 19134 19135 19136 19137 19138 19139 19140 19141 19142 19143 19144 19145 19146 19147 19148 19149 19150 19151 19152 19153 19154 19155 19156 19157 19158 19159 19160 19161 19162 19163 19164 19165 19166 19167 19168 19169 19170 19171 19172 19173 19174 19175 19176 19177 19178 19179 19180 19181 19182 19183 19184 19185 19186 19187 19188 19189 19190 19191 19192 19193 19194 19195 19196 19197 19198 19199 19200 <div class="layout-grid layout-grid--gap" style="--_align-items: stretch;--_justify-items: stretch;--_justify-content: normal;--_align-content: normal;"> 19201 <slot></slot> 19202 </div> 19203 </template> 19204 19205 19206 19207 19208<div class="grid-item " > 19209 <a href="/collections/swords-of-aroc" class="collection-item"><div 19210 class=" 19211 collection-image-wrap collection-image--portrait 19212 collection-image-fill-space--true 19213 collection-image-color--grey 19214 overlay 19215 19216 " 19217 ><div class="collection-image collection-image--is-collection image-wrap"> 19218 19219 19220<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/collections/ResultsHazyshopifysmaller.jpg?v=1789146538&width=1080" alt="Swords Of Aroc" srcset="//woodsorrelstudios.com/cdn/shop/collections/ResultsHazyshopifysmaller.jpg?v=1789146538&width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/ResultsHazyshopifysmaller.jpg?v=1789146538&width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/ResultsHazyshopifysmaller.jpg?v=1789146538&width=1080 1080w" width="1080" height="607.3901247965274" loading="lazy" class=" image-element" sizes="100vw" data-animate="fadein"> 19221 19222 19223 19224 19225</is-land> 19226</div></div> 19227 19228 <span class="collection-item__title">Swords of Aroc</span> 19229 </a> 19230</div> 19231 19232 19233 19234<div class="grid-item " > 19235 <a href="/collections/mystery-gothic" class="collection-item"><div 19236 class=" 19237 collection-image-wrap collection-image--portrait 19238 collection-image-fill-space--true 19239 collection-image-color--grey 19240 overlay 19241 19242 " 19243 ><div class="collection-image collection-image--is-collection image-wrap"> 19244 19245 19246<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/collections/Paper_Books_1200_x_400.jpg?v=1778016254&width=1080" alt="Mystery & Gothic" srcset="//woodsorrelstudios.com/cdn/shop/collections/Paper_Books_1200_x_400.jpg?v=1778016254&width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/Paper_Books_1200_x_400.jpg?v=1778016254&width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/Paper_Books_1200_x_400.jpg?v=1778016254&width=1080 1080w" width="1080" height="360.0" loading="lazy" class=" image-element" sizes="100vw" data-animate="fadein"> 19247 19248 19249 19250 19251</is-land> 19252</div></div> 19253 19254 <span class="collection-item__title">Mystery & Gothic</span> 19255 </a> 19256</div> 19257 19258 19259 19260<div class="grid-item " > 19261 <a href="/collections/dragon-speakers-world" class="collection-item"><div 19262 class=" 19263 collection-image-wrap collection-image--portrait 19264 collection-image-fill-space--true 19265 collection-image-color--grey 19266 overlay 19267 19268 " 19269 ><div class="collection-image collection-image--is-collection image-wrap"> 19270 19271 19272<is-land on:visible data-image-type="">
19272<img src="//woodsorrelstudios.com/cdn/shop/collections/DS_eCover.jpg?v=1777505709&width=1080" alt="Dragon Speakers World" srcset="//woodsorrelstudios.com/cdn/shop/collections/DS_eCover.jpg?v=1777505709&width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/DS_eCover.jpg?v=1777505709&width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/DS_eCover.jpg?v=1777505709&width=1080 1080w" width="1080" height="607.3901247965274" loading="lazy" class=" image-element" sizes="100vw" data-animate="fadein"> 19273 19274 19275 19276 19277</is-land> 19278</div></div> 19279 19280 <span class="collection-item__title">Dragon Speakers</span> 19281 </a> 19282</div> 19283 19284 19285 19286<div class="grid-item " > 19287 <a href="/collections/league-of-the-daring" class="collection-item"><div 19288 class=" 19289 collection-image-wrap collection-image--portrait 19290 collection-image-fill-space--true 19291 collection-image-color--grey 19292 overlay 19293 19294 " 19295 ><div class="collection-image collection-image--is-collection image-wrap"> 19296 19297 19298<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/collections/SciFi_LoD_Banner1920_x_1080.png?v=1789085685&width=1080" alt="League of the Daring" srcset="//woodsorrelstudios.com/cdn/shop/collections/SciFi_LoD_Banner1920_x_1080.png?v=1789085685&width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/SciFi_LoD_Banner1920_x_1080.png?v=1789085685&width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/SciFi_LoD_Banner1920_x_1080.png?v=1789085685&width=1080 1080w" width="1080" height="607.5" loading="lazy" class=" image-element" sizes="100vw" data-animate="fadein"> 19299 19300 19301 19302 19303</is-land> 19304</div></div> 19305 19306 <span class="collection-item__title">League of the Daring</span> 19307 </a> 19308</div> 19309 19310 19311 19312<div class="grid-item " > 19313 <a href="/collections/short-story-collections" class="collection-item"><div 19314 class=" 19315 collection-image-wrap collection-image--portrait 19316 collection-image-fill-space--true 19317 collection-image-color--grey 19318 overlay 19319 19320 " 19321 ><div class="collection-image collection-image--is-collection image-wrap"> 19322 19323 19324<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/collections/short_stories_weird.png?v=1777493115&width=1080" alt="Short Story Collections" srcset="//woodsorrelstudios.com/cdn/shop/collections/short_stories_weird.png?v=1777493115&width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/short_stories_weird.png?v=1777493115&width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/short_stories_weird.png?v=1777493115&width=1080 1080w" width="1080" height="360.0" loading="lazy" class=" image-element" sizes="100vw" data-animate="fadein"> 19325 19326 19327 19328 19329</is-land> 19330</div></div> 19331 19332 <span class="collection-item__title">Short Story Collections</span> 19333 </a> 19334</div> 19335 19336</layout-grid> 19337 19338 19339 19340 </div> 19341</div> 19342 19343 19344 19345 19346 19347 19348 19349 19350 19351 19352<style data-shopify> 19353 @media ( 19354min-width: 576px) { 19355 .layout-section { 19356 --_padding-inline: var(--_padding-inline--sm); 19357 --_padding-block: var(--_padding-block--sm); 19358 } 19359 } 19360 19361 @media ( 19362min-width: 768px) { 19363 .layout-section { 19364 --_padding-inline: var(--_padding-inline--md); 19365 --_padding-block: var(--_padding-block--md); 19366 } 19367 } 19368 19369 @media ( 19370min-width: 992px) { 19371 .layout-section { 19372 --_padding-inline: var(--_padding-inline--lg); 19373 --_padding-block: var(--_padding-block--lg); 19374 } 19375 } 19376 19377 @media ( 19378min-width: 1200px) { 19379 .layout-section { 19380 --_padding-inline: var(--_padding-inline--xl); 19381 --_padding-block: var(--_padding-block--xl); 19382 } 19383 } 19384</style> 19385 19386</div><div id="shopify-section-template--23548989931776__featured_collections_XTKQbC" class="shopify-section index-section"> 19387<div class="layout-section layout-section--featured-collections" style=""> 19388 19389 19390 19391 19392 19393 19394 <div class="layout-section__content"> 19395 19396<div class="text-center text-direction-ltr heading-section heading-section--view-all- "> 19397 <div class="section-header"> 19398 19399 <h2 class="section-header__title heading-h2"> 19400 Books by Genres and Types 19401 </h2> 19402 19403</div> 19404 </div> 19405 19406 19407 19408 19409 19410 19411 19412 19413 19414 19415 19416 19417 19418<layout-grid> 19419 <template shadowrootmode="open"> 19420 <style> 19421 /* Private Layout Grid Styles */ 19422 :host { 19423 display: contents; 19424 } 19425 19426 .layout-grid { 19427 display: grid; 19428 align-items: var(--_align-items); 19429 grid-template-columns: repeat(var(--_columns), minmax(0, 1fr)); 19430 justify-content: var(--_justify-content); 19431 align-content: var(--_align-content); 19432 } 19433 19434 .layout-grid--line, 19435 .layout-grid--line-internal { 19436 --_color-primary: var(--color-primary, black); 19437 --_color-secondary: var(--color-secondary, white); 19438 --_shade-line: var(--layout-grid-line-color-shade); 19439 --_color-line: color-mix(in srgb, var(--_color-primary) var(--_shade-line), var(--_color-secondary)); 19440 19441 grid-gap: var(--_line-size); 19442 gap: var(--_line-size); 19443 background-color: var(--_color-line); 19444 19445 &:after { 19446 content: ''; 19447 display: var(--_filler-display); 19448 height: 100%; 19449 grid-column: span var(--_filler-span); 19450 background-color: var(--_color-secondary); 19451 } 19452 19453 &:is(.layout-grid--line) { 19454 padding: var(--_line-size); 19455 } 19456 } 19457 19458 .layout-grid--gap { 19459 gap: var(--_gap); 19460 row-gap: var(--_row-gap, var(--_gap)); 19461 column-gap: var(--_column-gap, var(--_gap)); 19462 background-color: transparent; 19463 } 19464 </style> 19465 19466 19467 19468 19469 19470 19471 19472 19473 <style> 19474 @media (min-width: 0px) { 19475 .layout-grid { --_columns: 2; } 19476 } 19477 </style> 19478 19479 19480 19481 19482 19483 19484 <style> 19485 @media (min-width: 768px) { 19486 .layout-grid { --_columns: 6; } 19487 } 19488 </style> 19489 19490 19491 19492 19493 19494 19495 19496 19497 19498 19499 19500 19501 19502 19503 19504 19505 19506 19507 19508 19509 19510 19511 19512 19513 19514 19515 19516 19517 19518 19519 <style> 19520 @media (min-width: 0px) { 19521 .layout-grid { --_gap: var(--layout-grid-gap-size-sm); } 19522 } 19523 </style> 19524 19525 19526 19527 19528 19529 19530 <style> 19531 @media (min-width: 768px) { 19532 .layout-grid { --_gap: var(--layout-grid-gap-size-md); } 19533 } 19534 </style> 19535 19536 19537 19538 19539 19540 19541 19542 19543 19544 19545 19546 19547 19548 19549 19550 19551 19552 19553 19554 19555 19556 19557 19558 19559 19560 19561 19562 19563 19564 19565 19566 19567 19568 19569 19570 19571 19572 19573 19574 19575 19576 19577 19578 19579 19580 19581 19582 19583 19584 19585 19586 19587 19588 19589 19590 19591 19592 19593 19594 19595 19596 19597 19598 19599 19600 19601 19602 19603 19604 19605 19606 19607 <div class="layout-grid layout-grid--gap" style="--_align-items: stretch;--_justify-items: stretch;--_justify-content: normal;--_align-content: normal;"> 19608 <slot></slot> 19609 </div> 19610 </template> 19611 19612 19613 19614 19615<div class="grid-item " > 19616 <a href="/collections/fantasy" class="collection-item"><div 19617 class=" 19618 collection-image-wrap collection-image--portrait 19619 collection-image-fill-space--true 19620 collection-image-color--grey 19621 overlay 19622 19623 " 19624 ><div class="collection-image collection-image--is-collection image-wrap"> 19625 19626 19627<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/collections/Fantasy_Banner_1082x4
1962700_e4236170-0607-4a38-b908-b2f60a38400f.jpg?v=1777502537&width=1080" alt="Fantasy" srcset="//woodsorrelstudios.com/cdn/shop/collections/Fantasy_Banner_1082x400_e4236170-0607-4a38-b908-b2f60a38400f.jpg?v=1777502537&width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/Fantasy_Banner_1082x400_e4236170-0607-4a38-b908-b2f60a38400f.jpg?v=1777502537&width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/Fantasy_Banner_1082x400_e4236170-0607-4a38-b908-b2f60a38400f.jpg?v=1777502537&width=1080 1080w" width="1080" height="399.2606284658041" loading="lazy" class=" image-element" sizes="100vw" data-animate="fadein"> 19628 19629 19630 19631 19632</is-land> 19633</div></div> 19634 19635 <span class="collection-item__title">Fantasy</span> 19636 </a> 19637</div> 19638 19639 19640 19641<div class="grid-item " > 19642 <a href="/collections/science-fiction-1" class="collection-item"><div 19643 class=" 19644 collection-image-wrap collection-image--portrait 19645 collection-image-fill-space--true 19646 collection-image-color--grey 19647 overlay 19648 19649 " 19650 ><div class="collection-image collection-image--is-collection image-wrap"> 19651 19652 19653<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/collections/scifi_banner.png?v=1777489920&width=1080" alt="Science Fiction" srcset="//woodsorrelstudios.com/cdn/shop/collections/scifi_banner.png?v=1777489920&width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/scifi_banner.png?v=1777489920&width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/scifi_banner.png?v=1777489920&width=1080 1080w" width="1080" height="360.0" loading="lazy" class=" image-element" sizes="100vw" data-animate="fadein"> 19654 19655 19656 19657 19658</is-land> 19659</div></div> 19660 19661 <span class="collection-item__title">Science Fiction</span> 19662 </a> 19663</div> 19664 19665 19666 19667<div class="grid-item " > 19668 <a href="/collections/mystery-gothic" class="collection-item"><div 19669 class=" 19670 collection-image-wrap collection-image--portrait 19671 collection-image-fill-space--true 19672 collection-image-color--grey 19673 overlay 19674 19675 " 19676 ><div class="collection-image collection-image--is-collection image-wrap"> 19677 19678 19679<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/collections/Paper_Books_1200_x_400.jpg?v=1778016254&width=1080" alt="Mystery & Gothic" srcset="//woodsorrelstudios.com/cdn/shop/collections/Paper_Books_1200_x_400.jpg?v=1778016254&width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/Paper_Books_1200_x_400.jpg?v=1778016254&width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/Paper_Books_1200_x_400.jpg?v=1778016254&width=1080 1080w" width="1080" height="360.0" loading="lazy" class=" image-element" sizes="100vw" data-animate="fadein"> 19680 19681 19682 19683 19684</is-land> 19685</div></div> 19686 19687 <span class="collection-item__title">Mystery & Gothic</span> 19688 </a> 19689</div> 19690 19691 19692 19693<div class="grid-item " > 19694 <a href="/collections/young-adult" class="collection-item"><div 19695 class=" 19696 collection-image-wrap collection-image--portrait 19697 collection-image-fill-space--true 19698 collection-image-color--grey 19699 overlay 19700 19701 " 19702 ><div class="collection-image collection-image--is-collection image-wrap"> 19703 19704 19705<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/collections/depositphotos_16019693-stock-photo-beautiful-girl-with-book-outdoor.jpg?v=1717282369&width=1080" alt="Young Adult Novels" srcset="//woodsorrelstudios.com/cdn/shop/collections/depositphotos_16019693-stock-photo-beautiful-girl-with-book-outdoor.jpg?v=1717282369&width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/depositphotos_16019693-stock-photo-beautiful-girl-with-book-outdoor.jpg?v=1717282369&width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/depositphotos_16019693-stock-photo-beautiful-girl-with-book-outdoor.jpg?v=1717282369&width=1080 1080w" width="1080" height="720.0" loading="lazy" class=" image-element" sizes="100vw" data-animate="fadein"> 19706 19707 19708 19709 19710</is-land> 19711</div></div> 19712 19713 <span class="collection-item__title">Young Adult</span> 19714 </a> 19715</div> 19716 19717 19718 19719<div class="grid-item " > 19720 <a href="/collections/post-apocalyptic-fiction" class="collection-item"><div 19721 class=" 19722 collection-image-wrap collection-image--portrait 19723 collection-image-fill-space--true 19724 collection-image-color--grey 19725 overlay 19726 19727 " 19728 ><div class="collection-image collection-image--is-collection image-wrap"> 19729 19730 19731<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/collections/Depositphotos_198282698_XL.jpg?v=1786657518&width=1080" alt="Post-Apocalyptic Fiction" srcset="//woodsorrelstudios.com/cdn/shop/collections/Depositphotos_198282698_XL.jpg?v=1786657518&width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/Depositphotos_198282698_XL.jpg?v=1786657518&width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/Depositphotos_198282698_XL.jpg?v=1786657518&width=1080 1080w" width="1080" height="418.42285714285714" loading="lazy" class=" image-element" sizes="100vw" data-animate="fadein"> 19732 19733 19734 19735 19736</is-land> 19737</div></div> 19738 19739 <span class="collection-item__title">Post-Apocalyptic Fiction</span> 19740 </a> 19741</div> 19742 19743 19744 19745<div class="grid-item " > 19746 <a href="/collections/individual-short-stories" class="collection-item"><div 19747 class=" 19748 collection-image-wrap collection-image--portrait 19749 collection-image-fill-space--true 19750 collection-image-color--grey 19751 overlay 19752 19753 " 19754 ><div class="collection-image collection-image--is-collection image-wrap"> 19755 19756 19757<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/collections/short_stories_weird_82cae66f-ac96-4394-ad89-f879cb551bb3.png?v=1777494621&width=1080" alt="Individual Short Stories" srcset="//woodsorrelstudios.com/cdn/shop/collections/short_stories_weird_82cae66f-ac96-4394-ad89-f879cb551bb3.png?v=1777494621&width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/short_stories_weird_82cae66f-ac96-4394-ad89-f879cb551bb3.png?v=1777494621&width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/short_stories_weird_82cae66f-ac96-4394-ad89-f879cb551bb3.png?v=1777494621&width=1080 1080w" width="1080" height="360.0" loading="lazy" class=" image-element" sizes="100vw" data-animate="fadein"> 19758 19759 19760 19761 19762</is-land> 19763</div></div> 19764 19765 <span class="collection-item__title">Short Stories</span> 19766 </a> 19767</div> 19768 19769</layout-grid> 19770 19771 19772 19773 </div> 19774</div> 19775 19776 19777 19778 19779 19780 19781 19782 19783 19784 19785<style data-shopify> 19786 @media ( 19787min-width: 576px) { 19788 .layout-section { 19789 --_padding-inline: var(--_padding-inline--sm); 19790 --_padding-block: var(--_padding-block--sm); 19791 } 19792 } 19793 19794 @media ( 19795min-width: 768px) { 19796 .layout-section { 19797 --_padding-inline: var(--_padding-inline--md); 19798 --_padding-block: var(--_padding-block--md); 19799 } 19800 } 19801 19802 @media ( 19803min-width: 992px) { 19804 .layout-section { 19805 --_padding-inline: var(--_padding-inline--lg); 19806 --_padding-block: var(--_padding-block--lg); 19807 } 19808 } 19809 19810 @media ( 19811min-width: 1200px) { 19812 .layout-section { 19813 --_padding-inline: var(--_padding-inline--xl); 19814 --_padding-block: var(--_padding-block--xl); 19815 } 19816 } 19817</style> 19818 19819</div><div id="shopify-section-template--23548989931776__featured_collection_yyAkn8" class="shopify-section index-section"> 19820 19821 19822<is-land on:visible> 19823 <div 19824 id="CollectionSection-template--23548989931776__featured_collection_yyAkn8" 19825 data-section-id="template--23548989931776__featured_collection_yyAkn8" 19826 data-section-type="collection-template" 19827 > 19828<div class="text-center text-direction-ltr heading-section heading-section--view-all-true page-width"> 19829 <div class="section-header section-header--with-link"> 19830 19831 <h2 class="section-header__title heading-h2"> 19832 The Dragon Speakers World 19833 </h2> 19834 19835<a href="/collections/dragon-speakers-world" class="section-header__link"> 19836 19837 19838View all 19839 19840 </a></div> 19841 </div> 19842 19843 19844 19845 <div class="page-width"> 19846 <div 19847 class="new-grid product-grid" 19848 19849 19850 data-view="xsmall" 19851 19852 19853 > 19854 19855 19856<div 19857 class=" 19858 grid-item grid-product grid-product-image-breathing-room--true 19859 19860 19861 grid-product--gridlines overlay 19862 19863 " 19864> 19865 <div 19866 class="product-grid-item" 19867 data-product-handle="dragon-speakers" 19868 data-product-id="8403318800640" 19869 data-product-grid-item 19870 > 19871 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 19872<quick-shop defer-hydration> 19873 19874<tool-tip-trigger 19875 class="tool-tip-trigger"
19876 data-tool-tip="QuickShop" 19877 data-tool-tip-classes="quick-shop-modal" 19878 defer-hydration 19879> 19880 19881 19882 <div 19883 class="tool-tip-trigger__content" 19884 data-tool-tip-trigger-content="" 19885 > 19886 19887 </div> 19888 19889 19890 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-8403318800640 small--hide" title=" 19891 19892 19893Quick shop 19894" data-handle="dragon-speakers"> 19895 19896 19897 19898 19899<element-icon 19900 19901 19902> 19903 <svg 19904 xmlns="http://www.w3.org/2000/svg" 19905 aria-hidden="true" 19906 focusable="false" 19907 role="presentation" 19908 class="element-icon element-icon-search element-icon--line" 19909 viewbox="0 0 64 64" 19910 width="20" 19911 height="20" 19912> 19913 <path 19914 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 19915 stroke-miterlimit="10" 19916 fill="none" 19917 stroke="currentColor" 19918 /> 19919</svg> 19920 19921</element-icon> 19922 19923 19924 19925 19926 19927 19928 19929 19930 19931 19932 <span class="icon__fallback-text visually-hidden"> 19933 19934 19935Quick shop 19936 19937 </span> 19938 </button> 19939 19940</tool-tip-trigger> 19941
19942<script type="module"> 19943 import 'overlay.tool-tip.trigger' 19944</script>
19944 19945 19946</quick-shop> 19947
19948<script type="module"> 19949 import 'overlay.quick-shop' 19950</script>
19950 19951 19952 19953<quick-add defer-hydration> 19954 19955<tool-tip-trigger 19956 class="tool-tip-trigger" 19957 data-tool-tip="QuickAdd" 19958 data-tool-tip-classes="quick-add-modal" 19959 defer-hydration 19960> 19961 19962 19963 <div 19964 class="tool-tip-trigger__content" 19965 data-tool-tip-trigger-content="" 19966 > 19967 19968 </div> 19969 19970 19971 19972 <button type="button" class="text-link quick-add-btn js-quick-add-form js-modal-open-quick-add" title=" 19973 19974 19975Add to cart 19976"> 19977 <span class="btn btn--circle btn--icon"> 19978 19979 19980 19981 19982<element-icon 19983 19984 19985> 19986 <svg 19987 xmlns="http://www.w3.org/2000/svg" 19988 aria-hidden="true" 19989 focusable="false" 19990 role="presentation" 19991 class="element-icon element-icon-plus element-icon--line" 19992 viewbox="0 0 64 64" 19993 width="20" 19994 height="20" 19995> 19996 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 19997</svg> 19998 19999</element-icon> 20000 20001 20002 20003 20004 20005 20006 20007 20008 20009 20010 <span class="icon__fallback-text visually-hidden"> 20011 20012 20013Add to cart 20014 20015 </span> 20016 </span> 20017 </button> 20018 20019</tool-tip-trigger> 20020
20021<script type="module"> 20022 import 'overlay.tool-tip.trigger' 20023</script>
20023 20024 20025 20026</quick-add> 20027
20028<script type="module"> 20029 import 'overlay.quick-add' 20030</script>
20030 20031 20032</div> 20033 20034 20035 20036 20037 20038 20039 20040 20041 20042 20043 20044 20045 20046 20047<layout-stack class="layout-stack"> 20048 <template shadowrootmode="open"> 20049 <style> 20050 :host { 20051 display: contents; 20052 } 20053 20054 .layout-stack { 20055 /* Layout & Typography */ 20056 --_flex-direction: var(--_flex-direction--xs); 20057 --_justify: var(--_justify--xs); 20058 --_align: var(--_align--xs); 20059 20060 --_margin: var(--layout-stack-margin); 20061 20062 display: flex; 20063 flex-direction: var(--_flex-direction); 20064 gap: var(--_gap); 20065 flex-wrap: var(--_wrap); 20066 justify-content: var(--_justify); 20067 align-items: var(--_align); 20068 text-align: var(--_align); 20069 margin: var(--_margin); 20070 padding: 0; 20071 list-style: none; 20072 20073 ::slotted(*) { 20074 max-width: 100%; 20075 } 20076 } 20077 </style> 20078 20079 20080 20081 20082 20083 20084 20085 <style> 20086 @media (min-width: 0px) { 20087 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 20088 } 20089 </style> 20090 20091 20092 20093 20094 20095 20096 20097 20098 20099 20100 20101 20102 20103 20104 20105 20106 20107 20108 20109 20110 20111 20112 20113 20114 20115 20116 20117 20118 20119 20120 20121 20122 20123 20124 20125 20126 20127 20128 20129 20130 20131 20132 20133 20134 20135 20136 20137 20138 20139 20140 <style> 20141 @media (min-width: 0px) { 20142 .layout-stack { --_flex-direction: column; } 20143 } 20144 </style> 20145 20146 20147 20148 20149 20150 20151 20152 20153 20154 20155 20156 20157 20158 20159 20160 20161 20162 20163 <style> 20164 @media (min-width: 0px) { 20165 .layout-stack { --_justify: space-between; } 20166 } 20167 </style> 20168 20169 20170 20171 20172 20173 20174 20175 20176 20177 20178 20179 20180 20181 20182 20183 20184 20185 20186 <style> 20187 @media (min-width: 0px) { 20188 .layout-stack { --_align: stretch; } 20189 } 20190 </style> 20191 20192 20193 20194 20195 20196 20197 20198 20199 20200 20201 20202 20203 20204 20205 20206 20207 20208 20209 <style> 20210 @media (min-width: 0px) { 20211 .layout-stack { --_wrap: nowrap; } 20212 } 20213 </style> 20214 20215 20216 20217 20218 20219 20220 20221 20222 20223 20224 20225 20226 <div class="layout-stack" style="height: 100%;" > 20227 <slot></slot> 20228 </div> 20229 </template> 20230 20231 20232 <div class="grid-item__link"> 20233 <a href="/collections/dragon-speakers-world/products/dragon-speakers" class="grid-item__overlay-link" aria-label="Dragon Speakers (Dragon Speakers #1)" tabindex="-1"></a> 20234 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 20235 20236 20237 20238 20239 20240 20241 20242 20243 20244 20245 20246 20247<layout-stack class="layout-stack"> 20248 <template shadowrootmode="open"> 20249 <style> 20250 :host { 20251 display: contents; 20252 } 20253 20254 .layout-stack { 20255 /* Layout & Typography */ 20256 --_flex-direction: var(--_flex-direction--xs); 20257 --_justify: var(--_justify--xs); 20258 --_align: var(--_align--xs); 20259 20260 --_margin: var(--layout-stack-margin); 20261 20262 display: flex; 20263 flex-direction: var(--_flex-direction); 20264 gap: var(--_gap); 20265 flex-wrap: var(--_wrap); 20266 justify-content: var(--_justify); 20267 align-items: var(--_align); 20268 text-align: var(--_align); 20269 margin: var(--_margin); 20270 padding: 0; 20271 list-style: none; 20272 20273 ::slotted(*) { 20274 max-width: 100%; 20275 } 20276 } 20277 </style> 20278 20279 20280 20281 20282 20283 20284 20285 <style> 20286 @media (min-width: 0px) { 20287 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 20288 } 20289 </style> 20290 20291 20292 20293 20294 20295 20296 20297 20298 20299 20300 20301 20302 20303 20304 20305 20306 20307 20308 20309 20310 20311 20312 20313 20314 20315 20316 20317 20318 20319 20320 20321 20322 20323 20324 20325 20326 20327 20328 20329 20330 20331 20332 20333 20334 20335 20336 20337 20338 20339 20340 <style> 20341 @media (min-width: 0px) { 20342 .layout-stack { --_flex-direction: column; } 20343 } 20344 </style> 20345 20346 20347 20348 20349 20350 20351 20352 20353 20354 20355 20356 20357 20358 20359 20360 20361 20362 20363 <style> 20364 @media (min-width: 0px) { 20365 .layout-stack { --_justify: start; } 20366 } 20367 </style> 20368 20369 20370 20371 20372 20373 20374 20375 20376 20377 20378 20379 20380 20381 20382 20383 20384 20385 20386 <style> 20387 @media (min-width: 0px) { 20388 .layout-stack { --_align: center; } 20389 } 20390 </style> 20391 20392 20393 20394 20395 20396 20397 20398 20399 20400 20401 20402 20403 20404 20405 20406 20407 20408 20409 <style> 20410 @media (min-width: 0px) { 20411 .layout-stack { --_wrap: nowrap; } 20412 } 20413 </style> 20414 20415 20416 20417 20418 20419 20420 20421 20422 20423 20424 20425 20426 <div class="layout-stack" style="" > 20427 <slot></slot> 20428 </div> 20429 </template> 20430 20431 20432</layout-stack> 20433 20434 20435</div><div 20436 class="grid__image-ratio grid__image-ratio--square" 20437 > 20438 20439 20440<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 20441 image-element" sizes="100%" data-animate="fadein"> 20442 20443 20444 20445 20446</is-land> 20447</div><div class="grid-product__secondary-image small--hide"> 20448 20449 20450<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/DSStars_8fe8f48e-9a8c-46c7-a3b0-ed59f687667b.jpg?v=1767738614&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/DSStars_8fe8f48e-9a8c-46c7-a3b0-ed59f687667b.jpg?v=1767738614&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/DSStars_8fe8f48e-9a8c-46c7-a3b0-ed59f687667b.jpg?v=1767738614&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/DSStars_8fe8f48e-9a8c-46c7-a3b0-ed59f687667b.jpg?v=1767738614&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/DSStars_8fe8f48e-9a8c-46c7-a3b0-ed59f687667b.jpg?v=1767738614&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/DSStars_8fe8f48e-9a8c-46c7-a3b0-ed59f687667b.jpg?v=1767738614&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/DSStars_8fe8f48e-9a8c-46c7-a3b0-ed59f687667b.jpg?v=1767738614&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square 20451 image-element" sizes="100%" data-animate="fadein"> 20452 20453 20454 20455 20456</is-land> 20457</div></div> 20458 20459 <div class="grid-item__meta"> 20460 20461 20462 20463 20464 20465 20466 20467 20468 20469 20470 20471 20472 20473 20474<layout-stack class="layout-stack"> 20475 <template shadowrootmode="open"> 20476 <style> 20477 :host { 20478 display: contents; 20479 } 20480 20481 .layout-stack { 20482 /* Layout & Typography */ 20483 --_flex-direction: var(--_flex-direction--xs); 20484 --_justify: var(--_justify--xs); 20485 --_align: var(--_align--xs); 20486 20487 --_margin: var(--layout-stack-margin); 20488 20489 display: flex; 20490 flex-direction: var(--_flex-direction); 20491 gap: var(--_gap); 20492 flex-wrap: var(--_wrap); 20493 justify-content: var(--_justify); 20494 align-items: var(--_align); 20495 text-align: var(--_align); 20496 margin: var(--_margin); 20497 padding: 0; 20498 list-style: none; 20499 20500 ::slotted(*) { 20501 max-width: 100%; 20502 } 20503 } 20504 </style> 20505 20506 20507 20508 20509 20510 20511 20512 <style> 20513 @media (min-width: 0px) { 20514 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 20515 } 20516 </style> 20517 20518 20519 20520 20521 20522 20523 20524 20525 20526 20527 20528 20529 20530 20531 20532 20533 20534 20535 20536 20537 20538 20539 20540 20541 20542 20543 20544 20545 20546 20547 20548 20549 20550 20551 20552 20553 20554 20555 20556 20557 20558 20559 20560 20561 20562 20563 20564 20565 20566 20567 <style> 20568 @media (min-width: 0px) { 20569 .layout-stack { --_flex-direction: column; } 20570 } 20571 </style> 20572 20573 20574 20575 20576 20577 20578 20579 20580 20581 20582 20583 20584 20585 20586 20587 20588 20589 20590 <style> 20591 @media (min-width: 0px) { 20592 .layout-stack { --_justify: start; } 20593 } 20594 </style> 20595 20596 20597 20598 20599 20600 20601 20602 20603 20604 20605 20606 20607 20608 20609 20610 20611 20612 20613 <style> 20614 @media (min-width: 0px) { 20615 .layout-stack { --_align: start; } 20616 } 20617 </style> 20618 20619 20620 20621 20622 20623 20624 20625 20626 20627 20628 20629 20630 20631 20632 20633 20634 20635 20636 <style> 20637 @media (min-width: 0px) { 20638 .layout-stack { --_wrap: nowrap; } 20639 } 20640 </style> 20641 20642 20643 20644 20645 20646 20647 20648 20649 20650 20651 20652 20653 <div class="layout-stack" style="" > 20654 <slot></slot> 20655 </div> 20656 </template> 20657 20658 20659<div class="grid-item__swatches"> 20660 20661 20662 <is-land on:idle> <color-swatches> 20663 20664 20665 20666 20667 20668 20669 20670 20671 20672 20673 20674 20675 20676 20677 20678<layout-stack class="layout-stack"> 20679 <template shadowrootmode="open"> 20680 <style> 20681 :host { 20682 display: contents; 20683 } 20684 20685 .layout-stack { 20686 /* Layout & Typography */ 20687 --_flex-direction: var(--_flex-direction--xs); 20688 --_justify: var(--_justify--xs); 20689 --_align: var(--_align--xs); 20690 20691 --_margin: var(--layout-stack-margin); 20692 20693 display: flex; 20694 flex-direction: var(--_flex-direction); 20695 gap: var(--_gap); 20696 flex-wrap: var(--_wrap); 20697 justify-content: var(--_justify); 20698 align-items: var(--_align); 20699 text-align: var(--_align); 20700 margin: var(--_margin); 20701 padding: 0; 20702 list-style: none; 20703 20704 ::slotted(*) { 20705 max-width: 100%; 20706 } 20707 } 20708 </style> 20709 20710 20711 20712 20713 20714 20715 20716 <style> 20717 @media (min-width: 0px) { 20718 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 20719 } 20720 </style> 20721 20722 20723 20724 20725 20726 20727 20728 20729 20730 20731 20732 20733 20734 20735 20736 20737 20738 20739 20740 20741 20742 20743 20744 20745 20746 20747 20748 20749 20750 20751 20752 20753 20754 20755 20756 20757 20758 20759 20760 20761 20762 20763 20764 20765 20766 20767 20768 20769 20770 20771 <style> 20772 @media (min-width: 0px) { 20773 .layout-stack { --_flex-direction: row; } 20774 } 20775 </style> 20776 20777 20778 20779 20780 20781 20782 20783 20784 20785 20786 20787 20788 20789 20790 20791 20792 20793 20794 <style> 20795 @media (min-width: 0px) { 20796 .layout-stack { --_justify: start; } 20797 } 20798 </style> 20799 20800 20801 20802 20803 20804 20805 20806 20807 20808 20809 20810 20811 20812 20813 20814 20815 20816 20817 <style> 20818 @media (min-width: 0px) { 20819 .layout-stack { --_align: stretch; } 20820 } 20821 </style> 20822 20823 20824 20825 20826 20827 20828 20829 20830 20831 20832 20833 20834 20835 20836 20837 20838 20839 20840 <style> 20841 @media (min-width: 0px) { 20842 .layout-stack { --_wrap: wrap; } 20843 } 20844 </style> 20845 20846 20847 20848 20849 20850 20851 20852 20853 20854 20855 20856 20857 <div class="layout-stack" style="" > 20858 <slot></slot> 20859 </div> 20860 </template> 20861 20862 20863 20864 20865 20866 20867 20868 20869 20870 20871</layout-stack> 20872 20873 20874 20875 20876 20877 <template data-island> 20878
20878<script type="module"> 20879 import 'list.product-card.swatches' 20880 </script>
20880 20881 </template> 20882 </color-swatches> 20883 </is-land> 20884 20885</div> 20886 20887 20888 20889 20890<span 20891class="element-text element-text--body-md" 20892 20893 20894style=" 20895 word-break: break-word; hyphens: auto; text-align: start; 20896 "> 20897 20898 Dragon Speakers (Dragon Speakers #1) 20899 20900</span> 20901 20902 20903 20904 20905 20906 20907 20908 20909 20910 20911 20912 20913 20914 20915 20916 20917 20918 20919 20920 20921 20922 20923 20924 20925<span 20926class="element-text element-text--body-sm" 20927 20928 20929style=" 20930 opacity: 0.65; text-align: start; 20931 "> 20932 20933 Sorrel Leaf Press 20934 20935</span> 20936 20937 20938 20939 20940 20941 20942 20943 20944 20945 20946 20947 20948 20949 20950 20951 20952 20953 20954 20955 20956 20957 20958 20959 20960 20961 20962 20963 20964 20965 20966 20967 20968 20969<layout-stack class="layout-stack"> 20970 <template shadowrootmode="open"> 20971 <style> 20972 :host { 20973 display: contents; 20974 } 20975 20976 .layout-stack { 20977 /* Layout & Typography */ 20978 --_flex-direction: var(--_flex-direction--xs); 20979 --_justify: var(--_justify--xs); 20980 --_align: var(--_align--xs); 20981 20982 --_margin: var(--layout-stack-margin); 20983 20984 display: flex; 20985 flex-direction: var(--_flex-direction); 20986 gap: var(--_gap); 20987 flex-wrap: var(--_wrap); 20988 justify-content: var(--_justify); 20989 align-items: var(--_align); 20990 text-align: var(--_align); 20991 margin: var(--_margin); 20992 padding: 0; 20993 list-style: none; 20994 20995 ::slotted(*) { 20996 max-width: 100%; 20997 } 20998 } 20999 </style> 21000 21001 21002 21003 21004 21005 21006 21007 <style> 21008 @media (min-width: 0px) { 21009 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 21010 } 21011 </style> 21012 21013 21014 21015 21016 21017 21018 21019 21020 21021 21022 21023 21024 21025 21026 21027 21028 21029 21030 21031 21032 21033 21034 21035 21036 21037 21038 21039 21040 21041 21042 21043 21044 21045 21046 21047 21048 21049 21050 21051 21052 21053 21054 21055 21056 21057 21058 21059 21060 21061 21062 <style> 21063 @media (min-width: 0px) { 21064 .layout-stack { --_flex-direction: row; } 21065 } 21066 </style> 21067 21068 21069 21070 21071 21072 21073 21074 21075 21076 21077 21078 21079 21080 21081 21082 21083 21084 21085 <style> 21086 @media (min-width: 0px) { 21087 .layout-stack { --_justify: start; } 21088 } 21089 </style> 21090 21091 21092 21093 21094 21095 21096 21097 21098 21099 21100 21101 21102 21103 21104 21105 21106 21107 21108 <style> 21109 @media (min-width: 0px) { 21110 .layout-stack { --_align: baseline; } 21111 } 21112 </style> 21113 21114 21115 21116 21117 21118 21119 21120 21121 21122 21123 21124 21125 21126 21127 21128 21129 21130 21131 <style> 21132 @media (min-width: 0px) { 21133 .layout-stack { --_wrap: wrap; } 21134 } 21135 </style> 21136 21137 21138 21139 21140 21141 21142 21143 21144 21145 21146 21147 21148 <div class="layout-stack" style=" 21149 text-align: start; 21150 " > 21151 <slot></slot> 21152 </div> 21153 </template> 21154 21155 21156 21157 <span aria-label="from $6.99"> 21158 21159 21160 21161<span 21162class="element-text element-text--body-sm" 21163 21164 21165style="--element-text-font-weight--body: var(--font-weight-700);"> 21166 21167 from 21168 21169</span> 21170 21171 21172 21173 21174 21175 21176 21177 21178 21179 21180 21181 21182 21183 21184 21185 21186 21187 21188 21189 21190 21191 21192 21193<span 21194class="element-price element-text element-text--heading-xs" 21195 21196 21197> 21198 21199 $6<sup>99</sup> 21200 21201</span> 21202 21203 21204 21205 21206 21207 21208 21209 21210 21211 21212 21213 21214 21215 21216 21217 21218 21219 21220 21221 21222 21223 21224 21225 21226</span> 21227</layout-stack> 21228 21229 21230 21231</layout-stack> 21232 21233 21234 21235</div> 21236 21237 </div> 21238</layout-stack> 21239 21240 21241 21242 </div> 21243 </div> 21244</div> 21245 21246 21247 21248<div 21249 class=" 21250 grid-item grid-product grid-product-image-breathing-room--true 21251 21252 21253 grid-product--gridlines overlay 21254 21255 " 21256> 21257 <div 21258 class="product-grid-item" 21259 data-product-handle="defying-the-king-dragon-speakers-3" 21260 data-product-id="8405052588288" 21261 data-product-grid-item 21262 > 21263 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 21264<quick-shop defer-hydration> 21265 21266<tool-tip-trigger 21267 class="tool-tip-trigger" 21268 data-tool-tip="QuickShop" 21269 data-tool-tip-classes="quick-shop-modal" 21270 defer-hydration 21271> 21272 21273 21274 <div 21275 class="tool-tip-trigger__content" 21276 data-tool-tip-trigger-content="" 21277 > 21278 21279 </div> 21280 21281 21282 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-8405052588288 small--hide" title=" 21283 21284 21285Quick shop 21286" data-handle="defying-the-king-dragon-speakers-3"> 21287 21288 21289 21290 21291<element-icon 21292 21293 21294> 21295 <svg 21296 xmlns="http://www.w3.org/2000/svg" 21297 aria-hidden="true" 21298 focusable="false" 21299 role="presentation" 21300 class="element-icon element-icon-search element-icon--line" 21301 viewbox="0 0 64 64" 21302 width="20" 21303 height="20" 21304> 21305 <path 21306 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 21307 stroke-miterlimit="10" 21308 fill="none" 21309 stroke="currentColor" 21310 /> 21311</svg> 21312 21313</element-icon> 21314 21315 21316 21317 21318 21319 21320 21321 21322 21323
21324 <span class="icon__fallback-text visually-hidden"> 21325 21326 21327Quick shop 21328 21329 </span> 21330 </button> 21331 21332</tool-tip-trigger> 21333
21334<script type="module"> 21335 import 'overlay.tool-tip.trigger' 21336</script>
21336 21337 21338</quick-shop> 21339
21340<script type="module"> 21341 import 'overlay.quick-shop' 21342</script>
21342 21343 21344 21345<quick-add defer-hydration> 21346 21347<tool-tip-trigger 21348 class="tool-tip-trigger" 21349 data-tool-tip="QuickAdd" 21350 data-tool-tip-classes="quick-add-modal" 21351 defer-hydration 21352> 21353 21354 21355 <div 21356 class="tool-tip-trigger__content" 21357 data-tool-tip-trigger-content="" 21358 > 21359 21360 </div> 21361 21362 21363 21364 <button type="button" class="text-link quick-add-btn js-quick-add-form js-modal-open-quick-add" title=" 21365 21366 21367Add to cart 21368"> 21369 <span class="btn btn--circle btn--icon"> 21370 21371 21372 21373 21374<element-icon 21375 21376 21377> 21378 <svg 21379 xmlns="http://www.w3.org/2000/svg" 21380 aria-hidden="true" 21381 focusable="false" 21382 role="presentation" 21383 class="element-icon element-icon-plus element-icon--line" 21384 viewbox="0 0 64 64" 21385 width="20" 21386 height="20" 21387> 21388 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 21389</svg> 21390 21391</element-icon> 21392 21393 21394 21395 21396 21397 21398 21399 21400 21401 21402 <span class="icon__fallback-text visually-hidden"> 21403 21404 21405Add to cart 21406 21407 </span> 21408 </span> 21409 </button> 21410 21411</tool-tip-trigger> 21412
21413<script type="module"> 21414 import 'overlay.tool-tip.trigger' 21415</script>
21415 21416 21417 21418</quick-add> 21419
21420<script type="module"> 21421 import 'overlay.quick-add' 21422</script>
21422 21423 21424</div> 21425 21426 21427 21428 21429 21430 21431 21432 21433 21434 21435 21436 21437 21438 21439<layout-stack class="layout-stack"> 21440 <template shadowrootmode="open"> 21441 <style> 21442 :host { 21443 display: contents; 21444 } 21445 21446 .layout-stack { 21447 /* Layout & Typography */ 21448 --_flex-direction: var(--_flex-direction--xs); 21449 --_justify: var(--_justify--xs); 21450 --_align: var(--_align--xs); 21451 21452 --_margin: var(--layout-stack-margin); 21453 21454 display: flex; 21455 flex-direction: var(--_flex-direction); 21456 gap: var(--_gap); 21457 flex-wrap: var(--_wrap); 21458 justify-content: var(--_justify); 21459 align-items: var(--_align); 21460 text-align: var(--_align); 21461 margin: var(--_margin); 21462 padding: 0; 21463 list-style: none; 21464 21465 ::slotted(*) { 21466 max-width: 100%; 21467 } 21468 } 21469 </style> 21470 21471 21472 21473 21474 21475 21476 21477 <style> 21478 @media (min-width: 0px) { 21479 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 21480 } 21481 </style> 21482 21483 21484 21485 21486 21487 21488 21489 21490 21491 21492 21493 21494 21495 21496 21497 21498 21499 21500 21501 21502 21503 21504 21505 21506 21507 21508 21509 21510 21511 21512 21513 21514 21515 21516 21517 21518 21519 21520 21521 21522 21523 21524 21525 21526 21527 21528 21529 21530 21531 21532 <style> 21533 @media (min-width: 0px) { 21534 .layout-stack { --_flex-direction: column; } 21535 } 21536 </style> 21537 21538 21539 21540 21541 21542 21543 21544 21545 21546 21547 21548 21549 21550 21551 21552 21553 21554 21555 <style> 21556 @media (min-width: 0px) { 21557 .layout-stack { --_justify: space-between; } 21558 } 21559 </style> 21560 21561 21562 21563 21564 21565 21566 21567 21568 21569 21570 21571 21572 21573 21574 21575 21576 21577 21578 <style> 21579 @media (min-width: 0px) { 21580 .layout-stack { --_align: stretch; } 21581 } 21582 </style> 21583 21584 21585 21586 21587 21588 21589 21590 21591 21592 21593 21594 21595 21596 21597 21598 21599 21600 21601 <style> 21602 @media (min-width: 0px) { 21603 .layout-stack { --_wrap: nowrap; } 21604 } 21605 </style> 21606 21607 21608 21609 21610 21611 21612 21613 21614 21615 21616 21617 21618 <div class="layout-stack" style="height: 100%;" > 21619 <slot></slot> 21620 </div> 21621 </template> 21622 21623 21624 <div class="grid-item__link"> 21625 <a href="/collections/dragon-speakers-world/products/defying-the-king-dragon-speakers-3" class="grid-item__overlay-link" aria-label="Defying the King (Dragon Speakers #2)" tabindex="-1"></a> 21626 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 21627 21628 21629 21630 21631 21632 21633 21634 21635 21636 21637 21638 21639<layout-stack class="layout-stack"> 21640 <template shadowrootmode="open"> 21641 <style> 21642 :host { 21643 display: contents; 21644 } 21645 21646 .layout-stack { 21647 /* Layout & Typography */ 21648 --_flex-direction: var(--_flex-direction--xs); 21649 --_justify: var(--_justify--xs); 21650 --_align: var(--_align--xs); 21651 21652 --_margin: var(--layout-stack-margin); 21653 21654 display: flex; 21655 flex-direction: var(--_flex-direction); 21656 gap: var(--_gap); 21657 flex-wrap: var(--_wrap); 21658 justify-content: var(--_justify); 21659 align-items: var(--_align); 21660 text-align: var(--_align); 21661 margin: var(--_margin); 21662 padding: 0; 21663 list-style: none; 21664 21665 ::slotted(*) { 21666 max-width: 100%; 21667 } 21668 } 21669 </style> 21670 21671 21672 21673 21674 21675 21676 21677 <style> 21678 @media (min-width: 0px) { 21679 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 21680 } 21681 </style> 21682 21683 21684 21685 21686 21687 21688 21689 21690 21691 21692 21693 21694 21695 21696 21697 21698 21699 21700 21701 21702 21703 21704 21705 21706 21707 21708 21709 21710 21711 21712 21713 21714 21715 21716 21717 21718 21719 21720 21721 21722 21723 21724 21725 21726 21727 21728 21729 21730 21731 21732 <style> 21733 @media (min-width: 0px) { 21734 .layout-stack { --_flex-direction: column; } 21735 } 21736 </style> 21737 21738 21739 21740 21741 21742 21743 21744 21745 21746 21747 21748 21749 21750 21751 21752 21753 21754 21755 <style> 21756 @media (min-width: 0px) { 21757 .layout-stack { --_justify: start; } 21758 } 21759 </style> 21760 21761 21762 21763 21764 21765 21766 21767 21768 21769 21770 21771 21772 21773 21774 21775 21776 21777 21778 <style> 21779 @media (min-width: 0px) { 21780 .layout-stack { --_align: center; } 21781 } 21782 </style> 21783 21784 21785 21786 21787 21788 21789 21790 21791 21792 21793 21794 21795 21796 21797 21798 21799 21800 21801 <style> 21802 @media (min-width: 0px) { 21803 .layout-stack { --_wrap: nowrap; } 21804 } 21805 </style> 21806 21807 21808 21809 21810 21811 21812 21813 21814 21815 21816 21817 21818 <div class="layout-stack" style="" > 21819 <slot></slot> 21820 </div> 21821 </template> 21822 21823 21824</layout-stack> 21825 21826 21827</div><div 21828 class="grid__image-ratio grid__image-ratio--square" 21829 > 21830 21831 21832<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 21833 image-element" sizes="100%" data-animate="fadein"> 21834 21835 21836 21837 21838</is-land> 21839</div><div class="grid-product__secondary-image small--hide"> 21840 21841 21842<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/DTKStars.jpg?v=1767738699&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/DTKStars.jpg?v=1767738699&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/DTKStars.jpg?v=1767738699&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/DTKStars.jpg?v=1767738699&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/DTKStars.jpg?v=1767738699&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/DTKStars.jpg?v=1767738699&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/DTKStars.jpg?v=1767738699&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square 21843 image-element" sizes="100%" data-animate="fadein"> 21844 21845 21846 21847 21848</is-land> 21849</div></div> 21850 21851 <div class="grid-item__meta"> 21852 21853 21854 21855 21856 21857 21858 21859 21860 21861 21862 21863 21864 21865 21866<layout-stack class="layout-stack"> 21867 <template shadowrootmode="open"> 21868 <style> 21869 :host { 21870 display: contents; 21871 } 21872 21873 .layout-stack { 21874 /* Layout & Typography */ 21875 --_flex-direction: var(--_flex-direction--xs); 21876 --_justify: var(--_justify--xs); 21877 --_align: var(--_align--xs); 21878 21879 --_margin: var(--layout-stack-margin); 21880 21881 display: flex; 21882 flex-direction: var(--_flex-direction); 21883 gap: var(--_gap); 21884 flex-wrap: var(--_wrap); 21885 justify-content: var(--_justify); 21886 align-items: var(--_align); 21887 text-align: var(--_align); 21888 margin: var(--_margin); 21889 padding: 0; 21890 list-style: none; 21891 21892 ::slotted(*) { 21893 max-width: 100%; 21894 } 21895 } 21896 </style> 21897 21898 21899 21900 21901 21902 21903 21904 <style> 21905 @media (min-width: 0px) { 21906 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 21907 } 21908 </style> 21909 21910 21911 21912 21913 21914 21915 21916 21917 21918 21919 21920 21921 21922 21923 21924 21925 21926 21927 21928 21929 21930 21931 21932 21933 21934 21935 21936 21937 21938 21939 21940 21941 21942 21943 21944 21945 21946 21947 21948 21949 21950 21951 21952 21953 21954 21955 21956 21957 21958 21959 <style> 21960 @media (min-width: 0px) { 21961 .layout-stack { --_flex-direction: column; } 21962 } 21963 </style> 21964 21965 21966 21967 21968 21969 21970 21971 21972 21973 21974 21975 21976 21977 21978 21979 21980 21981 21982 <style> 21983 @media (min-width: 0px) { 21984 .layout-stack { --_justify: start; } 21985 } 21986 </style> 21987 21988 21989 21990 21991 21992 21993 21994 21995 21996 21997 21998 21999 22000 22001 22002 22003 22004 22005 <style> 22006 @media (min-width: 0px) { 22007 .layout-stack { --_align: start; } 22008 } 22009 </style> 22010 22011 22012 22013 22014 22015 22016 22017 22018 22019 22020 22021 22022 22023 22024 22025 22026 22027 22028 <style> 22029 @media (min-width: 0px) { 22030 .layout-stack { --_wrap: nowrap; } 22031 } 22032 </style> 22033 22034 22035 22036 22037 22038 22039 22040 22041 22042 22043 22044 22045 <div class="layout-stack" style="" > 22046 <slot></slot> 22047 </div> 22048 </template> 22049 22050 22051<div class="grid-item__swatches"> 22052 22053 22054 <is-land on:idle> <color-swatches> 22055 22056 22057 22058 22059 22060 22061 22062 22063 22064 22065 22066 22067 22068 22069 22070<layout-stack class="layout-stack"> 22071 <template shadowrootmode="open"> 22072 <style> 22073 :host { 22074 display: contents; 22075 } 22076 22077 .layout-stack { 22078 /* Layout & Typography */ 22079 --_flex-direction: var(--_flex-direction--xs); 22080 --_justify: var(--_justify--xs); 22081 --_align: var(--_align--xs); 22082 22083 --_margin: var(--layout-stack-margin); 22084 22085 display: flex; 22086 flex-direction: var(--_flex-direction); 22087 gap: var(--_gap); 22088 flex-wrap: var(--_wrap); 22089 justify-content: var(--_justify); 22090 align-items: var(--_align); 22091 text-align: var(--_align); 22092 margin: var(--_margin); 22093 padding: 0; 22094 list-style: none; 22095 22096 ::slotted(*) { 22097 max-width: 100%; 22098 } 22099 } 22100 </style> 22101 22102 22103 22104 22105 22106 22107 22108 <style> 22109 @media (min-width: 0px) { 22110 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 22111 } 22112 </style> 22113 22114 22115 22116 22117 22118 22119 22120 22121 22122 22123 22124 22125 22126 22127 22128 22129 22130 22131 22132 22133 22134 22135 22136 22137 22138 22139 22140 22141 22142 22143 22144 22145 22146 22147 22148 22149 22150 22151 22152 22153 22154 22155 22156 22157 22158 22159 22160 22161 22162 22163 <style> 22164 @media (min-width: 0px) { 22165 .layout-stack { --_flex-direction: row; } 22166 } 22167 </style> 22168 22169 22170 22171 22172 22173 22174 22175 22176 22177 22178 22179 22180 22181 22182 22183 22184 22185 22186 <style> 22187 @media (min-width: 0px) { 22188 .layout-stack { --_justify: start; } 22189 } 22190 </style> 22191 22192 22193 22194 22195 22196 22197 22198 22199 22200 22201 22202 22203 22204 22205 22206 22207 22208 22209 <style> 22210 @media (min-width: 0px) { 22211 .layout-stack { --_align: stretch; } 22212 } 22213 </style> 22214 22215 22216 22217 22218 22219 22220 22221 22222 22223 22224 22225 22226 22227 22228 22229 22230 22231 22232 <style> 22233 @media (min-width: 0px) { 22234 .layout-stack { --_wrap: wrap; } 22235 } 22236 </style> 22237 22238 22239 22240 22241 22242 22243 22244 22245 22246 22247 22248 22249 <div class="layout-stack" style="" > 22250 <slot></slot> 22251 </div> 22252 </template> 22253 22254 22255 22256 22257 22258 22259 22260 22261 22262 22263</layout-stack> 22264 22265 22266 22267 22268 22269 <template data-island> 22270
22270<script type="module"> 22271 import 'list.product-card.swatches' 22272 </script>
22272 22273 </template> 22274 </color-swatches> 22275 </is-land> 22276 22277</div> 22278 22279 22280 22281 22282<span 22283class="element-text element-text--body-md" 22284 22285 22286style=" 22287 word-break: break-word; hyphens: auto; text-align: start; 22288 "> 22289 22290 Defying the King (Dragon Speakers #2) 22291 22292</span> 22293 22294 22295 22296 22297 22298 22299 22300 22301 22302 22303 22304 22305 22306 22307 22308 22309 22310 22311 22312 22313 22314 22315 22316 22317<span 22318class="element-text element-text--body-sm" 22319 22320 22321style=" 22322 opacity: 0.65; text-align: start; 22323 "> 22324 22325 Sorrel Leaf Press 22326 22327</span> 22328 22329 22330 22331 22332 22333 22334 22335 22336 22337 22338 22339 22340 22341 22342 22343 22344 22345 22346 22347 22348 22349 22350 22351 22352 22353 22354 22355 22356 22357 22358 22359 22360 22361<layout-stack class="layout-stack"> 22362 <template shadowrootmode="open"> 22363 <style> 22364 :host { 22365 display: contents; 22366 } 22367 22368 .layout-stack { 22369 /* Layout & Typography */ 22370 --_flex-direction: var(--_flex-direction--xs); 22371 --_justify: var(--_justify--xs); 22372 --_align: var(--_align--xs); 22373 22374 --_margin: var(--layout-stack-margin); 22375 22376 display: flex; 22377 flex-direction: var(--_flex-direction); 22378 gap: var(--_gap); 22379 flex-wrap: var(--_wrap); 22380 justify-content: var(--_justify); 22381 align-items: var(--_align); 22382 text-align: var(--_align); 22383 margin: var(--_margin); 22384 padding: 0; 22385 list-style: none; 22386 22387 ::slotted(*) { 22388 max-width: 100%; 22389 } 22390 } 22391 </style> 22392 22393 22394 22395 22396 22397 22398 22399 <style> 22400 @media (min-width: 0px) { 22401 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 22402 } 22403 </style> 22404 22405 22406 22407 22408 22409 22410 22411 22412 22413 22414 22415 22416 22417 22418 22419 22420 22421 22422 22423 22424 22425 22426 22427 22428 22429 22430 22431 22432 22433 22434 22435 22436 22437 22438 22439 22440 22441 22442 22443 22444 22445 22446 22447 22448 22449 22450 22451 22452 22453 22454 <style> 22455 @media (min-width: 0px) { 22456 .layout-stack { --_flex-direction: row; } 22457 } 22458 </style> 22459 22460 22461 22462 22463 22464 22465 22466 22467 22468 22469 22470 22471 22472 22473 22474 22475 22476 22477 <style> 22478 @media (min-width: 0px) { 22479 .layout-stack { --_justify: start; } 22480 } 22481 </style> 22482 22483 22484 22485 22486 22487 22488 22489 22490 22491 22492 22493 22494 22495 22496 22497 22498 22499 22500 <style> 22501 @media (min-width: 0px) { 22502 .layout-stack { --_align: baseline; } 22503 } 22504 </style> 22505 22506 22507 22508 22509 22510 22511 22512 22513 22514 22515 22516 22517 22518 22519 22520 22521 22522 22523 <style> 22524 @media (min-width: 0px) { 22525 .layout-stack { --_wrap: wrap; } 22526 } 22527 </style> 22528 22529 22530 22531 22532 22533 22534 22535 22536 22537 22538 22539 22540 <div class="layout-stack" style=" 22541 text-align: start; 22542 " > 22543 <slot></slot> 22544 </div> 22545 </template> 22546 22547 22548 22549 <span aria-label="from $6.99"> 22550 22551 22552 22553<span 22554class="element-text element-text--body-sm" 22555 22556 22557style="--element-text-font-weight--body: var(--font-weight-700);"> 22558 22559 from 22560 22561</span> 22562 22563 22564 22565 22566 22567 22568 22569 22570 22571 22572 22573 22574 22575 22576 22577 22578 22579 22580 22581 22582 22583 22584 22585<span 22586class="element-price element-text element-text--heading-xs" 22587 22588 22589> 22590 22591 $6<sup>99</sup> 22592 22593</span> 22594 22595 22596 22597 22598 22599 22600 22601 22602 22603 22604 22605 22606 22607 22608 22609 22610 22611 22612 22613 22614 22615 22616 22617 22618</span> 22619</layout-stack> 22620 22621 22622 22623</layout-stack> 22624 22625 22626 22627</div> 22628 22629 </div> 22630</layout-stack> 22631 22632 22633 22634 </div> 22635 </div> 22636</div> 22637 22638 22639 22640<div 22641 class=" 22642 grid-item grid-product grid-product-image-breathing-room--true 22643 22644 22645 grid-product--gridlines overlay 22646 22647 " 22648> 22649 <div 22650 class="product-grid-item" 22651 data-product-handle="dragon-speakers-duology-dragon-speakers-books-1-2" 22652 data-product-id="8678997623040" 22653 data-product-grid-item 22654 > 22655 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 22656<quick-shop defer-hydration> 22657 22658<tool-tip-trigger 22659 class="tool-tip-trigger" 22660 data-tool-tip="QuickShop" 22661 data-tool-tip-classes="quick-shop-modal" 22662 defer-hydration 22663> 22664 22665 22666 <div 22667 class="tool-tip-trigger__content" 22668 data-tool-tip-trigger-content="" 22669 > 22670 22671 </div> 22672 22673 22674 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-8678997623040 small--hide" title=" 22675 22676 22677Quick shop 22678" data-handle="dragon-speakers-duology-dragon-speakers-books-1-2"> 22679 22680 22681 22682 22683<element-icon 22684 22685 22686> 22687 <svg 22688 xmlns="http://www.w3.org/2000/svg" 22689 aria-hidden="true" 22690 focusable="false" 22691 role="presentation" 22692 class="element-icon element-icon-search element-icon--line" 22693 viewbox="0 0 64 64" 22694 width="20" 22695 height="20" 22696> 22697 <path 22698 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 22699 stroke-miterlimit="10" 22700 fill="none" 22701 stroke="currentColor" 22702 /> 22703</svg> 22704 22705</element-icon> 22706 22707 22708 22709 22710 22711 22712 22713 22714 22715
22716 <span class="icon__fallback-text visually-hidden"> 22717 22718 22719Quick shop 22720 22721 </span> 22722 </button> 22723 22724</tool-tip-trigger> 22725
22726<script type="module"> 22727 import 'overlay.tool-tip.trigger' 22728</script>
22728 22729 22730</quick-shop> 22731
22732<script type="module"> 22733 import 'overlay.quick-shop' 22734</script>
22734 22735 22736 22737<quick-add defer-hydration> 22738 22739<tool-tip-trigger 22740 class="tool-tip-trigger" 22741 data-tool-tip="QuickAdd" 22742 data-tool-tip-classes="quick-add-modal" 22743 defer-hydration 22744> 22745 22746 22747 <div 22748 class="tool-tip-trigger__content" 22749 data-tool-tip-trigger-content="" 22750 > 22751 22752 </div> 22753 22754 22755 22756 <button type="button" class="text-link quick-add-btn js-quick-add-form js-modal-open-quick-add" title=" 22757 22758 22759Add to cart 22760"> 22761 <span class="btn btn--circle btn--icon"> 22762 22763 22764 22765 22766<element-icon 22767 22768 22769> 22770 <svg 22771 xmlns="http://www.w3.org/2000/svg" 22772 aria-hidden="true" 22773 focusable="false" 22774 role="presentation" 22775 class="element-icon element-icon-plus element-icon--line" 22776 viewbox="0 0 64 64" 22777 width="20" 22778 height="20" 22779> 22780 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 22781</svg> 22782 22783</element-icon> 22784 22785 22786 22787 22788 22789 22790 22791 22792 22793 22794 <span class="icon__fallback-text visually-hidden"> 22795 22796 22797Add to cart 22798 22799 </span> 22800 </span> 22801 </button> 22802 22803</tool-tip-trigger> 22804
22805<script type="module"> 22806 import 'overlay.tool-tip.trigger' 22807</script>
22807 22808 22809 22810</quick-add> 22811
22812<script type="module"> 22813 import 'overlay.quick-add' 22814</script>
22814 22815 22816</div> 22817 22818 22819 22820 22821 22822 22823 22824 22825 22826 22827 22828 22829 22830 22831<layout-stack class="layout-stack"> 22832 <template shadowrootmode="open"> 22833 <style> 22834 :host { 22835 display: contents; 22836 } 22837 22838 .layout-stack { 22839 /* Layout & Typography */ 22840 --_flex-direction: var(--_flex-direction--xs); 22841 --_justify: var(--_justify--xs); 22842 --_align: var(--_align--xs); 22843 22844 --_margin: var(--layout-stack-margin); 22845 22846 display: flex; 22847 flex-direction: var(--_flex-direction); 22848 gap: var(--_gap); 22849 flex-wrap: var(--_wrap); 22850 justify-content: var(--_justify); 22851 align-items: var(--_align); 22852 text-align: var(--_align); 22853 margin: var(--_margin); 22854 padding: 0; 22855 list-style: none; 22856 22857 ::slotted(*) { 22858 max-width: 100%; 22859 } 22860 } 22861 </style> 22862 22863 22864 22865 22866 22867 22868 22869 <style> 22870 @media (min-width: 0px) { 22871 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 22872 } 22873 </style> 22874 22875 22876 22877 22878 22879 22880 22881 22882 22883 22884 22885 22886 22887 22888 22889 22890 22891 22892 22893 22894 22895 22896 22897 22898 22899 22900 22901 22902 22903 22904 22905 22906 22907 22908 22909 22910 22911 22912 22913 22914 22915 22916 22917 22918 22919 22920 22921 22922 22923 22924 <style> 22925 @media (min-width: 0px) { 22926 .layout-stack { --_flex-direction: column; } 22927 } 22928 </style> 22929 22930 22931 22932 22933 22934 22935 22936 22937 22938 22939 22940 22941 22942 22943 22944 22945 22946 22947 <style> 22948 @media (min-width: 0px) { 22949 .layout-stack { --_justify: space-between; } 22950 } 22951 </style> 22952 22953 22954 22955 22956 22957 22958 22959 22960 22961 22962 22963 22964 22965 22966 22967 22968 22969 22970 <style> 22971 @media (min-width: 0px) { 22972 .layout-stack { --_align: stretch; } 22973 } 22974 </style> 22975 22976 22977 22978 22979 22980 22981 22982 22983 22984 22985 22986 22987 22988 22989 22990 22991 22992 22993 <style> 22994 @media (min-width: 0px) { 22995 .layout-stack { --_wrap: nowrap; } 22996 } 22997 </style> 22998 22999 23000 23001 23002 23003 23004 23005 23006 23007 23008 23009 23010 <div class="layout-stack" style="height: 100%;" > 23011 <slot></slot> 23012 </div> 23013 </template> 23014 23015 23016 <div class="grid-item__link"> 23017 <a href="/collections/dragon-speakers-world/products/dragon-speakers-duology-dragon-speakers-books-1-2" class="grid-item__overlay-link" aria-label="Dragon Speakers Duology (Books 1-2)" tabindex="-1"></a> 23018 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 23019 23020 23021 23022 23023 23024 23025 23026 23027 23028 23029 23030 23031<layout-stack class="layout-stack"> 23032 <template shadowrootmode="open"> 23033 <style> 23034 :host { 23035 display: contents; 23036 } 23037 23038 .layout-stack { 23039 /* Layout & Typography */ 23040 --_flex-direction: var(--_flex-direction--xs); 23041 --_justify: var(--_justify--xs); 23042 --_align: var(--_align--xs); 23043 23044 --_margin: var(--layout-stack-margin); 23045 23046 display: flex; 23047 flex-direction: var(--_flex-direction); 23048 gap: var(--_gap); 23049 flex-wrap: var(--_wrap); 23050 justify-content: var(--_justify); 23051 align-items: var(--_align); 23052 text-align: var(--_align); 23053 margin: var(--_margin); 23054 padding: 0; 23055 list-style: none; 23056 23057 ::slotted(*) { 23058 max-width: 100%; 23059 } 23060 } 23061 </style> 23062 23063 23064 23065 23066 23067 23068 23069 <style> 23070 @media (min-width: 0px) { 23071 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 23072 } 23073 </style> 23074 23075 23076 23077 23078 23079 23080 23081 23082 23083 23084 23085 23086 23087 23088 23089 23090 23091 23092 23093 23094 23095 23096 23097 23098 23099 23100 23101 23102 23103 23104 23105 23106 23107 23108 23109 23110 23111 23112 23113 23114 23115 23116 23117 23118 23119 23120 23121 23122 23123 23124 <style> 23125 @media (min-width: 0px) { 23126 .layout-stack { --_flex-direction: column; } 23127 } 23128 </style> 23129 23130 23131 23132 23133 23134 23135 23136 23137 23138 23139 23140 23141 23142 23143 23144 23145 23146 23147 <style> 23148 @media (min-width: 0px) { 23149 .layout-stack { --_justify: start; } 23150 } 23151 </style> 23152 23153 23154 23155 23156 23157 23158 23159 23160 23161 23162 23163 23164 23165 23166 23167 23168 23169 23170 <style> 23171 @media (min-width: 0px) { 23172 .layout-stack { --_align: center; } 23173 } 23174 </style> 23175 23176 23177 23178 23179 23180 23181 23182 23183 23184 23185 23186 23187 23188 23189 23190 23191 23192 23193 <style> 23194 @media (min-width: 0px) { 23195 .layout-stack { --_wrap: nowrap; } 23196 } 23197 </style> 23198 23199 23200 23201 23202 23203 23204 23205 23206 23207 23208 23209 23210 <div class="layout-stack" style="" > 23211 <slot></slot> 23212 </div> 23213 </template> 23214 23215 23216 23217 23218 23219<div 23220 class="element-badge element-badge--inverted element-badge--sale"> 23221 23222Sale 23223 23224</div> 23225 23226 23227 23228 23229 23230 23231 23232 23233 23234 23235</layout-stack> 23236 23237 23238</div><div 23239 class="grid__image-ratio grid__image-ratio--square" 23240 > 23241 23242 23243<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 23244 image-element" sizes="100%" data-animate="fadein"> 23245 23246 23247 23248 23249</is-land> 23250</div><div class="grid-product__secondary-image small--hide"> 23251 23252 23253<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32
23253-8034-dfb76b84e254.jpg?v=1767738771&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square 23254 image-element" sizes="100%" data-animate="fadein"> 23255 23256 23257 23258 23259</is-land> 23260</div></div> 23261 23262 <div class="grid-item__meta"> 23263 23264 23265 23266 23267 23268 23269 23270 23271 23272 23273 23274 23275 23276 23277<layout-stack class="layout-stack"> 23278 <template shadowrootmode="open"> 23279 <style> 23280 :host { 23281 display: contents; 23282 } 23283 23284 .layout-stack { 23285 /* Layout & Typography */ 23286 --_flex-direction: var(--_flex-direction--xs); 23287 --_justify: var(--_justify--xs); 23288 --_align: var(--_align--xs); 23289 23290 --_margin: var(--layout-stack-margin); 23291 23292 display: flex; 23293 flex-direction: var(--_flex-direction); 23294 gap: var(--_gap); 23295 flex-wrap: var(--_wrap); 23296 justify-content: var(--_justify); 23297 align-items: var(--_align); 23298 text-align: var(--_align); 23299 margin: var(--_margin); 23300 padding: 0; 23301 list-style: none; 23302 23303 ::slotted(*) { 23304 max-width: 100%; 23305 } 23306 } 23307 </style> 23308 23309 23310 23311 23312 23313 23314 23315 <style> 23316 @media (min-width: 0px) { 23317 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 23318 } 23319 </style> 23320 23321 23322 23323 23324 23325 23326 23327 23328 23329 23330 23331 23332 23333 23334 23335 23336 23337 23338 23339 23340 23341 23342 23343 23344 23345 23346 23347 23348 23349 23350 23351 23352 23353 23354 23355 23356 23357 23358 23359 23360 23361 23362 23363 23364 23365 23366 23367 23368 23369 23370 <style> 23371 @media (min-width: 0px) { 23372 .layout-stack { --_flex-direction: column; } 23373 } 23374 </style> 23375 23376 23377 23378 23379 23380 23381 23382 23383 23384 23385 23386 23387 23388 23389 23390 23391 23392 23393 <style> 23394 @media (min-width: 0px) { 23395 .layout-stack { --_justify: start; } 23396 } 23397 </style> 23398 23399 23400 23401 23402 23403 23404 23405 23406 23407 23408 23409 23410 23411 23412 23413 23414 23415 23416 <style> 23417 @media (min-width: 0px) { 23418 .layout-stack { --_align: start; } 23419 } 23420 </style> 23421 23422 23423 23424 23425 23426 23427 23428 23429 23430 23431 23432 23433 23434 23435 23436 23437 23438 23439 <style> 23440 @media (min-width: 0px) { 23441 .layout-stack { --_wrap: nowrap; } 23442 } 23443 </style> 23444 23445 23446 23447 23448 23449 23450 23451 23452 23453 23454 23455 23456 <div class="layout-stack" style="" > 23457 <slot></slot> 23458 </div> 23459 </template> 23460 23461 23462<div class="grid-item__swatches"> 23463 23464 23465 <is-land on:idle> <color-swatches> 23466 23467 23468 23469 23470 23471 23472 23473 23474 23475 23476 23477 23478 23479 23480 23481<layout-stack class="layout-stack"> 23482 <template shadowrootmode="open"> 23483 <style> 23484 :host { 23485 display: contents; 23486 } 23487 23488 .layout-stack { 23489 /* Layout & Typography */ 23490 --_flex-direction: var(--_flex-direction--xs); 23491 --_justify: var(--_justify--xs); 23492 --_align: var(--_align--xs); 23493 23494 --_margin: var(--layout-stack-margin); 23495 23496 display: flex; 23497 flex-direction: var(--_flex-direction); 23498 gap: var(--_gap); 23499 flex-wrap: var(--_wrap); 23500 justify-content: var(--_justify); 23501 align-items: var(--_align); 23502 text-align: var(--_align); 23503 margin: var(--_margin); 23504 padding: 0; 23505 list-style: none; 23506 23507 ::slotted(*) { 23508 max-width: 100%; 23509 } 23510 } 23511 </style> 23512 23513 23514 23515 23516 23517 23518 23519 <style> 23520 @media (min-width: 0px) { 23521 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 23522 } 23523 </style> 23524 23525 23526 23527 23528 23529 23530 23531 23532 23533 23534 23535 23536 23537 23538 23539 23540 23541 23542 23543 23544 23545 23546 23547 23548 23549 23550 23551 23552 23553 23554 23555 23556 23557 23558 23559 23560 23561 23562 23563 23564 23565 23566 23567 23568 23569 23570 23571 23572 23573 23574 <style> 23575 @media (min-width: 0px) { 23576 .layout-stack { --_flex-direction: row; } 23577 } 23578 </style> 23579 23580 23581 23582 23583 23584 23585 23586 23587 23588 23589 23590 23591 23592 23593 23594 23595 23596 23597 <style> 23598 @media (min-width: 0px) { 23599 .layout-stack { --_justify: start; } 23600 } 23601 </style> 23602 23603 23604 23605 23606 23607 23608 23609 23610 23611 23612 23613 23614 23615 23616 23617 23618 23619 23620 <style> 23621 @media (min-width: 0px) { 23622 .layout-stack { --_align: stretch; } 23623 } 23624 </style> 23625 23626 23627 23628 23629 23630 23631 23632 23633 23634 23635 23636 23637 23638 23639 23640 23641 23642 23643 <style> 23644 @media (min-width: 0px) { 23645 .layout-stack { --_wrap: wrap; } 23646 } 23647 </style> 23648 23649 23650 23651 23652 23653 23654 23655 23656 23657 23658 23659 23660 <div class="layout-stack" style="" > 23661 <slot></slot> 23662 </div> 23663 </template> 23664 23665 23666 23667 23668 23669 23670 23671 23672 23673 23674</layout-stack> 23675 23676 23677 23678 23679 23680 <template data-island> 23681
23681<script type="module"> 23682 import 'list.product-card.swatches' 23683 </script>
23683 23684 </template> 23685 </color-swatches> 23686 </is-land> 23687 23688</div> 23689 23690 23691 23692 23693<span 23694class="element-text element-text--body-md" 23695 23696 23697style=" 23698 word-break: break-word; hyphens: auto; text-align: start; 23699 "> 23700 23701 Dragon Speakers Duology (Books 1-2) 23702 23703</span> 23704 23705 23706 23707 23708 23709 23710 23711 23712 23713 23714 23715 23716 23717 23718 23719 23720 23721 23722 23723 23724 23725 23726 23727 23728<span 23729class="element-text element-text--body-sm" 23730 23731 23732style=" 23733 opacity: 0.65; text-align: start; 23734 "> 23735 23736 Sorrel Leaf Press 23737 23738</span> 23739 23740 23741 23742 23743 23744 23745 23746 23747 23748 23749 23750 23751 23752 23753 23754 23755 23756 23757 23758 23759 23760 23761 23762 23763 23764 23765 23766 23767 23768 23769 23770 23771 23772<layout-stack class="layout-stack"> 23773 <template shadowrootmode="open"> 23774 <style> 23775 :host { 23776 display: contents; 23777 } 23778 23779 .layout-stack { 23780 /* Layout & Typography */ 23781 --_flex-direction: var(--_flex-direction--xs); 23782 --_justify: var(--_justify--xs); 23783 --_align: var(--_align--xs); 23784 23785 --_margin: var(--layout-stack-margin); 23786 23787 display: flex; 23788 flex-direction: var(--_flex-direction); 23789 gap: var(--_gap); 23790 flex-wrap: var(--_wrap); 23791 justify-content: var(--_justify); 23792 align-items: var(--_align); 23793 text-align: var(--_align); 23794 margin: var(--_margin); 23795 padding: 0; 23796 list-style: none; 23797 23798 ::slotted(*) { 23799 max-width: 100%; 23800 } 23801 } 23802 </style> 23803 23804 23805 23806 23807 23808 23809 23810 <style> 23811 @media (min-width: 0px) { 23812 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 23813 } 23814 </style> 23815 23816 23817 23818 23819 23820 23821 23822 23823 23824 23825 23826 23827 23828 23829 23830 23831 23832 23833 23834 23835 23836 23837 23838 23839 23840 23841 23842 23843 23844 23845 23846 23847 23848 23849 23850 23851 23852 23853 23854 23855 23856 23857 23858 23859 23860 23861 23862 23863 23864 23865 <style> 23866 @media (min-width: 0px) { 23867 .layout-stack { --_flex-direction: row; } 23868 } 23869 </style> 23870 23871 23872 23873 23874 23875 23876 23877 23878 23879 23880 23881 23882 23883 23884 23885 23886 23887 23888 <style> 23889 @media (min-width: 0px) { 23890 .layout-stack { --_justify: start; } 23891 } 23892 </style> 23893 23894 23895 23896 23897 23898 23899 23900 23901 23902 23903 23904 23905 23906 23907 23908 23909 23910 23911 <style> 23912 @media (min-width: 0px) { 23913 .layout-stack { --_align: baseline; } 23914 } 23915 </style> 23916 23917 23918 23919 23920 23921 23922 23923 23924 23925 23926 23927 23928 23929 23930 23931 23932 23933 23934 <style> 23935 @media (min-width: 0px) { 23936 .layout-stack { --_wrap: wrap; } 23937 } 23938 </style> 23939 23940 23941 23942 23943 23944 23945 23946 23947 23948 23949 23950 23951 <div class="layout-stack" style=" 23952 text-align: start; 23953 " > 23954 <slot></slot> 23955 </div> 23956 </template> 23957 23958 23959 23960 <span aria-label="from $11.20"> 23961 23962 23963 23964<span 23965class="element-text element-text--body-sm" 23966 23967 23968style="--element-text-font-weight--body: var(--font-weight-700);"> 23969 23970 from 23971 23972</span> 23973 23974 23975 23976 23977 23978 23979 23980 23981 23982 23983 23984 23985 23986 23987 23988 23989 23990 23991 23992 23993 23994 23995 23996<span 23997class="element-price element-text element-text--heading-xs" 23998 23999 24000> 24001 24002 $11<sup>20</sup> 24003 24004</span> 24005 24006 24007 24008 24009 24010 24011 24012 24013 24014 24015 24016 24017 24018 24019 24020 24021 24022 24023 24024 24025 24026 24027 24028 24029</span> 24030 24031 24032 24033<span 24034class="element-text element-text--visually-hidden" 24035 24036 24037> 24038 24039 24040 24041Regular price 24042 24043</span> 24044 24045 24046 24047 24048 24049 24050 24051 24052 24053 24054 24055 24056 24057 24058 24059 24060 24061 24062 24063 24064 24065 24066 24067<span 24068class="element-price element-text element-text--heading-xs element-text--line-through" 24069 24070 24071> 24072 24073 $13<sup>98</sup> 24074 24075</span> 24076 24077 24078 24079 24080 24081 24082 24083 24084 24085 24086 24087 24088 24089 24090 24091 24092 24093 24094 24095 24096 24097 24098 24099 24100 24101 24102 24103 24104 24105<span 24106class="element-text element-text--body-sm" 24107 24108 24109style="color: var(--color-text-savings);"> 24110 24111 24112 24113Save 20% 24114 24115 24116</span> 24117 24118 24119 24120 24121 24122 24123 24124 24125 24126 24127 24128 24129 24130 24131 24132 24133 24134 24135 24136</layout-stack> 24137 24138 24139 24140</layout-stack> 24141 24142 24143 24144</div> 24145 24146 </div> 24147</layout-stack> 24148 24149 24150 24151 </div> 24152 </div> 24153</div> 24154 24155 24156 24157<div 24158 class=" 24159 grid-item grid-product grid-product-image-breathing-room--true 24160 24161 24162 grid-product--gridlines overlay 24163 24164 " 24165> 24166 <div 24167 class="product-grid-item" 24168 data-product-handle="dragon-thieves-a-swords-for-hire-novella" 24169 data-product-id="8679050150144" 24170 data-product-grid-item 24171 > 24172 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 24173<quick-shop defer-hydration> 24174 24175<tool-tip-trigger 24176 class="tool-tip-trigger" 24177 data-tool-tip="QuickShop" 24178 data-tool-tip-classes="quick-shop-modal" 24179 defer-hydration 24180> 24181 24182 24183 <div 24184 class="tool-tip-trigger__content" 24185 data-tool-tip-trigger-content="" 24186 > 24187 24188 </div> 24189 24190 24191 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-8679050150144 small--hide" title=" 24192 24193 24194Quick shop 24195" data-handle="dragon-thieves-a-swords-for-hire-novella"> 24196 24197 24198 24199 24200<element-icon 24201 24202 24203> 24204 <svg 24205 xmlns="http://www.w3.org/2000/svg" 24206 aria-hidden="true" 24207 focusable="false" 24208 role="presentation" 24209 class="element-icon element-icon-search element-icon--line" 24210 viewbox="0 0 64 64" 24211 width="20" 24212 height="20" 24213> 24214 <path 24215 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 24216 stroke-miterlimit="10" 24217 fill="none" 24218 stroke="currentColor" 24219 /> 24220</svg> 24221 24222</element-icon> 24223 24224 24225 24226 24227 24228 24229 24230 24231 24232
24233 <span class="icon__fallback-text visually-hidden"> 24234 24235 24236Quick shop 24237 24238 </span> 24239 </button> 24240 24241</tool-tip-trigger> 24242
24243<script type="module"> 24244 import 'overlay.tool-tip.trigger' 24245</script>
24245 24246 24247</quick-shop> 24248
24249<script type="module"> 24250 import 'overlay.quick-shop' 24251</script>
24251 24252 24253 24254<quick-add defer-hydration> 24255 <button 24256 type="button" class="text-link quick-add-btn" 24257 title=" 24258 24259 24260Add to cart 24261" 24262 data-id="45183578734848" 24263 data-single-variant-quick-add 24264 > 24265 <span class="btn btn--circle btn--icon"> 24266 24267 24268 24269 24270<element-icon 24271 24272 24273> 24274 <svg 24275 xmlns="http://www.w3.org/2000/svg" 24276 aria-hidden="true" 24277 focusable="false" 24278 role="presentation" 24279 class="element-icon element-icon-plus element-icon--line" 24280 viewbox="0 0 64 64" 24281 width="20" 24282 height="20" 24283> 24284 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 24285</svg> 24286 24287</element-icon> 24288 24289 24290 24291 24292 24293 24294 24295 24296 24297 24298 <span class="icon__fallback-text visually-hidden"> 24299 24300 24301Add to cart 24302 24303 </span> 24304 </span> 24305 </button> 24306</quick-add> 24307
24308<script type="module"> 24309 import 'overlay.quick-add' 24310</script>
24310 24311 24312</div> 24313 24314 24315 24316 24317 24318 24319 24320 24321 24322 24323 24324 24325 24326 24327<layout-stack class="layout-stack"> 24328 <template shadowrootmode="open"> 24329 <style> 24330 :host { 24331 display: contents; 24332 } 24333 24334 .layout-stack { 24335 /* Layout & Typography */ 24336 --_flex-direction: var(--_flex-direction--xs); 24337 --_justify: var(--_justify--xs); 24338 --_align: var(--_align--xs); 24339 24340 --_margin: var(--layout-stack-margin); 24341 24342 display: flex; 24343 flex-direction: var(--_flex-direction); 24344 gap: var(--_gap); 24345 flex-wrap: var(--_wrap); 24346 justify-content: var(--_justify); 24347 align-items: var(--_align); 24348 text-align: var(--_align); 24349 margin: var(--_margin); 24350 padding: 0; 24351 list-style: none; 24352 24353 ::slotted(*) { 24354 max-width: 100%; 24355 } 24356 } 24357 </style> 24358 24359 24360 24361 24362 24363 24364 24365 <style> 24366 @media (min-width: 0px) { 24367 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 24368 } 24369 </style> 24370 24371 24372 24373 24374 24375 24376 24377 24378 24379 24380 24381 24382 24383 24384 24385 24386 24387 24388 24389 24390 24391 24392 24393 24394 24395 24396 24397 24398 24399 24400 24401 24402 24403 24404 24405 24406 24407 24408 24409 24410 24411 24412 24413 24414 24415 24416 24417 24418 24419 24420 <style> 24421 @media (min-width: 0px) { 24422 .layout-stack { --_flex-direction: column; } 24423 } 24424 </style> 24425 24426 24427 24428 24429 24430 24431 24432 24433 24434 24435 24436 24437 24438 24439 24440 24441 24442 24443 <style> 24444 @media (min-width: 0px) { 24445 .layout-stack { --_justify: space-between; } 24446 } 24447 </style> 24448 24449 24450 24451 24452 24453 24454 24455 24456 24457 24458 24459 24460 24461 24462 24463 24464 24465 24466 <style> 24467 @media (min-width: 0px) { 24468 .layout-stack { --_align: stretch; } 24469 } 24470 </style> 24471 24472 24473 24474 24475 24476 24477 24478 24479 24480 24481 24482 24483 24484 24485 24486 24487 24488 24489 <style> 24490 @media (min-width: 0px) { 24491 .layout-stack { --_wrap: nowrap; } 24492 } 24493 </style> 24494 24495 24496 24497 24498 24499 24500 24501 24502 24503 24504 24505 24506 <div class="layout-stack" style="height: 100%;" > 24507 <slot></slot> 24508 </div> 24509 </template> 24510 24511 24512 <div class="grid-item__link"> 24513 <a href="/collections/dragon-speakers-world/products/dragon-thieves-a-swords-for-hire-novella" class="grid-item__overlay-link" aria-label="Dragon Thieves (Swords of Aroc Book 1)" tabindex="-1"></a> 24514 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 24515 24516 24517 24518 24519 24520 24521 24522 24523 24524 24525 24526 24527<layout-stack class="layout-stack"> 24528 <template shadowrootmode="open"> 24529 <style> 24530 :host { 24531 display: contents; 24532 } 24533 24534 .layout-stack { 24535 /* Layout & Typography */ 24536 --_flex-direction: var(--_flex-direction--xs); 24537 --_justify: var(--_justify--xs); 24538 --_align: var(--_align--xs); 24539 24540 --_margin: var(--layout-stack-margin); 24541 24542 display: flex; 24543 flex-direction: var(--_flex-direction); 24544 gap: var(--_gap); 24545 flex-wrap: var(--_wrap); 24546 justify-content: var(--_justify); 24547 align-items: var(--_align); 24548 text-align: var(--_align); 24549 margin: var(--_margin); 24550 padding: 0; 24551 list-style: none; 24552 24553 ::slotted(*) { 24554 max-width: 100%; 24555 } 24556 } 24557 </style> 24558 24559 24560 24561 24562 24563 24564 24565 <style> 24566 @media (min-width: 0px) { 24567 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 24568 } 24569 </style> 24570 24571 24572 24573 24574 24575 24576 24577 24578 24579 24580 24581 24582 24583 24584 24585 24586 24587 24588 24589 24590 24591 24592 24593 24594 24595 24596 24597 24598 24599 24600 24601 24602 24603 24604 24605 24606 24607 24608 24609 24610 24611 24612 24613 24614 24615 24616 24617 24618 24619 24620 <style> 24621 @media (min-width: 0px) { 24622 .layout-stack { --_flex-direction: column; } 24623 } 24624 </style> 24625 24626 24627 24628 24629 24630 24631 24632 24633 24634 24635 24636 24637 24638 24639 24640 24641 24642 24643 <style> 24644 @media (min-width: 0px) { 24645 .layout-stack { --_justify: start; } 24646 } 24647 </style> 24648 24649 24650 24651 24652 24653 24654 24655 24656 24657 24658 24659 24660 24661 24662 24663 24664 24665 24666 <style> 24667 @media (min-width: 0px) { 24668 .layout-stack { --_align: center; } 24669 } 24670 </style> 24671 24672 24673 24674 24675 24676 24677 24678 24679 24680 24681 24682 24683 24684 24685 24686 24687 24688 24689 <style> 24690 @media (min-width: 0px) { 24691 .layout-stack { --_wrap: nowrap; } 24692 } 24693 </style> 24694 24695 24696 24697 24698 24699 24700 24701 24702 24703 24704 24705 24706 <div class="layout-stack" style="" > 24707 <slot></slot> 24708 </div> 24709 </template> 24710 24711 24712</layout-stack> 24713 24714 24715</div><div 24716 class="grid__image-ratio grid__image-ratio--square" 24717 > 24718 24719 24720<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 24721 image-element" sizes="100%" data-animate="fadein"> 24722 24723 24724 24725 24726</is-land> 24727</div><div class="grid-product__secondary-image small--hide"> 24728 24729 24730<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/SOA_Digital_Cover_Final_Version_shopify_small_8ffabfc8-84ef-4951-ba15-ea33bea6acc6.jpg?v=1788908863&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/SOA_Digital_Cover_Final_Version_shopify_small_8ffabfc8-84ef-4951-ba15-ea33bea6acc6.jpg?v=1788908863&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/SOA_Digital_Cover_Final_Version_shopify_small_8ffabfc8-84ef-4951-ba15-ea33bea6acc6.jpg?v=1788908863&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/SOA_Digital_Cover_Final_Version_shopify_small_8ffabfc8-84ef-4951-ba15-ea33bea6acc6.jpg?v=1788908863&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/SOA_Digital_Cover_Final_Version_shopify_small_8ffabfc8-84ef-4951-ba15-ea33bea6acc6.jpg?v=1788908863&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/SOA_Digital_Cover_Final_Version_shopify_small_8ffabfc8-84ef-4951-ba15-ea33bea6acc6.jpg?v=1788908863&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/SOA_Digital_Cover_Final_Version_shopify_small_8ffabfc8-84ef-4951-ba15-ea33bea6acc6.jpg?v=1788908863&width=1600 1600w" width="1600" height="2400.0000000000005" loading="lazy" class="image-style--square 24731 image-element" sizes="100%" data-animate="fadein"> 24732 24733 24734 24735 24736</is-land> 24737</div></div> 24738 24739 <div class="grid-item__meta"> 24740 24741 24742 24743 24744 24745 24746 24747 24748 24749 24750 24751 24752 24753 24754<layout-stack class="layout-stack"> 24755 <template shadowrootmode="open"> 24756 <style> 24757 :host { 24758 display: contents; 24759 } 24760 24761 .layout-stack { 24762 /* Layout & Typography */ 24763 --_flex-direction: var(--_flex-direction--xs); 24764 --_justify: var(--_justify--xs); 24765 --_align: var(--_align--xs); 24766 24767 --_margin: var(--layout-stack-margin); 24768 24769 display: flex; 24770 flex-direction: var(--_flex-direction); 24771 gap: var(--_gap); 24772 flex-wrap: var(--_wrap); 24773 justify-content: var(--_justify); 24774 align-items: var(--_align); 24775 text-align: var(--_align); 24776 margin: var(--_margin); 24777 padding: 0; 24778 list-style: none; 24779 24780 ::slotted(*) { 24781 max-width: 100%; 24782 } 24783 } 24784 </style> 24785 24786 24787 24788 24789 24790 24791 24792 <style> 24793 @media (min-width: 0px) { 24794 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 24795 } 24796 </style> 24797 24798 24799 24800 24801 24802 24803 24804 24805 24806 24807 24808 24809 24810 24811 24812 24813 24814 24815 24816 24817 24818 24819 24820 24821 24822 24823 24824 24825 24826 24827 24828 24829 24830 24831 24832 24833 24834 24835 24836 24837 24838 24839 24840 24841 24842 24843 24844 24845 24846 24847 <style> 24848 @media (min-width: 0px) { 24849 .layout-stack { --_flex-direction: column; } 24850 } 24851 </style> 24852 24853 24854 24855 24856 24857 24858 24859 24860 24861 24862 24863 24864 24865 24866 24867 24868 24869 24870 <style> 24871 @media (min-width: 0px) { 24872 .layout-stack { --_justify: start; } 24873 } 24874 </style> 24875 24876 24877 24878 24879 24880 24881 24882 24883 24884 24885 24886 24887 24888 24889 24890 24891 24892 24893 <style> 24894 @media (min-width: 0px) { 24895 .layout-stack { --_align: start; } 24896 } 24897 </style> 24898 24899 24900 24901 24902 24903 24904 24905 24906 24907 24908 24909 24910 24911 24912 24913 24914 24915 24916 <style> 24917 @media (min-width: 0px) { 24918 .layout-stack { --_wrap: nowrap; } 24919 } 24920 </style> 24921 24922 24923 24924 24925 24926 24927 24928 24929 24930 24931 24932 24933 <div class="layout-stack" style="" > 24934 <slot></slot> 24935 </div> 24936 </template> 24937 24938 24939<div class="grid-item__swatches"> 24940 24941 24942 <is-land on:idle> <color-swatches> 24943 24944 24945 24946 24947 24948 24949 24950 24951 24952 24953 24954 24955 24956 24957 24958<layout-stack class="layout-stack"> 24959 <template shadowrootmode="open"> 24960 <style> 24961 :host { 24962 display: contents; 24963 } 24964 24965 .layout-stack { 24966 /* Layout & Typography */ 24967 --_flex-direction: var(--_flex-direction--xs); 24968 --_justify: var(--_justify--xs); 24969 --_align: var(--_align--xs); 24970 24971 --_margin: var(--layout-stack-margin); 24972 24973 display: flex; 24974 flex-direction: var(--_flex-direction); 24975 gap: var(--_gap); 24976 flex-wrap: var(--_wrap); 24977 justify-content: var(--_justify); 24978 align-items: var(--_align); 24979 text-align: var(--_align); 24980 margin: var(--_margin); 24981 padding: 0; 24982 list-style: none; 24983 24984 ::slotted(*) { 24985 max-width: 100%; 24986 } 24987 } 24988 </style> 24989 24990 24991 24992 24993 24994 24995 24996 <style> 24997 @media (min-width: 0px) { 24998 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 24999 } 25000 </style> 25001 25002 25003 25004 25005 25006 25007 25008 25009 25010 25011 25012 25013 25014 25015 25016 25017 25018 25019 25020 25021 25022 25023 25024 25025 25026 25027 25028 25029 25030 25031 25032 25033 25034 25035 25036 25037 25038 25039 25040 25041 25042 25043 25044 25045 25046 25047 25048 25049 25050 25051 <style> 25052 @media (min-width: 0px) { 25053 .layout-stack { --_flex-direction: row; } 25054 } 25055 </style> 25056 25057 25058 25059 25060 25061 25062 25063 25064 25065 25066 25067 25068 25069 25070 25071 25072 25073 25074 <style> 25075 @media (min-width: 0px) { 25076 .layout-stack { --_justify: start; } 25077 } 25078 </style> 25079 25080 25081 25082 25083 25084 25085 25086 25087 25088 25089 25090 25091 25092 25093 25094 25095 25096 25097 <style> 25098 @media (min-width: 0px) { 25099 .layout-stack { --_align: stretch; } 25100 } 25101 </style> 25102 25103 25104 25105 25106 25107 25108 25109 25110 25111 25112 25113 25114 25115 25116 25117 25118 25119 25120 <style> 25121 @media (min-width: 0px) { 25122 .layout-stack { --_wrap: wrap; } 25123 } 25124 </style> 25125 25126 25127 25128 25129 25130 25131 25132 25133 25134 25135 25136 25137 <div class="layout-stack" style="" > 25138 <slot></slot> 25139 </div> 25140 </template> 25141 25142 25143 25144 25145 25146 25147 25148 25149</layout-stack> 25150 25151 25152 25153 25154 25155 <template data-island> 25156
25156<script type="module"> 25157 import 'list.product-card.swatches' 25158 </script>
25158 25159 </template> 25160 </color-swatches> 25161 </is-land> 25162 25163</div> 25164 25165 25166 25167 25168<span 25169class="element-text element-text--body-md" 25170 25171 25172style=" 25173 word-break: break-word; hyphens: auto; text-align: start; 25174 "> 25175 25176 Dragon Thieves (Swords of Aroc Book 1) 25177 25178</span> 25179 25180 25181 25182 25183 25184 25185 25186 25187 25188 25189 25190 25191 25192 25193 25194 25195 25196 25197 25198 25199 25200 25201 25202 25203<span 25204class="element-text element-text--body-sm" 25205 25206 25207style=" 25208 opacity: 0.65; text-align: start; 25209 "> 25210 25211 Wood Sorrel Press 25212 25213</span> 25214 25215 25216 25217 25218 25219 25220 25221 25222 25223 25224 25225 25226 25227 25228 25229 25230 25231 25232 25233 25234 25235 25236 25237 25238 25239 25240 25241 25242 25243 25244 25245 25246 25247<layout-stack class="layout-stack"> 25248 <template shadowrootmode="open"> 25249 <style> 25250 :host { 25251 display: contents; 25252 } 25253 25254 .layout-stack { 25255 /* Layout & Typography */ 25256 --_flex-direction: var(--_flex-direction--xs); 25257 --_justify: var(--_justify--xs); 25258 --_align: var(--_align--xs); 25259 25260 --_margin: var(--layout-stack-margin); 25261 25262 display: flex; 25263 flex-direction: var(--_flex-direction); 25264 gap: var(--_gap); 25265 flex-wrap: var(--_wrap); 25266 justify-content: var(--_justify); 25267 align-items: var(--_align); 25268 text-align: var(--_align); 25269 margin: var(--_margin); 25270 padding: 0; 25271 list-style: none; 25272 25273 ::slotted(*) { 25274 max-width: 100%; 25275 } 25276 } 25277 </style> 25278 25279 25280 25281 25282 25283 25284 25285 <style> 25286 @media (min-width: 0px) { 25287 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 25288 } 25289 </style> 25290 25291 25292 25293 25294 25295 25296 25297 25298 25299 25300 25301 25302 25303 25304 25305 25306 25307 25308 25309 25310 25311 25312 25313 25314 25315 25316 25317 25318 25319 25320 25321 25322 25323 25324 25325 25326 25327 25328 25329 25330 25331 25332 25333 25334 25335 25336 25337 25338 25339 25340 <style> 25341 @media (min-width: 0px) { 25342 .layout-stack { --_flex-direction: row; } 25343 } 25344 </style> 25345 25346 25347 25348 25349 25350 25351 25352 25353 25354 25355 25356 25357 25358 25359 25360 25361 25362 25363 <style> 25364 @media (min-width: 0px) { 25365 .layout-stack { --_justify: start; } 25366 } 25367 </style> 25368 25369 25370 25371 25372 25373 25374 25375 25376 25377 25378 25379 25380 25381 25382 25383 25384 25385 25386 <style> 25387 @media (min-width: 0px) { 25388 .layout-stack { --_align: baseline; } 25389 } 25390 </style> 25391 25392 25393 25394 25395 25396 25397 25398 25399 25400 25401 25402 25403 25404 25405 25406 25407 25408 25409 <style> 25410 @media (min-width: 0px) { 25411 .layout-stack { --_wrap: wrap; } 25412 } 25413 </style> 25414 25415 25416 25417 25418 25419 25420 25421 25422 25423 25424 25425 25426 <div class="layout-stack" style=" 25427 text-align: start; 25428 " > 25429 <slot></slot> 25430 </div> 25431 </template> 25432 25433 25434 25435 25436 25437 25438<span 25439class="element-price element-text element-text--heading-xs" 25440 25441 25442> 25443 25444 $5<sup>99</sup> 25445 25446</span> 25447 25448 25449 25450 25451 25452 25453 25454 25455 25456 25457 25458 25459 25460 25461 25462 25463 25464 25465 25466 25467 25468 25469 25470 25471 25472</layout-stack> 25473 25474 25475 25476</layout-stack> 25477 25478 25479 25480</div> 25481 25482 </div> 25483</layout-stack> 25484 25485 25486 25487 </div> 25488 </div> 25489</div> 25490 25491 25492 25493<div 25494 class=" 25495 grid-item grid-product grid-product-image-breathing-room--true 25496 25497 25498 grid-product--gridlines overlay 25499 25500 " 25501> 25502 <div 25503 class="product-grid-item" 25504 data-product-handle="results-unknown-swords-of-aroc-book-2" 25505 data-product-id="9244350251264" 25506 data-product-grid-item 25507 > 25508 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 25509<quick-shop defer-hydration> 25510 25511<tool-tip-trigger 25512 class="tool-tip-trigger" 25513 data-tool-tip="QuickShop" 25514 data-tool-tip-classes="quick-shop-modal" 25515 defer-hydration 25516> 25517 25518 25519 <div 25520 class="tool-tip-trigger__content" 25521 data-tool-tip-trigger-content="" 25522 > 25523 25524 </div> 25525 25526 25527 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-9244350251264 small--hide" title=" 25528 25529 25530Quick shop 25531" data-handle="results-unknown-swords-of-aroc-book-2"> 25532 25533 25534 25535 25536<element-icon 25537 25538 25539> 25540 <svg 25541 xmlns="http://www.w3.org/2000/svg" 25542 aria-hidden="true" 25543 focusable="false" 25544 role="presentation" 25545 class="element-icon element-icon-search element-icon--line" 25546 viewbox="0 0 64 64" 25547 width="20" 25548 height="20" 25549> 25550 <path 25551 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 25552 stroke-miterlimit="10" 25553 fill="none" 25554 stroke="currentColor" 25555 /> 25556</svg> 25557 25558</element-icon> 25559 25560 25561 25562 25563 25564 25565 25566 25567 25568 25569 <span class="icon__fallback-text visually-hidden"> 25570 25571 25572Quick shop 25573 25574 </span> 25575 </button> 25576 25577</tool-tip-trigger> 25578
25579<script type="module"> 25580 import 'overlay.tool-tip.trigger' 25581</script>
25581 25582 25583</quick-shop> 25584
25585<script type="module"> 25586 import 'overlay.quick-shop' 25587</script>
25587 25588 25589 25590<quick-add defer-hydration> 25591 <button 25592 type="button" class="text-link quick-add-btn" 25593 title=" 25594 25595 25596Add to cart 25597" 25598 data-id="47275002921216" 25599 data-single-variant-quick-add 25600 > 25601 <span class="btn btn--circle btn--icon"> 25602 25603 25604 25605 25606<element-icon 25607 25608 25609> 25610 <svg 25611 xmlns="http://www.w3.org/2000/svg" 25612 aria-hidden="true" 25613 focusable="false" 25614 role="presentation" 25615 class="element-icon element-icon-plus element-icon--line" 25616 viewbox="0 0 64 64" 25617 width="20" 25618 height="20" 25619> 25620 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 25621</svg> 25622 25623</element-icon> 25624 25625 25626 25627 25628 25629 25630 25631 25632 25633 25634 <span class="icon__fallback-text visually-hidden"> 25635 25636 25637Add to cart 25638 25639 </span> 25640 </span> 25641 </button> 25642</quick-add> 25643
25644<script type="module"> 25645 import 'overlay.quick-add' 25646</script>
25646 25647 25648</div> 25649 25650 25651 25652 25653 25654 25655 25656 25657 25658 25659 25660 25661 25662 25663<layout-stack class="layout-stack"> 25664 <template shadowrootmode="open"> 25665 <style> 25666 :host { 25667 display: contents; 25668 } 25669 25670 .layout-stack { 25671 /* Layout & Typography */ 25672 --_flex-direction: var(--_flex-direction--xs); 25673 --_justify: var(--_justify--xs); 25674 --_align: var(--_align--xs); 25675 25676 --_margin: var(--layout-stack-margin); 25677 25678 display: flex; 25679 flex-direction: var(--_flex-direction); 25680 gap: var(--_gap); 25681 flex-wrap: var(--_wrap); 25682 justify-content: var(--_justify); 25683 align-items: var(--_align); 25684 text-align: var(--_align); 25685 margin: var(--_margin); 25686 padding: 0; 25687 list-style: none; 25688 25689 ::slotted(*) { 25690 max-width: 100%; 25691 } 25692 } 25693 </style> 25694 25695 25696 25697 25698 25699 25700 25701 <style> 25702 @media (min-width: 0px) { 25703 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 25704 } 25705 </style> 25706 25707 25708 25709 25710 25711 25712 25713 25714 25715 25716 25717 25718 25719 25720 25721 25722 25723 25724 25725 25726 25727 25728 25729 25730 25731 25732 25733 25734 25735 25736 25737 25738 25739 25740 25741 25742 25743 25744 25745 25746 25747 25748 25749 25750 25751 25752 25753 25754 25755 25756 <style> 25757 @media (min-width: 0px) { 25758 .layout-stack { --_flex-direction: column; } 25759 } 25760 </style> 25761 25762 25763 25764 25765 25766 25767 25768 25769 25770 25771 25772 25773 25774 25775 25776 25777 25778 25779 <style> 25780 @media (min-width: 0px) { 25781 .layout-stack { --_justify: space-between; } 25782 } 25783 </style> 25784 25785 25786 25787 25788 25789 25790 25791 25792 25793 25794 25795 25796 25797 25798 25799 25800 25801 25802 <style> 25803 @media (min-width: 0px) { 25804 .layout-stack { --_align: stretch; } 25805 } 25806 </style> 25807 25808 25809 25810 25811 25812 25813 25814 25815 25816 25817 25818 25819 25820 25821 25822 25823 25824 25825 <style> 25826 @media (min-width: 0px) { 25827 .layout-stack { --_wrap: nowrap; } 25828 } 25829 </style> 25830 25831 25832 25833 25834 25835 25836 25837 25838 25839 25840 25841 25842 <div class="layout-stack" style="height: 100%;" > 25843 <slot></slot> 25844 </div> 25845 </template> 25846 25847 25848 <div class="grid-item__link"> 25849 <a href="/collections/dragon-speakers-world/products/results-unknown-swords-of-aroc-book-2" class="grid-item__overlay-link" aria-label="Results Unknown (Swords of Aroc Book 2)" tabindex="-1"></a> 25850 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 25851 25852 25853 25854 25855 25856 25857 25858 25859 25860 25861 25862 25863<layout-stack class="layout-stack"> 25864 <template shadowrootmode="open"> 25865 <style> 25866 :host { 25867 display: contents; 25868 } 25869 25870 .layout-stack { 25871 /* Layout & Typography */ 25872 --_flex-direction: var(--_flex-direction--xs); 25873 --_justify: var(--_justify--xs); 25874 --_align: var(--_align--xs); 25875 25876 --_margin: var(--layout-stack-margin); 25877 25878 display: flex; 25879 flex-direction: var(--_flex-direction); 25880 gap: var(--_gap); 25881 flex-wrap: var(--_wrap); 25882 justify-content: var(--_justify); 25883 align-items: var(--_align); 25884 text-align: var(--_align); 25885 margin: var(--_margin); 25886 padding: 0; 25887 list-style: none; 25888 25889 ::slotted(*) { 25890 max-width: 100%; 25891 } 25892 } 25893 </style> 25894 25895 25896 25897 25898 25899 25900 25901 <style> 25902 @media (min-width: 0px) { 25903 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 25904 } 25905 </style> 25906 25907 25908 25909 25910 25911 25912 25913 25914 25915 25916 25917 25918 25919 25920 25921 25922 25923 25924 25925 25926 25927 25928 25929 25930 25931 25932 25933 25934 25935 25936 25937 25938 25939 25940 25941 25942 25943 25944 25945 25946 25947 25948 25949 25950 25951 25952 25953 25954 25955 25956 <style> 25957 @media (min-width: 0px) { 25958 .layout-stack { --_flex-direction: column; } 25959 } 25960 </style> 25961 25962 25963 25964 25965 25966 25967 25968 25969 25970 25971 25972 25973 25974 25975 25976 25977 25978 25979 <style> 25980 @media (min-width: 0px) { 25981 .layout-stack { --_justify: start; } 25982 } 25983 </style> 25984 25985 25986 25987 25988 25989 25990 25991 25992 25993 25994 25995 25996 25997 25998 25999 26000 26001 26002 <style> 26003 @media (min-width: 0px) { 26004 .layout-stack { --_align: center; } 26005 } 26006 </style> 26007 26008 26009 26010 26011 26012 26013 26014 26015 26016 26017 26018 26019 26020 26021 26022 26023 26024 26025 <style> 26026 @media (min-width: 0px) { 26027 .layout-stack { --_wrap: nowrap; } 26028 } 26029 </style> 26030 26031 26032 26033 26034 26035 26036 26037 26038 26039 26040 26041 26042 <div class="layout-stack" style="" > 26043 <slot></slot> 26044 </div> 26045 </template> 26046 26047 26048</layout-stack> 26049 26050 26051</div><div 26052 class="grid__image-ratio grid__image-ratio--square" 26053 > 26054 26055 26056<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 26057 image-element" sizes="100%" data-animate="fadein"> 26058 26059 26060 26061 26062</is-land> 26063</div><div class="grid-product__secondary-image small--hide"> 26064 26065 26066<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/Results_Unknown_shopify_cover.jpg?v=1763160516&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Results_Unknown_shopify_cover.jpg?v=1763160516&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Results_Unknown_shopify_cover.jpg?v=1763160516&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Results_Unknown_shopify_cover.jpg?v=1763160516&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Results_Unknown_shopify_cover.jpg?v=1763160516&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Results_Unknown_shopify_cover.jpg?v=1763160516&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Results_Unknown_shopify_cover.jpg?v=1763160516&width=1600 1600w" width="1600" height="2400.0000000000005" loading="lazy" class="image-style--square 26067 image-element" sizes="100%" data-animate="fadein"> 26068 26069 26070 26071 26072</is-land> 26073</div></div> 26074 26075 <div class="grid-item__meta"> 26076 26077 26078 26079 26080 26081 26082 26083 26084 26085 26086 26087 26088 26089 26090<layout-stack class="layout-stack"> 26091 <template shadowrootmode="open"> 26092 <style> 26093 :host { 26094 display: contents; 26095 } 26096 26097 .layout-stack { 26098 /* Layout & Typography */ 26099 --_flex-direction: var(--_flex-direction--xs); 26100 --_justify: var(--_justify--xs); 26101 --_align: var(--_align--xs); 26102 26103 --_margin: var(--layout-stack-margin); 26104 26105 display: flex; 26106 flex-direction: var(--_flex-direction); 26107 gap: var(--_gap); 26108 flex-wrap: var(--_wrap); 26109 justify-content: var(--_justify); 26110 align-items: var(--_align); 26111 text-align: var(--_align); 26112 margin: var(--_margin); 26113 padding: 0; 26114 list-style: none; 26115 26116 ::slotted(*) { 26117 max-width: 100%; 26118 } 26119 } 26120 </style> 26121 26122 26123 26124 26125 26126 26127 26128 <style> 26129 @media (min-width: 0px) { 26130 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 26131 } 26132 </style> 26133 26134 26135 26136 26137 26138 26139 26140 26141 26142 26143 26144 26145 26146 26147 26148 26149 26150 26151 26152 26153 26154 26155 26156 26157 26158 26159 26160 26161 26162 26163 26164 26165 26166 26167 26168 26169 26170 26171 26172 26173 26174 26175 26176 26177 26178 26179 26180 26181 26182 26183 <style> 26184 @media (min-width: 0px) { 26185 .layout-stack { --_flex-direction: column; } 26186 } 26187 </style> 26188 26189 26190 26191 26192 26193 26194 26195 26196 26197 26198 26199 26200 26201 26202 26203 26204 26205 26206 <style> 26207 @media (min-width: 0px) { 26208 .layout-stack { --_justify: start; } 26209 } 26210 </style> 26211 26212 26213 26214 26215 26216 26217 26218 26219 26220 26221 26222 26223 26224 26225 26226 26227 26228 26229 <style> 26230 @media (min-width: 0px) { 26231 .layout-stack { --_align: start; } 26232 } 26233 </style> 26234 26235 26236 26237 26238 26239 26240 26241 26242 26243 26244 26245 26246 26247 26248 26249 26250 26251 26252 <style> 26253 @media (min-width: 0px) { 26254 .layout-stack { --_wrap: nowrap; } 26255 } 26256 </style> 26257 26258 26259 26260 26261 26262 26263 26264 26265 26266 26267 26268 26269 <div class="layout-stack" style="" > 26270 <slot></slot> 26271 </div> 26272 </template> 26273 26274 26275<div class="grid-item__swatches"> 26276 26277 26278 <is-land on:idle> <color-swatches> 26279 26280 26281 26282 26283 26284 26285 26286 26287 26288 26289 26290 26291 26292 26293 26294<layout-stack class="layout-stack"> 26295 <template shadowrootmode="open"> 26296 <style> 26297 :host { 26298 display: contents; 26299 } 26300 26301 .layout-stack { 26302 /* Layout & Typography */ 26303 --_flex-direction: var(--_flex-direction--xs); 26304 --_justify: var(--_justify--xs); 26305 --_align: var(--_align--xs); 26306 26307 --_margin: var(--layout-stack-margin); 26308 26309 display: flex; 26310 flex-direction: var(--_flex-direction); 26311 gap: var(--_gap); 26312 flex-wrap: var(--_wrap); 26313 justify-content: var(--_justify); 26314 align-items: var(--_align); 26315 text-align: var(--_align); 26316 margin: var(--_margin); 26317 padding: 0; 26318 list-style: none; 26319 26320 ::slotted(*) { 26321 max-width: 100%; 26322 } 26323 } 26324 </style> 26325 26326 26327 26328 26329 26330 26331 26332 <style> 26333 @media (min-width: 0px) { 26334 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 26335 } 26336 </style> 26337 26338 26339 26340 26341 26342 26343 26344 26345 26346 26347 26348 26349 26350 26351 26352 26353 26354 26355 26356 26357 26358 26359 26360 26361 26362 26363 26364 26365 26366 26367 26368 26369 26370 26371 26372 26373 26374 26375 26376 26377 26378 26379 26380 26381 26382 26383 26384 26385 26386 26387 <style> 26388 @media (min-width: 0px) { 26389 .layout-stack { --_flex-direction: row; } 26390 } 26391 </style> 26392 26393 26394 26395 26396 26397 26398 26399 26400 26401 26402 26403 26404 26405 26406 26407 26408 26409 26410 <style> 26411 @media (min-width: 0px) { 26412 .layout-stack { --_justify: start; } 26413 } 26414 </style> 26415 26416 26417 26418 26419 26420 26421 26422 26423 26424 26425 26426 26427 26428 26429 26430 26431 26432 26433 <style> 26434 @media (min-width: 0px) { 26435 .layout-stack { --_align: stretch; } 26436 } 26437 </style> 26438 26439 26440 26441 26442 26443 26444 26445 26446 26447 26448 26449 26450 26451 26452 26453 26454 26455 26456 <style> 26457 @media (min-width: 0px) { 26458 .layout-stack { --_wrap: wrap; } 26459 } 26460 </style> 26461 26462 26463 26464 26465 26466 26467 26468 26469 26470 26471 26472 26473 <div class="layout-stack" style="" > 26474 <slot></slot> 26475 </div> 26476 </template> 26477 26478 26479 26480 26481 26482 26483 26484 26485</layout-stack> 26486 26487 26488 26489 26490 26491 <template data-island> 26492
26492<script type="module"> 26493 import 'list.product-card.swatches' 26494 </script>
26494 26495 </template> 26496 </color-swatches> 26497 </is-land> 26498 26499</div> 26500 26501 26502 26503 26504<span 26505class="element-text element-text--body-md" 26506 26507 26508style=" 26509 word-break: break-word; hyphens: auto; text-align: start; 26510 "> 26511 26512 Results Unknown (Swords of Aroc Book 2) 26513 26514</span> 26515 26516 26517 26518 26519 26520 26521 26522 26523 26524 26525 26526 26527 26528 26529 26530 26531 26532 26533 26534 26535 26536 26537 26538 26539<span 26540class="element-text element-text--body-sm" 26541 26542 26543style=" 26544 opacity: 0.65; text-align: start; 26545 "> 26546 26547 Wood Sorrel Press 26548 26549</span> 26550 26551 26552 26553 26554 26555 26556 26557 26558 26559 26560 26561 26562 26563 26564 26565 26566 26567 26568 26569 26570 26571 26572 26573 26574 26575 26576 26577 26578 26579 26580 26581 26582 26583<layout-stack class="layout-stack"> 26584 <template shadowrootmode="open"> 26585 <style> 26586 :host { 26587 display: contents; 26588 } 26589 26590 .layout-stack { 26591 /* Layout & Typography */ 26592 --_flex-direction: var(--_flex-direction--xs); 26593 --_justify: var(--_justify--xs); 26594 --_align: var(--_align--xs); 26595 26596 --_margin: var(--layout-stack-margin); 26597 26598 display: flex; 26599 flex-direction: var(--_flex-direction); 26600 gap: var(--_gap); 26601 flex-wrap: var(--_wrap); 26602 justify-content: var(--_justify); 26603 align-items: var(--_align); 26604 text-align: var(--_align); 26605 margin: var(--_margin); 26606 padding: 0; 26607 list-style: none; 26608 26609 ::slotted(*) { 26610 max-width: 100%; 26611 } 26612 } 26613 </style> 26614 26615 26616 26617 26618 26619 26620 26621 <style> 26622 @media (min-width: 0px) { 26623 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 26624 } 26625 </style> 26626 26627 26628 26629 26630 26631 26632 26633 26634 26635 26636 26637 26638 26639 26640 26641 26642 26643 26644 26645 26646 26647 26648 26649 26650 26651 26652 26653 26654 26655 26656 26657 26658 26659 26660 26661 26662 26663 26664 26665 26666 26667 26668 26669 26670 26671 26672 26673 26674 26675 26676 <style> 26677 @media (min-width: 0px) { 26678 .layout-stack { --_flex-direction: row; } 26679 } 26680 </style> 26681 26682 26683 26684 26685 26686 26687 26688 26689 26690 26691 26692 26693 26694 26695 26696 26697 26698 26699 <style> 26700 @media (min-width: 0px) { 26701 .layout-stack { --_justify: start; } 26702 } 26703 </style> 26704 26705 26706 26707 26708 26709 26710 26711 26712 26713 26714 26715 26716 26717 26718 26719 26720 26721 26722 <style> 26723 @media (min-width: 0px) { 26724 .layout-stack { --_align: baseline; } 26725 } 26726 </style> 26727 26728 26729 26730 26731 26732 26733 26734 26735 26736 26737 26738 26739 26740 26741 26742 26743 26744 26745 <style> 26746 @media (min-width: 0px) { 26747 .layout-stack { --_wrap: wrap; } 26748 } 26749 </style> 26750 26751 26752 26753 26754 26755 26756 26757 26758 26759 26760 26761 26762 <div class="layout-stack" style=" 26763 text-align: start; 26764 " > 26765 <slot></slot> 26766 </div> 26767 </template> 26768 26769 26770 26771 26772 26773 26774<span 26775class="element-price element-text element-text--heading-xs" 26776 26777 26778> 26779 26780 $6<sup>99</sup> 26781 26782</span> 26783 26784 26785 26786 26787 26788 26789 26790 26791 26792 26793 26794 26795 26796 26797 26798 26799 26800 26801 26802 26803 26804 26805 26806 26807 26808</layout-stack> 26809 26810 26811 26812</layout-stack> 26813 26814 26815 26816</div> 26817 26818 </div> 26819</layout-stack> 26820 26821 26822 26823 </div> 26824 </div> 26825</div> 26826 26827 26828 26829<div 26830 class=" 26831 grid-item grid-product medium-up--hide grid-product-image-breathing-room--true 26832 26833 26834 grid-product--gridlines overlay 26835 26836 " 26837> 26838 <div 26839 class="product-grid-item" 26840 data-product-handle="results-hazy-swords-of-aroc-book-3" 26841 data-product-id="9244359557376" 26842 data-product-grid-item 26843 > 26844 <div class="grid-item__content color-scheme-none"><div class="grid-product__actions"> 26845<quick-shop defer-hydration> 26846 26847<tool-tip-trigger 26848 class="tool-tip-trigger" 26849 data-tool-tip="QuickShop" 26850 data-tool-tip-classes="quick-shop-modal" 26851 defer-hydration 26852> 26853 26854 26855 <div 26856 class="tool-tip-trigger__content" 26857 data-tool-tip-trigger-content="" 26858 > 26859 26860 </div> 26861 26862 26863 <button type="button" class="btn btn--circle btn--icon quick-product__btn js-modal-open-quick-modal-9244359557376 small--hide" title=" 26864 26865 26866Quick shop 26867" data-handle="results-hazy-swords-of-aroc-book-3"> 26868 26869 26870 26871 26872<element-icon 26873 26874 26875> 26876 <svg 26877 xmlns="http://www.w3.org/2000/svg" 26878 aria-hidden="true" 26879 focusable="false" 26880 role="presentation" 26881 class="element-icon element-icon-search element-icon--line" 26882 viewbox="0 0 64 64" 26883 width="20" 26884 height="20" 26885> 26886 <path 26887 d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42" 26888 stroke-miterlimit="10" 26889 fill="none" 26890 stroke="currentColor" 26891 /> 26892</svg> 26893 26894</element-icon> 26895 26896 26897 26898 26899 26900 26901 26902 26903 26904 26905 <span class="icon__fallback-text visually-hidden"> 26906 26907 26908Quick shop 26909 26910 </span> 26911 </button> 26912 26913</tool-tip-trigger> 26914
26915<script type="module"> 26916 import 'overlay.tool-tip.trigger' 26917</script>
26917 26918 26919</quick-shop> 26920
26921<script type="module"> 26922 import 'overlay.quick-shop' 26923</script>
26923 26924 26925 26926<quick-add defer-hydration> 26927 <button 26928 type="button" class="text-link quick-add-btn" 26929 title=" 26930 26931 26932Add to cart 26933" 26934 data-id="47275039719680" 26935 data-single-variant-quick-add 26936 > 26937 <span class="btn btn--circle btn--icon"> 26938 26939 26940 26941 26942<element-icon 26943 26944 26945> 26946 <svg 26947 xmlns="http://www.w3.org/2000/svg" 26948 aria-hidden="true" 26949 focusable="false" 26950 role="presentation" 26951 class="element-icon element-icon-plus element-icon--line" 26952 viewbox="0 0 64 64" 26953 width="20" 26954 height="20" 26955> 26956 <path d="M32 9v46m23-23H9" fill="none" stroke="currentColor" /> 26957</svg> 26958 26959</element-icon> 26960 26961 26962 26963 26964 26965 26966 26967 26968 26969 26970 <span class="icon__fallback-text visually-hidden"> 26971 26972 26973Add to cart 26974 26975 </span> 26976 </span> 26977 </button> 26978</quick-add> 26979
26980<script type="module"> 26981 import 'overlay.quick-add' 26982</script>
26982 26983 26984</div> 26985 26986 26987 26988 26989 26990 26991 26992 26993 26994 26995 26996 26997 26998 26999<layout-stack class="layout-stack"> 27000 <template shadowrootmode="open"> 27001 <style> 27002 :host { 27003 display: contents; 27004 } 27005 27006 .layout-stack { 27007 /* Layout & Typography */ 27008 --_flex-direction: var(--_flex-direction--xs); 27009 --_justify: var(--_justify--xs); 27010 --_align: var(--_align--xs); 27011 27012 --_margin: var(--layout-stack-margin); 27013 27014 display: flex; 27015 flex-direction: var(--_flex-direction); 27016 gap: var(--_gap); 27017 flex-wrap: var(--_wrap); 27018 justify-content: var(--_justify); 27019 align-items: var(--_align); 27020 text-align: var(--_align); 27021 margin: var(--_margin); 27022 padding: 0; 27023 list-style: none; 27024 27025 ::slotted(*) { 27026 max-width: 100%; 27027 } 27028 } 27029 </style> 27030 27031 27032 27033 27034 27035 27036 27037 <style> 27038 @media (min-width: 0px) { 27039 .layout-stack { --_gap: var(--layout-stack-gap-size-sm); } 27040 } 27041 </style> 27042 27043 27044 27045 27046 27047 27048 27049 27050 27051 27052 27053 27054 27055 27056 27057 27058 27059 27060 27061 27062 27063 27064 27065 27066 27067 27068 27069 27070 27071 27072 27073 27074 27075 27076 27077 27078 27079 27080 27081 27082 27083 27084 27085 27086 27087 27088 27089 27090 27091 27092 <style> 27093 @media (min-width: 0px) { 27094 .layout-stack { --_flex-direction: column; } 27095 } 27096 </style> 27097 27098 27099 27100 27101 27102 27103 27104 27105 27106 27107 27108 27109 27110 27111 27112 27113 27114 27115 <style> 27116 @media (min-width: 0px) { 27117 .layout-stack { --_justify: space-between; } 27118 } 27119 </style> 27120 27121 27122 27123 27124 27125 27126 27127 27128 27129 27130 27131 27132 27133 27134 27135 27136 27137 27138 <style> 27139 @media (min-width: 0px) { 27140 .layout-stack { --_align: stretch; } 27141 } 27142 </style> 27143 27144 27145 27146 27147 27148 27149 27150 27151 27152 27153 27154 27155 27156 27157 27158 27159 27160 27161 <style> 27162 @media (min-width: 0px) { 27163 .layout-stack { --_wrap: nowrap; } 27164 } 27165 </style> 27166 27167 27168 27169 27170 27171 27172 27173 27174 27175 27176 27177 27178 <div class="layout-stack" style="height: 100%;" > 27179 <slot></slot> 27180 </div> 27181 </template> 27182 27183 27184 <div class="grid-item__link"> 27185 <a href="/collections/dragon-speakers-world/products/results-hazy-swords-of-aroc-book-3" class="grid-item__overlay-link" aria-label="Results Hazy (Swords of Aroc Book 3)" tabindex="-1"></a> 27186 <div class="grid-product__image-wrap"><div class="grid-product__tags"> 27187 27188 27189 27190 27191 27192 27193 27194 27195 27196 27197 27198 27199<layout-stack class="layout-stack"> 27200 <template shadowrootmode="open"> 27201 <style> 27202 :host { 27203 display: contents; 27204 } 27205 27206 .layout-stack { 27207 /* Layout & Typography */ 27208 --_flex-direction: var(--_flex-direction--xs); 27209 --_justify: var(--_justify--xs); 27210 --_align: var(--_align--xs); 27211 27212 --_margin: var(--layout-stack-margin); 27213 27214 display: flex; 27215 flex-direction: var(--_flex-direction); 27216 gap: var(--_gap); 27217 flex-wrap: var(--_wrap); 27218 justify-content: var(--_justify); 27219 align-items: var(--_align); 27220 text-align: var(--_align); 27221 margin: var(--_margin); 27222 padding: 0; 27223 list-style: none; 27224 27225 ::slotted(*) { 27226 max-width: 100%; 27227 } 27228 } 27229 </style> 27230 27231 27232 27233 27234 27235 27236 27237 <style> 27238 @media (min-width: 0px) { 27239 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 27240 } 27241 </style> 27242 27243 27244 27245 27246 27247 27248 27249 27250 27251 27252 27253 27254 27255 27256 27257 27258 27259 27260 27261 27262 27263 27264 27265 27266 27267 27268 27269 27270 27271 27272 27273 27274 27275 27276 27277 27278 27279 27280 27281 27282 27283 27284 27285 27286 27287 27288 27289 27290 27291 27292 <style> 27293 @media (min-width: 0px) { 27294 .layout-stack { --_flex-direction: column; } 27295 } 27296 </style> 27297 27298 27299 27300 27301 27302 27303 27304 27305 27306 27307 27308 27309 27310 27311 27312 27313 27314 27315 <style> 27316 @media (min-width: 0px) { 27317 .layout-stack { --_justify: start; } 27318 } 27319 </style> 27320 27321 27322 27323 27324 27325 27326 27327 27328 27329 27330 27331 27332 27333 27334 27335 27336 27337 27338 <style> 27339 @media (min-width: 0px) { 27340 .layout-stack { --_align: center; } 27341 } 27342 </style> 27343 27344 27345 27346 27347 27348 27349 27350 27351 27352 27353 27354 27355 27356 27357 27358 27359 27360 27361 <style> 27362 @media (min-width: 0px) { 27363 .layout-stack { --_wrap: nowrap; } 27364 } 27365 </style> 27366 27367 27368 27369 27370 27371 27372 27373 27374 27375 27376 27377 27378 <div class="layout-stack" style="" > 27379 <slot></slot> 27380 </div> 27381 </template> 27382 27383 27384</layout-stack> 27385 27386 27387</div><div 27388 class="grid__image-ratio grid__image-ratio--square" 27389 > 27390 27391 27392<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&width=160 160w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&width=200 200w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&width=280 280w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&width=1600 1600w" width="1600" height="1600.0" loading="lazy" class=" image-style--square 27393 image-element" sizes="100%" data-animate="fadein"> 27394 27395 27396 27397 27398</is-land> 27399</div><div class="grid-product__secondary-image small--hide"> 27400 27401 27402<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/ResultsHazyshopifysmaller.jpg?v=1763162282&width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/ResultsHazyshopifysmaller.jpg?v=1763162282&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyshopifysmaller.jpg?v=1763162282&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyshopifysmaller.jpg?v=1763162282&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyshopifysmaller.jpg?v=1763162282&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyshopifysmaller.jpg?v=1763162282&width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyshopifysmaller.jpg?v=1763162282&width=1600 1600w" width="1600" height="2399.520095980804" loading="lazy" class="image-style--square 27403 image-element" sizes="100%" data-animate="fadein"> 27404 27405 27406 27407 27408</is-land> 27409</div></div> 27410 27411 <div class="grid-item__meta"> 27412 27413 27414 27415 27416 27417 27418 27419 27420 27421 27422 27423 27424 27425 27426<layout-stack class="layout-stack"> 27427 <template shadowrootmode="open"> 27428 <style> 27429 :host { 27430 display: contents; 27431 } 27432 27433 .layout-stack { 27434 /* Layout & Typography */ 27435 --_flex-direction: var(--_flex-direction--xs); 27436 --_justify: var(--_justify--xs); 27437 --_align: var(--_align--xs); 27438 27439 --_margin: var(--layout-stack-margin); 27440 27441 display: flex; 27442 flex-direction: var(--_flex-direction); 27443 gap: var(--_gap); 27444 flex-wrap: var(--_wrap); 27445 justify-content: var(--_justify); 27446 align-items: var(--_align); 27447 text-align: var(--_align); 27448 margin: var(--_margin); 27449 padding: 0; 27450 list-style: none; 27451 27452 ::slotted(*) { 27453 max-width: 100%; 27454 } 27455 } 27456 </style> 27457 27458 27459 27460 27461 27462 27463 27464 <style> 27465 @media (min-width: 0px) { 27466 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 27467 } 27468 </style> 27469 27470 27471 27472 27473 27474 27475 27476 27477 27478 27479 27480 27481 27482 27483 27484 27485 27486 27487 27488 27489 27490 27491 27492 27493 27494 27495 27496 27497 27498 27499 27500 27501 27502 27503 27504 27505 27506 27507 27508 27509 27510 27511 27512 27513 27514 27515 27516 27517 27518 27519 <style> 27520 @media (min-width: 0px) { 27521 .layout-stack { --_flex-direction: column; } 27522 } 27523 </style> 27524 27525 27526 27527 27528 27529 27530 27531 27532 27533 27534 27535 27536 27537 27538 27539 27540 27541 27542 <style> 27543 @media (min-width: 0px) { 27544 .layout-stack { --_justify: start; } 27545 } 27546 </style> 27547 27548 27549 27550 27551 27552 27553 27554 27555 27556 27557 27558 27559 27560 27561 27562 27563 27564 27565 <style> 27566 @media (min-width: 0px) { 27567 .layout-stack { --_align: start; } 27568 } 27569 </style> 27570 27571 27572 27573 27574 27575 27576 27577 27578 27579 27580 27581 27582 27583 27584 27585 27586 27587 27588 <style> 27589 @media (min-width: 0px) { 27590 .layout-stack { --_wrap: nowrap; } 27591 } 27592 </style> 27593 27594 27595 27596 27597 27598 27599 27600 27601 27602 27603 27604 27605 <div class="layout-stack" style="" > 27606 <slot></slot> 27607 </div> 27608 </template> 27609 27610 27611<div class="grid-item__swatches"> 27612 27613 27614 <is-land on:idle> <color-swatches> 27615 27616 27617 27618 27619 27620 27621 27622 27623 27624 27625 27626 27627 27628 27629 27630<layout-stack class="layout-stack"> 27631 <template shadowrootmode="open"> 27632 <style> 27633 :host { 27634 display: contents; 27635 } 27636 27637 .layout-stack { 27638 /* Layout & Typography */ 27639 --_flex-direction: var(--_flex-direction--xs); 27640 --_justify: var(--_justify--xs); 27641 --_align: var(--_align--xs); 27642 27643 --_margin: var(--layout-stack-margin); 27644 27645 display: flex; 27646 flex-direction: var(--_flex-direction); 27647 gap: var(--_gap); 27648 flex-wrap: var(--_wrap); 27649 justify-content: var(--_justify); 27650 align-items: var(--_align); 27651 text-align: var(--_align); 27652 margin: var(--_margin); 27653 padding: 0; 27654 list-style: none; 27655 27656 ::slotted(*) { 27657 max-width: 100%; 27658 } 27659 } 27660 </style> 27661 27662 27663 27664 27665 27666 27667 27668 <style> 27669 @media (min-width: 0px) { 27670 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 27671 } 27672 </style> 27673 27674 27675 27676 27677 27678 27679 27680 27681 27682 27683 27684 27685 27686 27687 27688 27689 27690 27691 27692 27693 27694 27695 27696 27697 27698 27699 27700 27701 27702 27703 27704 27705 27706 27707 27708 27709 27710 27711 27712 27713 27714 27715 27716 27717 27718 27719 27720 27721 27722 27723 <style> 27724 @media (min-width: 0px) { 27725 .layout-stack { --_flex-direction: row; } 27726 } 27727 </style> 27728 27729 27730 27731 27732 27733 27734 27735 27736 27737 27738 27739 27740 27741 27742 27743 27744 27745 27746 <style> 27747 @media (min-width: 0px) { 27748 .layout-stack { --_justify: start; } 27749 } 27750 </style> 27751 27752 27753 27754 27755 27756 27757 27758 27759 27760 27761 27762 27763 27764 27765 27766 27767 27768 27769 <style> 27770 @media (min-width: 0px) { 27771 .layout-stack { --_align: stretch; } 27772 } 27773 </style> 27774 27775 27776 27777 27778 27779 27780 27781 27782 27783 27784 27785 27786 27787 27788 27789 27790 27791 27792 <style> 27793 @media (min-width: 0px) { 27794 .layout-stack { --_wrap: wrap; } 27795 } 27796 </style> 27797 27798 27799 27800 27801 27802 27803 27804 27805 27806 27807 27808 27809 <div class="layout-stack" style="" > 27810 <slot></slot> 27811 </div> 27812 </template> 27813 27814 27815 27816 27817 27818 27819 27820 27821</layout-stack> 27822 27823 27824 27825 27826 27827 <template data-island> 27828
27828<script type="module"> 27829 import 'list.product-card.swatches' 27830 </script>
27830 27831 </template> 27832 </color-swatches> 27833 </is-land> 27834 27835</div> 27836 27837 27838 27839 27840<span 27841class="element-text element-text--body-md" 27842 27843 27844style=" 27845 word-break: break-word; hyphens: auto; text-align: start; 27846 "> 27847 27848 Results Hazy (Swords of Aroc Book 3) 27849 27850</span> 27851 27852 27853 27854 27855 27856 27857 27858 27859 27860 27861 27862 27863 27864 27865 27866 27867 27868 27869 27870 27871 27872 27873 27874 27875<span 27876class="element-text element-text--body-sm" 27877 27878 27879style=" 27880 opacity: 0.65; text-align: start; 27881 "> 27882 27883 Wood Sorrel Press 27884 27885</span> 27886 27887 27888 27889 27890 27891 27892 27893 27894 27895 27896 27897 27898 27899 27900 27901 27902 27903 27904 27905 27906 27907 27908 27909 27910 27911 27912 27913 27914 27915 27916 27917 27918 27919<layout-stack class="layout-stack"> 27920 <template shadowrootmode="open"> 27921 <style> 27922 :host { 27923 display: contents; 27924 } 27925 27926 .layout-stack { 27927 /* Layout & Typography */ 27928 --_flex-direction: var(--_flex-direction--xs); 27929 --_justify: var(--_justify--xs); 27930 --_align: var(--_align--xs); 27931 27932 --_margin: var(--layout-stack-margin); 27933 27934 display: flex; 27935 flex-direction: var(--_flex-direction); 27936 gap: var(--_gap); 27937 flex-wrap: var(--_wrap); 27938 justify-content: var(--_justify); 27939 align-items: var(--_align); 27940 text-align: var(--_align); 27941 margin: var(--_margin); 27942 padding: 0; 27943 list-style: none; 27944 27945 ::slotted(*) { 27946 max-width: 100%; 27947 } 27948 } 27949 </style> 27950 27951 27952 27953 27954 27955 27956 27957 <style> 27958 @media (min-width: 0px) { 27959 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 27960 } 27961 </style> 27962 27963 27964 27965 27966 27967 27968 27969 27970 27971 27972 27973 27974 27975 27976 27977 27978 27979 27980 27981 27982 27983 27984 27985 27986 27987 27988 27989 27990 27991 27992 27993 27994 27995 27996 27997 27998 27999 28000 28001 28002 28003 28004 28005 28006 28007 28008 28009 28010 28011 28012 <style> 28013 @media (min-width: 0px) { 28014 .layout-stack { --_flex-direction: row; } 28015 } 28016 </style> 28017 28018 28019 28020 28021 28022 28023 28024 28025 28026 28027 28028 28029 28030 28031 28032 28033 28034 28035 <style> 28036 @media (min-width: 0px) { 28037 .layout-stack { --_justify: start; } 28038 } 28039 </style> 28040 28041 28042 28043 28044 28045 28046 28047 28048 28049 28050 28051 28052 28053 28054 28055 28056 28057 28058 <style> 28059 @media (min-width: 0px) { 28060 .layout-stack { --_align: baseline; } 28061 } 28062 </style> 28063 28064 28065 28066 28067 28068 28069 28070 28071 28072 28073 28074 28075 28076 28077 28078 28079 28080 28081 <style> 28082 @media (min-width: 0px) { 28083 .layout-stack { --_wrap: wrap; } 28084 } 28085 </style> 28086 28087 28088 28089 28090 28091 28092 28093 28094 28095 28096 28097 28098 <div class="layout-stack" style=" 28099 text-align: start; 28100 " > 28101 <slot></slot> 28102 </div> 28103 </template> 28104 28105 28106 28107 28108 28109 28110<span 28111class="element-price element-text element-text--heading-xs" 28112 28113 28114> 28115 28116 $6<sup>99</sup> 28117 28118</span> 28119 28120 28121 28122 28123 28124 28125 28126 28127 28128 28129 28130 28131 28132 28133 28134 28135 28136 28137 28138 28139 28140 28141 28142 28143 28144</layout-stack> 28145 28146 28147 28148</layout-stack> 28149 28150 28151 28152</div> 28153 28154 </div> 28155</layout-stack> 28156 28157 28158 28159 </div> 28160 </div> 28161</div> 28162</div> 28163 </div> 28164 28165 </div> 28166</is-land> 28167</div><div id="shopify-section-template--23548989931776__text-columns" class="shopify-section"> 28168<div class="index-section color-scheme-none text-columns-template--23548989931776__text-columns"> 28169 28170 28171 28172<div class="page-width" style="z-index: 1;"><div class="section-header text-center"> 28173 <h2 class="heading-md">Get Ebook Bundles & Save</h2> 28174 </div><div class="float-grid grid--uniform grid--flush-bottom clearfix"><div class="grid__item medium-up--one-third text-center" ><div style="margin: 0 auto; max-width: 650px;"><a href="/products/dragon-speakers-duology-dragon-speakers-books-1-2"><div 28175 class="image-wrap text-spacing " 28176 style="height: 0; padding-bottom: 100.0%;" 28177 > 28178 28179 28180<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&width=1080" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&width=180 180w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32
28180-8034-dfb76b84e254.jpg?v=1767738771&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&width=1080 1080w" width="1080" height="1080.0" loading="lazy" class=" image-element" sizes=" 28181(min-width: 769px) 33vw, 100vw" style="height: 100%;" data-animate="fadein"> 28182 28183 28184 28185 28186</is-land> 28187</div></a></div><h2 class="heading-md rte--block"> 28188 Dragon Speakers 28189 </h2><div class="rte-setting rte--block text-spacing"><p>In this thrilling duology, Gwendolyn and five unstoppable heroes fight for a better world. They courageously work against unimaginable odds to usher in a new age of Dragon Speakers.</p></div></div><div class="grid__item medium-up--one-third text-center" ><div style="margin: 0 auto; max-width: 650px;"><a href="/collections/swords-of-aroc"><div 28190 class="image-wrap text-spacing " 28191 style="height: 0; padding-bottom: 100.0%;" 28192 > 28193 28194 28195<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=1080" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=180 180w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&width=1080 1080w" width="1080" height="1080.0" loading="lazy" class=" image-element" sizes=" 28196(min-width: 769px) 33vw, 100vw" style="height: 100%;" data-animate="fadein"> 28197 28198 28199 28200 28201</is-land> 28202</div></a></div><h2 class="heading-md rte--block"> 28203 Swords of Aroc 28204 </h2><div class="rte-setting rte--block text-spacing"><p>Kat, a disgraced adventurer, gets trapped into a crazy adventure. Thugs, sorcerers, and missing dragon egg ruin her day. <em>Dragon Thieves</em>, a fun romp with new and old friends, starts a new six book fantasy series.</p></div></div><div class="grid__item medium-up--one-third text-center" ><div style="margin: 0 auto; max-width: 640px;"><a href="/products/league-of-the-daring-bundle-books-1-3"><div 28205 class="image-wrap text-spacing " 28206 style="height: 0; padding-bottom: 100.0%;" 28207 > 28208 28209 28210<is-land on:visible data-image-type=""><img src="//woodsorrelstudios.com/cdn/shop/files/LODCollection.jpg?v=1767738792&width=1080" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/LODCollection.jpg?v=1767738792&width=180 180w, //woodsorrelstudios.com/cdn/shop/files/LODCollection.jpg?v=1767738792&width=360 360w, //woodsorrelstudios.com/cdn/shop/files/LODCollection.jpg?v=1767738792&width=540 540w, //woodsorrelstudios.com/cdn/shop/files/LODCollection.jpg?v=1767738792&width=720 720w, //woodsorrelstudios.com/cdn/shop/files/LODCollection.jpg?v=1767738792&width=900 900w, //woodsorrelstudios.com/cdn/shop/files/LODCollection.jpg?v=1767738792&width=1080 1080w" width="1080" height="1080.0" loading="lazy" class=" image-element" sizes=" 28211(min-width: 769px) 33vw, 100vw" style="height: 100%;" data-animate="fadein"> 28212 28213 28214 28215 28216</is-land> 28217</div></a></div><h2 class="heading-md rte--block"> 28218 League of the Daring 28219 </h2><div class="rte-setting rte--block text-spacing"><p>Imagine 1890s Los Angeles with automatons, airships, and five friends who bravely face the unknown. Danger, mystery, and time travel await you in each new League of the Daring adventure.</p></div></div></div> 28220 </div> 28221</div> 28222</div><div id="shopify-section-template--23548989931776__text_with_icons_pcwqzm" class="shopify-section index-section"> 28223 28224 28225<div 28226 class="text-with-icons" 28227 data-section-id="template--23548989931776__text_with_icons_pcwqzm" 28228 data-section-type="text-with-icons" 28229> 28230 <div class="page-width"><div 28231 class=" 28232 text-with-icons__blocks 28233 has-3-per-row 28234 " 28235 data-block-count="3" 28236 > 28237 28238 <div class="text-with-icons__block text-center" > 28239 <div class="text-with-icons__block-icon"> 28240 28241 28242 28243 28244<element-icon 28245 28246 28247> 28248 <svg 28249 xmlns="http://www.w3.org/2000/svg" 28250 aria-hidden="true" 28251 focusable="false" 28252 role="presentation" 28253 class="element-icon element-icon-tcwi-truck element-icon--line element-icon-truck" 28254 viewbox="0 0 100 100" 28255 width="20" 28256 height="20" 28257> 28258 <path
28259 d="m44.36 67.09-2.17.01h20.46V28.83H22.27v3.93m0 23.71V67.1h8.78l-2.18-.01" 28260 fill="none" 28261 stroke="currentColor" 28262 /> 28263 <path 28264 d="M36.62 59.5a5.83 5.83 0 0 0-5.84 5.83 5.84 5.84 0 0 0 11.68 0 5.84 5.84 0 0 0-5.84-5.83m41.38 0a5.84 5.84 0 0 0-5.85 5.83 5.84 5.84 0 0 0 11.68 0A5.83 5.83 0 0 0 78 59.5" 28265 fill="none" 28266 stroke="currentColor" 28267 /> 28268 <path 28269 d="m70.26 67.09 2.17.01h-9.78V34.03h12.31l15.06 15.06h4.67V67.1H83.57l2.18-.01" 28270 fill="none" 28271 stroke="currentColor" 28272 /> 28273 <path 28274 d="M66.95 49.1V38h5.49l11.04 11.03zm-38.69-4.57H5.31m27.5-6.72h-15.3m15.3 13.44h-15.3" 28275 fill="none" 28276 stroke="currentColor" 28277 /> 28278</svg> 28279 28280</element-icon> 28281 28282 28283 28284 28285 28286 28287 28288 28289 28290 28291 </div> 28292 <div class="text-with-icons__block-title"> 28293 <h3>How do I get my ebook?</h3> 28294 </div> 28295 <div class="text-with-icons__block-text"> 28296 <p>Shortly after you purchase your ebook, you'll receive an email from BookFunnel with direction to download your new book. You can download to your favorite app or device. If you don't have an app, no worries. BookFunnel has a free app you can use.</p> 28297 </div> 28298 </div> 28299 28300 <div class="text-with-icons__block text-center" > 28301 <div class="text-with-icons__block-icon"> 28302 28303 28304 28305 28306<element-icon 28307 28308 28309> 28310 <svg 28311 xmlns="http://www.w3.org/2000/svg" 28312 aria-hidden="true" 28313 focusable="false" 28314 role="presentation" 28315 class="element-icon element-icon-tcwi-charity element-icon--line element-icon-charity" 28316 viewbox="0 0 100 100" 28317 width="20" 28318 height="20" 28319> 28320 <path 28321 d="m63.41 68 21-10.58a4.16 4.16 0 0 1 5.67 2 4.17 4.17 0 0 1-1.93 5.39L54 82a3.35 3.35 0 0 1-2.16.25L39 75.82l-7.31 3.06m-8.93 7.79L9.6 55.92l10.24-4.64 13.17 30.75z" 28322 fill="none" 28323 stroke="currentColor" 28324 /> 28325 <path 28326 d="m23.17 58.17 8.79-4a9.51 9.51 0 0 1 6.88-.37l22.25 7.31A4.52 4.52 0 0 1 63.41 68a4.51 4.51 0 0 1-5 1.77L43.8 65.32m35.57-48.38a12.34 12.34 0 0 0-17.44 0l-.79.79-.78-.79a12.34 12.34 0 1 0-17.44 17.45l.78.78 17.44 17.45 17.45-17.45.78-.78a12.34 12.34 0 0 0 0-17.45" 28327 fill="none" 28328 stroke="currentColor" 28329 /> 28330</svg> 28331 28332</element-icon> 28333 28334 28335 28336 28337 28338 28339 28340 28341 28342 28343 </div> 28344 <div class="text-with-icons__block-title"> 28345 <h3>Thank You!</h3> 28346 </div> 28347 <div class="text-with-icons__block-text"> 28348 <p>Thank you for supporting us! We started this store to create a community of book lovers, and to bring you the best deals and quality. We offer one of a kind sales, discounts, and giveaways to our readers. You can also find our books at most online retailers. Shopping here, you are directly supporting Cora's writing. </p> 28349 </div> 28350 </div> 28351 28352 <div class="text-with-icons__block text-center" > 28353 <div class="text-with-icons__block-icon"> 28354 28355 28356 28357 28358<element-icon 28359 28360 28361> 28362 <svg 28363 xmlns="http://www.w3.org/2000/svg" 28364 aria-hidden="true" 28365 focusable="false" 28366 role="presentation" 28367 class="element-icon element-icon-tcwi-stopwatch element-icon--line element-icon-stopwatch" 28368 viewbox="0 0 100 100" 28369 width="20" 28370 height="20" 28371> 28372 <circle cx="60.82" cy="54.12" r="4.26" fill="none" stroke="currentColor" /> 28373 <path 28374 d="M46.92 78.41a28 28 0 1 0-14.08-24.28" 28375 fill="none" 28376 stroke="currentColor" 28377 /> 28378 <path 28379 d="M32.84 54.13a28 28 0 1 1 14.08 24.28m-12.78-9.04H11.19m27.51-6.72H23.4m15.3 13.44H23.4" 28380 fill="none" 28381 stroke="currentColor" 28382 /> 28383 <path 28384 d="M32.84 54.13a28 28 0 1 1 14.08 24.28m13.9-61.47v14.24m-17.98 1.51 3.08 3.99M33.27 49.27l4.96.87m13.02 30.28 1.72-4.73m17.42 4.73-1.72-4.73m16.39-7.57L80.7 65.6m7.68-16.33-4.88 1.31m-4.69-17.89-3.08 4.03M60.82 49.87V39.6M54.4 16.94h12.84" 28385 fill="none" 28386 stroke="currentColor" 28387 /> 28388</svg> 28389 28390</element-icon> 28391 28392 28393 28394 28395 28396 28397 28398 28399 28400 28401 </div> 28402 <div class="text-with-icons__block-title"> 28403 <h3>What about merchandise?</h3> 28404 </div> 28405 <div class="text-with-icons__block-text"> 28406 <p>YES to merch. Coming Soon! Mugs, tumblers, t-shirt, journals and more. Merch designed for readers who love showing off their love of books and stories. </p><p>Be prepared for dragons!<br/><br/></p> 28407 </div> 28408 </div> 28409 28410 </div></div> 28411</div><style data-shopify> 28412 #shopify-section-template--23548989931776__text_with_icons_pcwqzm { 28413 --element-icon-color: #000000; 28414 } 28415 28416 #shopify-section-template--23548989931776__text_with_icons_pcwqzm .element-icon path, 28417 #shopify-section-template--23548989931776__text_with_icons_pcwqzm .element-icon polygon, 28418 #shopify-section-template--23548989931776__text_with_icons_pcwqzm .element-icon rect, 28419 #shopify-section-template--23548989931776__text_with_icons_pcwqzm .element-icon circle, 28420 #shopify-section-template--23548989931776__text_with_icons_pcwqzm .element-icon ellipse, 28421 #shopify-section-template--23548989931776__text_with_icons_pcwqzm .element-icon line, 28422 #shopify-section-template--23548989931776__text_with_icons_pcwqzm .element-icon polyline, 28423 #shopify-section-template--23548989931776__text_with_icons_pcwqzm .element-icon g { 28424 stroke-width: 3px; 28425 } 28426</style> 28427 28428</div> 28429 </main><!-- BEGIN sections: footer-group --> 28430<div id="shopify-section-sections--23548990423296__newsletter_HDmx97" class="shopify-section shopify-section-group-footer-group"> 28431 28432 28433<style data-shopify> 28434 28435 28436</style> 28437<div class="index-section newsletter-container newsletter-sections--23548990423296__newsletter_HDmx97 color-scheme-1"> 28438 28439 28440 28441 28442 28443 28444 28445<is-land on:visible data-image-type="asset"> 28446 28447 28448 28449 28450 28451 <img 28452 src="//woodsorrelstudios.com/cdn/shop/t/18/assets/space.jpg?v=29730308657192631021788906318" 28453 width="" 28454 height="" 28455 class=" 28456 scheme-image scheme-texture--space 28457 image-element" 28458 loading="lazy" 28459 alt="" 28460 28461 srcset=" 28462 28463 //woodsorrelstudios.com/cdn/shop/t/18/assets/space_360x.jpg?v=29730308657192631021788906318 360w, 28464 //woodsorrelstudios.com/cdn/shop/t/18/assets/space_540x.jpg?v=29730308657192631021788906318 540w, 28465 //woodsorrelstudios.com/cdn/shop/t/18/assets/space_720x.jpg?v=29730308657192631021788906318 720w, 28466 //woodsorrelstudios.com/cdn/shop/t/18/assets/space_900x.jpg?v=29730308657192631021788906318 900w, 28467 //woodsorrelstudios.com/cdn/shop/t/18/assets/space_1080x.jpg?v=29730308657192631021788906318 1080w 28468 28469 " 28470 28471 28472 data-texture="space.jpg" 28473 28474 sizes="100vw" 28475 data-animate="fadein" 28476 > 28477 28478 28479 28480 28481</is-land> 28482 28483<div class="page-width text-center"> 28484 <div class="newsletter-section newsletter-section--image-right newsletter-section--no-image"> 28485 <div class="newsletter-section__content"> 28486 28487 28488 28489 28490 28491 28492 28493 28494 28495 28496 28497 28498<layout-stack class="layout-stack"> 28499 <template shadowrootmode="open"> 28500 <style> 28501 :host { 28502 display: contents; 28503 } 28504 28505 .layout-stack { 28506 /* Layout & Typography */ 28507 --_flex-direction: var(--_flex-direction--xs); 28508 --_justify: var(--_justify--xs); 28509 --_align: var(--_align--xs); 28510 28511 --_margin: var(--layout-stack-margin); 28512 28513 display: flex; 28514 flex-direction: var(--_flex-direction); 28515 gap: var(--_gap); 28516 flex-wrap: var(--_wrap); 28517 justify-content: var(--_justify); 28518 align-items: var(--_align); 28519 text-align: var(--_align); 28520 margin: var(--_margin); 28521 padding: 0; 28522 list-style: none; 28523 28524 ::slotted(*) { 28525 max-width: 100%; 28526 } 28527 } 28528 </style> 28529 28530 28531 28532 28533 28534 28535 28536 <style> 28537 @media (min-width: 0px) { 28538 .layout-stack { --_gap: var(--layout-stack-gap-size-md); } 28539 } 28540 </style> 28541 28542 28543 28544 28545 28546 28547 28548 28549 28550 28551 28552 28553 28554 28555 28556 28557 28558 28559 28560 28561 28562 28563 28564 28565 28566 28567 28568 28569 28570 28571 28572 28573 28574 28575 28576 28577 28578 28579 28580 28581 28582 28583 28584 28585 28586 28587 28588 28589 28590 28591 <style> 28592 @media (min-width: 0px) { 28593 .layout-stack { --_flex-direction: column; } 28594 } 28595 </style> 28596 28597 28598 28599 28600 28601 28602 28603 28604 28605 28606 28607 28608 28609 28610 28611 28612 28613 28614 <style> 28615 @media (min-width: 0px) { 28616 .layout-stack { --_justify: start; } 28617 } 28618 </style> 28619 28620 28621 28622 28623 28624 28625 28626 28627 28628 28629 28630 28631 28632 28633 28634 28635 28636 28637 <style> 28638 @media (min-width: 0px) { 28639 .layout-stack { --_align: center; } 28640 } 28641 </style> 28642 28643 28644 28645 28646 28647 28648 28649 28650 28651 28652 28653 28654 28655 28656 28657 28658 28659 28660 <style> 28661 @media (min-width: 0px) { 28662 .layout-stack { --_wrap: nowrap; } 28663 } 28664 </style> 28665 28666 28667 28668 28669 28670 28671 28672 28673 28674 28675 28676 28677 <div class="layout-stack" style="" > 28678 <slot></slot> 28679 </div> 28680 </template> 28681 28682 <div > 28683 28684 28685 28686<p 28687class="element-text element-text--heading-h2" 28688 28689 28690> 28691 28692 Save 15% on your first purchase! 28693 28694</p> 28695 28696 28697 28698 28699 28700 28701 28702 28703 28704 28705 28706 28707 28708 28709 28710 28711 28712 28713</div><div > 28714 28715 28716 28717<span 28718class="element-text element-text--body-lg" 28719 28720 28721> 28722 28723 <p>Join today! Get updates about books, sales, giveaways, and other fun stuff. We'll send you a discount code to use towards your first purchase.</p> 28724 28725</span> 28726 28727 28728 28729 28730 28731 28732 28733 28734 28735 28736 28737 28738 28739 28740 28741 28742 28743 28744</div><div > 28745 28746 28747<form-customer data-invalid-message="Enter a valid email address, for example [email protected]"> 28748 <form method="post" action="/contact#newsletter-sections--23548990423296__newsletter_HDmx97" id="newsletter-sections--23548990423296__newsletter_HDmx97" accept-charset="UTF-8" class="contact-form" data-newsletter-form="true"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> 28749<label for=" 28750sections--23548990423296__newsletter_HDmx97-submit" class="visually-hidden"> 28751 28752Subscribe 28753</label> 28754 <input type="hidden" name="contact[tags]" value="prospect,newsletter"> 28755 <input type="hidden" name="contact[context]" value="section"> 28756 <div class="input-group newsletter__input-group"> 28757<label for=" 28758sections--23548990423296__newsletter_HDmx97-email" class="visually-hidden"> 28759 28760Enter your email 28761</label><input 28762 id=" 28763sections--23548990423296__newsletter_HDmx97-email" 28764 class="input-group-field newsletter__input element-input" 28765 name="contact[email]" 28766 28767 type="email" 28768 28769 placeholder="Enter your email" 28770 28771 autocorrect="off"autocapitalize="off"autocomplete="email"inputmode="email"requiredpattern="^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$"title="Enter a valid email like [email protected]" 28772 28773 28774 28775 28776 28777 28778 28779 > 28780 28781 28782 28783 28784 28785 28786 28787 28788 28789 28790 28791 28792 28793 28794 <button 28795 28796 id=" 28797sections--23548990423296__newsletter_HDmx97-submit" 28798 28799 28800 class="element-button" 28801 28802 28803 type="submit" 28804 28805 28806 28807 28808 28809 28810 28811 name="commit" 28812 28813 28814 28815 aria-label=" 28816 28817Subscribe 28818" 28819 28820> 28821 28822 28823 28824 28825 28826<span 28827class="element-text element-text--body-md" 28828 28829 28830> 28831 28832 28833 28834Subscribe 28835 28836 28837</span> 28838 28839 28840 28841 28842 28843 28844 28845 28846 28847 28848 28849 28850 28851 28852 28853 28854 28855 28856 28857 28858 28859 28860<element-icon 28861 28862 28863> 28864 <svg 28865 xmlns="http://www.w3.org/2000/svg" 28866 aria-hidden="true" 28867 focusable="false" 28868 role="presentation" 28869 class="element-icon element-icon--wide element-icon-arrow-right element-icon--line" 28870 viewbox="0 0 50 15" 28871 fill="currentColor" 28872 width="20" 28873 height="20" 28874> 28875 <path d="M0 9.63V5.38h35V0l15 7.5L35 15V9.63Z" /> 28876</svg> 28877 28878</element-icon> 28879 28880 28881 28882 28883 28884 28885 28886 28887 28888 28889 </button> 28890 28891 28892 28893 28894 28895 28896 28897 28898 28899 28900</div></form> 28901</form-customer> 28902 28903 28904</div> 28905</layout-stack> 28906 28907 28908</div> 28909 28910 </div> 28911 </div> 28912</div> 28913</div><div id="shopify-section-sections--23548990423296__footer" class="shopify-section shopify-section-group-footer-group"> 28914 28915 28916 28917<div id="FooterMobileNavWrap" class="footer__section footer__section--border medium-up--hide"> 28918 <div id="FooterMobileNav" class="page-width"></div> 28919 </div><is-land on:visible> 28920 <footer-section 28921 class="site-footer color-scheme-2" 28922 data-section-id="sections--23548990423296__footer" 28923 data-section-type="footer-section" 28924 > 28925 <div 28926 id="FooterMenus" 28927 class="footer__section footer__section--menus " 28928 > 28929 <div class="page-width"> 28930 <div class="footer__blocks"><div 28931 class="footer__block footer__block--contact" 28932 data-type="contact" 28933 28934 ><div class="footer__mobile-section"> 28935 <div class="footer__blocks--mobile"> 28936 <div class="footer__block--mobile"> 28937 <h2 class="footer__title heading-sm"> 28938 28939 28940 28941Get in touch 28942 28943 </h2> 28944 28945 <ul class="footer__menu footer__menu--underline"></ul> 28946 </div> 28947 28948 28949<div class="footer__block--mobile"> 28950 28951 <div class="footer__title"> 28952 28953 28954Follow us 28955 28956 </div> 28957 28958 28959 28960 28961 28962 28963 28964 28965 28966 28967 28968 28969 28970 28971 28972 28973<layout-stack class="inline-list layout-stack"> 28974 <template shadowrootmode="open"> 28975 <style> 28976 :host { 28977 display: contents; 28978 } 28979 28980 .layout-stack { 28981 /* Layout & Typography */ 28982 --_flex-direction: var(--_flex-direction--xs); 28983 --_justify: var(--_justify--xs); 28984 --_align: var(--_align--xs); 28985 28986 --_margin: var(--layout-stack-margin); 28987 28988 display: flex; 28989 flex-direction: var(--_flex-direction); 28990 gap: var(--_gap); 28991 flex-wrap: var(--_wrap); 28992 justify-content: var(--_justify); 28993 align-items: var(--_align); 28994 text-align: var(--_align); 28995 margin: var(--_margin); 28996 padding: 0; 28997 list-style: none; 28998 28999 ::slotted(*) { 29000 max-width: 100%; 29001 } 29002 } 29003 </style> 29004 29005 29006 29007 29008 29009 29010 29011 <style> 29012 @media (min-width: 0px) { 29013 .layout-stack { --_gap: var(--layout-stack-gap-size-xs); } 29014 } 29015 </style> 29016 29017 29018 29019 29020 29021 29022 29023 29024 29025 29026 29027 29028 29029 29030 29031 29032 29033 29034 29035 29036 29037 29038 29039 29040 29041 29042 29043 29044 29045 29046 29047 29048 29049 29050 29051 29052 29053 29054 29055 29056 29057 29058 29059 29060 29061 29062 29063 29064 29065 29066 <style> 29067 @media (min-width: 0px) { 29068 .layout-stack { --_flex-direction: row; } 29069 } 29070 </style> 29071 29072 29073 29074 29075 29076 29077 29078 29079 29080 29081 29082 29083 29084 29085 29086 29087 29088 29089 <style> 29090 @media (min-width: 0px) { 29091 .layout-stack { --_justify: start; } 29092 } 29093 </style> 29094 29095 29096 29097 29098 29099 29100 29101 29102 29103 29104 29105 29106 29107 29108 29109 29110 29111 29112 <style> 29113 @media (min-width: 0px) { 29114 .layout-stack { --_align: stretch; } 29115 } 29116 </style> 29117 29118 29119 29120 29121 29122 29123 29124 29125 29126 29127 29128 29129 29130 29131 29132 29133 29134 29135 <style> 29136 @media (min-width: 0px) { 29137 .layout-stack { --_wrap: wrap; } 29138 } 29139 </style> 29140 29141 29142 29143 29144 29145 29146 29147 29148 29149 29150 29151 29152 <ul class="layout-stack" style="" > 29153 <slot></slot> 29154 </ul> 29155 </template> 29156 29157 29158 29159 29160<li> 29161 <a 29162 target="_blank" 29163 rel="noopener" 29164 href="https://www.facebook.com/CoraLFoerstner/" 29165 title=" 29166 29167 29168Wood Sorrel Studios on Facebook 29169 29170" 29171 29172 > 29173 29174 29175 29176<element-icon 29177 29178 29179> 29180 <svg 29181 xmlns="http://www.w3.org/2000/svg" 29182 aria-hidden="true" 29183 focusable="false" 29184 role="presentation" 29185 class="element-icon element-icon-facebook element-icon--line" 29186 viewbox="0 0 14222 14222" 29187 fill="currentColor" 29188 width="20" 29189 height="20" 29190> 29191 <path 29192 d="M14222 7112c0 3549.352-2600.418 6491.344-6000 7024.72V9168h1657l315-2056H8222V5778c0-562 275-1111 1159-1111h897V2917s-814-139-1592-139c-1624 0-2686 984-2686 2767v1567H4194v2056h1806v4968.72C2600.418 13603.344 0 10661.352 0 7112 0 3184.703 3183.703 1 7111 1s7111 3183.703 7111 7111m-8222 7025c362 57 733 86 1111 86-377.945 0-749.003-29.485-1111-86.28Zm2222 0v-.28a7107.458 7107.458 0 0 1-167.717 24.267A7407.158 7407.158 0 0 0 8222 14137m-167.717 23.987C7745.664 14201.89 7430.797 14223 7111 14223c319.843 0 634.675-21.479 943.283-62.013" 29193 /> 29194</svg> 29195 29196</element-icon> 29197 29198 29199 29200 29201 29202 29203 29204 29205 29206<span class="icon__fallback-text visually-hidden">Facebook</span> 29207 </a> 29208</li> 29209 29210 29211 29212<li> 29213 <a 29214 target="_blank" 29215 rel="noopener" 29216 href="https://www.pinterest.com/corafoerstner/" 29217 title=" 29218 29219 29220Wood Sorrel Studios on Pinterest 29221 29222" 29223 29224 > 29225 29226 29227 29228<element-icon 29229 29230 29231> 29232 <svg 29233 aria-hidden="true" 29234 focusable="false" 29235 role="presentation" 29236 class="element-icon element-icon-pinterest element-icon--line" 29237 viewbox="0 0 256 256" 29238 fill="currentColor" 29239 width="20" 29240 height="20" 29241> 29242 <path 29243 d="M0 128.002c0 52.414 31.518 97.442 76.619 117.239-.36-8.938-.064-19.668 2.228-29.393 2.461-10.391 16.47-69.748 16.47-69.748s-4.089-8.173-4.089-20.252c0-18.969 10.994-33.136 24.686-33.136 11.643 0 17.268 8.745 17.268 19.217 0 11.704-7.465 29.211-11.304 45.426-3.207 13.578 6.808 24.653 20.203 24.653 24.252 0 40.586-31.149 40.586-68.055 0-28.054-18.895-49.052-53.262-49.052-38.828 0-63.017 28.956-63.017 61.3 0 11.152 3.288 19.016 8.438 25.106 2.368 2.797 2.697 3.922 1.84 7.134-.614 2.355-2.024 8.025-2.608 10.272-.852 3.242-3.479 4.401-6.409 3.204-17.884-7.301-26.213-26.886-26.213-48.902 0-36.361 30.666-79.961 91.482-79.961 48.87 0 81.035 35.364 81.035 73.325 0 50.213-27.916 87.726-69.066 87.726-13.819 0-26.818-7.47-31.271-15.955 0 0-7.431 29.492-9.005 35.187-2.714 9.869-8.026 19.733-12.883 27.421a127.897 127.897 0 0 0 36.277 5.249c70.684 0 127.996-57.309 127.996-128.005C256.001 57.309 198.689 0 128.005 0 57.314 0 0 57.309 0 128.002" 29244 /> 29245</svg> 29246 29247</element-icon> 29248 29249 29250 29251 29252 29253 29254 29255 29256 29257<span class="icon__fallback-text visually-
29257hidden">Pinterest</span> 29258 </a> 29259</li> 29260 29261 29262 29263<li> 29264 <a 29265 target="_blank" 29266 rel="noopener" 29267 href="https://instagram.com/corafoerstner/" 29268 title=" 29269 29270 29271Wood Sorrel Studios on Instagram 29272 29273" 29274 29275 > 29276 29277 29278 29279<element-icon 29280 29281 29282> 29283 <svg 29284 xmlns="http://www.w3.org/2000/svg" 29285 aria-hidden="true" 29286 focusable="false" 29287 role="presentation" 29288 class="element-icon element-icon-instagram element-icon--line" 29289 viewbox="0 0 32 32" 29290 fill="currentColor" 29291 width="20" 29292 height="20" 29293> 29294 <path 29295 d="M16 3.094c4.206 0 4.7.019 6.363.094 1.538.069 2.369.325 2.925.544.738.287 1.262.625 1.813 1.175s.894 1.075 1.175 1.813c.212.556.475 1.387.544 2.925.075 1.662.094 2.156.094 6.363s-.019 4.7-.094 6.363c-.069 1.538-.325 2.369-.544 2.925-.288.738-.625 1.262-1.175 1.813s-1.075.894-1.813 1.175c-.556.212-1.387.475-2.925.544-1.663.075-2.156.094-6.363.094s-4.7-.019-6.363-.094c-1.537-.069-2.369-.325-2.925-.544-.737-.288-1.263-.625-1.813-1.175s-.894-1.075-1.175-1.813c-.212-.556-.475-1.387-.544-2.925-.075-1.663-.094-2.156-.094-6.363s.019-4.7.094-6.363c.069-1.537.325-2.369.544-2.925.287-.737.625-1.263 1.175-1.813s1.075-.894 1.813-1.175c.556-.212 1.388-.475 2.925-.544 1.662-.081 2.156-.094 6.363-.094zm0-2.838c-4.275 0-4.813.019-6.494.094-1.675.075-2.819.344-3.819.731-1.037.4-1.913.944-2.788 1.819S1.486 4.656 1.08 5.688c-.387 1-.656 2.144-.731 3.825-.075 1.675-.094 2.213-.094 6.488s.019 4.813.094 6.494c.075 1.675.344 2.819.731 3.825.4 1.038.944 1.913 1.819 2.788s1.756 1.413 2.788 1.819c1 .387 2.144.656 3.825.731s2.213.094 6.494.094 4.813-.019 6.494-.094c1.675-.075 2.819-.344 3.825-.731 1.038-.4 1.913-.944 2.788-1.819s1.413-1.756 1.819-2.788c.387-1 .656-2.144.731-3.825s.094-2.212.094-6.494-.019-4.813-.094-6.494c-.075-1.675-.344-2.819-.731-3.825-.4-1.038-.944-1.913-1.819-2.788s-1.756-1.413-2.788-1.819c-1-.387-2.144-.656-3.825-.731C20.812.275 20.275.256 16 .256z" 29296 /> 29297 <path 29298 d="M16 7.912a8.088 8.088 0 0 0 0 16.175c4.463 0 8.087-3.625 8.087-8.088s-3.625-8.088-8.088-8.088zm0 13.338a5.25 5.25 0 1 1 0-10.5 5.25 5.25 0 1 1 0 10.5M26.294 7.594a1.887 1.887 0 1 1-3.774.002 1.887 1.887 0 0 1 3.774-.003z" 29299 /> 29300</svg> 29301 29302</element-icon> 29303 29304 29305 29306 29307 29308 29309 29310 29311 29312<span class="icon__fallback-text visually-hidden">Instagram</span> 29313 </a> 29314</li> 29315 29316</layout-stack> 29317 29318 29319 29320 29321 </div></div> 29322</div> 29323</div><div 29324 class="footer__block footer__block--menu" 29325 data-type="menu" 29326 29327 ><h2 class="footer__title heading-sm"> 29328 RESOURCES 29329</h2> 29330 29331<ul class="footer__menu"><li> 29332 <a href="/">Home</a> 29333 </li><li> 29334 <a href="/pages/contact">Contact Us</a> 29335 </li><li> 29336 <a href="/pages/faq">FAQ</a> 29337 </li><li> 29338 <a href="/pages/refund-policy">Refund Policy</a> 29339 </li><li> 29340 <a href="/pages/shipping-policy">Shipping Policy</a> 29341 </li><li> 29342 <a href="/pages/privacy-policy">Privacy Policy</a> 29343 </li></ul> 29344</div><div 29345 class="footer__block footer__block--payment" 29346 data-type="payment" 29347 29348 ><div class="footer__mobile-section"> 29349 <div class="footer__blocks--mobile"><div class="footer__block--mobile"> 29350 <h2 class="footer__title heading-sm"> 29351 29352 29353 29354We accept 29355 29356 </h2> 29357 29358 <ul class="inline-list payment-icons"><li class="icon--payment"> 29359 <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/>
29359</svg> 29360 29361 </li><li class="icon--payment"> 29362 <svg 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> 29363 29364 </li><li class="icon--payment"> 29365 <svg 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> 29366 </li><li class="icon--payment"> 29367 <svg 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> 29368 </li><li class="icon--payment"> 29369 <svg 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.
2936906zM23.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> 29370 29371 </li><li class="icon--payment"> 29372 <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg> 29373 29374 </li><li class="icon--payment"> 29375 <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2
293750-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg> 29376 </li><li class="icon--payment"> 29377 <svg 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> 29378 29379 </li><li class="icon--payment"> 29380 <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778
2938016.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> 29381 29382 </li></ul> 29383 </div></div> 29384</div> 29385</div></div> 29386 </div> 29387 </div> 29388 29389 <div class="footer__section"> 29390 <div class="page-width text-center small--text-left"> 29391 <div class="footer__base-links"><span> 29392 © 2026 29393 Wood Sorrel Studios 29394LLC 29395</span><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a> 29396 </div> 29397 </div> 29398 </div> 29399 </footer-section> 29400 29401 <template data-island> 29402
29402<script type="module"> 29403 import 'section.footer' 29404 </script>
29404 29405 </template> 29406</is-land> 29407 29408</div> 29409<!-- END sections: footer-group --></div> 29410 </div> 29411 29412<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 29413 <div class="pswp__bg"></div> 29414 <div class="pswp__scroll-wrap"> 29415 <div class="pswp__container"> 29416 <div class="pswp__item"></div> 29417 <div class="pswp__item"></div> 29418 <div class="pswp__item"></div> 29419 </div> 29420 29421 <div class="pswp__ui pswp__ui--hidden"> 29422 <button 29423 class="btn btn--secondary btn--circle pswp__button pswp__button--arrow--left" 29424 title=" 29425 29426Previous 29427" 29428 > 29429 29430 29431 29432 29433<element-icon 29434 29435 29436> 29437 <svg 29438 xmlns="http://www.w3.org/2000/svg" 29439 aria-hidden="true" 29440 focusable="false" 29441 role="presentation" 29442 class="element-icon element-icon-chevron-left element-icon--line" 29443 viewbox="0 0 284.49 498.98" 29444 fill="currentColor" 29445 width="20" 29446 height="20" 29447> 29448 <path 29449 d="M249.49 0a35 35 0 0 1 24.75 59.75L84.49 249.49l189.75 189.74a35.002 35.002 0 1 1-49.5 49.5L10.25 274.24a35 35 0 0 1 0-49.5L224.74 10.25A34.89 34.89 0 0 1 249.49 0" 29450 /> 29451</svg> 29452 29453</element-icon> 29454 29455 29456 29457 29458 29459 29460 29461 29462 29463 29464 </button> 29465 29466 <button 29467 class="btn btn--secondary btn--circle btn--large pswp__button pswp__button--close" 29468 title=" 29469 29470Close (esc) 29471" 29472 > 29473 29474 29475 29476 29477<element-icon 29478 29479 29480> 29481 <svg 29482 xmlns="http://www.w3.org/2000/svg" 29483 class="element-icon element-icon-close element-icon--line" 29484 width="64" 29485 height="64" 29486 viewBox="0 0 64 64" 29487 fill="none" 29488> 29489 <path d="M52.5137 11.01L11.8887 51.635" stroke="currentColor" stroke-miterlimit="10"/> 29490 <path d="M52.5137 51.635L11.8887 11.01" stroke="currentColor" stroke-miterlimit="10"/> 29491</svg> 29492</element-icon> 29493 29494 29495 29496 29497 29498 29499 29500 29501 29502 29503 </button> 29504 29505 <button 29506 class="btn btn--secondary btn--circle pswp__button pswp__button--arrow--right" 29507 title=" 29508 29509Next 29510" 29511 > 29512 29513 29514 29515 29516<element-icon 29517 29518 29519> 29520 <svg 29521 xmlns="http://www.w3.org/2000/svg" 29522 aria-hidden="true" 29523 focusable="false" 29524 role="presentation" 29525 class="element-icon element-icon-chevron-right element-icon--line" 29526 viewbox="0 0 284.49 498.98" 29527 fill="currentColor" 29528 width="20" 29529 height="20" 29530> 29531 <path 29532 d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98" 29533 /> 29534</svg> 29535 29536</element-icon> 29537 29538 29539 29540 29541 29542 29543 29544 29545 29546 29547 </button> 29548 </div> 29549 </div> 29550</div> 29551 29552 29553 29554 29555<tool-tip data-tool-tip=""> 29556 <div class="tool-tip__inner" data-tool-tip-inner> 29557 29558 29559 29560 29561 29562 29563 29564 <button 29565 29566 29567 class="tool-tip__close element-button" 29568 29569 29570 29571 29572 29573 29574 29575 29576 29577 29578 data-tool-tip-close 29579 29580> 29581 29582 29583 29584 29585 29586<element-icon 29587 29588 29589> 29590 <svg 29591 xmlns="http://www.w3.org/2000/svg" 29592 class="element-icon element-icon-close element-icon--line" 29593 width="64" 29594 height="64" 29595 viewBox="0 0 64 64" 29596 fill="none" 29597> 29598 <path d="M52.5137 11.01L11.8887 51.635" stroke="currentColor" stroke-miterlimit="10"/> 29599 <path d="M52.5137 51.635L11.8887 11.01" stroke="currentColor" stroke-miterlimit="10"/> 29600</svg> 29601</element-icon> 29602 29603 29604 29605 29606 29607 29608 29609 29610 29611 29612 </button> 29613 29614 29615 29616 29617 29618 29619 29620 29621 29622 29623 29624 <div data-tool-tip-title>Fantasy & Science Fiction Books | Wood Sorrel Studios</div> 29625 <div class="tool-tip__content" data-tool-tip-content></div> 29626 </div> 29627</tool-tip> 29628
29629<script type="module"> 29630 import 'overlay.tool-tip' 29631</script>
vendor: 1 bytes, line 29631
29631
29632<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
29632 29633</body> 29634</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.