.showcase{--ease:cubic-bezier(0.2,0.78,0.2,1);--mx:0px;--my:0px}.showcase .stage:after{content:"";position:absolute;z-index:30;inset:0;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.showcase .book-card{border:0;outline:0;-webkit-tap-highlight-color:transparent;--hover-y:0px;--local-x:0px;--local-y:0px;position:absolute;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:.672/1;padding:0;background:transparent;cursor:pointer;transform:translate3d(calc(-50% + var(--local-x)),calc(var(--hover-y) + var(--local-y)),0) rotate(var(--r)) rotateY(var(--yaw));transform-style:preserve-3d;transition:left 1.1s var(--ease),top 1.1s var(--ease),width 1.1s var(--ease),opacity .5s ease,filter .5s ease,transform .52s var(--ease);will-change:transform,left,top,width}.showcase .book-card[data-book=codex]{--x:23.2%;--y:40.5%;--w:min(30.5cqw,435px);--r:-8deg;--yaw:-7deg;z-index:1}.showcase .book-card[data-book=claude]{--x:50%;--y:32.2%;--w:min(33cqw,470px);--r:0.8deg;--yaw:-3deg;z-index:3}.showcase .book-card[data-book=cursor]{--x:77%;--y:42%;--w:min(30.5cqw,435px);--r:8deg;--yaw:7deg;z-index:2}.showcase .book-card:hover,.showcase .book-card[data-hovered=true]{--hover-y:-28px;z-index:8}.showcase .book{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s var(--ease)}.showcase .book-card:hover .book{transform:scale(1.035) rotateX(-1.5deg)}.showcase .book-back,.showcase .book-shadow,.showcase .front-cover,.showcase .page-block,.showcase .page-fan{position:absolute;inset:0;border-radius:3px 7px 7px 3px}.showcase .book-shadow{z-index:-2;inset:5% -4% -2% 4%;border-radius:12px;background:rgba(24,18,10,.7);filter:blur(22px);opacity:.72;transform:translate3d(18px,28px,-60px)}.showcase .book-back{z-index:0;background:var(--cover-color);box-shadow:0 18px 30px rgba(24,18,10,.4);transform:translate3d(7px,1px,-26px)}.showcase .page-block{z-index:1;inset:1.7% 1.4% 1.7% 3.8%;overflow:visible;border:1px solid rgba(84,68,45,.25);border-radius:2px 5px 5px 2px;background:repeating-linear-gradient(0deg,rgba(105,86,58,.14),rgba(105,86,58,.14) 1px,transparent 0,transparent 2.8px),linear-gradient(90deg,#cfc1a4,#f2e8d2 14%,#e7dac0 87%,#cbb894);box-shadow:7px 5px 16px rgba(31,23,13,.26);transform:translate3d(7px,1px,-12px);transition:transform 1.1s var(--ease),inset 1.1s var(--ease)}.showcase .page-block:before{content:"";position:absolute;top:-7px;right:1px;left:1px;height:8px;border-radius:2px 4px 0 0;background:repeating-linear-gradient(90deg,#d9cbae,#d9cbae 2px,#f2e7cf 0,#f2e7cf 5px);transform:skewX(-8deg);transform-origin:bottom left}.showcase .page-block:after{content:"";position:absolute;top:0;right:-7px;width:8px;height:100%;border-radius:0 4px 4px 0;background:repeating-linear-gradient(0deg,#cbb995,#cbb995 1px,#eee3cd 0,#eee3cd 3px);box-shadow:3px 2px 7px rgba(35,26,14,.18);transform:skewY(-2deg);transform-origin:left center}.showcase .page-fan{z-index:2;inset:2.4% 2% 2.4% 4.3%;pointer-events:none;transform-style:preserve-3d}.showcase .page-fan i{position:absolute;inset:0;display:block;border:1px solid rgba(102,83,55,.22);border-radius:2px 5px 5px 2px;background:linear-gradient(90deg,rgba(116,91,56,.22),transparent 9%),repeating-linear-gradient(0deg,#f0e6d0,#f0e6d0 2px,#e6d8ba 0,#e6d8ba 3px);box-shadow:3px 5px 10px rgba(37,28,16,.08);opacity:0;transform:translateZ(0) rotateY(0);transform-origin:1.5% center;transition:opacity .5s ease,transform 1.2s var(--ease)}.showcase .front-cover{z-index:3;overflow:hidden;border:1px solid rgba(238,224,194,.2);background-color:var(--cover-color);background-image:var(--cover);background-position:50%;background-size:cover;box-shadow:0 25px 38px rgba(24,18,10,.4),inset -12px 0 18px rgba(0,0,0,.16),inset 4px 0 9px rgba(255,255,255,.12);transform:translateZ(12px);transform-origin:1.5% center;transform-style:preserve-3d;transition:transform 1.2s var(--ease),box-shadow .6s ease}.showcase .front-cover:before{content:"";position:absolute;z-index:3;top:0;bottom:0;left:0;width:5.5%;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.08) 35%,rgba(0,0,0,.12) 75%,transparent);mix-blend-mode:multiply;opacity:.8}.showcase .front-cover:after{content:"";position:absolute;z-index:4;inset:0;border:3px solid rgba(255,255,255,.04);border-radius:inherit;pointer-events:none}.showcase .cover-copy{position:absolute;z-index:2;inset:5.8% 7.5% 5.5%;display:grid;grid-template-rows:auto auto auto 1fr auto;align-content:start;color:var(--cover-ink);text-align:center;text-shadow:0 1px 0 rgba(241,226,196,.24)}.showcase .cover-kicker{font-size:clamp(8px,.72cqw,11px);font-weight:600;letter-spacing:.16em;text-transform:uppercase}.showcase .cover-title{margin-top:2.2%;font-size:clamp(35px,4.3cqw,64px);font-weight:600;letter-spacing:-.055em;line-height:.9}.showcase .cover-subtitle{margin-top:3%;font-size:clamp(10px,1.05cqw,15px);font-weight:600;letter-spacing:.035em}.showcase .cover-footer{align-self:end;padding-top:3%;border-top:1px solid;font-size:clamp(7px,.62cqw,9px);font-weight:700;letter-spacing:.18em;text-transform:uppercase}.showcase .book-card[data-book=codex] .cover-copy{--cover-ink:#31291e}.showcase .book-card[data-book=claude] .cover-copy{--cover-ink:#4b281a}.showcase .book-card[data-book=cursor] .cover-copy{--cover-ink:#293024}.showcase .open-badge{position:absolute;z-index:6;top:47%;left:50%;display:grid;width:94px;height:66px;place-items:center;color:var(--ink-deep);background:var(--paper);clip-path:polygon(3% 22%,10% 8%,25% 7%,38% 1%,51% 6%,66% 2%,77% 10%,92% 11%,96% 26%,100% 39%,95% 52%,99% 67%,88% 79%,83% 93%,68% 94%,55% 100%,42% 94%,27% 98%,17% 88%,4% 84%,5% 69%,0 57%,5% 43%,1% 34%);font-size:11px;font-weight:700;letter-spacing:.12em;opacity:0;transform:translate(-50%,-50%) scale(.76) rotate(-3deg);transition:opacity .26s ease,transform .42s var(--ease),filter .26s ease;pointer-events:none}.showcase .book-card:focus-visible .open-badge,.showcase .book-card:hover .open-badge,.showcase .book-card[data-hovered=true] .open-badge{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-3deg)}.showcase .book-card:focus-visible{outline:0}.showcase .book-card:focus-visible .open-badge{filter:drop-shadow(0 7px 12px rgba(29,22,14,.34)) drop-shadow(0 0 8px rgba(224,190,137,.28))}@keyframes showcaseEmberRise{0%{opacity:0;transform:translateZ(0) scale(.7)}12%{opacity:.95}40%{opacity:.55;transform:translate3d(var(--ember-drift),-42cqh,0) scale(1)}62%{opacity:.9}to{opacity:0;transform:translate3d(calc(var(--ember-drift) * -.6),-108cqh,0) scale(.35)}}.showcase[data-mode=detail] .book-card:not(.selected){opacity:0;filter:blur(10px);transform:translate3d(-50%,60cqh,-200px) rotate(var(--r)) scale(.8);pointer-events:none}.showcase[data-mode=detail] .book-card.selected{--hover-y:0px;--local-x:0px;--local-y:0px;--detail-yaw:-5deg;--detail-pitch:0deg;left:27%;top:50%;width:min(30cqw,415px);z-index:14;cursor:default;transform:translate3d(-50%,-50%,0) rotate(-3deg);pointer-events:none}.showcase[data-mode=detail] .book-card.selected .book{transform:scale(1.02) rotateX(var(--detail-pitch)) rotateY(var(--detail-yaw));transition-duration:.17s;transition-timing-function:cubic-bezier(.2,.78,.2,1)}.showcase[data-mode=detail] .book-card.selected .front-cover{box-shadow:25px 26px 44px rgba(29,21,11,.34),inset -12px 0 18px rgba(0,0,0,.13),inset 4px 0 9px rgba(255,255,255,.1);transform:translateZ(18px) rotateY(-29deg)}.showcase[data-mode=detail] .book-card.selected .page-block{inset:1.9% 1.5% 1.9% 4.4%;transform:translate3d(6px,1px,-11px)}.showcase[data-mode=detail] .book-card.selected .page-fan i{opacity:1}.showcase[data-mode=detail] .book-card.selected .page-fan i:first-child{transform:translateZ(10px) rotateY(-4deg)}.showcase[data-mode=detail] .book-card.selected .page-fan i:nth-child(2){transform:translateZ(11px) rotateY(-8deg)}.showcase[data-mode=detail] .book-card.selected .page-fan i:nth-child(3){transform:translateZ(12px) rotateY(-12deg)}.showcase[data-mode=detail] .book-card.selected .page-fan i:nth-child(4){transform:translateZ(13px) rotateY(-16deg)}.showcase[data-mode=detail] .book-card.selected .open-badge{opacity:0}@container showcase (max-width: 900px){.showcase .book-card[data-book=codex]{--x:14%;--y:41%;--w:min(49cqw,360px)}.showcase .book-card[data-book=claude]{--x:50%;--y:35%;--w:min(54cqw,395px)}.showcase .book-card[data-book=cursor]{--x:87%;--y:42%;--w:min(49cqw,360px)}.showcase[data-mode=detail] .book-card.selected{left:50%;top:50cqh;width:min(58cqw,340px)}}@container showcase (max-width: 560px){.showcase .book-card[data-book=codex]{--x:17%;--y:45%;--w:47cqw}.showcase .book-card[data-book=claude]{--x:50%;--y:40%;--w:54cqw}.showcase .book-card[data-book=cursor]{--x:83%;--y:46%;--w:47cqw}.showcase[data-mode=detail] .book-card.selected{width:min(67cqw,315px)}}.showcase[data-count="2"] .book-card[data-book=claude]{--x:33.5%;--y:37%;--w:min(31cqw,440px);--r:-3deg;--yaw:-5deg}.showcase[data-count="2"] .book-card[data-book=codex]{--x:66.5%;--y:37%;--w:min(31cqw,440px);--r:3deg;--yaw:5deg;z-index:2}@container showcase (max-width: 900px){.showcase[data-count="2"] .book-card[data-book=claude]{--x:27%;--y:38%;--w:min(45cqw,340px)}.showcase[data-count="2"] .book-card[data-book=codex]{--x:73%;--y:38%;--w:min(45cqw,340px)}}@container showcase (max-width: 560px){.showcase[data-count="2"] .book-card[data-book=claude],.showcase[data-count="2"] .book-card[data-book=codex]{--y:42%}}@media (prefers-reduced-motion:reduce){.showcase *,.showcase :after,.showcase :before{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}}.showcase .cover-title{font-family:var(--font-fraunces);font-weight:500}