PageSourceSearch

https://woodsorrelstudios.com/

html woodsorrelstudios.com collected 2026-10-10 01:08:41 UTC 491,411 bytes, 29,634 lines download raw bytes

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 &amp; Science Fiction Books | Wood Sorrel Studios</title>
14<meta name="description" content="Love fantasy &amp; 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 &amp; Science Fiction Books | Wood Sorrel Studios">
18<meta property="og:type" content="website">
19<meta property="og:description" content="Love fantasy &amp; 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 &amp; Science Fiction Books | Wood Sorrel Studios">
25<meta name="twitter:description" content="Love fantasy &amp; 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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/ABadDayShopifycover.jpg?v=1764889697&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/shopify.png?v=1764110371&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/ACourseinGriftingsmaller.jpg?v=1764110370&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/ACourseinGriftingsmaller.jpg?v=1764110370&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/ACourseinGriftingsmaller.jpg?v=1764110370&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/ACourseinGriftingsmaller.jpg?v=1764110370&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/ACourseinGriftingsmaller.jpg?v=1764110370&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/ACourseinGriftingsmaller.jpg?v=1764110370&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/AHH_Shopify.png?v=1762903473&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/AHuantedHousekindle.jpg?v=1762903473&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/AHuantedHousekindle.jpg?v=1762903473&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/AHuantedHousekindle.jpg?v=1762903473&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/AHuantedHousekindle.jpg?v=1762903473&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/AHuantedHousekindle.jpg?v=1762903473&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/AHuantedHousekindle.jpg?v=1762903473&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/AnewParadiseShopify.png?v=1757458555&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/A_New_Paradise_shopify_cover.jpg?v=1757458555&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/A_New_Paradise_shopify_cover.jpg?v=1757458555&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/A_New_Paradise_shopify_cover.jpg?v=1757458555&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/A_New_Paradise_shopify_cover.jpg?v=1757458555&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/A_New_Paradise_shopify_cover.jpg?v=1757458555&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/A_New_Paradise_shopify_cover.jpg?v=1757458555&amp;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="[{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;shop_pay&quot;,&quot;wallet_params&quot;:{&quot;shopId&quot;:69003804928,&quot;merchantName&quot;:&quot;Wood Sorrel Studios&quot;,&quot;personalized&quot;:true}},{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;paypal&quot;,&quot;wallet_params&quot;:{&quot;shopId&quot;:69003804928,&quot;countryCode&quot;:&quot;US&quot;,&quot;merchantName&quot;:&quot;Wood Sorrel Studios&quot;,&quot;phoneRequired&quot;:false,&quot;companyRequired&quot;:false,&quot;shippingType&quot;:&quot;shipping&quot;,&quot;shopifyPaymentsEnabled&quot;:true,&quot;hasManagedSellingPlanState&quot;:false,&quot;requiresBillingAgreement&quot;:false,&quot;gatewayType&quot;:&quot;MANAGED&quot;,&quot;merchantId&quot;:&quot;QVVHNG7CL2966&quot;,&quot;sdkUrl&quot;:&quot;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&quot;,&quot;serviceableCountryCodes&quot;:[&quot;US&quot;]}}]" access-token="b2e523e00e2494c020abac2c4747c4f5" buyer-country="US" buyer-locale="en" buyer-currency="USD" shop-id="69003804928" cart-id="e4a3863f2246108b2c54dc6ee80f7a00" enabled-flags="[&quot;1172c16a&quot;,&quot;a1d1f9a1&quot;,&quot;f5afabb3&quot;,&quot;370070f3&quot;]" > <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'>&nbsp</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'>&nbsp</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&amp;width=5376" alt="Products" srcset="//woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=352 352w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=832 832w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;width=1920 1920w, //woodsorrelstudios.com/cdn/shop/files/A_Bad_Day_Shopify.png?v=1764889756&amp;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&#39;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&#39;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&#39;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 &amp; 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 &amp; 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&#39; 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&#39;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&amp;width=4096" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Hero_Banner4.png?v=1750201107&amp;width=352 352w, //woodsorrelstudios.com/cdn/shop/files/Hero_Banner4.png?v=1750201107&amp;width=832 832w, //woodsorrelstudios.com/cdn/shop/files/Hero_Banner4.png?v=1750201107&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Hero_Banner4.png?v=1750201107&amp;width=1920 1920w, //woodsorrelstudios.com/cdn/shop/files/Hero_Banner4.png?v=1750201107&amp;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&amp;width=2400" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Mobile_Hero.png?v=1750196445&amp;width=352 352w, //woodsorrelstudios.com/cdn/shop/files/Mobile_Hero.png?v=1750196445&amp;width=832 832w, //woodsorrelstudios.com/cdn/shop/files/Mobile_Hero.png?v=1750196445&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Mobile_Hero.png?v=1750196445&amp;width=1920 1920w, //woodsorrelstudios.com/cdn/shop/files/Mobile_Hero.png?v=1750196445&amp;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&#39;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Shopify_Skep_collection_Ereader.png?v=1789773982&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/3d_paperback.png?v=1789773163&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/3d_paperback.png?v=1789773163&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/3d_paperback.png?v=1789773163&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/3d_paperback.png?v=1789773163&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/3d_paperback.png?v=1789773163&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/3d_paperback.png?v=1789773163&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/haunted_shores_shopify.png?v=1780956951&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_8dcab48c-808f-4db7-96a6-b6d389588787.png?v=1780957212&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_8dcab48c-808f-4db7-96a6-b6d389588787.png?v=1780957212&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_8dcab48c-808f-4db7-96a6-b6d389588787.png?v=1780957212&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_8dcab48c-808f-4db7-96a6-b6d389588787.png?v=1780957212&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_8dcab48c-808f-4db7-96a6-b6d389588787.png?v=1780957212&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_8dcab48c-808f-4db7-96a6-b6d389588787.png?v=1780957212&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenSquare.png?v=1775080740&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenShopify.jpg?v=1775080739&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenShopify.jpg?v=1775080739&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenShopify.jpg?v=1775080739&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenShopify.jpg?v=1775080739&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenShopify.jpg?v=1775080739&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/TooHandsomeMenShopify.jpg?v=1775080739&amp;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&#39;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmasquare.png?v=1775079849&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Betty_sKarmashopify.jpg?v=1775079849&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmashopify.jpg?v=1775079849&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmashopify.jpg?v=1775079849&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmashopify.jpg?v=1775079849&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmashopify.jpg?v=1775079849&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Betty_sKarmashopify.jpg?v=1775079849&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/MarilynShopifysquare.png?v=1775078528&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/marilynShopify.jpg?v=1775078528&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/marilynShopify.jpg?v=1775078528&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/marilynShopify.jpg?v=1775078528&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/marilynShopify.jpg?v=1775078528&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/marilynShopify.jpg?v=1775078528&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/marilynShopify.jpg?v=1775078528&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/shopify_97e307df-cfa4-44da-a41f-c998fed93318.png?v=1774996092&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Dead_Man_Walking_shopify.jpg?v=1774996092&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Dead_Man_Walking_shopify.jpg?v=1774996092&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Dead_Man_Walking_shopify.jpg?v=1774996092&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Dead_Man_Walking_shopify.jpg?v=1774996092&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Dead_Man_Walking_shopify.jpg?v=1774996092&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Dead_Man_Walking_shopify.jpg?v=1774996092&amp;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 &amp; 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&amp;width=1080" alt="Swords Of Aroc" srcset="//woodsorrelstudios.com/cdn/shop/collections/ResultsHazyshopifysmaller.jpg?v=1789146538&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/ResultsHazyshopifysmaller.jpg?v=1789146538&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/ResultsHazyshopifysmaller.jpg?v=1789146538&amp;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&amp;width=1080" alt="Mystery &amp; Gothic" srcset="//woodsorrelstudios.com/cdn/shop/collections/Paper_Books_1200_x_400.jpg?v=1778016254&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/Paper_Books_1200_x_400.jpg?v=1778016254&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/Paper_Books_1200_x_400.jpg?v=1778016254&amp;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&amp;width=1080" alt="Dragon Speakers World" srcset="//woodsorrelstudios.com/cdn/shop/collections/DS_eCover.jpg?v=1777505709&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/DS_eCover.jpg?v=1777505709&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/DS_eCover.jpg?v=1777505709&amp;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&amp;width=1080" alt="League of the Daring" srcset="//woodsorrelstudios.com/cdn/shop/collections/SciFi_LoD_Banner1920_x_1080.png?v=1789085685&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/SciFi_LoD_Banner1920_x_1080.png?v=1789085685&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/SciFi_LoD_Banner1920_x_1080.png?v=1789085685&amp;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&amp;width=1080" alt="Short Story Collections" srcset="//woodsorrelstudios.com/cdn/shop/collections/short_stories_weird.png?v=1777493115&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/short_stories_weird.png?v=1777493115&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/short_stories_weird.png?v=1777493115&amp;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&amp;width=1080" alt="Fantasy" srcset="//woodsorrelstudios.com/cdn/shop/collections/Fantasy_Banner_1082x400_e4236170-0607-4a38-b908-b2f60a38400f.jpg?v=1777502537&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/Fantasy_Banner_1082x400_e4236170-0607-4a38-b908-b2f60a38400f.jpg?v=1777502537&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/Fantasy_Banner_1082x400_e4236170-0607-4a38-b908-b2f60a38400f.jpg?v=1777502537&amp;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&amp;width=1080" alt="Science Fiction" srcset="//woodsorrelstudios.com/cdn/shop/collections/scifi_banner.png?v=1777489920&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/scifi_banner.png?v=1777489920&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/scifi_banner.png?v=1777489920&amp;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&amp;width=1080" alt="Mystery &amp; Gothic" srcset="//woodsorrelstudios.com/cdn/shop/collections/Paper_Books_1200_x_400.jpg?v=1778016254&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/Paper_Books_1200_x_400.jpg?v=1778016254&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/Paper_Books_1200_x_400.jpg?v=1778016254&amp;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 &amp; 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&amp;width=1080" alt="Young Adult Novels" srcset="//woodsorrelstudios.com/cdn/shop/collections/depositphotos_16019693-stock-photo-beautiful-girl-with-book-outdoor.jpg?v=1717282369&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/depositphotos_16019693-stock-photo-beautiful-girl-with-book-outdoor.jpg?v=1717282369&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/depositphotos_16019693-stock-photo-beautiful-girl-with-book-outdoor.jpg?v=1717282369&amp;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&amp;width=1080" alt="Post-Apocalyptic Fiction" srcset="//woodsorrelstudios.com/cdn/shop/collections/Depositphotos_198282698_XL.jpg?v=1786657518&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/Depositphotos_198282698_XL.jpg?v=1786657518&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/Depositphotos_198282698_XL.jpg?v=1786657518&amp;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&amp;width=1080" alt="Individual Short Stories" srcset="//woodsorrelstudios.com/cdn/shop/collections/short_stories_weird_82cae66f-ac96-4394-ad89-f879cb551bb3.png?v=1777494621&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/collections/short_stories_weird_82cae66f-ac96-4394-ad89-f879cb551bb3.png?v=1777494621&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/collections/short_stories_weird_82cae66f-ac96-4394-ad89-f879cb551bb3.png?v=1777494621&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_4_70f225e3-3832-434d-a0b5-09cdcde5e597.png?v=1767738614&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/DSStars_8fe8f48e-9a8c-46c7-a3b0-ed59f687667b.jpg?v=1767738614&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/DSStars_8fe8f48e-9a8c-46c7-a3b0-ed59f687667b.jpg?v=1767738614&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/DSStars_8fe8f48e-9a8c-46c7-a3b0-ed59f687667b.jpg?v=1767738614&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/DSStars_8fe8f48e-9a8c-46c7-a3b0-ed59f687667b.jpg?v=1767738614&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/DSStars_8fe8f48e-9a8c-46c7-a3b0-ed59f687667b.jpg?v=1767738614&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/DSStars_8fe8f48e-9a8c-46c7-a3b0-ed59f687667b.jpg?v=1767738614&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/DTK_shopify_paper.png?v=1767738699&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/DTKStars.jpg?v=1767738699&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/DTKStars.jpg?v=1767738699&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/DTKStars.jpg?v=1767738699&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/DTKStars.jpg?v=1767738699&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/DTKStars.jpg?v=1767738699&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/DTKStars.jpg?v=1767738699&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Untitled_design_5.png?v=1767738771&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/SOA_Digital_Cover_Final_Version_shopify_small_8ffabfc8-84ef-4951-ba15-ea33bea6acc6.jpg?v=1788908863&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/SOA_Digital_Cover_Final_Version_shopify_small_8ffabfc8-84ef-4951-ba15-ea33bea6acc6.jpg?v=1788908863&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/SOA_Digital_Cover_Final_Version_shopify_small_8ffabfc8-84ef-4951-ba15-ea33bea6acc6.jpg?v=1788908863&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/SOA_Digital_Cover_Final_Version_shopify_small_8ffabfc8-84ef-4951-ba15-ea33bea6acc6.jpg?v=1788908863&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/SOA_Digital_Cover_Final_Version_shopify_small_8ffabfc8-84ef-4951-ba15-ea33bea6acc6.jpg?v=1788908863&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/SOA_Digital_Cover_Final_Version_shopify_small_8ffabfc8-84ef-4951-ba15-ea33bea6acc6.jpg?v=1788908863&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/ResultsUnknownShopify.png?v=1763160472&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Results_Unknown_shopify_cover.jpg?v=1763160516&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Results_Unknown_shopify_cover.jpg?v=1763160516&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Results_Unknown_shopify_cover.jpg?v=1763160516&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Results_Unknown_shopify_cover.jpg?v=1763160516&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Results_Unknown_shopify_cover.jpg?v=1763160516&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/Results_Unknown_shopify_cover.jpg?v=1763160516&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&amp;width=160 160w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&amp;width=200 200w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&amp;width=280 280w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyShopify.png?v=1763162282&amp;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&amp;width=1600" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/ResultsHazyshopifysmaller.jpg?v=1763162282&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyshopifysmaller.jpg?v=1763162282&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyshopifysmaller.jpg?v=1763162282&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyshopifysmaller.jpg?v=1763162282&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyshopifysmaller.jpg?v=1763162282&amp;width=1200 1200w, //woodsorrelstudios.com/cdn/shop/files/ResultsHazyshopifysmaller.jpg?v=1763162282&amp;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&amp;width=1080" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&amp;width=180 180w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32
28180-8034-dfb76b84e254.jpg?v=1767738771&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/LODWorkinProgresscopy_03e8fe1c-8b6f-4e32-8034-dfb76b84e254.jpg?v=1767738771&amp;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&amp;width=1080" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&amp;width=180 180w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/Shopify_20231fc1-b9da-4a8d-a145-018457c38a50.png?v=1788908813&amp;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&amp;width=1080" alt="" srcset="//woodsorrelstudios.com/cdn/shop/files/LODCollection.jpg?v=1767738792&amp;width=180 180w, //woodsorrelstudios.com/cdn/shop/files/LODCollection.jpg?v=1767738792&amp;width=360 360w, //woodsorrelstudios.com/cdn/shop/files/LODCollection.jpg?v=1767738792&amp;width=540 540w, //woodsorrelstudios.com/cdn/shop/files/LODCollection.jpg?v=1767738792&amp;width=720 720w, //woodsorrelstudios.com/cdn/shop/files/LODCollection.jpg?v=1767738792&amp;width=900 900w, //woodsorrelstudios.com/cdn/shop/files/LODCollection.jpg?v=1767738792&amp;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              &copy; 2026
29393              Wood Sorrel Studios
29394LLC
29395</span><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a>
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 &amp; 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.