/* The painting and the masthead share one sheet of paper. */
.site-home {
  --paper:#f6f4ee; --red-ink:#913727;
  --display:"Noto Serif SC","Songti SC","STZhongsong",SimSun,serif;
  background:var(--paper);
}
.site-home .journal-mast {
  margin:0; padding:14px 5.5%; min-height:64px; border:0;
}
.journal-mast .site-brand {font:600 clamp(24px,2.1vw,34px)/1.2 var(--display);letter-spacing:-.07em;}
.journal-mast .brand-seal {display:none;}
.journal-mast .site-brand small {color:#514e47;font-size:13px;}
.journal-mast nav {font:14px/1.5 var(--song);}

.art-edition {margin:0;}
.art-front {
  position:relative; isolation:isolate; overflow:hidden;
  min-height:480px; height:clamp(480px,39vw,650px);
  background:#eee8d9;
}
.front-painting {position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 57%;z-index:-1;}
.front-type {
  position:relative; height:100%; display:flex; flex-direction:column; align-items:flex-start;
  justify-content:center; padding:22px 0 26px 7.2%; color:#171914;
}
.art-rubric {display:flex;align-items:center;gap:12px;margin:0 0 13px;font:13px/1.3 var(--song);letter-spacing:.2em;}
.art-rubric::before {content:"";width:23px;height:2px;background:var(--red-ink);}
#edition-title {
  margin:0 0 .14em -.07em;
  font:520 clamp(79px,7.9vw,132px)/.96 var(--display);
  letter-spacing:-.085em;
}
#edition-title span {display:block;}
#edition-title span+span {margin-left:.86em;}
.front-verse {font:clamp(15px,1.16vw,20px)/1.75 var(--song);margin:.5em 0 1.2em;}
.edition-open {display:inline-flex;align-items:center;gap:23px;padding:9px 0 7px;border:0;border-bottom:1px solid currentColor;background:transparent;color:#27261e;font:600 15px/1.3 var(--song);}
.edition-open b {font:20px/1 Georgia,serif;transition:transform .2s;}
.edition-open:hover b {transform:translateX(4px);}
.art-colophon {margin:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c7c3b8;padding:7px 0;font:12px/1.4 var(--song);color:#655f54;}
.art-colophon em {font-style:normal;color:#33352b;}
.art-colophon button {border:0;background:none;color:inherit;font:inherit;padding:4px 0 4px 10px;}
.art-colophon button span {font:15px Georgia,serif;padding-left:4px;}
.edition-index {margin:0 5.5%;padding:clamp(24px,2.4vw,40px) 0 clamp(29px,3vw,49px);display:grid;grid-template-columns:7em 1fr;gap:18px;}
.edition-index h2,.journal-extras .department-shelf h2 {margin:0;color:#45483d;font:500 16px/1.4 var(--display);letter-spacing:.03em;}
.edition-index h2 {padding-top:1px;}
.edition-toc {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-items:stretch;}
.edition-toc button {min-width:0;display:block;align-content:start;position:relative;padding:0 12px 3px 17px;text-align:left;background:transparent;color:#25261f;border:0;border-left:1px solid #c8c4b6;}
.toc-byline {display:flex;align-items:baseline;gap:10px;margin:0 0 8px;}
.toc-byline i {color:var(--red-ink);font:italic 15px Georgia,serif;}
.toc-byline small {font:13px/1.4 var(--song);color:#605b50;}
.edition-toc strong {display:block;font:500 clamp(18px,1.49vw,27px)/1.5 var(--display);letter-spacing:-.065em;text-wrap:balance;}
.edition-toc button::after {content:"";position:absolute;bottom:-5px;left:17px;width:24px;height:1px;background:var(--red-ink);transform:scaleX(0);transform-origin:left;transition:transform .18s;}
.edition-toc button:hover,.edition-toc button:focus-visible {color:var(--red-ink);}
.edition-toc button:hover::after,.edition-toc button:focus-visible::after {transform:scaleX(1);}
.journal-extras {margin:0 5.5% 29px;display:grid;grid-template-columns:1fr 1fr;gap:4%;align-items:stretch;}
.journal-extras .department-shelf,.journal-extras .department-theatre {margin:0;}
.journal-extras .department-shelf {padding:0;border-top:1px solid #a7a599;}
.journal-extras .department-shelf h2 {padding:13px 0 18px;}
.journal-extras .department-shelf h2::after {display:none;}
.journal-extras .department-books {grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px;}
.journal-extras .department:nth-child(odd) {border-left:0;padding-left:4px;}
.journal-extras .department-theatre {min-height:200px;}
.journal-extras .theatre-caption {max-width:80%;}
#art-gallery {width:min(1200px,96vw);max-height:96dvh;background:#efece2;color:#2a2c24;overflow:auto;}
#art-gallery::backdrop {background:rgba(15,17,14,.88);}
.gallery-bar,.gallery-foot {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(14px,2.2vw,32px);}
.gallery-bar h2 {margin:0;font:500 22px var(--display);}
.gallery-bar button,.gallery-foot button {border:0;background:transparent;color:inherit;}
.gallery-bar button {font:26px Georgia,serif;min-width:32px;}
.gallery-view {position:relative;overflow:hidden;height:min(68dvh,660px);background:#272821;}
.gallery-view img {display:block;width:100%;height:100%;object-fit:contain;}
.gallery-view.detail img {object-fit:cover;object-position:67% 66%;transform-origin:67% 66%;transform:scale(2.35);}
.gallery-foot {font:14px/1.5 var(--song);}
.gallery-foot>div {display:flex;gap:12px;}
.gallery-foot button {font:inherit;padding:6px 2px;}
.gallery-foot button[aria-pressed="true"] {color:var(--red-ink);box-shadow:inset 0 -1px currentColor;}
@media(max-width:950px){
 .edition-index {grid-template-columns:1fr;gap:15px;}
 .edition-toc button:first-child {border:0;padding-left:0;}
 .journal-extras {gap:22px;}
}
@media(max-width:680px){
 .site-home .journal-mast {min-height:54px;padding:12px 5%;}
 .journal-mast nav {font-size:13px;}
 .art-front {min-height:0;height:clamp(420px,110vw,540px);background:#eee3cd url('assets/second-look-art.webp') left top / auto 840px no-repeat;}
 .front-painting {inset:auto 0 0;height:74%;object-position:63% 65%;mask-image:linear-gradient(to bottom,transparent 0%,transparent 3%,#000 36%);}
 .front-type {padding:23px 5.5% 20px;justify-content:flex-start;}
 #edition-title {display:flex;font-size:clamp(58px,17vw,96px);line-height:1.13;white-space:nowrap;}
 #edition-title span+span {margin-left:0;}
 .art-rubric {margin-bottom:15px;font-size:12px;}
 .front-verse {font-size:14px;line-height:1.6;margin:8px 0;}
 .edition-open {margin-top:auto;}
 .edition-index {padding:22px 0 26px;}
 .edition-toc {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;}
 .edition-toc button:nth-child(odd) {border:0;padding-left:0;}
 .edition-toc button:nth-child(even) {padding-left:12px;}
 .toc-byline {margin-bottom:5px;}
 .edition-toc strong {font-size:17px;line-height:1.4;}
 .journal-extras {display:block;}
 .journal-extras .department-shelf {padding-bottom:22px;}
 .journal-extras .department-theatre {min-height:174px;}
 .gallery-view {height:auto;aspect-ratio:2.5;}
 .gallery-view.detail {aspect-ratio:1.25;}
 .gallery-foot {font-size:12px;gap:6px;}
}
@media(prefers-reduced-motion:reduce){.edition-open b,.edition-toc button::after{transition:none;}}