.book{--page-ratio:1.4;--paper:#fbf8f1;--ink:#2a2724;--turn:.72s;--ease:cubic-bezier(.22,.72,.22,1);perspective:2400px;perspective-origin:50% 42%;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;margin-inline:auto;position:relative}.book:focus{outline:none}.book:focus-visible{outline:2px solid var(--secondary);outline-offset:10px;border-radius:.5rem}.book[data-dir=ltr]{--flip:1}.book[data-dir=rtl]{--flip:-1}.book[data-mode=spread]{max-width:1040px;max-width:min(1040px,max(680px,calc((100svh - 18rem)*2/var(--page-ratio))))}.book[data-mode=single]{max-width:400px;max-width:min(400px,max(280px,calc((100svh - 22rem)/var(--page-ratio))))}.book__stage{transform-style:preserve-3d;transform:translateX(var(--shift,0%));transition:transform var(--turn)var(--ease);position:relative}.book[data-mode=spread] .book__stage{aspect-ratio:2/var(--page-ratio)}.book[data-mode=single] .book__stage{aspect-ratio:1/var(--page-ratio)}.sheet{height:100%;transform-style:preserve-3d;transition:transform var(--turn)var(--ease);transform:rotateY(calc(var(--p,0)*-180deg*var(--flip)));will-change:transform;position:absolute;top:0}.book[data-mode=spread] .sheet{width:50%}.book[data-mode=single] .sheet{width:100%}.book[data-dir=ltr][data-mode=spread] .sheet{transform-origin:0;left:50%}.book[data-dir=rtl][data-mode=spread] .sheet{transform-origin:100%;left:0}.book[data-dir=ltr][data-mode=single] .sheet{transform-origin:0;left:0}.book[data-dir=rtl][data-mode=single] .sheet{transform-origin:100%;left:0}.sheet[data-dragging=true]{transition:none}.sheet[data-near=false]{content-visibility:auto;contain-intrinsic-size:1px 1000px}.face{backface-visibility:hidden;background:var(--paper);box-shadow:0 1px 0 color-mix(in srgb,var(--ink)10%,transparent),0 3px 0 -1px color-mix(in srgb,var(--ink)7%,transparent),0 18px 36px -12px color-mix(in srgb,var(--ink)45%,transparent);border-radius:.15rem;position:absolute;inset:0;overflow:hidden}.face--back{transform:rotateY(180deg)}.sheet[data-turned=true] .face--front,.sheet[data-turned=false] .face--back{pointer-events:none}.book[data-dir=ltr] .face--front{border-radius:.15rem .6rem .6rem .15rem}.book[data-dir=ltr] .face--back,.book[data-dir=rtl] .face--front{border-radius:.6rem .15rem .15rem .6rem}.book[data-dir=rtl] .face--back{border-radius:.15rem .6rem .6rem .15rem}.face:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0}.book[data-dir=ltr] .face--front:after,.book[data-dir=rtl] .face--back:after{background:linear-gradient(to right,color-mix(in srgb,var(--ink)20%,transparent)0,transparent 5%,transparent 97%,color-mix(in srgb,var(--ink)7%,transparent)100%)}.book[data-dir=ltr] .face--back:after,.book[data-dir=rtl] .face--front:after{background:linear-gradient(to left,color-mix(in srgb,var(--ink)20%,transparent)0,transparent 5%,transparent 97%,color-mix(in srgb,var(--ink)7%,transparent)100%)}.face__shade{pointer-events:none;background:linear-gradient(to right,color-mix(in srgb,var(--ink)55%,transparent),transparent 60%);transition:opacity var(--turn)var(--ease);position:absolute;inset:0}.face--front>.face__shade{opacity:calc(var(--p,0)*.5)}.face--back>.face__shade{opacity:calc((1 - var(--p,0))*.5)}.page{height:100%;color:var(--ink);background-color:var(--paper);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/><feColorMatrix type='saturate' values='0'/></filter><rect width='140' height='140' filter='url(%23g)' opacity='0.045'/></svg>");flex-direction:column;padding:4cqw 5cqw 2.5cqw;display:flex;position:relative;container-type:inline-size}.page--cover,.page--back{background-color:var(--accent);color:#fff;text-align:center;justify-content:center;align-items:center;gap:3cqw}.page__running{letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--ink)45%,transparent);align-items:baseline;gap:2cqw;font-size:3.4cqw;display:flex}.page__running:after{content:"";background:color-mix(in srgb,var(--ink)15%,transparent);flex:1;height:1px}.page__body{flex:1;grid-auto-rows:minmax(0,1fr);min-height:0;margin-block:.5cqw 1cqw;display:grid}.page__folio{text-align:center;color:color-mix(in srgb,var(--ink)40%,transparent);font-variant-numeric:tabular-nums;font-size:3.6cqw}.block--heading{text-align:center;flex-direction:column;grid-row:span 1;justify-content:center;align-items:center;display:flex}.heading__title{letter-spacing:.04em;color:var(--accent);font-size:8cqw;font-weight:700}.heading__rule{background:var(--secondary);width:26%;height:2px;margin-top:1cqw}.row{grid-template-columns:auto 1fr auto;align-items:center;gap:3cqw;min-height:0;padding-block:.8cqw;display:grid}.row__thumb{aspect-ratio:1;object-fit:cover;background:color-mix(in srgb,var(--ink)6%,transparent);border-radius:.35rem;flex:none;width:auto;height:clamp(13cqw,80%,17cqw)}.row__text{flex-direction:column;justify-content:center;min-width:0;display:flex}.row__name{text-overflow:ellipsis;white-space:nowrap;font-size:6cqw;font-weight:600;line-height:1.15;display:block;overflow:hidden}.row__desc{color:color-mix(in srgb,var(--ink)55%,transparent);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.4cqw;font-size:4.1cqw;line-height:1.25;display:-webkit-box;overflow:hidden}.row__prices{font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:flex-end;gap:.2cqw;display:flex}.price{white-space:nowrap;align-items:baseline;gap:2.2cqw;display:flex}.price__label{letter-spacing:.04em;color:color-mix(in srgb,var(--ink)42%,transparent);font-size:3.5cqw}.price__amount{color:var(--secondary);font-size:6cqw;font-weight:700}.price--multi .price__amount{font-size:4.6cqw}.price__was{color:color-mix(in srgb,var(--ink)40%,transparent);font-size:3.4cqw;text-decoration:line-through}.contents__title{color:var(--accent);text-align:center;font-size:7cqw;font-weight:700}.contents__list{flex-direction:column;gap:2.4cqw;margin-top:5cqw;display:flex}.contents__entry{width:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:baseline;gap:1.5cqw;padding:0;font-size:5cqw;display:grid}.contents__entry:hover .contents__name,.contents__entry:focus-visible .contents__name{color:var(--secondary)}.contents__leader{border-bottom:1px dotted color-mix(in srgb,var(--ink)35%,transparent);transform:translateY(-.4cqw)}.contents__folio{font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--ink)55%,transparent)}.cover__logo{object-fit:contain;width:46cqw;max-height:30cqw}.cover__title{letter-spacing:.06em;font-size:10cqw;font-weight:800}.cover__kicker{letter-spacing:.3em;text-transform:uppercase;opacity:.75;font-size:3.4cqw}.cover__note{opacity:.85;max-width:78%;font-size:3.4cqw;line-height:1.6}.cover__rule{opacity:.5;background:currentColor;width:22cqw;height:2px}.book__arrow{z-index:60;background:var(--secondary);width:2.75rem;height:2.75rem;color:var(--secondary-foreground);border-radius:9999px;place-items:center;transition:opacity .15s,transform .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 18px #0000002e}.book__arrow:hover:not(:disabled){transform:translateY(-50%)scale(1.07)}.book__arrow:disabled{opacity:.3;cursor:default}.book__arrow--prev{inset-inline-start:-1.25rem}.book__arrow--next{inset-inline-end:-1.25rem}.book__controls .book__arrow{position:static;inset:auto;transform:none}.book__controls .book__arrow:hover:not(:disabled){transform:scale(1.07)}@media (prefers-reduced-motion:reduce){.sheet,.face__shade{transition-duration:1ms}}
