/* Shared design system: Georgia for reading;
Hand for major headings. */
@font-face{
  font-family:Hand;
  src:url(brush.woff2);
  font-display:swap
}
:root{
  --header-height:60px;
  --jump-height:0px
}
*{
  box-sizing:border-box
}
html{
  scroll-behavior:smooth
}
body{
  margin:0;
  font:18px/1.7 Georgia,serif;
  color:#342f39;
  --accent:#822c54;
  --page-paper:#ffffff;
  --wash:#eee8dd;
  --tint:#f0e8df;
  --rule:#d5c6cb;
  --nav-wash:#eadce4;
  background:var(--wash)
}
body.gone{
  --accent:#345977;
  --page-paper:#ffffff;
  --wash:#e4ebee;
  --tint:#eaf0f3;
  --rule:#c4d1d7;
  --nav-wash:#dce9f0
}
body.orphan{
  --accent:#922353;
  --page-paper:#ffffff;
  --wash:#f0e3e5;
  --tint:#f6eaee;
  --rule:#dac4cd;
  --nav-wash:#f1dce5
}
body.mother{
  --accent:#3c625a;
  --page-paper:#ffffff;
  --wash:#dce8ed;
  --tint:#e8f0f3;
  --rule:#b8cdd1;
  --nav-wash:#dbe8df
}
body.getting-out{
  --accent:#695830;
  --page-paper:#ffffff;
  --wash:#e9e8da;
  --tint:#efefdf;
  --rule:#cccdbb;
  --nav-wash:#e5e7d6
}
body.field{
  --accent:#486147;
  --page-paper:#ffffff;
  --wash:#e3ebdd;
  --tint:#edf3e6;
  --rule:#c7d4bc;
  --nav-wash:#dce9d5
}
body.bio-paper{
  --wash:#ece1d7;
  --tint:#f2e9df
}
body.links-paper{
  --wash:#e5eadf;
  --tint:#eef2e7
}
body.contact-paper{
  --wash:#eee4e9
}
body.privacy-paper{
  --wash:#e8e5de
}
a{
  color:var(--accent);
  text-underline-offset:4px
}
a:hover{
  color:#173866
}
a:focus-visible,summary:focus-visible{
  outline:3px solid var(--accent);
  outline-offset:4px
}
img{
  max-width:100%;
  height:auto
}
figure{
  margin:0
}
main>*,main section>*,main article>*{
  min-width:0
}
main a{
  overflow-wrap:anywhere
}
p{
  margin:0 0 20px
}
h1,h2{
  font-family:Hand,Georgia,serif;
  font-weight:normal;
  line-height:1.2
}
h1{
  font-size:clamp(38px,4.5vw,52px);
  margin:12px 0 22px
}
h2{
  font-size:clamp(30px,3.2vw,37px);
  margin:26px 0 18px
}
h3{
  font:normal 24px/1.4 Georgia,serif;
  margin:24px 0 14px
}
h4{
  font:normal 20px/1.5 Georgia,serif;
  color:var(--accent);
  margin:22px 0 14px
}
blockquote{
  margin:20px 0
}
blockquote p:last-child{
  margin-bottom:0
}
cite{
  font-style:normal
}
header,main,footer{
  max-width:1100px;
  margin:auto;
  padding-inline:38px;
  background:var(--page-paper)
}
main{
  padding-block:28px 38px;
  min-height:50vh
}
main[id],main [id]{
  scroll-margin-top:calc(var(--header-height) + var(--jump-height) + 20px)
}
/* Working-studio masthead: original books and clay work, with real navigation. */
header{
  position:relative;
  background:#e7eee5;
  color:#3c3543
}
.site-nav{
  position:sticky;
  top:0;
  z-index:30;
  max-width:1100px;
  margin:auto;
  background:#e7eee5;
  border-bottom:1px solid #acbdaa;
  box-shadow:0 3px 10px #342f3910
}
.masthead{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  padding:18px 0 13px;
  background:linear-gradient(115deg,transparent,#d5e2d280)
}
.author-identity{
  display:block;
  flex:0 1 380px;
  min-width:0
}
.brand{
  font:44px/1.2 Hand,Georgia,serif;
  color:#3c3543;
  text-decoration:none;
  display:inline-block
}
.brand:hover{
  color:#753751;
  text-decoration:none
}
.author-craft{
  font:italic 20px/1.4 Georgia,serif;
  color:#6d4d60;
  margin:12px 0 0
}
.masthead-art{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
  padding:8px 5px;
  flex:0 1 540px
}
.masthead-art a{
  display:block;
  flex:1 1 62px;
  min-width:0;
  max-width:70px;
  transition:transform .15s
}
.masthead-art img{
  display:block;
  width:100%;
  height:auto;
  max-height:112px;
  object-fit:contain;
  background:#fffaf0;
  border:3px solid #fffaf0;
  box-shadow:2px 4px 5px #302c3226
}
.masthead-book:nth-child(1){
  transform:rotate(-7deg) translateY(4px)
}
.masthead-book:nth-child(2){
  transform:rotate(3deg) translateY(-5px)
}
.masthead-book:nth-child(3){
  transform:rotate(-3deg) translateY(3px)
}
.masthead-book:nth-child(4){
  transform:rotate(5deg) translateY(-3px)
}
.masthead-book:nth-child(5){
  transform:rotate(-5deg) translateY(5px)
}
.masthead-art .masthead-pottery{
  flex:1.3 1 86px;
  max-width:95px;
  transform:rotate(5deg)
}
.masthead-pottery img{
  max-height:127px
}
.masthead-art a:hover,.masthead-art a:focus-visible{
  transform:translateY(-5px);
  position:relative;
  z-index:1
}
nav{
  display:flex;
  flex-wrap:wrap;
  gap:12px 22px;
  font:16px/1.5 Georgia,serif
}
nav a{
  text-decoration:none
}
.site-nav{
  flex-wrap:nowrap;
  align-items:center;
  gap:10px;
  padding:5px 38px 7px;
  border-top:1px solid #acbdaa;
  font-size:16px;
  white-space:nowrap
}
.site-nav>a,.nav-trigger>a{
  color:#512c43;
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:8px 11px;
  border-radius:3px
}
.site-nav>a:first-child{
  margin-left:-11px
}
.nav-trigger{
  display:flex;
  align-items:center
}
.nav-trigger>a{
  padding-right:3px
}
.site-nav>a:hover,.site-nav>a:focus-visible,.nav-trigger>a:hover,.nav-trigger>a:focus-visible,.site-nav>a[aria-current=page],.nav-trigger>a[aria-current=page],.nav-dropdown.is-active>.nav-trigger>a{
  background:transparent;
  color:#412a39;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:7px
}
header a:focus-visible,.site-nav a:focus-visible,.site-nav button:focus-visible{
  outline-color:#743952
}
.nav-dropdown{
  position:relative
}
.nav-trigger button{
  font:18px/1 Georgia,serif;
  color:#512c43;
  background:transparent;
  border:0;
  border-radius:3px;
  width:40px;
  min-height:44px;
  padding:6px;
  cursor:pointer
}
.nav-trigger button:hover,.nav-trigger button[aria-expanded=true]{
  background:#e8dce0
}
button:focus-visible{
  outline:3px solid var(--accent);
  outline-offset:3px
}
.nav-panel{
  position:absolute;
  top:100%;
  left:0;
  z-index:50;
  min-width:245px;
  display:grid;
  padding:6px;
  background:var(--tint);
  border:1px solid var(--rule);
  box-shadow:0 8px 18px #342f3918;
  white-space:normal
}
.nav-panel[hidden],button[hidden]{
  display:none
}
.nav-panel>a{
  color:#512c43;
  font:400 19px/1.5 Georgia,serif;
  min-height:44px;
  padding:10px 12px;
  border-radius:2px
}
.nav-panel>a:hover,.nav-panel>a:focus-visible{
  background:#fff;
  text-decoration:underline;
  outline-color:var(--accent)
}
.skip{
  position:absolute;
  top:-100px
}
.skip:focus{
  position:fixed;
  top:8px;
  left:8px;
  z-index:100;
  background:white;
  padding:12px
}
.book-jumps{
  position:relative;
  gap:3px 6px;
  padding:7px 10px;
  margin:0 0 26px;
  background:var(--tint);
  box-shadow:0 3px 7px #342f3908
}
.book-jumps a{
  color:#512c43;
  font-size:19px;
  font-weight:400;
  padding:8px 10px;
  min-height:40px;
  border-radius:3px
}
.book-jumps a:hover,.book-jumps a:focus-visible{
  background:#fff;
  box-shadow:inset 0 -2px var(--accent)
}
.within-section{
  font-size:16px;
  padding:10px 0 18px;
  border-bottom:1px solid var(--rule);
  margin-bottom:28px
}
/* Reading hierarchy and shared actions. */
.eyebrow{
  font:16px/1.5 Georgia,serif;
  letter-spacing:.025em;
  color:var(--accent);
  margin-bottom:14px
}
.intro{
  max-width:700px;
  font-size:21px;
  line-height:1.6
}
.prose{
  max-width:680px
}
.prose p{
  white-space:normal;
  line-height:1.8
}
.prose p:empty{
  display:none
}
.prose h2{
  font:26px/1.4 Georgia,serif
}
.breadcrumb,.source-note{
  font-size:16px;
  color:#66515c
}
.actions{
  display:flex;
  flex-wrap:wrap;
  gap:18px 24px;
  align-items:center;
  margin:22px 0
}
.actions a{
  padding:7px 0;
  border-bottom:2px solid var(--accent);
  text-decoration:none
}
.primary-link,.actions .primary-link{
  display:inline-block;
  padding:10px 18px;
  color:#fff;
  background:var(--accent);
  border:1px solid var(--accent);
  text-decoration:none
}
.primary-link:hover{
  background:#342f39;
  color:white
}
.related,.theme-section{
  border-top:1px solid var(--rule);
  margin-top:32px;
  padding-top:16px
}
.theme-index{
  border-block:1px solid var(--rule);
  padding:16px 0;
  margin-bottom:24px
}
.book-list{
  padding-left:24px
}
.book-list li{
  margin-bottom:14px
}
/* Homepage: the approved story-led introduction and original cover images. */
.collection-heading{
  font:normal 34px/1.3 Georgia,serif;
  max-width:780px;
  margin:0 0 22px;
  padding:0 0 20px;
  border-bottom:1px solid var(--rule)
}
#find-a-story>.story-feature:first-of-type{
  padding-top:0;
  border-top:0
}
.story-feature{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:36px;
  padding:30px 0;
  border-top:1px solid var(--rule)
}
.story-feature img{
  max-height:350px;
  object-fit:contain
}
.story-feature h2{
  font:normal 27px/1.4 Georgia,serif;
  margin:0 0 16px
}
.page-taste{
  border-left:2px solid var(--accent);
  padding-left:22px;
  font-size:19px;
  line-height:1.65
}
.page-taste cite{
  display:block;
  font-size:16px;
  margin-top:12px
}
.other-books{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px
}
.other-books article{
  display:grid;
  grid-template-columns:135px minmax(0,1fr);
  gap:22px
}
.other-books h3{
  margin-top:0
}
.other-books img{
  max-height:220px;
  object-fit:contain
}
.story-card-hook{
  font-size:21px;
  color:var(--accent);
  line-height:1.45
}
.hero{
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:42px;
  align-items:center;
  padding:20px 0 30px
}
.hero img{
  max-height:350px;
  object-fit:contain;
  justify-self:center
}
.portrait-figure{
  max-width:300px;
  justify-self:center
}
.portrait-figure figcaption{
  font-size:16px;
  margin-top:12px
}
/* Full book pages: cover facts stay beneath each cover. */
.book-top{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:38px;
  align-items:start;
  padding:20px 0 24px
}
.cover-figure{
  min-width:0;
  max-width:240px
}
.cover-figure img{
  display:block;
  width:100%;
  max-height:390px;
  object-fit:contain;
  object-position:top left;
  filter:drop-shadow(2px 4px 3px #342f3914)
}
.cover-caption{
  font:16px/1.6 Georgia,serif;
  margin-top:14px
}
.cover-caption>span{
  display:block
}
.cover-title{
  font-weight:bold
}
.edition-details{
  font-size:16px;
  line-height:1.6;
  border-top:1px solid var(--rule);
  padding-top:10px;
  margin-top:10px;
  overflow-wrap:anywhere
}
.book-top h1{
  margin:0 0 18px
}
.book-top .intro{
  font-size:24px;
  line-height:1.45
}
.story-description{
  font-size:18px;
  line-height:1.75;
  max-width:680px
}
.book-reading{
  max-width:850px;
  margin:40px auto 0;
  padding-top:28px;
  border-top:1px solid var(--rule)
}
.book-reading>h2{
  margin-top:0
}
.book-reading>.prose{
  margin-inline:auto
}
.paper-section{
  padding:28px 30px;
  background:transparent;
  border-top:1px solid var(--rule)
}
.paper-section>h2{
  margin-top:0;
  margin-bottom:24px
}
.book-reading#excerpt{
  background:var(--tint);
  border:0;
  font-size:18px
}
.excerpt-opening::first-letter{
  font-family:Georgia,serif;
  font-size:2.8em;
  line-height:1;
  float:left;
  margin:7px 8px 0 0;
  color:var(--accent)
}
.reading-choice{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:30px;
  padding:30px 0;
  border-top:1px solid var(--rule)
}
.reading-choice img{
  max-height:230px;
  object-fit:contain
}
.reading-choice h2{
  margin-top:0
}
.reading-end{
  margin-top:32px;
  padding-top:18px;
  border-top:1px solid var(--rule)
}
/* Selected praise gets emphasis;
the remaining full reviews form a reading list. */
.selected-reviews{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin:24px 0 32px
}
.selected-reviews>.review-card{
  padding:24px;
  background:var(--tint);
  border-top:3px solid var(--accent)
}
.review-card blockquote{
  font-size:18px;
  line-height:1.75;
  margin:0
}
.review-card blockquote+blockquote{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid var(--rule)
}
.review-card blockquote p{
  margin:0 0 16px
}
.review-card blockquote p:last-child{
  margin-bottom:0
}
.review-credit,.review-source{
  font:16px/1.6 Georgia,serif;
  color:var(--accent);
  margin:18px 0 0
}
.review-group-title{
  font-size:24px;
  margin:32px 0 0
}
.review-list{
  max-width:720px;
  margin-inline:auto
}
.review-list>.review-card{
  padding:26px 0;
  border-bottom:1px solid var(--rule)
}
.review-list>.review-card:last-child{
  border-bottom:0
}
.review-source-links{
  margin-top:22px;
  font-size:16px
}
.review-stack{
  display:grid;
  gap:24px
}
/* Buying and related stories. */
.book-buy{
  max-width:850px;
  margin:40px auto;
  padding:28px 30px;
  background:var(--tint)
}
.book-buy h2{
  margin-top:0
}
.retailer-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:14px;
  margin-top:20px
}
.retailer-choice{
  display:block;
  padding:18px;
  text-decoration:none;
  border:1px solid var(--rule);
  background:var(--page-paper)
}
.retailer-choice strong{
  display:block;
  font-size:18px;
  line-height:1.4
}
.retailer-choice span{
  display:block;
  font-size:16px;
  line-height:1.6;
  margin-top:8px;
  color:#514751
}
.retailer-choice:hover{
  outline:1px solid var(--accent);
  background:white
}
.related-reading article{
  padding:20px 0;
  border-bottom:1px solid var(--rule)
}
.related-reading article:last-child{
  border:0
}
.related-reading h3{
  font-size:22px;
  margin:0 0 10px
}
.related-reading p{
  max-width:680px;
  margin:0
}
.book-closing{
  margin-top:40px;
  padding:28px 0;
  border-top:1px solid var(--rule)
}
.book-closing>h2{
  margin-top:0
}
.next-book-shelf{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:26px;
  margin:28px 0
}
.next-book-shelf article{
  min-width:0
}
.next-book-shelf a{
  display:block;
  text-decoration:none
}
.next-book-shelf .book-photo{
  display:flex;
  align-items:center;
  justify-content:center;
  height:225px;
  padding:10px
}
.next-book-shelf img{
  display:block;
  width:auto;
  height:auto;
  max-height:205px;
  max-width:100%;
  object-fit:contain;
  background:#fffaf0;
  border:4px solid #fffaf0;
  box-shadow:2px 4px 5px #302c3226;
  transition:transform .15s
}
.next-book-shelf article:nth-child(4n+1) img{transform:rotate(-5deg)}
.next-book-shelf article:nth-child(4n+2) img{transform:rotate(3deg)}
.next-book-shelf article:nth-child(4n+3) img{transform:rotate(-3deg)}
.next-book-shelf article:nth-child(4n+4) img{transform:rotate(5deg)}
.next-book-shelf a:hover img,.next-book-shelf a:focus-visible img{
  transform:translateY(-5px)
}
.next-book-shelf h3{
  font-size:20px;
  margin:16px 0 8px
}
.next-book-shelf span{
  font-size:16px
}
.closing-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:18px;
  padding-top:22px;
  border-top:1px solid var(--rule);
  font-size:16px
}
/* Poetry and discussion retain their own lineation and hierarchy. */
.poem{
  padding:12px 0 32px;
  margin:0 0 28px;
  border-bottom:1px solid var(--rule)
}
.poem:last-child{
  border:0;
  margin:0
}
.poem h3{
  font-size:27px;
  color:var(--accent);
  margin:0 0 8px
}
.poem-byline,.poem-credit{
  font:16px/1.6 Georgia,serif;
  color:#66515c
}
.poem-byline{
  margin-bottom:24px
}
.poem-credit{
  font-style:italic;
  margin:24px 0 0
}
.verse{
  font:19px/1.65 Georgia,serif
}
.verse-line{
  display:block;
  white-space:pre-wrap;
  padding-left:1.2em;
  text-indent:-1.2em
}
.sister-quotation{
  padding:26px 0;
  border-bottom:1px solid var(--rule)
}
.sister-quotation blockquote{
  margin:0;
  font-size:20px;
  line-height:1.7
}
.sister-quotation figcaption{
  font:16px/1.6 Georgia,serif;
  color:var(--accent);
  margin-top:16px
}
.guide-subsection{
  margin:28px 0
}
.guide-subsection h3{
  color:var(--accent)
}
.guide-subsection ol,.resource-list{
  padding-left:26px
}
.guide-subsection li,.resource-list li{
  padding-left:6px;
  margin-bottom:20px
}
/* About, ceramics, contact and footer. */
.about-conversation{
  margin-top:38px
}
.interview-qa{
  max-width:690px
}
.interview-qa section,.interview-qa+.interview-qa{
  padding-top:22px;
  border-top:1px solid var(--rule);
  margin-top:26px
}
.interview-qa h3{
  font-size:23px;
  color:var(--accent)
}
.interview-qa p{
  line-height:1.8
}
.ceramics-feature{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
  gap:34px;
  align-items:center;
  background:var(--tint);
  padding:28px;
  margin-top:38px
}
.ceramics-photo img{
  display:block;
  width:100%;
  max-height:410px;
  object-fit:contain
}
.ceramics-photo figcaption{
  font:16px/1.6 Georgia,serif;
  margin-top:12px
}
.ceramics-logo{
  display:block;
  width:66px;
  max-height:80px;
  object-fit:contain;
  margin-bottom:16px
}
.ceramics-feature h2{
  margin-top:8px
}
.ceramics-elsewhere{
  display:flex;
  align-items:center;
  gap:26px;
  padding:22px;
  background:var(--tint);
  margin:22px 0 30px
}
.ceramics-elsewhere>a{
  flex:none
}
.ceramics-elsewhere h2{
  margin-top:0
}
.contact-letter{
  max-width:700px;
  padding:24px 0 60px
}
.email-address{
  font-size:clamp(19px,3vw,27px);
  overflow-wrap:anywhere
}
footer{
  background:#e7eee5;
  border-top-color:#acbdaa;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:18px;
  padding-block:20px;
  border-top:1px solid #acbdaa;
  font:16px/1.6 Georgia,serif
}
.notice{
  padding:8px;
  text-align:center;
  font-size:16px;
  background:var(--tint)
}
/* Quiet distinctions between extended reading sections. */
.orphan #discussion{
  background:var(--tint)
}
.orphan #sister-poems{
  background:var(--page-paper);
  border-top:3px solid var(--rule)
}
.orphan #sister-quotes{
  background:#f4eef2
}
footer nav{
  gap:12px 22px;
  font-size:16px
}
footer nav a{
  padding-block:6px;
  text-decoration:underline
}
/* Compact layouts keep all four main destinations visible. */
@media(max-width:900px){
  header,main,footer,.site-nav{
    padding-inline:24px
  }
  .brand{
    font-size:38px
  }
  .author-identity{
    flex-basis:320px
  }
  .masthead{
    gap:14px
  }
  .masthead-art{
    gap:5px
  }
  .other-books{
    grid-template-columns:1fr
  }
  .book-top{
    grid-template-columns:220px minmax(0,1fr);
    gap:28px
  }
}
@media(max-width:750px){
  header,main,footer,.site-nav{
    padding-inline:20px
  }
  .book-top,.story-feature,.hero,.ceramics-feature{
    grid-template-columns:1fr;
    gap:24px
  }
  .cover-figure{
    max-width:220px
  }
  .story-feature>a{
    max-width:190px
  }
  .book-top .intro{
    font-size:22px
  }
  .book-jumps{
    flex-wrap:nowrap;
    overflow-x:auto;
    white-space:nowrap;
    margin-inline:-20px;
    font-size:16px
  }
  .book-jumps a{
    flex:none;
    min-height:44px
  }
  .paper-section,.book-buy,.ceramics-feature{
    padding:24px 20px
  }
  .selected-reviews{
    grid-template-columns:1fr;
    gap:18px
  }
  .next-book-shelf{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 20px
  }
  .next-book-shelf .book-photo{height:200px}
  .next-book-shelf img{
    max-height:180px
  }
  .portrait-figure{
    max-width:240px
  }
  .ceramics-photo{
    max-width:330px;
    margin:auto
  }
  .reading-choice{
    grid-template-columns:100px minmax(0,1fr);
    gap:20px
  }
  .other-books article{
    grid-template-columns:110px minmax(0,1fr);
    gap:20px
  }
  .verse{
    font-size:18px
  }
  .collection-heading{
    font-size:28px;
    margin-bottom:20px;
    padding-bottom:18px
  }
}
@media(max-width:600px){
  header,.site-nav{
    padding-inline:16px
  }
  .brand{
    font-size:34px
  }
  .masthead{
    display:block;
    padding:12px 0 6px
  }
  .author-identity{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:8px 12px
  }
  .author-craft{
    font-size:16px;
    margin:0
  }
  .masthead-art{
    justify-content:flex-start;
    gap:7px;
    padding:12px 3px 6px
  }
  .masthead-art a{
    max-width:47px
  }
  .masthead-art img{
    max-height:70px;
    border-width:2px
  }
  .masthead-art .masthead-pottery{
    max-width:58px
  }
  .masthead-pottery img{
    max-height:77px
  }
  .site-nav{
    display:grid;
    grid-template-columns:36px minmax(0,1fr) minmax(0,1.4fr);
    font-size:16px;
    gap:2px 8px;
    white-space:normal;
    padding-bottom:6px
  }
  .site-nav>a,.nav-trigger>a{
    padding:7px 4px
  }
  .site-nav>a:first-child{
    margin-left:0
  }
  .nav-trigger>a{
    min-width:0;
    line-height:1.3
  }
  .nav-trigger button{
    flex:none;
    width:40px;
    padding:6px
  }
  .site-nav .nav-logo{
    grid-column:1;
    grid-row:1 / 3;
    align-self:center
  }
  .site-nav>a[href$="index.html"]:not(.nav-logo){
    grid-column:2;
    grid-row:1
  }
  .site-nav>a[href^="mailto:"]{
    grid-column:3;
    grid-row:1
  }
  .site-nav .nav-dropdown{
    grid-row:2
  }
  .site-nav .nav-dropdown:nth-of-type(1){
    grid-column:2
  }
  .site-nav .nav-dropdown:nth-of-type(2){
    grid-column:3
  }
  .nav-panel{
    min-width:215px;
    max-width:calc(100vw - 32px)
  }
  #about-nav{
    left:auto;
    right:0
  }
  .retailer-grid{
    grid-template-columns:1fr
  }
}
@media(max-width:360px){
  header,.site-nav{
    padding-inline:12px
  }
  .site-nav{
    gap:2px 4px
  }
  .brand{
    font-size:30px
  }
  .ceramics-elsewhere{
    display:block
  }
  .other-books article{
    grid-template-columns:90px minmax(0,1fr)
  }
}
@media(prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto
  }
  .masthead-art a,.next-book-shelf img{
    transition:none
  }
  .next-book-shelf a:hover img,.next-book-shelf a:focus-visible img{
    transform:none
  }
}
/* Studio emblem travels with the main navigation;
book section links scroll normally. */
.site-nav .nav-logo{
  flex:none;
  padding:4px 7px 4px 0;
  margin-left:0;
  min-width:30px
}
.nav-logo img{
  display:block;
  width:30px;
  height:36px;
  object-fit:contain
}
.affiliate-disclosure{
  font:16px/1.6 Georgia,serif;
  padding:12px 0;
  margin:10px 0;
  color:#514751
}
.affiliate-disclosure a{
  white-space:normal
}
.privacy-status{
  padding:18px;
  background:var(--tint);
  border-left:3px solid var(--accent)
}

/* Ceramics portfolio: quiet artwork framing and explicit editorial placeholders. */
.ceramic-portfolio{--accent:#70513c;--paper:#faf6ef;--page-paper:#ffffff;--wash:#eee4d5;--tint:#f1e8dc;--rule:#d0beaa;background:var(--wash)}
.ceramic-portfolio main{max-width:1100px}
.draft-banner,.draft-note{font:16px/1.55 Georgia,serif;color:#625447}
.draft-banner{padding:10px 16px;background:#eee4d5;border-left:3px solid #70513c}
.clay-opening{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:42px;padding:26px 0}
.clay-opening h1{font-size:clamp(42px,5vw,68px);line-height:1.12;margin:14px 0}
.clay-opening figure{margin:0}.clay-opening img{display:block;width:100%;height:340px;object-fit:contain;background:#f0e9df}
.ceramic-portfolio figcaption{font-size:16px;line-height:1.5;margin-top:10px;color:#625447}
.clay-section{padding:40px 0;border-top:1px solid var(--rule);scroll-margin-top:calc(var(--header-height,90px) + 18px)}
.clay-section h2{margin-top:0}.clay-section h3{font-family:Georgia,serif;font-size:23px;line-height:1.35;margin:18px 0 10px}
.clay-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.clay-card{min-width:0}.clay-card figure{margin:0}.clay-card img{width:100%;height:300px;object-fit:contain;background:#f0e9df;display:block}
.photo-placeholder{min-height:300px;border:1px dashed #a68d75;background:linear-gradient(135deg,#f1e8dc,#fbf8f3);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;box-sizing:border-box;color:#625447}
.photo-placeholder span{font:22px/1.4 Georgia,serif}.photo-placeholder p{font:16px/1.5 Georgia,serif;max-width:240px}
.clay-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.clay-wash{background:#f1e8dc;padding:32px;margin:0}.clay-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px}.clay-resources article{border-top:2px solid var(--rule)}
.ceramic-portfolio main button{font:17px/1.4 Georgia,serif;min-height:44px;padding:10px 16px;border:1px solid #70513c;background:#fff;color:#70513c;cursor:pointer;border-radius:3px}
.ceramic-portfolio main button:hover{background:#eee4d5}.ceramic-portfolio main button:focus-visible{outline:3px solid #70513c;outline-offset:3px}.ceramic-portfolio main button:disabled{opacity:.5;cursor:default}
.art-open{margin-top:12px}.art-viewer{width:min(900px,90vw);max-height:90vh;overflow:auto;padding:22px;border:0;background:#faf6ef;color:#303630}.art-viewer::backdrop{background:rgba(20,30,25,.8)}.art-viewer figure{margin:0}.art-viewer img{display:block;width:100%;max-height:62vh;object-fit:contain}.art-viewer h2{font:25px/1.4 Georgia,serif}.art-controls{display:flex;gap:10px;flex-wrap:wrap}.art-controls button:first-child{margin-right:auto}.action-row{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap}.action-row .primary-link{margin:0}.action-row>a:not(.primary-link){text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.action-row{flex-direction:column;align-items:flex-start}}
@media(max-width:800px){.clay-gallery,.clay-resources{grid-template-columns:repeat(2,minmax(0,1fr))}.clay-opening{gap:24px}.clay-opening img{height:280px}.clay-two{gap:22px}}
@media(max-width:600px){.site-nav{grid-template-columns:30px repeat(3,minmax(0,1fr));gap:2px 6px}.site-nav>a[href$="index.html"]:not(.nav-logo){grid-column:2;grid-row:1}.site-nav>a[href$="ceramics.html"]{grid-column:3;grid-row:1}.site-nav>a[href^="mailto:"]{grid-column:4;grid-row:1}.site-nav .nav-dropdown:nth-of-type(1){grid-column:2;grid-row:2}.site-nav .nav-dropdown:nth-of-type(2){grid-column:3 / 5;grid-row:2}.clay-opening,.clay-two{grid-template-columns:1fr}.clay-opening{padding:18px 0;gap:18px}.clay-opening img{height:300px}.clay-gallery,.clay-resources{grid-template-columns:1fr}.clay-section{padding:28px 0}.clay-wash{padding:22px 16px;margin:0}.clay-card img{height:340px}.photo-placeholder{min-height:240px}}

/* Shared menu typography and compact chevrons. */
.site-nav{font-size:20px;font-weight:400;gap:6px}
.site-nav>a:hover,.site-nav>a:focus-visible,.nav-trigger>a:hover,.nav-trigger>a:focus-visible,.nav-trigger button:hover,.nav-trigger button:focus-visible,.nav-trigger button[aria-expanded=true]{background:#fff}
.nav-trigger button{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:44px;padding:0;border:0;background:transparent}
.nav-trigger button[hidden]{display:none}
.menu-chevron{display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.nav-trigger button[aria-expanded=true] .menu-chevron{transform:translateY(2px) rotate(225deg)}
@media(max-width:900px) and (min-width:601px){.site-nav{font-size:18px;gap:3px;padding-inline:20px}.site-nav>a,.nav-trigger>a{padding-inline:7px}}
@media(max-width:600px){.site-nav{font-size:18px}.nav-panel>a,.book-jumps a{font-size:18px}.nav-trigger button{width:32px;min-width:32px}.site-nav .nav-dropdown:nth-of-type(1){grid-column:4;grid-row:1}.site-nav .nav-dropdown:nth-of-type(2){grid-column:2 / 4;grid-row:2}.site-nav>a[href^="mailto:"]{grid-column:4;grid-row:2}.nav-panel{min-width:225px;max-width:calc(100vw - 32px)}#novels-nav{left:auto;right:0}#about-nav{left:0;right:auto}}

/* Mobile navigation follows the same reading order as desktop. */
@media(max-width:600px){.site-nav .nav-dropdown:nth-of-type(1){grid-column:3;grid-row:1}.site-nav>a[href$="ceramics.html"]{grid-column:4;grid-row:1}}

/* One photographic treatment; logos and viewer images remain unframed. */
main img.photo-frame{box-sizing:border-box;border:5px solid #fffaf0;background:transparent;padding:0;box-shadow:2px 5px 9px #302c3226;height:auto;object-fit:contain;max-width:100%}
main img.product-photo{transform:rotate(-1deg);transition:transform .22s ease,box-shadow .22s ease}
main .clay-card:nth-child(even) img.product-photo{transform:rotate(1deg)}
main .clay-card img.photo-frame,main .clay-opening img.photo-frame{height:auto;max-height:none;width:100%;background:transparent}
main .clay-card figure{padding:8px 6px 0}
main .clay-card figcaption{margin-top:14px}
main button.photo-zoom{display:block;position:relative;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:inherit;width:100%;max-width:100%;cursor:zoom-in;box-shadow:none;line-height:0}
main button.photo-zoom:hover,main button.photo-zoom:focus-visible{background:transparent;color:inherit}
main button.photo-zoom:focus-visible{outline:2px solid #512c43;outline-offset:7px}
main button.photo-zoom::after{content:'+';position:absolute;right:12px;bottom:12px;font:24px/28px Georgia,serif;width:28px;border-radius:50%;background:#fffaf0;color:#512c43;opacity:0;pointer-events:none}
main button.photo-zoom:focus-visible::after{opacity:1}
@media(hover:hover) and (pointer:fine){main a:hover img.product-photo,main button.photo-zoom:hover img.product-photo{transform:translateY(-3px) rotate(1deg);box-shadow:3px 8px 12px #302c3233}main button.photo-zoom:hover::after{opacity:1}}
main a:focus-visible img.product-photo,main button.photo-zoom:focus-visible img.product-photo{transform:translateY(-3px) rotate(0)}
@media(prefers-reduced-motion:reduce){main img.product-photo{transition:none;transform:none!important}main a:hover img.product-photo,main a:focus-visible img.product-photo,main button.photo-zoom:hover img.product-photo,main button.photo-zoom:focus-visible img.product-photo{transform:none!important}}
.show-portrait{margin:0 0 28px;max-width:760px}.show-portrait img{display:block;width:100%;height:auto}.clay-opening img{height:360px}
@media(max-width:600px){.site-nav{grid-template-columns:30px minmax(0,1fr) minmax(0,1.4fr)}.site-nav .nav-logo{grid-row:1 / 4}.site-nav>a[href$="index.html"]:not(.nav-logo){grid-column:2;grid-row:1}.site-nav .nav-dropdown:nth-of-type(1){grid-column:3;grid-row:1}.site-nav>a[href$="ceramics.html"]{grid-column:2;grid-row:2}.site-nav .nav-dropdown:nth-of-type(2){grid-column:3;grid-row:2}.site-nav>a[href^="mailto:"]{grid-column:2 / 4;grid-row:3}#about-nav{left:auto;right:0}.clay-opening img{height:auto;max-height:340px}}

/* The frame follows the portrait image, not its wider feature column. */
main .ceramics-photo img.photo-frame{width:auto;height:auto;max-height:410px;max-width:100%;margin-inline:auto}
main .ceramics-photo button.photo-zoom{width:fit-content;max-width:100%;margin-inline:auto;background:transparent}
main .ceramics-photo{background:transparent}
.masthead-art a.masthead-signature{max-width:80px;flex:0 1 80px;transform:rotate(5deg);transition:transform .2s ease}
.masthead-art .masthead-signature img{box-sizing:border-box;width:100%;height:auto;max-height:100px;border:3px solid #fffaf0;box-shadow:2px 4px 5px #302c3226;background:#fffaf0}
@media(hover:hover) and (pointer:fine){.masthead-art a.masthead-signature:hover{transform:translateY(-4px) rotate(-2deg)}}
.masthead-art a.masthead-signature:focus-visible{transform:translateY(-4px) rotate(-2deg)}
@media(prefers-reduced-motion:reduce){.masthead-art a.masthead-signature,.masthead-art a.masthead-signature:hover,.masthead-art a.masthead-signature:focus-visible{transform:none;transition:none}}
@media(max-width:600px){.site-nav .nav-dropdown:nth-of-type(2){grid-column:2;grid-row:2}.site-nav>a[href$="bio.html"]{grid-column:3;grid-row:2}#ceramics-nav{left:0;right:auto;max-width:calc(100vw - 60px)}.masthead-art a.masthead-signature{max-width:55px}.masthead-art .masthead-signature img{max-height:70px}}

.author-identity{font:18px/1.65 Georgia,serif;max-width:72ch;margin:14px 0 28px;color:#514951}

/* Equal-prominence optional analytics controls. Reading stays available. */
footer button.cookie-settings {font:inherit;color:inherit;background:none;border:0;text-decoration:underline;cursor:pointer;padding:.25rem;min-height:44px}
.cookie-panel {position:fixed;inset:auto 1rem 1rem;z-index:2000;max-width:52rem;margin:auto;padding:1.25rem;background:#fffdf7;color:#263e35;border:2px solid #536b59;box-shadow:0 5px 28px #0003;max-height:70vh;overflow:auto;text-align:left;font-family:Georgia,serif}
.cookie-panel[hidden], [data-cookie-settings][hidden] {display:none!important}
.cookie-panel h2 {margin:0 0 .5rem;font-size:1.25rem}
.cookie-panel p {font-size:1rem;line-height:1.45;margin:.5rem 0}
.cookie-panel a {color:#294e42;text-decoration:underline}
.cookie-actions {display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.75rem}
.cookie-actions button {font:inherit;font-size:1rem;background:#fffdf7;color:#263e35;border:1px solid #536b59;border-radius:3px;padding:.65rem 1rem;min-height:44px;cursor:pointer}
.cookie-actions button:disabled {opacity:.6;cursor:default}
.cookie-actions button:focus-visible, .cookie-settings:focus-visible {outline:3px solid #263e35;outline-offset:3px}
@media(max-width:500px){.cookie-panel{inset:auto .5rem .5rem;padding:1rem}.cookie-actions button{flex:1 1 45%}}