Your Shopping Cart – Harper's Magazine

<!doctype html>   <html class="no-js supports-no-cookies" lang="en">  <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content="#f4fbf2"> <link rel="canonical" href="https://store.harpers.org/cart"> <title> Your Shopping Cart – Harper's Magazine </title> <meta property="og:site_name" content="Harper's Magazine"> <meta property="og:url" content="https://store.harpers.org/cart"> <meta property="og:title" content="Your Shopping Cart"> <meta property="og:type" content="website"> <meta property="og:description" content="Books and other items from Harper's Magazine"> <meta name="twitter:site" content="@"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Your Shopping Cart"> <meta name="twitter:description" content="Books and other items from Harper's Magazine"> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="dhnEDgcJ-jQvaUfYqOFjWRWmWaI6x3h8lrzeDobKdsg"> <meta name="facebook-domain-verification" content="9hqa3my8n6h8t2xcoccqdodhmpioc2"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/2500962/digital_wallets/dialog"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <script id="shopify-features" type="application/json">{"accessToken":"ccc60396059d44f67a8954784c4b4e86","betas":["rich-media-storefront-analytics"],"domain":"store.harpers.org","predictiveSearch":true,"shopId":2500962,"smart_payment_buttons_url":"https:\/\/store.harpers.org\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/store.harpers.org\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "harpers-magazine-store.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"Cascade","id":72206057550,"schema_name":"Cascade","schema_version":"1.0.14","theme_store_id":859,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "store.harpers.org/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script id="shop-js-analytics" type="application/json">{"pageType":"cart"}</script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/upsells.boldapps.net\/v2_ui\/js\/UpsellTracker.js?shop=harpers-magazine-store.myshopify.com","https:\/\/upsells.boldapps.net\/v2_ui\/js\/upsell.js?shop=harpers-magazine-store.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":2500962,"offset":-14400,"reqid":"18a6b3aa-1369-44e8-b3f2-d8378ba617e6-1744168797","pageurl":"store.harpers.org\/cart","u":"126e49d0f4fa","p":"cart"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <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.2.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> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//store.harpers.org/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//store.harpers.org/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <script>window.BOLD = window.BOLD || {}; window.BOLD.common = window.BOLD.common || {}; window.BOLD.common.Shopify = window.BOLD.common.Shopify || {}; window.BOLD.common.Shopify.shop = { domain: 'store.harpers.org', permanent_domain: 'harpers-magazine-store.myshopify.com', url: 'https://store.harpers.org', secure_url: 'https://store.harpers.org', money_format: "${{amount}}", currency: "USD" }; window.BOLD.common.Shopify.customer = { id: null, tags: null, }; window.BOLD.common.Shopify.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; window.BOLD.common.template = 'cart';window.BOLD.common.Shopify.formatMoney = function(money, format) { function n(t, e) { return "undefined" == typeof t ? e : t } function r(t, e, r, i) { if (e = n(e, 2), r = n(r, ","), i = n(i, "."), isNaN(t) || null == t) return 0; t = (t / 100).toFixed(e); var o = t.split(".") , a = o[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1" + r) , s = o[1] ? i + o[1] : ""; return a + s } "string" == typeof money && (money = money.replace(".", "")); var i = "" , o = /\{\{\s*(\w+)\s*\}\}/ , a = format || window.BOLD.common.Shopify.shop.money_format || window.Shopify.money_format || "$ {{ amount }}"; switch (a.match(o)[1]) { case "amount": i = r(money, 2, ",", "."); break; case "amount_no_decimals": i = r(money, 0, ",", "."); break; case "amount_with_comma_separator": i = r(money, 2, ".", ","); break; case "amount_no_decimals_with_comma_separator": i = r(money, 0, ".", ","); break; case "amount_with_space_separator": i = r(money, 2, " ", ","); break; case "amount_no_decimals_with_space_separator": i = r(money, 0, " ", ","); break; case "amount_with_apostrophe_separator": i = r(money, 2, "'", "."); break; } return a.replace(o, i); }; window.BOLD.common.Shopify.saveProduct = function (handle, product, productData) { if (typeof handle === 'string' && typeof window.BOLD.common.Shopify.products[handle] === 'undefined') { if (typeof product === 'number') { window.BOLD.common.Shopify.handles[product] = handle; product = { id: product, product: productData }; } window.BOLD.common.Shopify.products[handle] = product; } }; window.BOLD.common.Shopify.saveVariant = function (variant_id, variant) { if (typeof variant_id === 'number' && typeof window.BOLD.common.Shopify.variants[variant_id] === 'undefined') { window.BOLD.common.Shopify.variants[variant_id] = variant; } };window.BOLD.common.Shopify.products = window.BOLD.common.Shopify.products || {}; window.BOLD.common.Shopify.variants = window.BOLD.common.Shopify.variants || {}; window.BOLD.common.Shopify.handles = window.BOLD.common.Shopify.handles || {};window.BOLD.common.Shopify.saveProduct(null, null, null);window.BOLD.apps_installed = {"Product Upsell":3} || {};window.BOLD.common.Shopify.metafields = window.BOLD.common.Shopify.metafields || {};window.BOLD.common.Shopify.metafields["bold_rp"] = {};window.BOLD.common.Shopify.metafields["bold_csp_defaults"] = {};</script><link href="//store.harpers.org/cdn/shop/t/8/assets/bold-upsell.css?v=51915886505602322711556112775" rel="stylesheet" type="text/css" media="all" /> <link href="//store.harpers.org/cdn/shop/t/8/assets/bold-upsell-custom.css?330" rel="stylesheet" type="text/css" media="all" /><link href="//store.harpers.org/cdn/shop/t/8/assets/theme.scss.css?v=19639990341938160041713295331" rel="stylesheet" type="text/css" media="all" /> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); window.theme = { data: { "cartMethod": "modal" }, strings: { addToCart: "Add to Cart", soldOut: "Sold Out", unavailable: "Unavailable", cartEmpty: "Your cart is currently empty.", cartCookie: "Enable cookies to use the shopping cart", cartSavings: "Translation missing: en.cart.general.savings_html" }, moneyFormat: "${{amount}}" }; </script> <script src="//store.harpers.org/cdn/shop/t/8/assets/theme.min.js?v=5759984513108256151555435448" defer="defer"></script>  <meta property="og:image" content="https://cdn.shopify.com/s/files/1/0250/0962/files/Harpers_20190328_0247-thumb_5e5dfeca-23db-49e7-bf91-f2d9abbcb545.jpg?v=1607710164" /> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0250/0962/files/Harpers_20190328_0247-thumb_5e5dfeca-23db-49e7-bf91-f2d9abbcb545.jpg?v=1607710164" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="600" /> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 2500962,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "cart"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={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:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-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:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-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+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 2500962,storefrontBaseUrl: "https://store.harpers.org",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"88309838","configuration":"{\"pixel_id\":\"288136928333066\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "org",initData: {"shop":{"name":"Harper's Magazine","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"harpers-magazine-store.myshopify.com","countryCode":"US","storefrontUrl":"https://store.harpers.org"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("cart_viewed", {"cart":null});},"https://store.harpers.org/cdn","2c609f6fw09126088p5b1ca55fmcefadad8",{"modern":"","legacy":""},{"shopId":"2500962","storefrontBaseUrl":"https://store.harpers.org","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"2c609f6fw09126088p5b1ca55fmcefadad8"});</script><script> window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"cart"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; } </script> <script class="analytics"> (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 2500962, theme_id: 72206057550, app_name: "storefront", context_url: window.location.href, source_url: "//store.harpers.org/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//store.harpers.org/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//store.harpers.org/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":2500962,"isMerchantRequest":null,"themeId":72206057550,"themeCityHash":"18171315941312989384","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"cart","shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//store.harpers.org/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script> if (!window.ga || (window.ga && typeof window.ga !== 'function')) { window.ga = function ga() { (window.ga.q = window.ga.q || []).push(arguments); Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); }; Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); } </script> <script defer src="https://store.harpers.org/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.5.0.min.js" data-application="storefront-renderer" data-shop-id="2500962" data-render-region="gcp-asia-southeast1" data-page-type="cart" data-theme-instance-id="72206057550" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body id="your-shopping-cart" class="template-cart"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="shopify-section-header" class="shopify-section"> <style>.site-header__logo-image { max-width: 190px; }</style> <div data-section-id="header" data-section-type="header" data-template="cart" > <div class="header-placeholder full--w hide" data-header-placeholder></div> <header class="site-header full--w " data-site-header> <div class="header__main"> <div class="max-site-width px2 lg--up--px3"> <div class="relative"> <a class="header__close fixed lg-up--full--w text-align--right top--0 right--0 p2 font-size--m pointer color--active-text hv--active-accent" data-close-header tabindex="0"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M32 29.714L53.714 8 56 10.286 34.286 32 56 53.714 53.714 56 32 34.286 10.286 56 8 53.714 29.714 32 8 10.286 10.286 8 32 29.714z" fill="#162317" fill-rule="evenodd"/></svg></span> </a> </div> </div> <div class="header__shifter full--w"></div> <div class="header-table flex items--center justify--between full--w px2 py3 max-site-width lg--up--px3 lg--up--relative"> <div class="header-table__bookend align--middle text-align--left lg--up--hide md--dn--flex--1-basis-0"> <div class="js"> <a class="t--header-navigation header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active font-size--m bg--transparent inline-block pointer" aria-controls="MobileNav" aria-expanded="false" data-active-header-trigger data-active-target="navigation" tabindex="0"> <div class="header__link-wrapper">Menu</div> </a> </div> <noscript> <input type="checkbox" id="nav" class="hide"/> <label for="nav" class="nav-open"> <span class="block nav-open__default"> <a class="t--header-navigation header__link color--primary-text color--header-active font-size--m bg--transparent inline-block pointer"> <span class="header__link-wrapper">Menu</span> </a> </span> <span class="nav-open__close"> <span class="inline-block btn font-size--m bg--transparent"> <span class="left"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M32 29.714L53.714 8 56 10.286 34.286 32 56 53.714 53.714 56 32 34.286 10.286 56 8 53.714 29.714 32 8 10.286 10.286 8 32 29.714z" fill="#162317" fill-rule="evenodd"/></svg></span></span> </span> </span> </label> <div class="no-js__navigation bg--active-background color--active-text fixed top--0 left--0 z4 full p3"> <ul class="mobile-navigation f--heading list--reset m0 font-size--xxl"> <li class="mobile-nav__item"> <a href="/" class="mobile-nav__link block p1 color--header-active" >Home</a> </li> <li class="mobile-nav__item"> <a href="/collections/print-issues" class="mobile-nav__link block p1 color--header-active" >Print Issues</a> </li> <li class="mobile-nav__item"> <a href="/collections/books" class="mobile-nav__link block p1 color--header-active" >Books</a> </li> <li class="mobile-nav__item"> <a href="/collections/harper-s-magazine-tote-bags" class="mobile-nav__link block p1 color--header-active" >Merchandise</a> </li> <li class="mobile-nav__item"> <a href="https://w1.buysub.com/servlet/OrdersGateway?cds_mag_code=PRS&cds_page_id=235595" class="mobile-nav__link block p1 color--header-active" >Subscribe</a> </li> <li class="mobile-nav__item"> <a href="/collections/sale" class="mobile-nav__link block p1 color--header-active" >Sale</a> </li> <li class="mobile-nav__item"> <a href="http://www.harpers.org" class="mobile-nav__link block p1 color--header-active" data-mobile-active-last-item>Harpers.org</a> </li> </ul> </div> </noscript> </div> <div class="nav__container align--middle text-align--left md--dn--hide lg--up--flex--1 overflow--hidden"> <div data-desktop-navigation-container> <nav role="navigation"> <ul class="t--header-navigation site-nav list--reset m0 p0 font-size--m mxn1 no-wrap inline-block" data-desktop-navigation-list> <li class="nav__item inline-block " > <a href="/" class="site-nav__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active px1 align--top header__link inline-block no-wrap" data-top-level-item> <div class="header__link-wrapper">Home</div> </a> </li> <li class="nav__item inline-block " > <a href="/collections/print-issues" class="site-nav__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active px1 align--top header__link inline-block no-wrap" data-top-level-item> <div class="header__link-wrapper">Print Issues</div> </a> </li> <li class="nav__item site-nav--has-submenu inline-block"> <a class="site-nav__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active px1 inline-block header__link no-wrap pointer " data-active-header-trigger data-active-target="navigation" data-first-level-link="desktop" data-key="books--3" data-top-level-item tabindex="0" aria-haspopup="true"> <div class="header__link-wrapper"> Books <span class="site-nav__chevron-down font-size--xxs align--middle inline-block site-nav__svg"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-down" viewBox="0 0 64 64"><path d="M32 39.334L53.334 18 56 20.666 32.007 44.659 32 44.65l-.007.008L8 20.666 10.666 18 32 39.334z" fill="#162317" fill-rule="evenodd"/></svg></span></span> <span class="site-nav__chevron-up font-size--xxs align--middle inline-block site-nav__svg hide"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-up" viewBox="0 0 64 64"><path d="M32 23.325L10.666 44.659 8 41.993 31.993 18l.007.007.007-.007L56 41.993l-2.666 2.666L32 23.325z" fill="#162317" fill-rule="evenodd"/></svg></span></span> </div> </a><noscript> <div class="no-js--submenu bg--primary-background px1 py3 absolute full--w left--0 right--0"> <div class="max-site-width px2 lg--up--px3"> <div class="inline-block"> <h4 class=" t--header-navigation mt1 mb2"> <span class="inline-block">Books</span> </h4> <ul class="navigation__second-level f--heading list--reset m0 font-size--xxl mxn1"> <li class="nav__item"> <a href="/collections/books" class="nav__link block p1 line-height--6 color--header-active" data-desktop-active-first-item >All books</a> </li> <li class="nav__item"> <a href="/collections/harper-s-magazine-anthologies" class="nav__link block p1 line-height--6 color--header-active" >Anthologies</a> </li> <li class="nav__item"> <a href="/collections/smart-history" class="nav__link block p1 line-height--6 color--header-active" >History</a> </li> <li class="nav__item"> <a href="/collections/gen-interest" class="nav__link block p1 line-height--6 color--header-active" >General Interest</a> </li> <li class="nav__item"> <a href="/collections/sale" class="nav__link block p1 line-height--6 color--header-active" >On sale</a> </li> <li class="nav__item"> <a href="/collections/walter-karp-collection" class="nav__link block p1 line-height--6 color--header-active" data-desktop-active-last-item>Walter Karp</a> </li> </ul> </div> </div> </div> </noscript> </li> <li class="nav__item inline-block " > <a href="/collections/harper-s-magazine-tote-bags" class="site-nav__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active px1 align--top header__link inline-block no-wrap" data-top-level-item> <div class="header__link-wrapper">Merchandise</div> </a> </li> <li class="nav__item inline-block " > <a href="https://w1.buysub.com/servlet/OrdersGateway?cds_mag_code=PRS&cds_page_id=235595" class="site-nav__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active px1 align--top header__link inline-block no-wrap" data-top-level-item> <div class="header__link-wrapper">Subscribe</div> </a> </li> <li class="nav__item inline-block " > <a href="/collections/sale" class="site-nav__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active px1 align--top header__link inline-block no-wrap" data-top-level-item> <div class="header__link-wrapper">Sale</div> </a> </li> <li class="nav__item inline-block " > <a href="http://www.harpers.org" class="site-nav__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active px1 align--top header__link inline-block no-wrap" data-top-level-item> <div class="header__link-wrapper">Harpers.org</div> </a> </li> <li class="site-nav--has-submenu inline-block hide" data-desktop-navigation-more-link> <a class="site-nav__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active px2 inline-block header__link no-wrap pointer" data-desktop-navigation-more-link-trigger data-top-level-item tabindex="0"> <div class="header__link-wrapper"> More </div> </a> </li> </ul> </nav> </div> </div> <div class="header-table__center align--middle text-align--center flex--grow--1 md--dn--flex--1-basis-0 lg--up--flex--grow--0 lg--justify--center lg--items--center"> <div class="header__logo font-size--0 m0 lg--up--px3" itemscope itemtype="http://schema.org/Organization"> <a href="/" itemprop="url" class="font-size--xl color--primary-text color--header-active f--heading site-logo site-header__logo-image"> <img src="//store.harpers.org/cdn/shop/files/HARPER_S-logostore_190x.png?v=1613760956" srcset="//store.harpers.org/cdn/shop/files/HARPER_S-logostore_190x.png?v=1613760956 1x, //store.harpers.org/cdn/shop/files/HARPER_S-logostore_190x@2x.png?v=1613760956 2x" alt="Harper's Magazine" itemprop="logo"> </a> </div> </div> <div class="header__meta header-table__bookend align--middle text-align--right lg--up--flex--1 md--dn--flex--1-basis-0 lg--up--justify--end no-wrap"> <div class="mxn1"> <a href="/search" class="t--header-navigation header__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active font-size--m bg--transparent inline-block pointer align--middle px1 md--dn--hide" data-active-header-trigger data-active-target="search" data-search-button tabindex="0" data-top-level-item aria-haspopup="true" data-search-button> <div class="header__link-wrapper"> Search </div> </a> <a href="/cart" id="CartLink" class="t--header-navigation header__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active font-size--m bg--transparent inline-block pointer m0 px1" data-active-header-trigger data-active-target="cart" tabindex="0" data-top-level-item aria-haspopup="true"> <div class="header__link-wrapper"> <span class="cart__icon"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><path id="a" d="M0 0h40.779v46.54H0z"/></defs><g fill="none" fill-rule="evenodd" transform="translate(11.5 6)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path fill="#231F20" d="M5.062 44.56h-3.01l1.15-32.71h34.376l1.148 32.71H5.062zM20.597 1.98c4.46 0 8.085 3.5 8.362 7.89H12.234c.278-4.39 3.901-7.89 8.363-7.89zM39.49 9.87h-8.55C30.659 4.386 26.15 0 20.597 0S10.533 4.386 10.254 9.87H1.29L0 46.54h40.78L39.49 9.87z" mask="url(#b)"/></g></svg></span></span> <span id="CartCount">0</span> </div> </a> </div> </div> </div> </div> <div class="header__active lg--up--relative color--active-text" data-header-active> <div class="max-site-width px2 pt3 lg--up--px3 lg--up--pt3"> <div class="hide" data-active-name="navigation" data-active-section> <div class="lg--up--hide"> <div id="MobileNav" class="mobile-navigation absolute top--0 left--0 full color--active-text overflow--hidden"> <div class="mobile-navigation-container absolute full--h overflow--hidden left--0 top--0" data-mobile-navigation-container> <div class="mobile-navigation__pane full--h full--vw left overflow--scroll py4 px2"> <ul class="mobile-navigation f--heading list--reset m0 font-size--xxl"> <li class="mobile-nav__item"> <a href="/" class="mobile-nav__link block p1 color--active-text hv--active-accent" >Home</a> </li> <li class="mobile-nav__item"> <a href="/collections/print-issues" class="mobile-nav__link block p1 color--active-text hv--active-accent" >Print Issues</a> </li> <li class="mobile-nav__item"> <a href="/collections/books" class="mobile-nav__link block p1 color--active-text hv--active-accent" >Books</a> </li> <li class="mobile-nav__item"> <a href="/collections/harper-s-magazine-tote-bags" class="mobile-nav__link block p1 color--active-text hv--active-accent" >Merchandise</a> </li> <li class="mobile-nav__item"> <a href="https://w1.buysub.com/servlet/OrdersGateway?cds_mag_code=PRS&cds_page_id=235595" class="mobile-nav__link block p1 color--active-text hv--active-accent" >Subscribe</a> </li> <li class="mobile-nav__item"> <a href="/collections/sale" class="mobile-nav__link block p1 color--active-text hv--active-accent" >Sale</a> </li> <li class="mobile-nav__item"> <a href="http://www.harpers.org" class="mobile-nav__link block p1 color--active-text hv--active-accent" data-mobile-active-last-item>Harpers.org</a> </li> </ul> </div> <div class="mobile-navigation__pane full--h full--vw left overflow--scroll relative pt4 px2"> <button class="mobile-navigation__previous hide btn border--none bg--transparent inline-block p2 fixed top--0 left--0 font-size--ml color--active-text hv--active-accent" data-mobile-nav-previous> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-previous" viewBox="0 0 64 64"><path d="M13.8 30.314h42.164v3.003H13.8L27.177 47.31l-1.94 2.03L8.483 31.815 25.236 14.29l1.94 2.03L13.8 30.314z"/></svg></span> </button> <div class="hide" data-key="books--3" data-mobile-second-level-section> <h4 class=" t--header-navigation mt1 mb3"> <span class="border-bottom--active-text hv--border-bottom--active-accent inline-block">Books</span> </h4> <ul class="mobile-navigation__second-level f--heading list--reset m0 font-size--xxl mxn1 "> <li class="mobile-nav__item"> <a href="/collections/books" class="mobile-nav__link block p1 line-height--6 color--active-text hv--active-accent" data-mobile-active-first-item >All books</a> </li> <li class="mobile-nav__item"> <a href="/collections/harper-s-magazine-anthologies" class="mobile-nav__link block p1 line-height--6 color--active-text hv--active-accent" >Anthologies</a> </li> <li class="mobile-nav__item"> <a href="/collections/smart-history" class="mobile-nav__link block p1 line-height--6 color--active-text hv--active-accent" >History</a> </li> <li class="mobile-nav__item"> <a href="/collections/gen-interest" class="mobile-nav__link block p1 line-height--6 color--active-text hv--active-accent" >General Interest</a> </li> <li class="mobile-nav__item"> <a href="/collections/sale" class="mobile-nav__link block p1 line-height--6 color--active-text hv--active-accent" >On sale</a> </li> <li class="mobile-nav__item"> <a href="/collections/walter-karp-collection" class="mobile-nav__link block p1 line-height--6 color--active-text hv--active-accent" data-mobile-active-last-item>Walter Karp</a> </li> </ul> </div> </div> </div> </div> </div> <div class="md--dn--hide"> <div class="hide" data-desktop-sub-nav="books--3"> <div class="inline-block"> <h4 class=" t--header-navigation mt1 mb2"> <span class="inline-block">Books</span> </h4> <ul class="navigation__second-level f--heading list--reset m0 font-size--xxl mxn1"> <li class="nav__item"> <a href="/collections/books" class="nav__link block p1 line-height--6 color--active-text hv--active-accent" data-desktop-active-first-item >All books</a> </li> <li class="nav__item"> <a href="/collections/harper-s-magazine-anthologies" class="nav__link block p1 line-height--6 color--active-text hv--active-accent" >Anthologies</a> </li> <li class="nav__item"> <a href="/collections/smart-history" class="nav__link block p1 line-height--6 color--active-text hv--active-accent" >History</a> </li> <li class="nav__item"> <a href="/collections/gen-interest" class="nav__link block p1 line-height--6 color--active-text hv--active-accent" >General Interest</a> </li> <li class="nav__item"> <a href="/collections/sale" class="nav__link block p1 line-height--6 color--active-text hv--active-accent" >On sale</a> </li> <li class="nav__item"> <a href="/collections/walter-karp-collection" class="nav__link block p1 line-height--6 color--active-text hv--active-accent" data-desktop-active-last-item>Walter Karp</a> </li> </ul> </div> </div> </div> </div> <script type="text/html" id="spinner"> <div class="mt5 relative"> <div class="spinner color--active-text"></div> </div> </script> <div class="hide px2" data-active-name="cart" data-active-section> <div id="CartContainer" class="font-size--sm line-height--4 wd--font-size--m wd--line-height--4"> <div class="mt5 relative"> <div class="spinner color--active-text"></div> </div> </div> </div> <div class="hide" data-active-name="search" data-active-section> <div class="mx--auto lg--up--one-half"> <form action="/search" method="get" class="input-group search" role="search"> <label for="search" class="hide">Search</label> <input id="search" type="search" name="q" value="" placeholder="Search" class="py1 search__input input-group-field border--none bg--transparent border-bottom--active-text font-size--xl color--active-text" aria-label="Search" data-search-input data-desktop-active-first-item> <span class="input-group-btn search-btn"> <button type="submit" class="block font-size--xl bg--transparent color--active-text border--none" data-desktop-active-last-item> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><g fill-rule="evenodd"><path d="M36.387 38.162L51.98 56.473l3.027-2.502L39.413 35.66z"/><path d="M27.592 11.14c-7.49 0-13.582 6.323-13.582 14.097 0 7.774 6.092 14.098 13.582 14.098 7.49 0 13.583-6.324 13.583-14.098 0-7.774-6.093-14.098-13.583-14.098m0 32.542c-9.922 0-17.993-8.274-17.993-18.444S17.67 6.793 27.592 6.793c9.922 0 17.993 8.274 17.993 18.444s-8.071 18.444-17.993 18.444"/></g></svg></span> </button> </span> </form> </div> </div> </div> </div> <div class="header__active-overlay" data-header-overlay></div> </header> </div> </div> <main role="main" id="MainContent"> <section class="cart py4 lg--up--py5 "> <div class="max-width--4 px2 lg--up--px3 mx--auto"> <h1>Shopping Cart</h1> <div class="supports-cookies"> <p>Your cart is currently empty.</p> <p>Continue browsing <a href="/collections/all">here</a>.</p> </div> <div class="supports-no-cookies"> <p>Enable cookies to use the shopping cart</p> </div> </div> </section> </main> <div id="shopify-section-footer" class="shopify-section"><footer class="py4 lg--up--py5 color--primary-text bg--primary-background"> <div class="max-site-width lg--up--px3"> <div class="grid px2 lg--up--px0 "> <div class="grid__item mb3 md--up--one-whole lg--up--one-seventh"> <div class="grid"> <div class="grid__item one-third lg--up--one-whole"> <a href="/" class="font-size--xl f--heading color--primary-text"> <img src="//store.harpers.org/cdn/shop/files/HARPER_S-logostore_100x.png?v=1613760956" srcset="//store.harpers.org/cdn/shop/files/HARPER_S-logostore_100x.png?v=1613760956 1x, //store.harpers.org/cdn/shop/files/HARPER_S-logostore_100x@2x.png?v=1613760956 2x" alt="Harper's Magazine" > </a> </div> <div class="grid__item two-thirds text-align--right lg--up--one-whole lg--up--mt2 lg--up--text-align--left"><ul class="list--reset p0 m0 mxn1"> </ul> </div> </div> </div> <div class="grid__item mb3 md--up--one-whole lg--up--six-sevenths"> <div class="grid"> <div class="grid__item font-size--sm line-height--4 wd--font-size--m wd--line-height--4 md--up--one-whole lg--up--one-third mb3 lg-up--mb0"> <div class="three-quarters lg--up--one-whole richtext"> <p>Questions about your order? Contact <a href="mailto:store@harpers.org">store@harpers.org</a> for assistance. </p> </div> </div> <div class="grid__item font-size--sm line-height--4 wd--font-size--m wd--line-height--4 md--up--one-whole lg--up--one-third mb3 lg-up--mb0"> <div class="grid"> <div class="grid__item one-half"> <ul class="font-size--sm line-height--4 wd--font-size--m wd--line-height--4 list--reset p0 m0 mxn1 mtn1 "> <li class=""> <a href="/" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Home</span> </a> </li> <li class=""> <a href="/collections/print-issues" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Print Issues</span> </a> </li> <li class=""> <a href="/collections/books" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Books</span> </a> </li> <li class=""> <a href="/collections/harper-s-magazine-tote-bags" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Merchandise</span> </a> </li> <li class=""> <a href="https://w1.buysub.com/servlet/OrdersGateway?cds_mag_code=PRS&cds_page_id=235595" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Subscribe</span> </a> </li> <li class=""> <a href="/collections/sale" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Sale</span> </a> </li> <li class=""> <a href="http://www.harpers.org" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Harpers.org</span> </a> </li> </ul> </div> <div class="grid__item one-half"> <ul class="font-size--sm line-height--4 wd--font-size--m wd--line-height--4 list--reset p0 m0 mxn1 mtn1 "> <li class=""> <a href="/search" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Search</span> </a> </li> <li class=""> <a href="/pages/ccpa-opt-out" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Do not sell my personal information</span> </a> </li> <li class=""> <a href="/policies/terms-of-service" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Terms of Service</span> </a> </li> <li class=""> <a href="/policies/refund-policy" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Refund policy</span> </a> </li> <li class=""> <a href="/policies/privacy-policy" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Privacy policy</span> </a> </li> </ul> </div> </div> </div> <div class="grid__item font-size--sm line-height--4 wd--font-size--m wd--line-height--4 md--up--one-whole lg--up--one-third mb3 lg-up--mb0"> <div class="line-height--3 font-size--sm line-height--4 wd--font-size--m wd--line-height--4"> <p>Receive special offers and first look at new products.</p> </div> <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div class="input-group"> <input type="hidden" name="contact[tags]" value="newsletter"> <label for="Email" class="hide">Enter email</label> <input type="email" name="contact[email]" id="Email" class="input-group-field px2 py1 bg--transparent border--primary-text color--primary-text font-size--s" value="" placeholder="Enter email" autocorrect="off" autocapitalize="off"> <span class="input-group-btn"> <button type="submit" class="btn border--none newsletter__submit px2 py1 font-size--s bg--primary-text border--primary-text color--primary-text--overlay hv-bg--primary-accent hv--border--primary-accent hv--primary-accent--overlay" name="commit" id="Subscribe"> <span class="newsletter__submit">Subscribe</span> </button> </span> </div> </form> </div> </div> </div> </div> <div class="grid grid--rev px2 mt2 lg--up--px0"> <div class="grid__item lg--up--one-half mb3 lg--up--mb0"> <div class="text-align--left lg--up--text-align--right"> <span class="visually-hidden">Payment methods accepted</span> <ul class="payment-icons m0 p0 list--reset font-size--xl mxn1"> <li class="inline-block"> <svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg> </li> <li class="inline-block"> <svg class="payment-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg> </li> <li class="inline-block"> <svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg> </li> <li class="inline-block"> <svg class="payment-icon" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg> </li> <li class="inline-block"> <svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg> </li> <li class="inline-block"> <svg class="payment-icon" width="38" height="24" role="img" aria-labelledby="pi-jcb" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg"><title id="pi-jcb">JCB</title><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><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"/></g><path d="M11.5 5H15v11.5a2.5 2.5 0 0 1-2.5 2.5H9V7.5A2.5 2.5 0 0 1 11.5 5z" fill="#006EBC"/><path d="M18.5 5H22v11.5a2.5 2.5 0 0 1-2.5 2.5H16V7.5A2.5 2.5 0 0 1 18.5 5z" fill="#F00036"/><path d="M25.5 5H29v11.5a2.5 2.5 0 0 1-2.5 2.5H23V7.5A2.5 2.5 0 0 1 25.5 5z" fill="#2AB419"/><path d="M10.755 14.5c-1.06 0-2.122-.304-2.656-.987l.78-.676c.068 1.133 3.545 1.24 3.545-.19V9.5h1.802v3.147c0 .728-.574 1.322-1.573 1.632-.466.144-1.365.221-1.898.221zm8.116 0c-.674 0-1.388-.107-1.965-.366-.948-.425-1.312-1.206-1.3-2.199.012-1.014.436-1.782 1.468-2.165 1.319-.49 3.343-.261 3.926.27v.972c-.572-.521-1.958-.898-2.919-.46-.494.226-.737.917-.744 1.448-.006.56.245 1.252.744 1.497.953.467 2.39.04 2.919-.441v1.01c-.358.255-1.253.434-2.129.434zm8.679-2.587c.37-.235.582-.567.582-1.005 0-.438-.116-.687-.348-.939-.206-.207-.58-.469-1.238-.469H23v5h3.546c.696 0 1.097-.23 1.315-.415.283-.25.426-.53.426-.96 0-.431-.155-.908-.737-1.212zm-1.906-.281h-1.428v-1.444h1.495c.956 0 .944 1.444-.067 1.444zm.288 2.157h-1.716v-1.513h1.716c.986 0 1.083 1.513 0 1.513z" fill="#FFF" fill-rule="nonzero"/></g></svg> </li> <li class="inline-block"> <svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg> </li> <li class="inline-block"> <svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg> </li> </ul> </div> </div> <div class="grid__item lg--up--one-half"> <div class="footer__credit"> <p>© 2025 <a href="/" class=" color--primary-text">Harper's Magazine</a></p> <p class="font-size--xs powered-by mb1 color--primary-text powered_by_link"> <a target="_blank" rel="nofollow" href="https://www.shopify.com/payment-gateways?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">We run on a secure payment gateway</a> </p> <p class="theme-credit font-size--xs m0"> <a class='color--primary-text' href='http://www.switchthemes.co' title='Switch' target='_blank'>Cascade Theme</a> by <a class='color--primary-text' href='http://www.switchthemes.co' title='Switch' target='_blank'>Switch</a> </p> </div> </div> </div> </div> </footer> </div>  <script id="CartTemplate" type="text/template"> <form action="/cart" method="post" novalidate class="cart ajaxcart"> <div class="max-width--4 lg--up--px3 mx--auto color--active-text relative"> <div class="absolute top--0 left--0 full z1 cart__spinner hide" data-ajax-cart-spinner> <div class="spinner color--active-text"></div> </div> <h2 class="f--heading md--up--hide">Shopping Cart</h2> <div class="cart"> <div class="cart__row sm--hide"> <div class="grid"> <div class="grid__item lg--up--three-fifths"> <h2 class="f--heading">Shopping Cart</h2> </div> <div class="grid__item lg--up--two-fifths"> <div class="table full--w"> <div class="table-cell one-third"> <div class="js-qty-wrapper color--main"> Quantity </div> </div> <div class="table-cell two-thirds text-align--right font-size--m"> Total </div> </div> </div> </div> <hr class="hr bg--main mt2"/> </div> {{#items}} <div class="cart__row font-size--sm mt3"> <div class="grid"> <div class="grid__item lg--up--three-fifths"> <div class="grid grid--full "> <div class="grid__item one-quarter"> <a href="{{url}}" {{#ifFirst @index}}data-desktop-active-first-item{{/ifFirst}}> <img src="{{img}}"> </a> </div> <div class="grid__item three-quarters"> <div class="pl2"> <div class="table full--w"> <div class="table-cell two-thirds"> <a class="f--heading font-size--m md--up--font-size--l color--active-text" href="{{url}}">{{name}}</a> </div> <div class="table-cell text-align--right font-size--m one-third md--up--hide"> {{#if discountsApplied}} <small class="ajaxcart__price--strikethrough">{{{linePrice}}}</small> <span class="ajaxcart__price"> {{{discountedPrice}}} </span> {{else}} <span class="ajaxcart__price"> {{{linePrice}}} </span> {{/if}} </div> </div> {{#if variation}} <p class="ajaxcart__product-meta m0">{{variation}}</p> {{/if}} {{#properties}} {{#each this}} {{#if this}} <span class="ajaxcart__product-meta">{{@key}}: {{this}}</span> {{/if}} {{/each}} {{/properties}} <div class="ajax-qty-wrapper color--main three-fifths pm--one-half md--up--hide"> <div class="ajax-qty mxn1"> <div class="flex font-size--s"> <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus bg--transparent border--transparent font-size--xs color--active-text" data-id="{{key}}" data-qty="{{itemMinus}}" data-line="{{line}}"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 64 64"><path fill="#162317" d="M16 32v-2h32v2z"/></svg></span> </button> <input type="text" name="updates[]" class="ajaxcart__qty-num border--transparent bg--transparent text-align--center full--w font-size--m color--active-text" value="{{itemQty}}" min="1" data-id="{{key}}" data-line="{{line}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}"> <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus bg--transparent border--transparent font-size--xs color--active-text" data-id="{{key}}" data-qty="{{itemAdd}}" data-line="{{line}}"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 64 64"><path fill="#162317" fill-rule="evenodd" d="M30 30V15h2v15h15v2H32v15h-2V32H15v-2h15z"/></svg></span> </button> </div> </div> </div> <a class="inline-block mt1 color--active-text ajaxcart__qty-adjust ajaxcart__qty--remove pointer hv--active-accent" data-line="{{line}}"> <small>Remove</small> </a> </div> </div> </div> </div> <div class="grid__item sm--hide lg--up--two-fifths"> <div class="table table--fixed full--w"> <div class="table-cell one-third"> <div class="ajax-qty-wrapper color--main"> <div class="ajax-qty"> <div class="flex font-size--s "> <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus bg--transparent border--transparent font-size--xs color--active-text" data-id="{{key}}" data-qty="{{itemMinus}}" data-line="{{line}}"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 64 64"><path fill="#162317" d="M16 32v-2h32v2z"/></svg></span> </button> <input type="text" name="updates[]" class="ajaxcart__qty-num border--transparent bg--transparent text-align--center full--w font-size--m color--active-text" value="{{itemQty}}" min="1" data-id="{{key}}" data-line="{{line}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}"> <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus bg--transparent border--transparent font-size--xs color--active-text" data-id="{{key}}" data-qty="{{itemAdd}}" data-line="{{line}}"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 64 64"><path fill="#162317" fill-rule="evenodd" d="M30 30V15h2v15h15v2H32v15h-2V32H15v-2h15z"/></svg></span> </button> </div> </div> </div> </div> <div class="table-cell two-thirds text-align--right font-size--m"> {{#if discountsApplied}} <small class="ajaxcart__price--strikethrough">{{{linePrice}}}</small> <span class="ajaxcart__price"> {{{discountedPrice}}} </span> {{else}} <span class="ajaxcart__price"> {{{linePrice}}} </span> {{/if}} </div> </div> </div> </div> </div> {{/items}} <div class="cart__row"> <hr class="hr bg--main my3"/> <div class="grid"> <div class="grid__item md--up--one-half"> <div class="md--up--pr4"> <label class="inline-block mb1 font-size--sm" for="CartSpecialInstructions">Special instructions for seller</label> <textarea class="bg--transparent border--active-text color--active-text full--w" name="note" id="CartSpecialInstructions"></textarea> </div> </div> <div class="grid__item md--up--one-half md--up--text-align--right mt3 md--up--mt0 "> <p class="font-size--xs md--up--font-size--s m0">Shipping & taxes calculated at checkout</p> <div class="table full--w font-size--m mt1"> <div class="table-cell text-align--left md--up--text-align--right"> <p>Subtotal</p> </div> <div class="table-cell text-align--right"> <p>{{{totalPrice}}}</p> {{#if totalCartDiscount}} <p class="ajaxcart__savings text-center"><em>{{{totalCartDiscount}}}</em></p> {{/if}} </div> </div> <div class="grid grid--half-gutter"> <div class="grid__item text-align--right lg--up--two-thirds lg--up--push-one-third"> <input type="submit" name="checkout" class="checkout btn__ajax-checkout btn border--none p1 block full--w border--active-text bg--active-text color--active-text--overlay hv--active-accent--overlay hv-bg--active-accent hv--border--active-accent" value="Check Out" data-desktop-active-last-item> </div> </div> </div> </div> </div> </div> </div> </form> </script> <script id="AjaxQty" type="text/template"> <div class="ajaxcart__qty"> <div class="relative font-size--s "> <button type="button" class="js-qty__adjust js-qty__adjust--minus bg--transparent border--transparent font-size--xs absolute top--0 left--0 full--h" data-id="{{key}}" data-qty="{{itemMinus}}"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 64 64"><path fill="#162317" d="M16 32v-2h32v2z"/></svg></span> </button> <input type="text" class="js-qty__num border--transparent bg--transparent text-align--center full--w font-size--m" value="{{itemQty}}" min="1" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}"> <button type="button" class="js-qty__adjust js-qty__adjust--plus bg--transparent border--transparent font-size--xs absolute top--0 right--0 full--h" data-id="{{key}}" data-qty="{{itemAdd}}"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 64 64"><path fill="#162317" fill-rule="evenodd" d="M30 30V15h2v15h15v2H32v15h-2V32H15v-2h15z"/></svg></span> </button> </div> </div> </script> <script id="JsQty" type="text/template"> <div class="js-qty"> <div class="relative font-size--s"> <button type="button" class="js-qty__adjust js-qty__adjust--minus bg--transparent border--transparent font-size--xs absolute top--0 left--0 full--h" data-id="{{key}}" data-qty="{{itemMinus}}"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 64 64"><path fill="#162317" d="M16 32v-2h32v2z"/></svg></span> </button> <input type="text" class="js-qty__num border--transparent bg--transparent text-align--center full--w font-size--m" value="{{itemQty}}" min="1" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}"> <button type="button" class="js-qty__adjust js-qty__adjust--plus bg--transparent border--transparent font-size--xs absolute top--0 right--0 full--h" data-id="{{key}}" data-qty="{{itemAdd}}"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 64 64"><path fill="#162317" fill-rule="evenodd" d="M30 30V15h2v15h15v2H32v15h-2V32H15v-2h15z"/></svg></span> </button> </div> </div> </script> </body> </html>

CINXE.COM

Your Shopping Cart – Harper's Magazine