.story-book{position:relative;max-width:1120px;margin:auto;padding:130px 24px 80px}.book-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin:20px 0 40px;color:#c0afd9}.book-hero{text-align:center;padding:40px 0}.book-hero h1,.book-reader h1{font-family:Georgia,serif;font-size:clamp(36px,6vw,76px);line-height:1.15;color:#e4d7f7;margin:20px 0}.book-kicker{color:#b8a2d6;letter-spacing:2px;font-size:12px;text-transform:uppercase}.book-intro{max-width:680px;margin:24px auto;color:#b4bdcc;line-height:1.8}.book-heading{text-align:center;margin:30px 0}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.book-card{border:1px solid #b9a0e433;border-radius:16px;overflow:hidden;background:#101723;transition:transform .2s}.book-card:hover{transform:translateY(-4px)}.book-card img,.book-placeholder{width:100%;height:230px;object-fit:cover}.book-placeholder{display:grid;place-items:center;background:radial-gradient(ellipse at top,#393253,#0c151a);font:64px Georgia;color:#c2add9}.book-card>div:not(.book-placeholder){padding:22px}.book-card h2{font:26px Georgia;margin:12px 0 24px}.book-card span:last-child{color:#bba7d9}.book-reader{max-width:740px;margin:auto}.book-reader h1{font-size:clamp(32px,5vw,52px)}.book-illustration{width:100%;max-height:520px;object-fit:cover;border-radius:14px;margin:20px 0 32px}.book-text{font:21px/1.9 Georgia,serif;color:#d5d8df;overflow-wrap:anywhere}.book-text p{margin:0 0 1.2em}.book-text blockquote{border-left:2px solid #a78bfa;padding:12px 22px;margin:24px 0;background:#a78bfa09}.book-resume{display:inline-block;padding:12px 24px;border:1px solid #a78bfa;border-radius:8px}.book-resume[hidden]{display:none}@media(max-width:800px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.story-book{padding:100px 20px 50px}.book-grid{grid-template-columns:1fr}.book-text{font-size:19px}.book-hero{padding:15px 0}}@media(prefers-reduced-motion:reduce){.book-card{transition:none}}.book-mark{display:inline-block;margin-left:8px;padding:4px 8px;border:0;background:transparent;cursor:pointer;font-size:15px;opacity:.55}.book-mark:hover,.book-mark:focus-visible,.book-mark[aria-pressed]{opacity:1;background:#a78bfa22;border-radius:5px}.book-text p{scroll-margin-top:110px}.book-text p:target{background:#a78bfa12;border-radius:6px}
