.li{--ratio:.7727;width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--paper);background:#0b0b0b;border:0;margin:0;padding:0;overflow:hidden}.li::backdrop{background:#0b0b0b99}.li[open]{animation:li-in .5s var(--ease) both;grid-template-rows:auto 1fr auto;display:grid}@keyframes li-in{0%{opacity:0}}.li__bar,.li__nav{padding:16px var(--gutter);font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase;color:#a39d94;justify-content:space-between;align-items:center;gap:16px;display:flex}.li__title em{color:var(--paper);font-style:normal}.li__count{font-variant-numeric:tabular-nums}.li__close,.li__btn{min-height:44px;color:var(--paper);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:0 6px}.li__btn:disabled{opacity:.3;cursor:default}.li__close:hover,.li__btn:not(:disabled):hover{color:var(--gold)}.li__stage{min-height:0;padding:8px var(--gutter);perspective:2600px;place-items:center;display:grid}.li__book{--ph:min(calc(100dvh - 170px), calc((100vw - 2 * var(--gutter)) / 2 / var(--ratio)));--pw:calc(var(--ph) * var(--ratio));width:calc(var(--pw) * 2);height:var(--ph);transform-style:preserve-3d;transition:transform .9s var(--ease);position:relative}.li__book.is-closed{transform:translateX(calc(var(--pw) / -2))}.li__book:after{content:"";filter:blur(6px);pointer-events:none;background:radial-gradient(closest-side,#000000b3,#0000);border-radius:50%;height:30px;position:absolute;bottom:-18px;left:4%;right:4%;transform:translateZ(-1px)}.li__base{width:var(--pw);height:var(--ph);position:absolute;top:0}.li__base--left{color:#a39d94;font-size:var(--fs-small);letter-spacing:.2em;text-transform:uppercase;transition:opacity .5s var(--ease);background:#141414;border-radius:4px 0 0 4px;place-content:center;justify-items:center;gap:18px;display:grid;left:0}.li__base--left img{opacity:.55;width:62%}.li__book.is-closed .li__base--left{opacity:0}.li__base--right{background:var(--paper);color:var(--ink);border-radius:0 4px 4px 0;align-content:center;justify-items:start;gap:18px;padding:12%;display:grid;right:0;box-shadow:inset 24px 0 30px -24px #00000059}.li__end-label{font-size:var(--fs-small);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.li__end-title{letter-spacing:-.03em;font-size:clamp(1.4rem,2.4vw,2.2rem);font-weight:600;line-height:1.1}.li__leaf{width:var(--pw);height:var(--ph);transform-origin:0;transform-style:preserve-3d;cursor:pointer;transition:transform .95s cubic-bezier(.645,.045,.355,1);position:absolute;top:0;left:50%}.li__leaf.is-turned{transform:rotateY(-180deg)}.li__face{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff 50%/cover no-repeat;position:absolute;inset:0;overflow:hidden}.li__face img{object-fit:cover;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.li__face--front{border-radius:0 4px 4px 0}.li__face--back{border-radius:4px 0 0 4px;transform:rotateY(180deg)}.li__face:after{content:"";pointer-events:none;transition:opacity .95s var(--ease);position:absolute;inset:0}.li__face--front:after{background:linear-gradient(90deg,#00000038,#0000000d 6%,#0000 14%)}.li__face--back:after{background:linear-gradient(270deg,#00000038,#0000000d 6%,#0000 14%)}.li__leaf.is-moving .li__face--front:after{background:linear-gradient(90deg,#0000004d,#0000001f 40%,#ffffff14 80%)}.li__face--blank{background:var(--paper)}.li__hint{text-align:center}.li__fly{transform-origin:0 0;transform-style:preserve-3d}.li__bar,.li__nav{transition:opacity .6s var(--ease)}.li.is-arriving .li__bar,.li.is-arriving .li__nav{opacity:0}.li.is-arriving{animation:li-dim .8s var(--ease) forwards;background:#0b0b0b00}@keyframes li-dim{to{background:#0b0b0b}}.li.is-closing{animation:li-out .35s var(--ease) forwards}@keyframes li-out{to{opacity:0}}.li__face--cover{background:#151515;border-radius:2px 5px 5px 2px;box-shadow:inset 0 0 0 1px #ffffff0d}.li__face--cover img{object-fit:contain}.li__face--cover:after{background:linear-gradient(90deg,#00000059 0%,#ffffff24 1.2%,#0003 3%,#0000 7%),linear-gradient(112deg,#0000 20%,#ffffff1f 40%,#0000 58%)}.li__face--endpaper{color:#a39d94;font-size:var(--fs-small);letter-spacing:.2em;text-transform:uppercase;background:#141414;place-content:center;justify-items:center;gap:18px;display:grid}.li__face--endpaper img{object-fit:contain;opacity:.55;width:62%;height:auto}@media (width<=760px){.li__book{--ph:min(calc(100dvh - 170px), calc((100vw - 2 * var(--gutter)) / var(--ratio)));width:var(--pw)}.li__book.is-closed{transform:none}.li__leaf{left:0}.li__leaf.is-turned{opacity:0;transition:transform .7s cubic-bezier(.645,.045,.355,1),opacity .7s;transform:rotateY(-100deg)}.li__base--left{display:none}.li__base--right{border-radius:4px;left:0;right:auto}.li__title,.li__hint{display:none}}@media (prefers-reduced-motion:reduce){.li__leaf,.li__book{transition:none!important}}