/* A series is a bookmark in the same sketchbook, not a shelf of category cards.
   Three complete portrait leaves share a bottom hinge between two vellum folds. */
.series-index{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(0,1.55fr);align-items:center;gap:5%;position:relative;margin:10px 0 27px;padding:8px 0 18px;min-width:0}
.series-index-heading{align-self:center;padding:6px 0 0 1%}
.series-index-heading>.eyebrow{font-size:8px;letter-spacing:.16em;margin:0 0 17px}
.series-index-heading h2{font:38px/1.08 Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;margin:0 0 12px}
.series-index-heading h2 em{color:var(--sage,#63755a);font-weight:400}
.series-overview{display:inline-flex;align-items:center;gap:22px;min-height:44px;border:0;border-bottom:1px solid transparent;background:transparent;padding:8px 0;color:var(--sage,#63755a);font-size:11px;line-height:1.4}
.series-overview span{font-size:13px;color:var(--accent,#a58c59);transition:transform .8s}
.series-overview[aria-pressed=true]{border-bottom-color:#a58c5982;color:var(--ink,#30392c)}
.series-overview:hover span,.series-overview:focus-visible span{transform:translate(3px,-2px)}
.series-entry{position:relative;display:grid;grid-template-columns:minmax(190px,270px) minmax(170px,1fr);align-items:center;gap:4%;width:100%;min-width:0;min-height:190px;max-height:235px;padding:12px 0;border:0;background:transparent;text-align:left;color:var(--ink,#30392c);isolation:isolate;cursor:pointer;-webkit-tap-highlight-color:transparent}
.series-entry-drawing{position:relative;display:block;width:100%;height:180px;min-width:0;isolation:isolate;pointer-events:none}
.series-entry-drawing:before,.series-entry-drawing:after{content:'';position:absolute;z-index:0;pointer-events:none;transition:transform 1.35s cubic-bezier(.22,.72,.25,1)}
.series-entry-drawing:before{left:18%;top:13%;width:47%;height:72%;clip-path:polygon(10% 7%,77% 0,100% 31%,85% 100%,0 89%);background:linear-gradient(120deg,#fffef4c4,#e2e9d26b 57%,#f8fbec70);transform:rotate(-11deg)}
.series-entry-drawing:after{left:38%;top:29%;width:47%;height:57%;clip-path:polygon(6% 1%,100% 13%,90% 90%,25% 100%,0 75%);background:linear-gradient(135deg,#edf2df75,#fffef4b3 53%,#cad8b748);transform:rotate(9deg)}
.series-entry-orbit{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:#6f7f5c85;stroke-width:.7;pointer-events:none}
.series-entry-orbit path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.series-entry-orbit path:nth-child(2){stroke:#a58c598c;stroke-width:.65}
.series-entry-orbit path:nth-child(3){stroke:#8d9d7759;stroke-width:.6;stroke-dasharray:1;transition:stroke-dashoffset 1.5s cubic-bezier(.22,.72,.25,1);stroke-dashoffset:1}
.series-entry-orbit circle{fill:#a58c59;stroke:none}
.series-preview{position:absolute;left:48%;top:22px;width:58px;height:125px;display:block;z-index:2;transform-origin:50% 100%;transition:transform 1.35s cubic-bezier(.22,.72,.25,1);pointer-events:none;backface-visibility:hidden}
.series-preview img{display:block;width:100%;height:100%;object-fit:contain;border-radius:11px;filter:none;box-shadow:2px 5px 9px -7px #3d4f2870}
.series-preview:before{content:'';position:absolute;inset:-4px -3px -9px;z-index:-1;border:1px solid #a2b28a70;border-radius:13px;background:linear-gradient(120deg,#fffef78c,#dfe8ce40);transform:rotate(1.4deg);pointer-events:none}
.series-preview-back{z-index:2;transform:translateX(-50%) rotate(-15deg)}
.series-preview-mid{z-index:3;transform:translateX(-50%) rotate(-1deg)}
.series-preview-front{z-index:4;transform:translateX(-50%) rotate(13deg)}
.series-entry-star{position:absolute;left:16%;top:62%;z-index:5;font:17px/1 Georgia,serif;color:var(--accent,#a58c59);transform:rotate(-12deg);transition:transform 1.25s cubic-bezier(.22,.72,.25,1)}
.series-entry-copy{display:block;position:relative;z-index:6;min-width:0;padding:4px 8px 0 0}
.series-coordinate{display:block;font-size:7px;letter-spacing:.16em;line-height:1.5;color:var(--sage,#63755a);margin-bottom:14px}
.series-entry-copy>strong{position:relative;display:table;font:42px/1.05 Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;margin:0 0 11px}
.series-entry-copy>strong:after{content:'';position:absolute;left:0;right:-9px;bottom:-8px;height:7px;border-bottom:1px solid #a58c5994;border-radius:50%;transform:scaleX(.23) rotate(-2deg);transform-origin:0 50%;opacity:.48;transition:transform 1.3s cubic-bezier(.22,.72,.25,1),opacity .8s}
.series-entry-note{display:block;font:italic 14px/1.5 Georgia,serif;color:var(--sage,#63755a);margin-top:18px;max-width:22ch}
.series-entry-foot{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:7px 18px;font-size:9px;line-height:1.5;margin-top:18px;padding-top:11px;border-top:1px solid #9faf8b49;color:var(--sage,#63755a)}
.series-entry-foot>span:first-child{font-size:8px;letter-spacing:.06em;white-space:nowrap}
.series-entry-foot>span:last-child{font-size:11px;white-space:nowrap}
.series-entry:is(:hover,:focus-visible) .series-preview-back{transform:translateX(-50%) rotate(-28deg)}
.series-entry:is(:hover,:focus-visible) .series-preview-mid{transform:translateX(-50%) rotate(-3deg)}
.series-entry:is(:hover,:focus-visible) .series-preview-front{transform:translateX(-50%) rotate(25deg)}
.series-entry:is(:hover,:focus-visible) .series-entry-drawing:before{transform:translate(-4px,-1px) rotate(-13deg)}
.series-entry:is(:hover,:focus-visible) .series-entry-drawing:after{transform:translate(4px,2px) rotate(12deg)}
.series-entry:is(:hover,:focus-visible) .series-entry-orbit path:nth-child(3){stroke-dashoffset:0}
.series-entry:is(:hover,:focus-visible) .series-entry-star{transform:rotate(12deg) translate(-2px,1px)}
.series-entry:is(:hover,:focus-visible) .series-entry-copy>strong:after,.series-entry[aria-pressed=true] .series-entry-copy>strong:after{transform:scaleX(1) rotate(-2deg);opacity:1}
.series-entry[aria-pressed=true] .series-coordinate{color:var(--accent,#a58c59)}
.series-entry:focus-visible{outline:2px solid var(--accent,#a58c59);outline-offset:8px;border-radius:16px}
@media(max-width:1000px){.series-index{grid-template-columns:minmax(180px,.7fr) minmax(0,1.6fr);gap:3%}.series-index-heading h2{font-size:34px}.series-entry{grid-template-columns:minmax(160px,225px) minmax(150px,1fr);gap:2%}.series-entry-copy>strong{font-size:39px}.series-coordinate{font-size:6px}.series-entry-foot{gap:6px 12px}.series-entry-foot>span:last-child{font-size:10px}}
@media(max-width:700px){.series-index{display:block;margin:8px 0 22px;padding:3px 0 10px}.series-index-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 15px;padding:0}.series-index-heading>.eyebrow{grid-column:1/-1;font-size:7px;letter-spacing:.13em;margin-bottom:13px}.series-index-heading h2{font-size:30px;margin:0;line-height:1.1}.series-overview{font-size:10px;gap:12px;min-height:44px;white-space:nowrap}.series-overview span{font-size:12px}.series-entry{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3%;min-height:180px;max-height:185px;padding:6px 0 0;margin-top:3px}.series-entry-drawing{height:173px}.series-preview{top:31px;width:46px;height:100px}.series-preview img{border-radius:9px}.series-preview:before{inset:-3px -3px -7px;border-radius:11px}.series-entry-star{left:6%;top:66%;font-size:14px}.series-entry-copy{padding:2px 0 0}.series-coordinate{font-size:6px;letter-spacing:.1em;margin-bottom:13px}.series-entry-copy>strong{font-size:36px;letter-spacing:-.045em;margin-bottom:10px}.series-entry-note{font-size:12px;line-height:1.5;max-width:17ch;margin-top:15px}.series-entry-foot{display:block;margin-top:13px;padding-top:9px}.series-entry-foot>span{display:block}.series-entry-foot>span:first-child{font-size:7px;letter-spacing:.05em;margin-bottom:6px}.series-entry-foot>span:last-child{font-size:11px}.series-entry-orbit{stroke-width:.65}.series-entry-drawing:before{left:10%;top:15%;width:57%;height:66%}.series-entry-drawing:after{left:35%;top:29%;width:57%;height:54%}}
@media(prefers-reduced-motion:reduce){.series-index *, .series-index *:before,.series-index *:after{transition:none!important}.series-entry:is(:hover,:focus-visible) .series-preview-back{transform:translateX(-50%) rotate(-15deg)}.series-entry:is(:hover,:focus-visible) .series-preview-mid{transform:translateX(-50%) rotate(-1deg)}.series-entry:is(:hover,:focus-visible) .series-preview-front{transform:translateX(-50%) rotate(13deg)}.series-entry:is(:hover,:focus-visible) .series-entry-drawing:before{transform:rotate(-11deg)}.series-entry:is(:hover,:focus-visible) .series-entry-drawing:after{transform:rotate(9deg)}.series-entry:is(:hover,:focus-visible) .series-entry-star{transform:rotate(-12deg)}.series-entry:is(:hover,:focus-visible) .series-entry-orbit path:nth-child(3){stroke-dashoffset:1}}
@media(prefers-reduced-transparency:reduce){.series-entry-drawing:before{background:#eef3e3}.series-entry-drawing:after{background:#e4ecd7}.series-preview:before{background:#f3f6e8}.series-entry-orbit{stroke:#71815c}}

.series-index[hidden],.series-selection[hidden]{display:none}
.series-selection{font-size:9px;letter-spacing:.1em;color:var(--sage);margin:8px 0 16px;line-height:1.6}

.series-entries{display:grid;gap:24px;min-width:0}.series-index{align-items:start}.series-index-heading{padding-top:35px}.series-entry+.series-entry{border-top:1px solid #a4af9340;padding-top:22px;max-height:250px}.series-entry[data-series-open="eyes-on-you"] .series-entry-star{left:79%;top:20%;font-size:13px}.series-entry[data-series-open="eyes-on-you"] .series-entry-orbit path:nth-child(2){stroke:#7c6d8b77}.series-entry[data-series-open="eyes-on-you"] .series-preview-back{transform:translateX(-50%) rotate(-19deg)}.series-entry[data-series-open="eyes-on-you"]:is(:hover,:focus-visible) .series-preview-back{transform:translateX(-50%) rotate(-31deg)}
@media(max-width:700px){.series-index-heading{padding-top:0}.series-entries{gap:12px}.series-entry+.series-entry{padding-top:12px;max-height:195px}.series-entry[data-series-open="eyes-on-you"] .series-entry-star{left:80%;top:23%}}
@media(prefers-reduced-motion:reduce){.series-entry[data-series-open="eyes-on-you"]:is(:hover,:focus-visible) .series-preview-back{transform:translateX(-50%) rotate(-19deg)}}

.series-entry[hidden]{display:none!important}
@media(max-width:700px){.series-entry[data-series-open="eyes-on-you"] .series-entry-copy>strong{font-size:32px}}