.books-section{grid-template-columns:minmax(250px,.55fr) minmax(0,1.45fr);align-items:start}.books-intro{position:sticky;top:120px}.books-intro>p{max-width:480px}.book-grid{display:grid;gap:24px}.book-card{min-height:570px;padding:34px;display:grid;grid-template-columns:minmax(310px,.95fr) minmax(260px,1.05fr);gap:42px;align-items:center;position:relative;overflow:hidden}.palermo-book{background:#efe5d3;color:var(--ink)}.identity-book{background:#071a2e;color:#fff;border:1px solid #31506b}.book-visual{display:grid;grid-template-columns:1fr .78fr;gap:16px;align-items:center;min-width:0}.book-visual figure{margin:0;position:relative}.book-visual figure:last-child{transform:translateY(24px)}.book-visual img{display:block;width:100%;height:auto;aspect-ratio:610/944;object-fit:cover;box-shadow:0 20px 42px rgba(0,0,0,.28)}.identity-book .book-visual img{aspect-ratio:1058/1488}.book-visual figcaption{font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-top:10px;text-align:center;font-weight:700;opacity:.66}.book-number{font:600 86px/1 "Playfair Display";opacity:.1;position:absolute;right:24px;top:18px}.book-copy{position:relative;z-index:1}.book-copy>span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#9a7128}.identity-book .book-copy>span{color:var(--gold)}.book-copy h3{font:600 clamp(34px,3.5vw,52px)/1.04 "Playfair Display";margin:16px 0}.book-copy h3 em{display:block;font-size:.55em;line-height:1.25;margin-top:8px}.book-copy h4{font:500 17px/1.45 "DM Sans";color:#c6d0da;margin:-3px 0 18px}.book-copy p{font-size:15px;line-height:1.65;margin-bottom:28px}.palermo-book .book-copy p{color:#5f594f}.identity-book .book-copy p{color:#aebbc6}.book-button{background:var(--navy);color:#fff}@media(max-width:1180px){.books-section{grid-template-columns:1fr}.books-intro{position:static}.book-card{grid-template-columns:minmax(300px,.9fr) minmax(260px,1.1fr)}}@media(max-width:760px){.book-card{grid-template-columns:1fr;padding:28px;gap:48px}.book-visual{max-width:520px;margin:0 auto}.book-copy h3{font-size:42px}}@media(max-width:480px){.book-card{padding:22px}.book-visual{grid-template-columns:1fr 1fr;gap:10px}.book-visual figure:last-child{transform:translateY(14px)}.book-copy h3{font-size:36px}.book-number{font-size:62px}}
