@layer theme,base;@layer components{.bk-kicker{font-family:var(--font-body);font-size:var(--text-v5-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-gilt-ink);font-weight:700;line-height:1.4}.bk-kicker span{letter-spacing:.02em;text-transform:none;color:var(--color-ink-muted);margin-left:8px;font-weight:600}.bk-nowrap{white-space:nowrap}.pg-banner.bk-banner-rail:not(.pg-banner--art) .pg-banner__in{padding-bottom:calc(clamp(2.75rem,1.5rem + 3vw,4.75rem) + 52px)}.bk-rail{z-index:3;margin-top:-58px;position:relative}.bk-rail__list{-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--color-line), var(--shadow-navy-float);background:#fffffff0;border-radius:32px;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin:0;padding:12px;list-style:none;display:grid}.bk-rail__list>li{min-width:0}.bk-rail__item{height:100%;color:var(--color-ink);text-align:center;transition:transform var(--duration-v5-base) var(--ease-out-expo), background-color var(--duration-v5-quick);border-radius:22px;align-content:start;justify-items:center;gap:8px;padding:8px 4px 10px;text-decoration:none;display:grid}.bk-rail__art{aspect-ratio:1;background:var(--tile-ground,var(--color-paper-sunken));width:100%;max-width:112px;box-shadow:inset 0 0 0 1px #ffffffb3, 0 12px 20px -14px var(--tile-edge,var(--color-ink));border-radius:22px;display:block;overflow:hidden}.bk-rail__art :is(picture,img){width:100%;height:100%;display:block}.bk-rail__art img{object-fit:cover;transition:transform .6s var(--ease-out-expo)}.bk-rail__glyph{width:100%;height:100%;color:var(--tile-edge,var(--color-ink));place-items:center;display:grid}.bk-rail__glyph svg{width:44%;height:44%}.bk-rail__name{font-size:var(--text-v5-xs);text-wrap:balance;font-weight:700;line-height:1.25}.bk-rail__item:focus-visible{outline-offset:0;border-radius:22px}@media (hover:hover) and (pointer:fine){.bk-rail__item:hover{background:color-mix(in srgb, var(--tile-ground,white) 55%, white);transform:translateY(-4px)}.bk-rail__item:hover .bk-rail__art img{transform:scale(1.08)rotate(-2deg)}}.bk-rail__item:active{transform:scale(.97)}.bk-rail--skeleton .bk-rail__art{background:var(--color-paper-sunken);box-shadow:none}.bk-rail__bone{background:var(--color-paper-sunken);border-radius:4px;width:70%;height:.8em;display:block}.bk-cat{padding-block:clamp(3.5rem, 2.4rem + 3.4vw, 6.5rem) var(--spacing-v5-section)}.bk-cat__grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(2rem,1rem + 4vw,5.5rem);display:grid}.bk-cat__copy{grid-template-columns:minmax(0,1fr);justify-items:start;gap:14px;display:grid}@media not (min-width:22.5em){.bk-cat__copy .pg-btns .bk-nowrap{white-space:normal}}.bk-cat__copy h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--color-ink);text-wrap:balance;font-size:clamp(2rem,1.35rem + 2.2vw,3.2rem);font-weight:560;line-height:1.04}.bk-cat__copy>p:not(.pg-eyebrow){font-size:var(--text-v5-l);color:var(--color-lede);line-height:1.6}.bk-cat__copy .pg-btns{margin-top:14px}.bk-case{isolation:isolate;border-radius:220px 220px var(--radius-v5-panel) var(--radius-v5-panel);background:radial-gradient(60% 55% at 50% 22%, #fffffff2, transparent 70%), radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--color-pink) 22%, transparent) 1px, transparent 1.6px) 0 0 / 22px 22px, linear-gradient(180deg, color-mix(in srgb, var(--color-wing-books) 45%, white) 0%, var(--color-wing-books) 70%, color-mix(in srgb, var(--color-pink) 22%, white) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-pink) 25%, transparent), 0 0 0 10px white, var(--shadow-navy-float);align-content:end;padding:clamp(2.5rem,2rem + 2vw,4rem) clamp(1.5rem,1rem + 2vw,3rem) 0;display:grid;position:relative;overflow:hidden}.bk-case__vols{justify-content:center;align-items:flex-end;gap:6px;height:clamp(190px,120px + 10vw,290px);display:flex;position:relative}.bk-vol{--gilt:var(--color-gilt-light);width:var(--w);height:var(--h);transform-origin:50% 100%;background:linear-gradient(180deg, transparent 0 8%, var(--gilt) 8% calc(8% + 2px), transparent calc(8% + 2px) 11%, var(--gilt) 11% calc(11% + 1px), transparent calc(11% + 1px) 88%, var(--gilt) 88% calc(88% + 2px), transparent calc(88% + 2px)), linear-gradient(90deg, #0000004d 0 6%, #ffffff2e 11%, transparent 32% 68%, #00000038 100%), var(--cloth,var(--color-brand));transition:transform var(--duration-v5-reveal) var(--ease-out-expo);transition-delay:calc(var(--i,0) * 45ms);border-radius:6px 6px 3px 3px;flex:none;place-items:center;display:grid;position:relative;box-shadow:0 20px 26px -16px #1b234099}.bk-vol__glyph{--glyph-accent:var(--color-sunflower);width:62%;max-width:28px;color:var(--gilt)}.bk-vol--lean{transform-origin:0 100%;margin-left:6px;transform:rotate(9deg)}.bk-case__end{background:linear-gradient(90deg, var(--color-gilt), var(--color-gilt-light) 45%, var(--color-gold));width:18px;height:44%;box-shadow:0 16px 20px -14px color-mix(in srgb, var(--color-gilt-ink) 70%, transparent);border-radius:4px 4px 2px 2px;align-self:flex-end;margin-left:14px}.bk-case__plank{background:linear-gradient(180deg, color-mix(in srgb, var(--color-gilt-light) 60%, var(--color-gold)) 0%, var(--color-gilt) 45%, color-mix(in srgb, var(--color-gilt) 70%, var(--color-gilt-ink)) 100%);border-radius:3px;height:18px;margin:0 calc(-1*clamp(1.5rem,1rem + 2vw,3rem));display:block;position:relative;box-shadow:inset 0 -1px #ffffff80}@media (hover:hover) and (pointer:fine){.bk-case:hover .bk-vol{transform:translateY(-8px)}.bk-case:hover .bk-vol--lean{transform:rotate(4deg)translateY(-6px)}}@media not (min-width:64em){.bk-rail__list{scroll-snap-type:x mandatory;scrollbar-width:thin;display:flex;overflow-x:auto}.bk-rail__list>li{scroll-snap-align:start;flex:0 0 104px}.bk-cat__grid{grid-template-columns:minmax(0,1fr)}.bk-cat__copy{order:-1}.bk-case{width:100%;max-width:34rem}}@media not (min-width:48em){.bk-rail{margin-top:-40px}.pg-banner.bk-banner-rail:not(.pg-banner--art) .pg-banner__in{padding-bottom:calc(clamp(2.75rem,1.5rem + 3vw,4.75rem) + 34px)}}@media not (min-width:37.5em){.bk-cat__copy .pg-btns>*{flex:100%}.bk-vol__glyph{max-width:22px}.bk-case__vols{gap:4px}.bk-vol{width:calc(var(--w) * .72)}}}@layer utilities;@media (prefers-reduced-motion:reduce){.bk-rail__item,.bk-rail__art img,.bk-vol{transition:none}.bk-rail__item:hover,.bk-case:hover .bk-vol{transform:none}.bk-case:hover .bk-vol--lean{transform:rotate(9deg)}}:root[data-motion=reduced] :is(.bk-rail__item,.bk-rail__art img,.bk-vol){transition:none}