.article-book{display:inline-block;max-width:100%;margin:24px 0 4px 3px;color:var(--ink-primary);text-decoration:none;perspective:900px}.article-book__cover{isolation:isolate;box-sizing:border-box;width:88px;min-height:112px;padding:16px 12px 14px 19px;align-items:flex-start;justify-content:space-between;gap:14px;color:var(--ink-primary);background:var(--white);transform:translateY(var(--book-offset,0)) rotate(var(--book-angle,-5deg));transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease}.article-book__cover,.article-book__heading{position:relative;display:flex;flex-direction:column}.article-book__heading{gap:8px}.article-book__eyebrow{font-size:8px;font-weight:500;letter-spacing:.1em;color:var(--ink-secondary)}.article-book__read{position:relative;display:flex;align-items:center;gap:6px;font-size:8px;font-weight:500;letter-spacing:.08em}.article-book__read svg{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.article-book__title{position:relative;display:block;font-size:12px;font-weight:500;line-height:1.3}.article-book__head,.article-book__ribbon-outline,.article-book__trace{display:none}.article-book__ribbon{position:absolute;top:-4px;right:7px;width:8px;height:0;background:var(--brand);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 5px),0 100%);opacity:0;transition:height .22s cubic-bezier(.2,.8,.2,1),opacity .12s ease;z-index:2;pointer-events:none}.article-book:hover .article-book__ribbon{height:20px;opacity:1}.article-book:hover .article-book__read svg{transform:translateX(4px)}.article-book:hover .article-book__title{color:var(--brand-dark)}.article-book:focus-visible{outline:2px solid var(--ink-primary);outline-offset:7px;border-radius:3px}@media (prefers-reduced-motion:reduce){.article-book__cover,.article-book__cover:after,.article-book__cover:before,.article-book__read svg,.article-book__ribbon{transition:none}}.article-book__cover{border:1px solid var(--line-strong);border-radius:7px 3px 3px 7px;box-shadow:inset 13px 0 0 -12px var(--line),0 1px 1px color-mix(in srgb,var(--ink-primary) 7%,transparent),0 4px 7px color-mix(in srgb,var(--ink-primary) 5%,transparent),0 12px 20px color-mix(in srgb,var(--ink-primary) 6%,transparent)}.article-book__cover:before{content:"";position:absolute;inset:0 auto 0 0;width:8px;border-radius:6px 0 0 6px;background:var(--brand-dark);z-index:1}.article-book__cover:after{content:"";position:absolute;inset:4px -3px -3px 10px;border:1px solid var(--line-strong);border-radius:0 2px 2px 0;background:repeating-linear-gradient(to bottom,var(--white) 0 2px,var(--linen) 2px 3px) 100% /3px 100% no-repeat,repeating-linear-gradient(to right,var(--white) 0 2px,var(--linen) 2px 3px) bottom /100% 3px no-repeat,var(--paper);z-index:-1}.article-book:hover .article-book__cover{transform:translateY(calc(var(--book-offset, 0px) - 6px)) rotate(var(--book-angle,-5deg));box-shadow:inset 13px 0 0 -12px var(--line),0 1px 2px color-mix(in srgb,var(--ink-primary) 7%,transparent),0 8px 14px color-mix(in srgb,var(--ink-primary) 7%,transparent),0 22px 36px color-mix(in srgb,var(--ink-primary) 8%,transparent)}[data-book=turned] .article-book__cover{--depth:22px;isolation:auto;border:1px solid var(--line-strong);border-radius:1px 3px 3px 1px;transform-style:preserve-3d;transform:translateY(var(--book-offset,0)) rotate(var(--book-angle,-5deg)) rotateX(-6deg) rotateY(36deg);box-shadow:inset 1px 0 0 var(--line),-14px 18px 30px color-mix(in srgb,var(--ink-primary) 9%,transparent),-3px 6px 10px color-mix(in srgb,var(--ink-primary) 6%,transparent)}[data-book=turned] .article-book__cover:before{bottom:-1px;width:var(--depth);background:linear-gradient(to right,color-mix(in srgb,var(--ink-secondary) 30%,var(--linen)),var(--linen) 55%,color-mix(in srgb,var(--ink-secondary) 12%,var(--linen)));border:1px solid var(--line-strong);border-right:0;transform-origin:left center;transform:rotateY(90deg)}[data-book=turned] .article-book__cover:after,[data-book=turned] .article-book__cover:before{content:"";position:absolute;top:-1px;left:-1px;border-radius:0;box-sizing:border-box;z-index:auto}[data-book=turned] .article-book__cover:after{right:-1px;height:var(--depth);inset-inline:-1px;border:1px solid var(--line-strong);border-bottom:0;background:repeating-linear-gradient(to bottom,var(--paper) 0 2px,var(--line-strong) 2px 3px);transform-origin:top center;transform:rotateX(-90deg)}[data-book=turned] .article-book:hover .article-book__cover{transform:translateY(calc(var(--book-offset, 0px) - 6px)) rotate(var(--book-angle,-5deg)) rotateX(-4deg) rotateY(16deg);box-shadow:inset 1px 0 0 var(--line),-8px 24px 36px color-mix(in srgb,var(--ink-primary) 10%,transparent),2px 8px 12px color-mix(in srgb,var(--ink-primary) 6%,transparent)}[data-book=traced] .article-book__cover{background:transparent;border:0;box-shadow:none;padding-left:24px;padding-top:20px}[data-book=traced] .article-book__cover:after,[data-book=traced] .article-book__cover:before{content:none}[data-book=traced] .article-book__trace{display:block;position:absolute;inset:-3px -4px -4px -4px;width:calc(100% + 8px);height:calc(100% + 7px);overflow:visible;fill:var(--white);stroke:color-mix(in srgb,var(--ink-primary) 82%,var(--paper));stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke;z-index:0}[data-book=traced] .article-book__trace path{vector-effect:non-scaling-stroke}[data-book=traced] .article-book__trace-pages{fill:var(--paper)}[data-book=traced] .article-book__trace-spine{fill:var(--linen)}[data-book=traced] .article-book__trace-ticks{fill:none;stroke:var(--line-strong)}[data-book=traced] .article-book__ribbon{right:10px;top:-7px}[data-book=traced] .article-book:hover .article-book__cover{transform:translateY(calc(var(--book-offset, 0px) - 6px)) rotate(var(--book-angle,-5deg))}[data-book=traced] .article-book:hover .article-book__trace-cover{fill:var(--paper-soft)}[data-book=outline] .article-book{margin-left:17px;--ink:color-mix(in srgb,var(--ink-primary) 82%,var(--paper))}[data-book=outline] .article-book__cover{background:var(--white);border:0;border-radius:.8px;padding:17px 13px 15px 20px;box-shadow:none;transform:translateY(var(--book-offset,0)) skewY(-9deg)}[data-book=outline] .article-book__cover:before{content:"";position:absolute;top:-5.5px;bottom:6px;left:calc(-1 * var(--spine));width:var(--spine);border:0;border-radius:0;background:var(--white);z-index:0}[data-book=outline] .article-book__cover:after{content:none}[data-book=outline] .article-book__head{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--ink);stroke-width:1;stroke-linejoin:round;stroke-linecap:round;pointer-events:none;z-index:0}[data-book=outline] .article-book__outline-paper{fill:var(--white);stroke:none}[data-book=outline] .article-book__ribbon{right:20%;top:0;width:10px;background:none;clip-path:none;overflow:hidden;z-index:0}[data-book=outline] .article-book__ribbon-outline{display:block;position:absolute;bottom:0;fill:var(--brand);stroke:var(--ink);stroke-width:1;stroke-linejoin:round;stroke-linecap:round}[data-book=outline] .article-book:hover .article-book__ribbon{height:20px}[data-book=outline] .article-book:hover .article-book__cover{transform:translateY(calc(var(--book-offset, 0px) - 6px)) skewY(-9deg);background:var(--paper-soft);box-shadow:none}.article-books{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.article-books .article-book__cover{width:100px;min-height:152px}.article-books .article-book:nth-child(3n+1){--book-angle:-6deg;--book-offset:2px}.article-books .article-book:nth-child(3n+2){--book-angle:3deg;--book-offset:10px}.article-books .article-book:nth-child(3n){--book-angle:-3deg;--book-offset:-3px}.article-book--soon{position:relative}.article-book--soon summary{cursor:pointer;list-style:none;width:-moz-fit-content;width:fit-content}.article-book--soon summary::-webkit-details-marker{display:none}.article-book--soon .article-book__cover{width:148px;min-height:174px}.article-book--soon .article-book__title{font-size:15px}.article-book--soon .article-book__read{text-transform:none;font-size:10px;letter-spacing:0}.article-book--soon summary:focus-visible{outline:2px solid var(--brand);outline-offset:8px}.article-book--soon .article-book__status{max-width:30ch;font-size:14px;line-height:1.5;margin:20px 0 0;color:var(--ink-primary)}