/* The swag page (0.13.0): /swag/, every piece of swag on one page. Direction A ("the finder") of the canvas
   "Swag Page Directions v1": white, EB Garamond headings, Nunito Sans (sr.css), the Old Western Culture years'
   colours on the author mugs' rings. Loaded only on pages in the swag look. */
@font-face{font-family:"EB Garamond";src:url(fonts/eb-garamond.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}

.th-swag{--sw-ink:#1B2532;--sw-ink2:#4A5463;--sw-mute:#5A6472;--sw-rule:#E3E5E8;--sw-line:#D5D9DE;--sw-panel:#F3F4F5;--sw-band:#EDF1F5;--sw-serif:"EB Garamond",Georgia,"Times New Roman",serif}
html.th-swag{scroll-padding-top:150px}
.th-swag main{background:#fff}
.th-swag .sec{color:var(--sw-ink)}
.th-swag section[hidden]{display:none!important}
.sw-w{max-width:1280px;margin:0 auto;padding-inline:24px;box-sizing:border-box}
.sw-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.sw-kick{margin:0;font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--sw-mute)}
.sw-h1{margin:0;font-family:var(--sw-serif);font-weight:500;font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.01em;color:var(--sw-ink)}
.sw-h2{margin:0;font-family:var(--sw-serif);font-weight:500;font-size:clamp(28px,3vw,38px);line-height:1.1;color:var(--sw-ink)}
.sw-h2-xl{font-size:clamp(34px,3.8vw,50px);line-height:1.05}
.sw-n{font-family:"Nunito Sans",Arial,sans-serif;font-size:15px;font-weight:700;color:var(--sw-mute);letter-spacing:0}
.sw-lead{margin:0;max-width:640px;font-size:18px;line-height:1.6;color:var(--sw-ink2)}
.sw-sline{margin:0;max-width:640px;font-size:15px;line-height:1.55;color:var(--sw-ink2)}
.sw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:22px;border:1.5px solid var(--sw-ink);background:#fff;color:var(--sw-ink);font:800 13.5px/1.1 "Nunito Sans",Arial,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;box-sizing:border-box}
.sw-btn:hover{background:var(--sw-panel)}
.sw-add{background:var(--sw-ink);color:#fff}
.sw-add:hover{background:#2C3A4D}
.sw-ghost{border-color:var(--sw-line)}
.sw-btn:focus-visible,.sw-cart:focus-visible,.sw-tab:focus-visible,.sw-chip:focus-visible,.sw-pill:focus-visible,.sw-acard:focus-visible,.sw-cnav:focus-visible,.sw-seg button:focus-visible,.sw-letters button:focus-visible,.sw-search:focus-within{outline:3px solid #2D5F86;outline-offset:2px}
.sw-price{font-weight:700;font-size:15px;color:var(--sw-ink)}
.sw-price s{font-weight:600;color:var(--sw-mute);margin-right:4px}
.sw-out{font-size:13px;font-weight:700;color:var(--sw-mute)}

/* the title band */
.sec-sw-hero{padding-block:52px 34px}
.sw-hero{display:flex;flex-wrap:wrap;gap:32px 56px;align-items:center}
.sw-hero-t{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:16px}
.sw-stats{display:flex;flex-wrap:wrap;gap:10px 32px;padding-top:6px}
.sw-stat{margin:0;display:flex;align-items:baseline;gap:8px}
.sw-stat b{font-family:var(--sw-serif);font-weight:500;font-size:34px;line-height:1}
.sw-stat span{font-size:14px;color:var(--sw-ink2)}
.sw-hero-f{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:14px}
.sw-hfaces{display:flex;justify-content:center;flex-wrap:wrap;row-gap:10px;padding-left:14px}
.sw-hface{display:block;width:96px;height:96px;padding:3px;box-sizing:border-box;border-radius:50%;border:2.5px solid var(--ring);background:#fff;margin-left:-14px;overflow:hidden}
.sw-hcap{margin:0;font-family:var(--sw-serif);font-style:italic;font-size:18px;color:var(--sw-ink2)}

/* the finder */
.sec-sw-finder{position:sticky;top:0;z-index:15;background:#fff;border-block:1px solid var(--sw-rule);box-shadow:0 6px 16px rgba(27,37,50,.05)}
.sw-bar{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding-block:12px}
.sw-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:26px;background:var(--sw-panel)}
.sw-tabs[hidden],.sw-search[hidden]{display:none}
.sw-tab{min-height:44px;padding:0 18px;border-radius:22px;border:0;background:transparent;color:var(--sw-ink2);font:800 14.5px/1 "Nunito Sans",Arial,sans-serif;cursor:pointer}
.sw-tab.on{background:#fff;color:var(--sw-ink);box-shadow:0 1px 3px rgba(27,37,50,.18)}
.sw-search{flex:1 1 320px;max-width:560px;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border:1.5px solid #C9CED4;border-radius:24px;background:#fff;box-sizing:border-box;color:var(--sw-mute)}
.sw-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:16px "Nunito Sans",Arial,sans-serif;color:var(--sw-ink);padding:10px 0}
.sw-search input::-webkit-search-cancel-button{cursor:pointer}
.sw-count{margin:0;font-size:14px;color:var(--sw-mute)}
.sw-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}
.sw-chips::-webkit-scrollbar{display:none}
.sw-chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:20px;border:1.5px solid var(--sw-line);background:#fff;color:var(--sw-ink);font:700 14px/1 "Nunito Sans",Arial,sans-serif;text-decoration:none;white-space:nowrap;box-sizing:border-box}
.sw-chip span{font-weight:600;opacity:.7}
.sw-chip.on{background:var(--sw-ink);border-color:var(--sw-ink);color:#fff}
.sw-js .sw-chip:hover:not(.on){border-color:var(--sw-ink)}

/* shelves */
.sw-plain{padding-block:44px 8px}
.sw-shead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;border-bottom:1px solid var(--sw-rule);padding-bottom:14px}
.sw-group{margin-top:24px}
.sw-glabel{margin:0 0 16px;display:flex;align-items:center;gap:10px;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink,var(--sw-ink))}
.sw-glabel span{width:26px;height:3px;border-radius:2px;background:var(--c,var(--sw-ink))}
.sw-glabel i{font-style:normal;font-weight:700;letter-spacing:0;text-transform:none;color:var(--sw-mute)}
.sw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:32px 20px}
.sw-card{display:flex;flex-direction:column;gap:10px;min-width:0}
.sw-card-img{display:block;aspect-ratio:1/1;background:#fff;border:1px solid var(--sw-rule);border-radius:8px;overflow:hidden}
.sw-card-img img,.sw-card-im{width:100%;height:100%;object-fit:contain;display:block}
.sw-noim{display:block;background:var(--sw-panel)}
.sw-card-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.sw-card-k{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sw-mute)}
.sw-card-n{margin:0;font-family:var(--sw-serif);font-weight:500;font-size:19px;line-height:1.2}
.sw-card-n a{color:var(--sw-ink);text-decoration:none}
.sw-card-n a:hover{text-decoration:underline;text-underline-offset:3px}
.sw-card-s{margin:0;font-size:13px;line-height:1.45;color:var(--sw-mute)}
.sw-card-buy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px;margin-top:auto}

/* the commonplace books' band */
.bg-sw-band{background:var(--sw-band);border-block:1px solid #DDE3EA;margin-top:44px}
.sw-bandw{display:flex;flex-wrap:wrap;gap:36px 56px;align-items:center;padding-block:56px}
.sw-band-t{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:14px}
.sw-band-t .sw-lead{font-size:17px}
.sw-band-g{flex:1.3 1 520px;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}
.sw-card-lg{padding:16px;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(27,37,50,.08);gap:12px}
.sw-card-lg .sw-card-img{border:0}
.sw-card-lg .sw-card-n{font-size:23px;line-height:1.15}
.sw-card-lg .sw-card-s{font-size:14px;line-height:1.5;color:var(--sw-ink2)}
.sw-quote{margin:8px 0 0;padding:0 0 0 18px;border-left:3px solid var(--sw-ink)}
.sw-quote blockquote{margin:0;font-family:var(--sw-serif);font-style:italic;font-size:21px;line-height:1.4;color:var(--sw-ink)}
.sw-quote figcaption{margin-top:8px;font-size:13.5px;color:var(--sw-ink2)}

/* the author mugs */
.sw-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.sw-pills[hidden]{display:none}
.sw-pill{min-height:44px;padding:0 16px;border-radius:22px;border:1.5px solid var(--sw-line);background:#fff;color:var(--sw-ink);font:700 14px/1 "Nunito Sans",Arial,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.sw-pill i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.sw-pill span{font-weight:600;opacity:.75}
.sw-pill.on{background:var(--sw-ink);color:#fff;border-color:var(--c,var(--sw-ink))}
.sw-yr{margin-top:28px}
.sw-mugs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:30px 16px}
.sw-mug{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;min-width:0}
.sw-ring{position:relative;display:block;width:128px;height:128px;padding:4px;box-sizing:border-box;border-radius:50%;border:2.5px solid var(--ring);background:#fff;overflow:hidden}
.sw-face{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
/* Until the sync has made the crops: the store's photo of the mug, drawn in close on the face. */
.sw-face-fb{transform:scale(2.27);transform-origin:44.5% 47.5%}
.sw-mugph{position:absolute;left:4px;top:4px;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;object-fit:cover;display:block;background:#fff;opacity:0;transition:opacity .25s ease}
.sw-mugph-fb{object-fit:contain}
@media (hover:hover){.sw-mug:hover .sw-mugph{opacity:1}}
.sw-mug:focus-within .sw-mugph{opacity:1}
@media (prefers-reduced-motion:reduce){.sw-mugph{transition:none}}
/* Landing on a product (/swag/#<product>, from the store's breadcrumbs): a ring round it for a few seconds and,
   for an author mug, its photo for a moment. */
.sw-ring,.sw-card-img{transition:box-shadow .4s ease}
.sw-mug.sw-hit .sw-ring{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--ring)}
.sw-mug.sw-hit-ph .sw-mugph{opacity:1}
.sw-card.sw-hit .sw-card-img{box-shadow:0 0 0 3px #fff,0 0 0 6px #2D5F86}
@media (prefers-reduced-motion:reduce){.sw-ring,.sw-card-img{transition:none}}
.sw-mug-n{margin:8px 0 0;font-family:var(--sw-serif);font-weight:500;font-size:18px;line-height:1.15}
.sw-mug-n a{color:var(--sw-ink);text-decoration:none}
.sw-mug-n a:hover{text-decoration:underline;text-underline-offset:3px}
.sw-mug-d{margin:0;font-size:12.5px;color:var(--sw-mute)}
.sw-mug-buy{display:flex;align-items:center;gap:8px;margin-top:2px}
.sw-mug-buy .sw-price{font-size:14px}
.sw-cart{flex:none;width:44px;height:44px;border-radius:50%;border:1.5px solid #C9CED4;display:inline-flex;align-items:center;justify-content:center;color:var(--sw-ink);box-sizing:border-box;background:#fff}
.sw-cart:hover{border-color:var(--sw-ink);background:var(--sw-panel)}

/* views (the script shows one at a time) */
.sw-view{padding-block:36px 8px}
.sw-view[hidden],.sw-chosen[hidden]{display:none}
.sw-results{padding-block:36px 8px}
.sw-results h2{margin:0 0 6px}
.sw-rlabel{margin:26px 0 12px;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--sw-mute)}
.sw-rauthors{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.sw-rauthor{display:flex;align-items:center;gap:14px;padding:10px 14px 10px 10px;border:1px solid var(--sw-rule);border-radius:40px;background:#fff;text-align:left;cursor:pointer;font-family:"Nunito Sans",Arial,sans-serif;color:var(--sw-ink)}
.sw-rauthor .sw-aface{width:56px;height:56px;padding:2px;border-width:2px;font-size:22px}
.sw-rauthor b{display:block;font-family:var(--sw-serif);font-weight:500;font-size:19px;line-height:1.15}
.sw-rauthor small{font-size:12.5px;color:var(--sw-mute)}
.sw-none{margin:8px 0 0;font-size:16px;color:var(--sw-ink2)}

/* by author */
.sw-arow{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between}
.sw-arow .sw-pills{margin-top:0}
.sw-seg{display:flex;gap:6px;padding:4px;border-radius:26px;background:var(--sw-panel)}
.sw-seg button{min-height:40px;padding:0 16px;border-radius:20px;border:0;background:transparent;color:var(--sw-ink2);font:700 14px/1 "Nunito Sans",Arial,sans-serif;cursor:pointer}
.sw-seg button.on{background:#fff;color:var(--sw-ink);box-shadow:0 1px 3px rgba(27,37,50,.18)}
.sw-letters{margin-top:14px;display:flex;flex-wrap:wrap;gap:4px}
.sw-letters button{min-width:40px;min-height:40px;padding:0 8px;border-radius:8px;border:0;background:var(--sw-panel);color:var(--sw-ink);font-family:var(--sw-serif);font-size:18px;cursor:pointer}
.sw-letters button.on{background:var(--sw-ink);color:#fff}
.sw-agrid{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:26px 16px}
.sw-acard{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 12px;border-radius:14px;border:1.5px solid var(--sw-rule);background:#fff;cursor:pointer;text-align:center;font-family:"Nunito Sans",Arial,sans-serif;color:var(--sw-ink)}
.sw-acard[hidden]{display:none}
.sw-acard:hover{border-color:var(--ring)}
.sw-acard.on{border-color:var(--ring);background:var(--tint)}
.sw-aface{display:flex;align-items:center;justify-content:center;width:104px;height:104px;padding:3px;box-sizing:border-box;border-radius:50%;border:2.5px solid var(--ring);background:#fff;overflow:hidden}
.sw-ainit{background:var(--tint);color:var(--ink);font-family:var(--sw-serif);font-size:34px;padding:0}
.sw-an{font-family:var(--sw-serif);font-size:18px;line-height:1.15;margin-top:4px}
.sw-ad{font-size:12px;color:var(--sw-mute)}
.sw-am{font-size:12.5px;font-weight:700;color:var(--ink)}
.sw-chosen{margin-top:22px;border:1px solid var(--sw-rule);border-radius:14px;background:var(--tint,#fff);padding:24px;display:flex;flex-wrap:wrap;gap:24px 32px;align-items:flex-start}
.sw-chosen-a{flex:0 1 260px;min-width:0;display:flex;flex-direction:column;gap:10px}
.sw-chosen-f .sw-aface{width:168px;height:168px;padding:5px;border-width:3px;font-size:54px}
.sw-chosen-a .sw-kick{color:var(--ink);margin-top:6px}
.sw-chosen-n{margin:0;font-family:var(--sw-serif);font-weight:500;font-size:36px;line-height:1.05}
.sw-chosen-n:focus{outline:none}
.sw-chosen-d,.sw-chosen-s{margin:0;font-size:14.5px;line-height:1.5;color:var(--sw-ink2)}
.sw-chosen-a .sw-btn{align-self:flex-start}
.sw-chosen-g{flex:999 1 560px;min-width:0;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:28px 18px}

/* by collection */
.sw-colls{display:flex;flex-wrap:wrap;gap:28px 36px;align-items:flex-start}
.sw-colls[hidden]{display:none}
.sw-cnavs{flex:1 1 260px;max-width:320px;display:flex;flex-direction:column;gap:6px}
.sw-cnav{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px 8px 8px;border-radius:12px;border:1.5px solid var(--sw-rule);background:#fff;cursor:pointer;text-align:left;font-family:"Nunito Sans",Arial,sans-serif;color:var(--sw-ink)}
.sw-cnav img,.sw-cnav>span:first-child{flex:none;width:48px;height:48px;border-radius:8px;object-fit:cover;background:#fff}
.sw-cnav.on{border-color:var(--sw-ink);background:var(--sw-panel)}
.sw-cnav-n{flex:1;min-width:0;font-family:var(--sw-serif);font-size:19px;line-height:1.15}
.sw-cnav-c{font-size:13px;font-weight:700;color:var(--sw-mute)}
.sw-cpanel{flex:999 1 560px;min-width:0}
.sw-cpanel h2:focus{outline:none}
.sw-cpanel .sw-sline{margin:6px 0 22px}
.sw-cpanel .sw-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:30px 18px}

/* the closing note */
.sec-sw-note{padding-block:56px 64px}
.sw-note{border-radius:14px;background:var(--sw-panel);padding:26px 28px;display:flex;flex-wrap:wrap;gap:14px 40px;align-items:center;justify-content:space-between}
.sw-note>div{display:flex;flex-direction:column;gap:6px;max-width:760px}
.sw-note-h{margin:0;font-family:var(--sw-serif);font-size:24px}
.sw-note-p{margin:0;font-size:15px;line-height:1.6;color:var(--sw-ink2)}

/* back to the finder (phones, where the finder doesn't stay at the top) */
.sw-top{position:fixed;right:16px;bottom:18px;z-index:30;display:none;align-items:center;gap:8px;min-height:48px;padding:0 18px;border-radius:24px;border:0;background:var(--sw-ink);color:#fff;font:800 14px/1 "Nunito Sans",Arial,sans-serif;box-shadow:0 8px 24px rgba(27,37,50,.25);cursor:pointer}

@media (max-width:700px){
  html.th-swag{scroll-padding-top:16px}
  .sw-w{padding-inline:16px}
  .sec-sw-hero{padding-block:36px 24px}
  .sw-hero-f{flex-basis:100%}
  .sw-hfaces{flex-wrap:nowrap;padding-left:10px}
  .sw-hface{width:58px;height:58px;padding:2px;border-width:2px;margin-left:-10px}
  .sec-sw-finder{position:relative}
  .sw-bar{gap:10px}
  .sw-tabs{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto}
  .sw-tab{flex:1 0 auto;padding:0 12px;font-size:14px}
  .sw-search{flex-basis:100%;max-width:none}
  .sw-count{display:none}
  .sw-top.on{display:inline-flex}
  .sw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}
  .sw-card-n{font-size:17.5px}
  .sw-btn{padding:0 12px;font-size:13px}
  .sw-mugs{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 6px}
  .sw-ring{width:92px;height:92px;padding:3px}
  .sw-mugph{left:3px;top:3px;width:calc(100% - 6px);height:calc(100% - 6px)}
  .sw-mug-n{font-size:15px}
  .sw-mug-d{font-size:11.5px}
  .sw-mug-buy .sw-price{font-size:13px}
  .sw-bandw{padding-block:40px;gap:28px}
  .sw-band-g{flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .sw-card-lg{padding:10px}
  .sw-card-lg .sw-card-n{font-size:18px}
  .sw-quote blockquote{font-size:19px}
  .sw-agrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
  .sw-aface{width:84px;height:84px}
  .sw-chosen{padding:18px}
  .sw-chosen-f .sw-aface{width:120px;height:120px;font-size:40px}
  .sw-chosen-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  .sw-cnavs{max-width:none;flex-basis:100%;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px}
  .sw-cnav{flex:none}
  .sw-cpanel .sw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  .sw-note{padding:20px}
}