.books-page{background:#080809;color:#f1eee7}
.books-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:7vw;align-items:center;margin-bottom:110px}
.books-hero-copy{max-width:760px}
.books-hero-art{border:1px solid rgba(245,196,0,.26);background:#0d0d0f;border-radius:22px;padding:18px;box-shadow:0 22px 80px rgba(0,0,0,.35)}
.books-hero-art img{width:100%;aspect-ratio:5/8;object-fit:contain;border-radius:14px;background:#050505}
.books-section{margin-top:96px;border-top:1px solid #302d2b;padding-top:58px}
.books-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}
.books-section h2{font:500 clamp(34px,4.6vw,72px)/.96 Manrope,Inter;margin:0;letter-spacing:-.045em}
.books-section-note{max-width:520px;color:#a39e96;line-height:1.7}
.featured-books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.featured-book-card,.book-card{position:relative;background:#0d0d0f;border:1px solid rgba(241,238,231,.14);border-radius:20px;overflow:hidden;transition:border-color .25s,transform .25s,background .25s}
.featured-book-card:hover,.book-card:hover{border-color:rgba(245,196,0,.55);transform:translateY(-4px);background:#101012}
.featured-book-card-primary{border-color:rgba(245,196,0,.45)}
.book-number{position:absolute;top:18px;right:18px;z-index:2;color:#f5c400;font:700 10px/1 Inter;letter-spacing:.18em}
.book-cover-wrap{background:#050505;border-bottom:1px solid rgba(241,238,231,.1)}
.featured-book-card .book-cover-wrap img{width:100%;aspect-ratio:5/7.5;object-fit:contain}
.book-card .book-cover-wrap img{width:100%;aspect-ratio:5/7.5;object-fit:contain}
.book-card-copy,.book-card>div:not(.book-cover-wrap){padding:26px}
.book-badge{display:inline-flex;align-items:center;min-height:28px;margin:0 0 18px;border:1px solid rgba(245,196,0,.42);border-radius:999px;padding:8px 11px;color:#f5c400;font:700 9px/1 Inter;text-transform:uppercase;letter-spacing:.17em}
.book-card h3,.featured-book-card h3{font:500 clamp(25px,2.4vw,38px)/1.02 Manrope,Inter;margin:0 0 10px;letter-spacing:-.04em}
.book-subtitle{margin:0 0 14px;color:#c9c2b7;font:400 16px/1.45 Manrope}
.book-author{margin:0 0 22px;color:#8f8980;text-transform:uppercase;letter-spacing:.17em;font-size:10px}
.book-description{color:#bcb5ad;line-height:1.68;margin:0 0 26px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.book-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid rgba(245,196,0,.55);border-radius:999px;background:#f5c400;color:#080809;padding:0 18px;font:800 10px/1 Inter;text-transform:uppercase;letter-spacing:.16em;transition:background .25s,transform .25s,border-color .25s}
.book-button:hover,.book-button:focus-visible{background:#ffdf2d;transform:translateY(-2px)}
.book-button-disabled{background:transparent;color:#777;border-color:#ffffff22;cursor:not-allowed}
.book-button-group{display:flex;flex-wrap:wrap;gap:10px}
.book-button-group .book-button{padding-inline:15px}
.books-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.books-empty{border:1px solid #ffffff16;border-radius:18px;padding:32px;color:#9d968d;background:#0d0d0f;line-height:1.7}
.books-closing{margin-top:105px;border:1px solid rgba(245,196,0,.24);border-radius:24px;background:radial-gradient(circle at top right,rgba(245,196,0,.08),transparent 42%),#0d0d0f;padding:52px}
.books-closing h2{font:500 clamp(34px,4.8vw,68px)/.96 Manrope;margin:0 0 20px;letter-spacing:-.045em}
.books-closing p{max-width:620px;color:#bcb5ad;line-height:1.75}
.books-footer-link{color:#c8c2b8}
@media(max-width:1024px){.books-hero{grid-template-columns:1fr}.books-hero-art{max-width:360px}.featured-books-grid{grid-template-columns:repeat(2,1fr)}.books-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.books-section-head{display:block}.featured-books-grid,.books-grid{grid-template-columns:1fr}.books-hero{margin-bottom:76px}.books-section{margin-top:72px;padding-top:42px}.books-closing{padding:34px 24px}.archive-main{width:min(100% - 34px,680px)}}
@media(prefers-reduced-motion:reduce){.featured-book-card,.book-card,.book-button{transition:none}.featured-book-card:hover,.book-card:hover,.book-button:hover{transform:none}}