@layer components{.card-defs{position: absolute;inline-size: 0;block-size: 0;overflow: hidden}.card-cover{display: block;inline-size: 100%;block-size: auto;aspect-ratio: 600 / 848;--pr-ink-a: .3;--pr-dark-a: .62;--pr-hot-a: .8;--pr-w: 1.1}.card-cover--midnight,.card-spine--midnight{--cv-wall: var(--cbx-ink);--cv-die: var(--cbx-lemon);--pr-ink: var(--cbx-blush);--pr-line: var(--cbx-blush);--pr-hot: var(--cbx-lemon)}.card-cover--ultra,.card-spine--ultra{--cv-wall: var(--cbx-ultra);--cv-die: var(--cbx-blush);--pr-ink: var(--cbx-blush);--pr-line: var(--cbx-lemon);--pr-hot: var(--cbx-lemon)}.card-cover--coral,.card-spine--coral{--cv-wall: var(--cbx-coral);--cv-die: var(--cbx-ink);--pr-ink: var(--cbx-ink);--pr-line: var(--cbx-ink);--pr-hot: var(--cbx-ink)}.card-cover--coral{--pr-ink-a: .26;--pr-dark-a: .5}.kit-cv-wall{fill: var(--cv-wall)}.kit-cv-key{fill: none;stroke: var(--pr-ink);stroke-opacity: .32}.kit-cv-die,.card-cover__lockup{fill: var(--cv-die)}.card-cover__plate{fill: var(--cbx-mat);stroke: var(--cbx-ink);stroke-width: 2.4}.card-cover__rule{fill: none;stroke: var(--cbx-ink);stroke-width: 1.6}.card-cover__date{fill: var(--cbx-lemon)}.card-cover text{fill: var(--cbx-ink)}.card-cover__no{font: 400 25px / 1 var(--cb-font-mono);letter-spacing: .06em}.card-cover__title{font-family: var(--cb-font-display);font-weight: 800;font-stretch: 112%;letter-spacing: -.02em}.card-cover__fy{font: 400 20px / 1 var(--cb-font-mono);letter-spacing: .05em;fill: var(--cbx-ultra) !important}.card-spine{display: block;flex: none;block-size: 100%}.card-spine__ground{fill: var(--cv-wall)}.card-spine__lines{fill: none;stroke: var(--pr-line);stroke-width: 1.2;vector-effect: non-scaling-stroke}.card-spine__edge{stroke: var(--cbx-ink);stroke-opacity: .5;stroke-width: 1.5;vector-effect: non-scaling-stroke}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :is(.card-cover,.card-spine){box-shadow: 0 0 0 1px color-mix(in srgb,var(--cbx-blush) 50%,transparent)}}:root[data-theme="dark"] :is(.card-cover,.card-spine){box-shadow: 0 0 0 1px color-mix(in srgb,var(--cbx-blush) 50%,transparent)}.card-dim{position: absolute;color: var(--line-ink);pointer-events: none;--cd-off: var(--space-6);--cd-tick: 11px}.card-dim::before{content: "";position: absolute;background: var(--line-ink)}.card-dim--x{inset-inline: 0;inset-block-start: calc(-1 * var(--cd-off));block-size: 0}.card-dim--x::before{inset-inline: 0;inset-block-start: 0;block-size: 1px;transform-origin: left}.card-dim--y{inset-block: 0;inset-inline-start: calc(-1 * var(--cd-off));inline-size: 0}.card-dim--y::before{inset-block: 0;inset-inline-start: 0;inline-size: 1px;transform-origin: top}.card-dim__t{position: absolute;inline-size: var(--cd-tick);block-size: 1px;background: var(--line-ink);rotate: -45deg;translate: -50% 0}.card-dim--x .card-dim__t{inset-block-start: 0}.card-dim--x .card-dim__t--b{inset-inline-start: 100%}.card-dim--y .card-dim__t{inset-inline-start: 0}.card-dim--y .card-dim__t--b{inset-block-start: 100%}.card-dim__e{position: absolute;background: var(--line)}.card-dim--x .card-dim__e{inline-size: 1px;block-size: calc(var(--cd-off) + var(--space-2));inset-block-start: calc(-1 * var(--space-2))}.card-dim--x .card-dim__e--b{inset-inline-start: calc(100% - 1px)}.card-dim--y .card-dim__e{block-size: 1px;inline-size: calc(var(--cd-off) + var(--space-2));inset-inline-start: calc(-1 * var(--space-2))}.card-dim--y .card-dim__e--b{inset-block-start: calc(100% - 1px)}.card-dim__label{position: absolute;font: var(--weight-label) var(--text-label) / 1 var(--font-mono);letter-spacing: var(--tracking-label);color: var(--line-ink);background: var(--bg);padding: 2px var(--space-2);white-space: nowrap;font-variant-numeric: var(--figures-tabular)}.card-dim--x .card-dim__label{inset-inline-start: 50%;inset-block-start: 0;translate: -50% -50%}.card-dim--y .card-dim__label{top: 50%;left: 0;translate: -50% -50%;writing-mode: vertical-rl;rotate: 180deg;padding: var(--space-2) 2px}.card-dim__scale:not(:empty)::before{content: " · "}.card-cap{margin-block-start: var(--space-4);font: var(--weight-label) var(--text-label) / var(--leading-label) var(--font-mono);letter-spacing: var(--tracking-label);color: var(--ink-3);max-inline-size: 62ch;text-wrap: pretty}.card-cap__k{color: var(--ink-2);margin-inline-end: var(--space-2)}.card-tag{position: relative;justify-self: start;display: grid;gap: 4px;margin-block-start: 40px;margin-inline-start: 18px;padding: 10px 14px 9px;background: var(--surface);box-shadow: var(--shadow-paper),0 0 0 1px var(--hairline);border-radius: var(--radius-sm);font-variant-numeric: var(--figures-tabular)}.card-tag::before{content: "";position: absolute;inset-block-end: 100%;inset-inline-start: 50%;inline-size: 1px;block-size: 40px;background: var(--ink-3)}.card-tag::after{content: "";position: absolute;inset-block-start: 7px;inset-inline-start: calc(50% - 3px);inline-size: 6px;block-size: 6px;border-radius: var(--radius-disc);box-shadow: inset 0 0 0 1px var(--ink-3)}.card-tag__fig{padding-block-start: 10px;font: 400 1.5rem / 1 var(--font-sans);letter-spacing: -0.02em;color: var(--ink)}.card-tag__inc,.card-tag__sum{font: 400 var(--text-label) / 1.2 var(--font-mono);color: var(--ink-3)}.card-elev{inline-size: min(100%,540px);margin: 0}.card-elev__views{display: grid;grid-template-columns: 40px minmax(0,1fr) 26px auto 48px;grid-template-rows: 46px auto 26px auto 28px}.card-elev__w{grid-area: 1 / 2;position: relative}.card-elev__w .card-dim{inset-block-start: 22px}.card-elev__w .card-dim__e{block-size: 34px;inset-block-start: -8px;background: var(--line-ink)}.card-elev__lab{font: 400 var(--text-label) / 1 var(--font-mono);color: var(--ink-3)}.card-elev__lab--top{grid-area: 2 / 1;align-self: center}.card-elev__lab--front{grid-area: 5 / 2;align-self: end}.card-elev__lab--side{grid-area: 5 / 4 / 6 / 6;align-self: end}.card-elev__top{grid-area: 2 / 2;display: block;background: var(--surface);box-shadow: inset 0 0 0 1px var(--ink-3);position: relative}.card-elev__top::after{content: "";position: absolute;inset: 3px;background: repeating-linear-gradient(135deg,var(--line) 0 1px,transparent 1px 6px)}.card-elev__top svg{display: block}.card-elev__pj{position: relative;display: block;border: 0 solid var(--line);opacity: 0.8;pointer-events: none}.card-elev__pj--up{grid-area: 3 / 2;border-inline-width: 1px}.card-elev__pj--out{grid-area: 2 / 3 / 4 / 5;border-block-start-width: 1px;border-inline-end-width: 1px}.card-elev__pj--in{grid-area: 3 / 3;border-block-start-width: 1px;border-inline-end-width: 1px}.card-elev__pj--across{grid-area: 4 / 3;border-block-width: 1px}.card-elev__mitre{grid-area: 2 / 4;position: relative}.card-elev__mitre svg{position: absolute;inset: 0;inline-size: 100%;block-size: 100%;overflow: visible}.card-elev__mitre line{stroke: var(--line);stroke-width: 1;stroke-dasharray: 6 3 1 3;vector-effect: non-scaling-stroke}.card-elev__front{grid-area: 4 / 2;display: block}.card-elev__front .card-cover{box-shadow: var(--shadow-paper)}.card-elev__tw{grid-area: 1 / 4;display: block}.card-elev__tw svg{display: block}.card-elev__side{grid-area: 4 / 4;position: relative;display: block}.card-elev__side .card-spine{position: absolute;inset: 0;inline-size: 100%;block-size: 100%;box-shadow: var(--shadow-paper)}.card-elev__pp{grid-area: 4 / 5;position: relative}.card-elev__pp .card-dim{inset-inline-start: 24px}.card-elev__pp .card-dim__e{inline-size: 34px;inset-inline-start: -26px;background: var(--line-ink)}.card-elev__cap{display: flex;flex-wrap: wrap;align-items: center;gap: 0 0.5em;margin-block-start: var(--space-5)}.card-proj{inline-size: 44px;block-size: 20px;flex: none}.card-proj path,.card-proj circle{fill: none;stroke: var(--ink-3);stroke-width: 1}@media (max-width: 1099.98px){.card-elev__views{grid-template-columns: 0 minmax(0,1fr) 18px auto 40px;grid-template-rows: 40px auto 18px auto 0}.card-elev__w .card-dim{inset-block-start: 18px}.card-elev__w .card-dim__e{block-size: 30px}.card-elev__pp .card-dim{inset-inline-start: 20px}.card-elev__pp .card-dim__e{inline-size: 30px;inset-inline-start: -22px}.card-elev__lab,.card-elev__mitre{display: none}}@media (max-width: 767.98px){.card-elev{inline-size: min(100%,300px)}}.card-pair{margin: 0;--pd: var(--space-10);--po: 0.9;--kw: min(408px,calc((100cqi - var(--pd) - var(--space-4)) / (1 + var(--po))));--kh: calc(var(--kw) * 848 / 600);inline-size: 100%}.card-pair__shelf{position: relative;display: flex;align-items: flex-end;block-size: var(--kh);inline-size: calc(var(--kw) * (1 + var(--po)) + var(--space-4));margin-inline-start: var(--pd);border-block-end: 2px solid var(--ink)}.card-pair__books{display: flex;align-items: flex-end;block-size: 100%}.card-pair__front{display: block;inline-size: var(--kw);block-size: var(--kh);flex: none}.card-pair__front + .card-pair__front{margin-inline-start: calc(var(--kw) * (var(--po) - 1))}.card-pair__front .card-cover{block-size: 100%;inline-size: 100%;box-shadow: var(--shadow-paper)}.card-pair__front + .card-pair__front .card-cover{box-shadow: -1px 0 0 var(--bg),-12px 0 16px -12px var(--scrim),var(--shadow-paper)}.card-pair__dim{inset-block: 0;--cd-off: 28px}.card-tag--pair{inline-size: max-content;margin-inline-start: calc(var(--pd) + var(--kw) * (1 + var(--po)) / 2);translate: -50% 0}.card-pair .card-cap{margin-block-start: var(--space-5)}@media (max-width: 767.98px){.card-pair .card-cap{display: none}}}@layer components{.card-both{display: grid;gap: 32px;align-items: center;margin-block: 64px 48px}.card-both__covers{position: relative;display: block;block-size: 220px;inline-size: calc(220px * 600 / 848 + 44px)}.card-both__front{position: absolute;inset-block: 0;inset-inline-start: 0;block-size: 100%;aspect-ratio: 600 / 848}.card-both__front + .card-both__front{inset-inline-start: 44px}.card-both__front .card-cover{block-size: 100%;inline-size: auto;box-shadow: var(--shadow-paper)}.card-both__words{display: grid;gap: 12px;align-content: start}.card-both__words .eyebrow{margin: 0}.card-both__h{font: 800 clamp(28px,4vw,40px)/1 var(--font-display);font-stretch: 125%;letter-spacing: -.02em;color: var(--fg)}.card-both__line{font: 17px/1.5 var(--font-sans);color: var(--fg-2);max-inline-size: 36em}.card-both__sum{font: 400 13px/1.4 var(--font-mono);color: var(--fg)}@media (min-width: 768px){.card-both{grid-template-columns: auto minmax(0,1fr);gap: 48px}}@media (max-width: 767.98px){.card-both__covers{block-size: 150px;inline-size: calc(150px * 600 / 848 + 30px)}.card-both__front + .card-both__front{inset-inline-start: 30px}}.card-row{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 8px 20px;align-items: center;padding-block: 20px;border-block: 1px solid var(--rule-c);scroll-margin-block-start: calc(var(--hdr) + 24px)}.card-row__words{grid-column: 1 / -1}.card-row__name{font: 800 22px/1.1 var(--font-display);font-stretch: 112%}.card-row__name a{text-underline-offset: .14em}.card-row__line,.card-row__note{margin-block-start: 4px;font: 15px/1.45 var(--font-sans);color: var(--fg-2);max-inline-size: 40em}.card-row__price{font: 800 24px/1 var(--font-display);font-stretch: 125%;color: var(--price);white-space: nowrap}.card-row__inc{font: 400 12px/1 var(--font-mono);letter-spacing: .04em;color: var(--fg)}@media (min-width: 768px){.card-row{grid-template-columns: minmax(0,1fr) auto auto}.card-row__words{grid-column: auto}}}@layer components{.card-bay__no{font: 400 12px/1.3 var(--font-mono);letter-spacing: .06em;text-transform: uppercase;color: var(--fg)}.card-end{display: grid;grid-template-columns: 72px minmax(0,1fr);gap: 20px;align-items: start;margin-block-start: 48px;padding: 24px;border: 1.5px solid var(--ink);background: var(--surface);color: var(--ink);box-shadow: var(--shadow-paper)}.card-end__book .card-cover{box-shadow: var(--shadow-paper)}.card-end__name{margin-block: 6px 8px;font: 800 clamp(24px,3vw,30px)/1.02 var(--font-display);font-stretch: 125%;letter-spacing: -.02em}.card-end__line{font: 15px/1.45 var(--font-sans);color: var(--ink-2);max-inline-size: 38em}.card-end__price{margin-block: 12px 16px;font: 400 12px/1.5 var(--font-mono);color: var(--ink)}.card-end__pay{margin-block-start: 12px;font: 14px/1.45 var(--font-sans);color: var(--ink-2)}.card-end .btns>.btn--text{white-space: nowrap;justify-content: flex-start}@media (min-width: 768px){.card-end{grid-template-columns: 96px minmax(0,1fr);gap: 32px;padding: 32px}}@media (max-width: 374.98px){.card-end{grid-template-columns: minmax(0,1fr)}.card-end__book{inline-size: 72px}}}