*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #f8f7f4;--white: #ffffff;--surface-2: #f0eeeb;--surface-3: #e8e6e2;--border: #e2e0db;--border-dark: #c8c6c0;--ink: #1a1918;--ink-mid: #4a4845;--ink-light: #7a7875;--silver: #8c8a87;--silver-dark: #5c5a57;--black: #0d0d0d;--gold: #8a6820;--gold-light: #c8a84a;--blue: #2c4a6a;--blue-light: #5a88b8;--green: #2c5a34;--green-light: #5a9268;--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--max-w: 1200px;--px: clamp(1.25rem, 5vw, 3.5rem);--header-h: 68px}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--font-sans);font-size:1rem;line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4,h5{font-family:var(--font-serif);line-height:1.15;color:var(--ink)}.site-header{position:fixed;inset-block-start:0;inset-inline:0;z-index:200;height:var(--header-h);background:#f8f7f4f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--px);height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-serif);font-size:1.2rem;font-weight:600;color:var(--ink);letter-spacing:.025em;transition:color .2s ease}.logo:hover{color:var(--silver-dark)}.site-nav{display:flex;align-items:center;gap:2.75rem}.nav-link{font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mid);position:relative;transition:color .2s ease}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px}.menu-toggle span{display:block;width:22px;height:1px;background:var(--ink);transition:transform .25s ease,opacity .2s ease;transform-origin:center}.menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(max-width:640px){.menu-toggle{display:flex}.site-nav{display:none;flex-direction:column;align-items:flex-start;gap:1.75rem;position:fixed;inset-block-start:var(--header-h);inset-inline:0;background:var(--white);border-bottom:1px solid var(--border);padding:2rem var(--px) 2.5rem}.site-nav.is-open{display:flex}.nav-link{font-size:.8rem}}main{padding-top:var(--header-h)}.site-footer{background:var(--surface-2);border-top:1px solid var(--border);margin-top:7rem}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:4.5rem var(--px) 3.5rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem}.footer-logo{font-family:var(--font-serif);font-size:1.3rem;font-weight:600;color:var(--ink);display:inline-block;margin-bottom:.6rem;transition:color .2s}.footer-logo:hover{color:var(--silver-dark)}.footer-tagline{font-style:italic;font-size:.9rem;color:var(--ink-mid);margin-bottom:.25rem}.footer-genres{font-size:.72rem;letter-spacing:.1em;color:var(--ink-light);text-transform:uppercase}.footer-nav-label{display:block;font-family:var(--font-sans);font-size:.62rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-light);margin-bottom:.75rem}.footer-nav,.footer-external{display:flex;flex-direction:column;gap:.55rem}.footer-nav a,.footer-external a{font-size:.875rem;color:var(--ink-mid);transition:color .2s}.footer-nav a:hover,.footer-external a:hover{color:var(--ink)}.footer-bottom{max-width:var(--max-w);margin:0 auto;padding:1.4rem var(--px);border-top:1px solid var(--border);font-size:.76rem;color:var(--ink-light)}@media(max-width:768px){.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}@media(max-width:480px){.footer-inner{grid-template-columns:1fr}}.container{max-width:var(--max-w);margin:0 auto;padding-inline:var(--px)}.section-label{display:block;font-size:.63rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-light)}.divider{border:none;border-top:1px solid var(--border)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.9rem;font-family:var(--font-sans);font-size:.68rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:none;transition:all .22s ease}.btn-primary{background:var(--black);color:#fff}.btn-primary:hover{background:var(--ink);transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn-outline{background:transparent;color:var(--ink);border:1px solid var(--border-dark)}.btn-outline:hover{border-color:var(--ink);background:var(--ink);color:#fff;transform:translateY(-2px)}.badge{display:inline-block;padding:.22rem .65rem;font-size:.58rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;border-radius:1px;border:1px solid}.badge-billionaire{border-color:var(--gold-light);color:var(--gold)}.badge-suspense{border-color:var(--blue-light);color:var(--blue)}.badge-novella{border-color:var(--green-light);color:var(--green)}
