.style-sample{grid-template-columns:minmax(5rem,.65fr) minmax(0,1fr);align-items:center;gap:clamp(.8rem,3vw,1.8rem);display:grid}.style-sample__book{aspect-ratio:332/500;border-radius:3px 7px 7px 3px;width:min(100%,11.5rem);position:relative;overflow:hidden;box-shadow:inset 5px 0 #0002,5px 6px #0001}.style-sample__book img{object-fit:cover;width:100%;height:100%;display:block}.style-sample__book-mark{color:var(--nk-accent-fg);background:var(--nk-accent);box-sizing:content-box;border-radius:50%;padding:.25rem;position:absolute;bottom:.65rem;right:.65rem}.style-sample__title{font:400 1.8rem/1.12 var(--nk-font-display);margin:.5rem 0 .75rem}.style-sample__note{background:var(--nk-page);color:var(--nk-text);margin-top:1rem;padding:1rem}.style-sample__note p{line-height:1.5;font:italic 1rem/1.5 var(--nk-font-display);margin:.5rem 0 0}.style-sample__note svg{color:var(--nk-style-accent-text,var(--nk-text))}.style-sample__club{color:var(--nk-style-accent-text,var(--nk-text));margin:.45rem 0;font-size:.8125rem;font-weight:600}.style-sample--compact .style-sample__book{width:min(100%,8rem)}.style-sample--compact .style-sample__title{font-size:1.3rem}.style-sample--compact .style-sample__note{padding:.65rem}.style-sample--compact .style-sample__note p{font-size:.75rem}.style-sample{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}.style-sample .style-eyebrow{font:500 .75rem/1.5 var(--nk-font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--nk-text-meta);margin:0 0 .5rem}.style-sample--compact .style-eyebrow{font-size:.625rem}.style-sample .style-muted{color:var(--nk-text-secondary);margin:.35rem 0;line-height:1.65}