/* A moving shelf between two lines of prose. Covers keep their complete proportions. */
.thought-with-covers{padding-block:64px 76px}
.cover-shelf{--cover-height:182px;--cover-width:126px;--cover-gap:36px;margin:42px auto 31px}
.cover-shelf + .cover-shelf{margin-top:0}
.cover-shelf--books .cover-track{animation-direction:reverse}
.cover-window{overflow:hidden;padding:12px 0 14px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.cover-track{display:flex;width:max-content;animation:cover-passing var(--cover-duration,80s) linear infinite;will-change:transform}
.cover-group{display:flex;align-items:flex-end;gap:var(--cover-gap);padding:0 var(--cover-gap) 0 0;margin:0;list-style:none;flex-shrink:0}
.cover-item{width:var(--cover-width);flex:0 0 var(--cover-width)}
.cover-image{height:var(--cover-height);display:flex;align-items:flex-end;justify-content:center}
.cover-image img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 4px 8px #252a2110,0 1px 2px #252a211c;filter:saturate(.76);transition:filter .35s ease,transform .35s ease}
.cover-item:hover img{filter:saturate(1);transform:translateY(-4px)}
.cover-item figcaption{font:10px/1.5 var(--serif);letter-spacing:.04em;color:var(--muted);margin-top:14px;white-space:nowrap;text-align:center}
.cover-link{display:block;color:inherit;text-decoration:none}
.cover-image.is-missing{border:1px solid var(--line);background:var(--wash)}
.cover-window:hover .cover-track,.cover-window:focus-within .cover-track,.cover-shelf.is-resting .cover-track{animation-play-state:paused}
.cover-window:focus-visible{outline:1px solid var(--line);outline-offset:5px}
@keyframes cover-passing{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--cover-distance,-1458px),0,0)}}
@media(max-width:760px){.thought-with-covers{padding-block:40px 49px}.cover-shelf{--cover-height:139px;--cover-width:96px;--cover-gap:24px;margin:29px auto 24px}.cover-item figcaption{font-size:10px;margin-top:11px}.cover-window{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}}
@media(prefers-reduced-motion:reduce){.cover-window{overflow-x:auto;mask-image:none;-webkit-mask-image:none;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.cover-track{animation:none;transform:none;will-change:auto}.cover-group[aria-hidden=true]{display:none}.cover-image img{transition:none}.cover-item:hover img{transform:none}}

/* A small chapter mark sits in the existing white space without moving the shelf. */
.thought-with-covers{position:relative}
.shelf-heading{position:absolute;top:64px;left:0;text-align:left;font:400 18px/1.4 var(--serif);letter-spacing:.07em}
.shelf-heading span{display:block;font:10px/1.6 var(--sans);letter-spacing:.15em;color:var(--muted);margin-bottom:9px}
@media(max-width:760px){
  .thought-with-covers{padding-top:95px}
  .shelf-heading{top:40px;font-size:16px}
  .shelf-heading span{font-size:9px;margin-bottom:7px}
}