.page-head{position:relative;padding:180px var(--gutter) 100px;background:var(--pulp-bone);color:var(--pulp-on-bone-1);overflow:hidden;border-bottom:4px solid var(--pulp-on-bone-1)}.page-head:before{content:"";position:absolute;inset:0;background-image:var(--grain-svg);mix-blend-mode:multiply;opacity:.4;pointer-events:none}.page-head.books-head:after{content:"BOOKS";position:absolute;bottom:-3vw;right:-2vw;font-family:var(--font-display);font-size:28vw;line-height:.8;color:var(--pulp-blood);opacity:.06;pointer-events:none}.page-head-inner{max-width:var(--max-w);margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 460px;align-items:start;gap:64px}.hero-stack{position:relative;height:480px;width:100%;margin-top:-40px}.hero-stack .hbook{position:absolute;width:175px;height:263px;background:var(--pulp-bone);box-shadow:0 30px 60px -20px #000000d9,0 12px 24px -10px #0009,inset 0 0 0 1px #00000026;overflow:hidden;transition:transform var(--dur);will-change:transform}.hero-stack .hbook:before{content:"";position:absolute;left:0;top:0;bottom:0;width:12px;background:linear-gradient(to right,#00000073,#0000);pointer-events:none;z-index:2}.hero-stack .hbook img{width:100%;height:100%;object-fit:cover;display:block}.hero-stack .hbook .h-tag{position:absolute;left:50%;bottom:-28px;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--pulp-on-bone-2);white-space:nowrap;opacity:0;transition:opacity var(--dur)}.hero-stack .hbook:hover{transform:rotate(0) translateY(-10px) scale(1.04)!important;z-index:30}.hero-stack .hbook:hover .h-tag{opacity:1}.hero-stack .hbook.h1{top:12px;left:0;transform:rotate(-9deg);z-index:1}.hero-stack .hbook.h2{top:0;left:110px;transform:rotate(-2deg);z-index:2}.hero-stack .hbook.h3{top:25px;left:235px;transform:rotate(6deg);z-index:3}.hero-stack .hbook.h4{top:215px;left:30px;transform:rotate(4deg);z-index:4}.hero-stack .hbook.h5{top:200px;left:155px;transform:rotate(-7deg);z-index:5}.hero-stack .hbook.h6{top:220px;left:280px;transform:rotate(9deg);z-index:6}.page-head-text{min-width:0}.page-head .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--pulp-blood);margin-bottom:24px;display:flex;align-items:center;gap:14px}.page-head .eyebrow:before{content:"";width:32px;height:2px;background:var(--pulp-blood)}.page-head h1{font-family:var(--font-display);font-size:clamp(72px,12vw,200px);line-height:.85;letter-spacing:-.005em;text-transform:uppercase;margin:0;color:var(--pulp-on-bone-1);font-weight:400}.page-head h1 em{font-family:var(--font-serif);font-style:italic;color:var(--pulp-blood);font-weight:300;text-transform:none;display:block;line-height:1;margin-top:-.06em}.page-head h1 em .h-line{padding:.12em 0}.page-head .stats{display:grid;grid-template-columns:repeat(3,auto);gap:48px;margin-top:56px;text-align:left;justify-content:start}.page-head .stats .n{font-family:var(--font-display);font-size:64px;line-height:1;color:var(--pulp-blood);display:block}.page-head .stats .l{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--pulp-on-bone-2);margin-top:8px}.lede{position:relative;padding:clamp(60px,8vw,100px) var(--gutter);background:var(--pulp-black)}.lede-inner{max-width:980px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:start}.lede-inner .num{font-family:var(--font-display);font-size:clamp(80px,10vw,160px);line-height:.85;color:var(--pulp-blood)}.lede-inner p{font-family:var(--font-serif);font-size:clamp(20px,1.8vw,26px);line-height:1.55;color:var(--pulp-bone);margin:0}.lede-inner p em{color:var(--pulp-blood-3);font-style:italic}.book-list{padding:0 var(--gutter) clamp(80px,10vw,140px);background:var(--pulp-black)}.book-list-inner{max-width:var(--max-w);margin:0 auto}.book-row{display:grid;grid-template-columns:80px 280px 1fr auto;gap:56px;align-items:center;padding:56px 0;border-top:1px solid var(--pulp-line);position:relative}.book-row:last-child{border-bottom:1px solid var(--pulp-line)}.book-row .br-num{font-family:var(--font-display);font-size:clamp(48px,5vw,80px);line-height:.85;color:var(--pulp-blood)}.book-row .br-cover{width:100%;aspect-ratio:2/3;overflow:hidden;background:var(--pulp-char);box-shadow:0 30px 60px -20px #000000b3;transition:transform var(--dur);will-change:transform}.book-row .br-cover img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow)}.book-row:hover .br-cover{transform:rotate(-2deg) translateY(-6px)}.book-row:hover .br-cover img{transform:scale(1.05)}.book-row .br-body{min-width:0}.book-row .br-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--pulp-ink-3);margin-bottom:14px;display:flex;gap:20px;flex-wrap:wrap}.book-row .br-meta .pub{color:var(--pulp-blood-3)}.book-row .br-title{font-family:var(--font-display);font-size:clamp(32px,3.6vw,56px);line-height:.95;text-transform:uppercase;color:var(--pulp-bone);margin:0 0 14px;font-weight:400}.book-row .br-title em{font-family:var(--font-serif);font-style:italic;color:var(--pulp-blood);font-weight:300;text-transform:none}.book-row .br-sub{font-family:var(--font-serif);font-size:19px;line-height:1.4;color:var(--pulp-ink-2);font-style:italic;margin-bottom:14px;max-width:60ch}.book-row .br-blurb{font-family:var(--font-typewriter);font-size:14px;line-height:1.6;color:var(--pulp-ink-2);max-width:60ch}.book-row .br-blurb cite{display:block;margin-top:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--pulp-blood-3);font-style:normal}.book-row .br-actions{display:flex;flex-direction:column;gap:10px;align-self:center}.book-row .br-actions a{padding:12px 18px;border:1px solid var(--pulp-line-strong);color:var(--pulp-bone);text-decoration:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;text-align:center;transition:all var(--dur-fast);display:inline-block;min-width:140px}.book-row .br-actions a:hover,.book-row .br-actions a.primary{background:var(--pulp-blood);border-color:var(--pulp-blood)}.book-row .br-actions a.primary:hover{background:var(--pulp-blood-3);border-color:var(--pulp-blood-3)}.br-badge{position:absolute;top:32px;right:0;transform:rotate(8deg);border:3px solid var(--pulp-blood);padding:4px 10px;font-family:var(--font-display);font-size:14px;letter-spacing:.08em;color:var(--pulp-blood);background:#c8160d0d}.end-note{padding:clamp(80px,10vw,140px) var(--gutter);background:var(--pulp-black-2);text-align:center;border-top:1px solid var(--pulp-line)}.end-note h2{font-family:var(--font-display);font-size:clamp(40px,5vw,72px);line-height:.95;text-transform:uppercase;margin:0 0 24px;color:var(--pulp-bone);font-weight:400}.end-note h2 em{font-family:var(--font-serif);font-style:italic;color:var(--pulp-blood);font-weight:300;text-transform:none}.end-note p{font-family:var(--font-serif);font-size:19px;line-height:1.55;color:var(--pulp-ink-2);max-width:56ch;margin:0 auto 32px}.end-note .cta-row{display:inline-flex;gap:16px;flex-wrap:wrap;justify-content:center}.end-note a{padding:16px 28px;font-family:var(--font-display);font-size:16px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:all var(--dur-fast)}.end-note a.primary{background:var(--pulp-blood);color:var(--pulp-bone)}.end-note a.primary:hover{background:var(--pulp-blood-2);transform:translateY(-2px)}.end-note a.secondary{color:var(--pulp-bone);border:1px solid var(--pulp-line-strong)}.end-note a.secondary:hover{border-color:var(--pulp-bone)}@media(max-width:1024px){.page-head-inner{grid-template-columns:1fr 380px;gap:40px}.hero-stack{height:420px;transform:scale(.85);transform-origin:top right}}@media(max-width:860px){.page-head-inner{grid-template-columns:1fr;gap:40px}.hero-stack{display:none}.page-head .stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.page-head .stats{grid-template-columns:repeat(3,1fr);text-align:left}.lede-inner{grid-template-columns:1fr;gap:24px}.book-row{grid-template-columns:1fr;gap:28px;padding:48px 0}.book-row .br-cover{max-width:240px;margin:0 auto}.book-row .br-actions{flex-direction:row;align-self:start}}
