.kb-showcase{margin:-44px calc(50% - 50vw) -90px;padding-bottom:48px;overflow-x:clip;--kb-gutter:max(24px,calc(50vw - 566px))}.kb-showcase-hero{position:relative;z-index:10;padding:44px var(--kb-gutter) 8px}.kb-showcase-title{font:300 44px/1.05 var(--kb-font-serif);margin:0;max-width:680px}.kb-showcase-title em{font-style:italic}.kb-depth{position:relative;margin-top:14px}.kb-depth-ambient{left:50%;top:-10px;width:min(1100px,100vw);height:520px;transform:translateX(-50%);background:radial-gradient(closest-side,var(--kb-halo),transparent 70%);z-index:0}.kb-depth-ambient,.kb-depth-fade{position:absolute;pointer-events:none}.kb-depth-fade{left:0;right:0;top:0;height:120px;background:linear-gradient(180deg,var(--kb-nav-bg),transparent);z-index:4}.kb-row{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}.kb-row--back{top:0;width:min(700px,62vw);filter:blur(2px);opacity:.82;z-index:1}.kb-row--mid{top:72px;width:min(830px,76vw);filter:blur(.8px);opacity:.92;z-index:2}.kb-row-line{display:flex;justify-content:space-between;align-items:flex-end}.kb-row--back .kb-row-line{height:140px}.kb-row--mid .kb-row-line{height:196px}.kb-spinebook{position:relative;display:flex;flex-direction:column;gap:6px;border-radius:2px;color:#f2eadf;overflow:hidden}.kb-spinebook-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.kb-row--back .kb-spinebook{width:80px;padding:11px 9px;box-shadow:0 8px 14px -6px rgba(0,0,0,.45),inset 5px 0 7px rgba(0,0,0,.3)}.kb-row--mid .kb-spinebook{width:112px;padding:13px 11px;box-shadow:0 12px 22px -8px rgba(0,0,0,.55),inset 6px 0 9px rgba(0,0,0,.3)}.kb-spinebook-cat{font:500 7px/1.2 var(--kb-font-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.62}.kb-row--back .kb-spinebook-title{font:400 9px/1.1 var(--kb-font-serif);opacity:.92}.kb-row--mid .kb-spinebook-title{font:400 12px/1.1 var(--kb-font-serif)}.kb-depth-head{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:120px var(--kb-gutter) 0}.kb-depth-heading{font:400 24px/1 var(--kb-font-serif);margin:0}.kb-depth-tools{display:flex;align-items:center;gap:10px}.kb-shelf-arrow{width:34px;height:34px;border-radius:50%;border:1px solid var(--kb-border-strong);background:none;color:var(--kb-text);font-size:15px;line-height:1;cursor:pointer}.kb-depth-all{font:500 12px/1 var(--kb-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--kb-muted);text-decoration:none;-webkit-margin-start:8px;margin-inline-start:8px}.kb-shelf{position:relative;z-index:10;overflow-x:auto;overflow-y:hidden;padding:18px var(--kb-gutter);-webkit-overflow-scrolling:touch}.kb-shelf-inner{position:relative;display:flex;gap:40px;align-items:flex-end;width:max-content;padding-bottom:6px}.kb-shelf-bar{position:absolute;inset-inline:calc(-1 * var(--kb-gutter));top:298px;height:16px;border-radius:2px;background:var(--kb-shelf-grad);box-shadow:0 20px 40px -12px rgba(0,0,0,.8),inset 0 1px 0 var(--kb-shelf-edge);z-index:0}.kb-shelf-item{position:relative;z-index:1;flex:none;text-decoration:none;color:inherit;cursor:pointer}.kb-showcase-empty{margin:40px var(--kb-gutter);border:1px dashed var(--kb-border);border-radius:14px;padding:54px 24px;text-align:center}.kb-showcase-empty-title{font:400 22px/1.3 var(--kb-font-serif);margin:0 0 8px}.kb-showcase-empty-text{font:400 14px/1.5 var(--kb-font-sans);color:var(--kb-muted);margin:0 0 22px}.kb-collection{display:none;padding:26px var(--kb-gutter) 0}.kb-collection-heading{font:400 21px/1 var(--kb-font-serif);margin:0 0 16px}.kb-collection-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:26px 16px;gap:26px 16px}@media (max-width:1100px){.kb-row--back{width:min(640px,72vw)}.kb-row--mid{width:min(760px,86vw)}.kb-row--back .kb-spinebook:nth-child(n+7),.kb-row--mid .kb-spinebook:nth-child(n+6){display:none}.kb-shelf-inner{gap:34px}}@media (max-width:900px){.kb-row--back{display:none}.kb-depth-head{padding-top:108px}}@media (max-width:768px){.kb-showcase{margin-top:-26px;margin-bottom:-60px;padding-bottom:36px;--kb-gutter:18px}.kb-showcase-hero{padding-top:18px}.kb-showcase-title{font-size:30px;line-height:1.12}.kb-depth-ambient,.kb-depth-fade,.kb-row,.kb-shelf-arrow{display:none}.kb-depth-head{padding-top:22px;align-items:baseline}.kb-depth-heading{font-size:21px}.kb-shelf{padding:14px var(--kb-gutter) 4px}.kb-shelf-inner{gap:30px}.kb-shelf-bar{height:14px}.kb-collection{display:block}}