.book-cover{--ink-bg:#c93a22;--ink-fg:#fff1dc;--ink-acc:#ffc857;width:var(--cover-w,10rem);aspect-ratio:.7;perspective:1400px;perspective-origin:60%;font-family:var(--font-display);text-align:left;flex:none;display:block;position:relative;container-type:inline-size}.book-cover[data-trim="1"]{aspect-ratio:2/3}.book-cover[data-trim="2"]{aspect-ratio:.75}.book-cover[data-ink="0"]{--ink-bg:#c93a22;--ink-fg:#fff1dc;--ink-acc:#ffc857}.book-cover[data-ink="1"]{--ink-bg:#0f5e5a;--ink-fg:#f2e9d8;--ink-acc:#ff9e6d}.book-cover[data-ink="2"]{--ink-bg:#2b3fb8;--ink-fg:#f6f0ff;--ink-acc:#ffc857}.book-cover[data-ink="3"]{--ink-bg:#f2a93b;--ink-fg:#2a1733;--ink-acc:#c8341c}.book-cover[data-ink="4"]{--ink-bg:#6b2a6e;--ink-fg:#fbebdd;--ink-acc:#ff8fab}.book-cover[data-ink="5"]{--ink-bg:#4e6b2f;--ink-fg:#f4f0dc;--ink-acc:#f2c14e}.book-cover[data-ink="6"]{--ink-bg:#f3b6a6;--ink-fg:#3a1430;--ink-acc:#7a2e8a}.book-cover[data-ink="7"]{--ink-bg:#1c2a4a;--ink-fg:#f7e7c8;--ink-acc:#e5664b}.book-cover:before{content:"";box-shadow:var(--shadow-book);border-radius:2px 4px 4px 2px;position:absolute;inset:0}.book-cover-pages{background:linear-gradient(90deg, #00000029, transparent 12%), var(--color-page);box-shadow:inset -2px 0 0 var(--color-page-edge), inset -4px 0 0 var(--color-page), inset -5px 0 0 var(--color-page-edge);color:var(--color-page-ink);text-align:center;border-radius:0 2px 2px 0;flex-direction:column;justify-content:center;align-items:center;gap:4cqw;padding:12cqw 10cqw 12cqw 14cqw;display:flex;position:absolute;inset:1.6% 2.4% 1.6% 0}.book-cover-titlepage{font-variation-settings:"opsz" 24;-webkit-line-clamp:4;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:normal;-webkit-box-orient:vertical;font-size:7.5cqw;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.book-cover-titlepage-rule{opacity:.4;background:currentColor;width:18cqw;height:1px}.book-cover-titlepage-imprint{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;opacity:.7;font-size:4.4cqw}.book-cover-board{background:var(--ink-bg);color:var(--ink-fg);transform-origin:0;transition:transform .55s var(--ease-out), box-shadow .55s var(--ease-out);border-radius:2px 5px 5px 2px;flex-direction:column;padding:11cqw 9cqw 9cqw 15cqw;display:flex;position:absolute;inset:0;overflow:hidden}.book-cover-board:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000004d 0%,#00000014 35%,#fff3 58%,#00000038 72%,#0000 100%);width:9cqw;position:absolute;inset:0 auto 0 0}.book-cover-board:after{content:"";border-radius:inherit;z-index:3;pointer-events:none;background:linear-gradient(118deg,#ffffff29,#0000 42%),linear-gradient(#0000 70%,#0000001a);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff2e,inset -1px 0 #0003,inset 0 -1px #00000038}.book-cover-title{z-index:2;letter-spacing:-.01em;font-variation-settings:"opsz" 72;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 4 4;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4;overflow-wrap:break-word;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:13cqw;font-weight:700;line-height:1.02;display:-webkit-box;position:relative;overflow:hidden}.book-cover[data-length=medium] .book-cover-title{font-size:11cqw}.book-cover[data-length=long] .book-cover-title{font-size:9cqw;line-height:1.08}.book-cover-imprint{z-index:2;background:var(--ink-bg);font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;opacity:.85;border-radius:1cqw;align-self:flex-start;margin:auto 0 0 -2cqw;padding:1cqw 2cqw;font-size:4.2cqw;font-weight:600;position:relative}.book-cover-motif{z-index:1;pointer-events:none;height:50%;position:absolute;inset:auto 0 0}.book-cover-art{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.book-cover-scrim{z-index:1;pointer-events:none;height:55%;position:absolute;inset:0 0 auto}.book-cover[data-art=light] .book-cover-board{--ink-fg:#fbf3e4}.book-cover[data-art=dark] .book-cover-board{--ink-fg:#20152b}.book-cover[data-art=light] .book-cover-scrim{background:linear-gradient(#080c1e80,#0000)}.book-cover[data-art=dark] .book-cover-scrim{background:linear-gradient(#fcf7ee8c,#0000)}.book-cover[data-art=light] .book-cover-imprint{background:#080c1e8c}.book-cover[data-art=dark] .book-cover-imprint{background:#fcf7eeb3}.book-cover-initial{z-index:1;font-variation-settings:"opsz" 144;color:var(--ink-acc);opacity:.9;font-size:104cqw;font-weight:800;line-height:1;position:absolute;bottom:-14cqw;right:-4cqw}.book-cover[data-treatment=monument] .book-cover-title{font-weight:800}.book-cover[data-treatment=classic] .book-cover-board{text-align:center;align-items:center;padding-top:16cqw}.book-cover[data-treatment=classic] .book-cover-title{border-block:1px solid color-mix(in srgb, var(--ink-fg) 55%, transparent);padding:4cqw 0;font-size:11cqw;font-weight:600}.book-cover[data-treatment=classic][data-length=long] .book-cover-title{font-size:8.5cqw}.book-cover[data-treatment=classic] .book-cover-imprint{align-self:center;margin-left:0}.book-cover[data-treatment=classic] .book-cover-motif{border-radius:999px 999px 0 0;height:34%;inset:auto 14cqw 20cqw 20cqw}.book-cover[data-treatment=initial] .book-cover-title{font-size:10cqw;font-weight:600}.book-cover[data-treatment=initial][data-length=long] .book-cover-title{font-size:8cqw}.book-cover[data-treatment=initial] .book-cover-motif{opacity:.45}.book-cover[data-treatment=initial] .book-cover-imprint{z-index:2;position:relative}.book-cover[data-treatment=band] .book-cover-board{justify-content:center;padding-top:9cqw}.book-cover[data-treatment=band] .book-cover-motif{opacity:.55;height:auto;inset:0}.book-cover[data-treatment=band] .book-cover-title{background:var(--ink-fg);color:var(--ink-bg);margin:auto -9cqw 0 -15cqw;padding:6cqw 9cqw 6cqw 15cqw;font-size:11.5cqw}.book-cover[data-treatment=band][data-length=long] .book-cover-title{font-size:9cqw}.book-cover[data-motif=rings] .book-cover-motif{background:repeating-radial-gradient(circle at 100% 100%, transparent 0 6cqw, var(--ink-acc) 6cqw 7.4cqw)}.book-cover[data-motif=rays] .book-cover-motif{background:repeating-conic-gradient(from -90deg at 50% 100%, var(--ink-acc) 0deg 5deg, transparent 5deg 15deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 70%);mask-image:linear-gradient(#0000 0%,#000 70%)}.book-cover[data-motif=dots] .book-cover-motif{background:radial-gradient(circle, var(--ink-acc) 0 1.5cqw, transparent 1.7cqw) 0 0 / 8cqw 8cqw;-webkit-mask-image:linear-gradient(#0000 0%,#000 60%);mask-image:linear-gradient(#0000 0%,#000 60%)}.book-cover[data-motif=horizon] .book-cover-motif{background:radial-gradient(circle at 50% 100%, var(--ink-acc) 0 30cqw, transparent 30.4cqw), repeating-linear-gradient(0deg, var(--ink-acc) 0 1.2cqw, transparent 1.2cqw 4cqw) 0 100% / 100% 30% no-repeat}.book-cover[data-motif=arcs] .book-cover-motif{background:repeating-radial-gradient(circle at 0% 100%, var(--ink-acc) 0 3cqw, transparent 3cqw 9cqw);opacity:.85}.book-cover[data-motif=grid] .book-cover-motif{background:linear-gradient(var(--ink-acc) 1px, transparent 1px) 0 0 / 9cqw 9cqw, linear-gradient(90deg, var(--ink-acc) 1px, transparent 1px) 0 0 / 9cqw 9cqw;opacity:.8;-webkit-mask-image:linear-gradient(#0000 0%,#000 75%);mask-image:linear-gradient(#0000 0%,#000 75%)}@media (hover:hover){.book-cover-host:hover .book-cover-board{transform:rotateY(-34deg);box-shadow:12px 0 24px -10px #00000073}}.book-cover-host:focus-visible .book-cover-board{transform:rotateY(-34deg);box-shadow:12px 0 24px -10px #00000073}@media (prefers-reduced-motion:reduce){.book-cover-board{transition:none}}
