.shelf{grid-template-columns:repeat(4,1fr);gap:clamp(.7rem,1.8vw,1.4rem);display:grid;position:relative}.book{aspect-ratio:2/3;perspective:2600px;position:relative;container-type:inline-size}.book-link{color:inherit;cursor:pointer;text-decoration:none;display:block;position:absolute;inset:0}.book-inside{background:var(--surface);border:var(--border-w) solid var(--text);flex-direction:column;padding:6cqw;transition:padding-inline-start .62s cubic-bezier(.2,.75,.2,1);display:flex;position:absolute;inset:0;overflow:hidden}.book-inside-today{min-height:0;font-family:var(--font-display);color:var(--text);flex:1;margin:0;font-size:6.6cqw;line-height:1.3;display:block;overflow:hidden}.book-go{background:var(--text);min-height:40px;color:var(--paper);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;gap:.35rem;margin-block-start:3cqw;font-size:4.4cqw;font-weight:800;text-decoration:none;display:flex}.book-link:hover .book-go,.book-link:focus-visible .book-go{background:var(--ink-2)}.book-cover{text-align:start;transform-origin:0;backface-visibility:hidden;color:#fff;font-family:var(--font-body);flex-direction:column;align-items:flex-start;padding:7cqw 6cqw 5cqw;transition:transform .62s cubic-bezier(.2,.75,.2,1),box-shadow .62s;display:flex;position:absolute;inset:0;overflow:hidden;transform:rotateY(0)}.book[data-book="1"] .book-cover{background:var(--book-1)}.book[data-book="2"] .book-cover{background:var(--book-2)}.book[data-book="3"] .book-cover{background:var(--book-3)}.book[data-book="4"] .book-cover{background:var(--book-4)}@media (hover:hover){.book:hover .book-inside,.book:focus-within .book-inside{padding-inline-start:24cqw}.book:hover,.book:focus-within{z-index:3}.book:hover .book-cover,.book:focus-within .book-cover{transform:rotateY(-80deg);box-shadow:20px 0 40px #12100c52}}.book-link:focus-visible{outline:var(--border-w) solid var(--text);outline-offset:3px}.book-title{letter-spacing:-.025em;text-transform:uppercase;width:100%;font-size:13.4cqw;font-weight:900;line-height:.92;display:block}.book-title-line{white-space:nowrap;display:block}.book[data-book="1"] .book-title{color:#ffd84d}.book[data-book="2"] .book-title{color:#ffe9c7}.book[data-book="3"] .book-title{color:#ffb43d}.book[data-book="4"] .book-title{color:#ffd84d}.book-deck{letter-spacing:.14em;text-transform:uppercase;color:#ffffffeb;margin-block-start:2.5cqw;font-size:4.4cqw;font-weight:800;line-height:1.25;display:block}.book-mark{flex:auto;justify-content:center;align-self:center;align-items:center;width:66%;min-height:34cqw;padding-block:3cqw;display:flex}.book-mark svg{width:100%;height:100%}.book-folio{letter-spacing:.2em;white-space:nowrap;text-transform:uppercase;color:#ffffffbf;align-self:center;font-size:3.1cqw;font-weight:700}.book-stamp{text-align:center;width:78%;color:var(--ink);letter-spacing:.2em;text-transform:uppercase;background:#fffffff0;padding-block:.2rem;font-size:3.6cqw;font-weight:900;position:absolute;inset-block-start:14%;inset-inline-end:-22%;transform:rotate(34deg)}@media (max-width:720px){.shelf{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.book-cover,.book-inside{transition:none}}