:root{--paper: #f1e8d6;--paper-deep: #e6d9bf;--ink: #1f2a24;--forest: #23382d;--forest-deep: #16241c;--rust: #a8502d;--gold: #c9a45c;--serif: "Cormorant Garamond", Georgia, serif;--sans: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:20px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p,blockquote,figure,ul{margin:0;padding:0}ul{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}img{display:block;max-width:100%}em{font-style:italic;font-weight:300}.eyebrow{font-family:var(--sans);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500}.nav{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:1.2rem clamp(1rem,4vw,3rem);color:var(--paper);mix-blend-mode:difference;font-family:var(--sans);font-size:.8rem;letter-spacing:.08em}.brand{font-family:var(--serif);font-size:1.7rem;font-style:italic;letter-spacing:0}.nav nav{display:flex;gap:2rem}.nav nav a,.link-btn{position:relative}.nav nav a:after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:0;background:currentColor;transition:width .3s}.nav nav a:hover:after{width:100%}.nav-actions{display:flex;gap:1.2rem}.link-btn{font-family:var(--sans);font-size:.8rem;letter-spacing:.06em;opacity:.9}.link-btn:hover{opacity:1;text-decoration:underline}.count{display:inline-grid;place-items:center;min-width:1.4em;height:1.4em;border:1px solid currentColor;border-radius:50%;font-size:.7rem;margin-left:.3rem}.hero{position:relative;min-height:100vh;overflow:hidden;background:var(--forest-deep);color:var(--paper);display:grid;align-items:end;padding:0 clamp(1rem,4vw,3rem) 6rem}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:sepia(.35) saturate(.7) brightness(.65);transform:scale(1.06);animation:drift 24s ease-in-out infinite alternate}.hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#16241c8c,#16241c33 40%,#16241ceb)}.hero-eyebrow{position:absolute;top:6.5rem;left:clamp(1rem,4vw,3rem);color:var(--gold)}.hero-title{position:relative;z-index:2;font-weight:300;font-size:clamp(3.6rem,13vw,12.5rem);line-height:.88;letter-spacing:-.035em;max-width:11ch;animation:rise 1.2s cubic-bezier(.2,.7,.2,1) both}.hero-title em{color:var(--gold)}.hero-card{position:relative;z-index:3;justify-self:end;margin-top:-3rem;width:min(420px,100%);background:var(--paper);color:var(--ink);padding:2rem 2rem 1.8rem;box-shadow:0 30px 80px #00000073;animation:rise 1.2s .25s cubic-bezier(.2,.7,.2,1) both}.hero-card .eyebrow{color:var(--rust)}.hero-card h2{font-size:2.3rem;font-weight:500;line-height:1;margin:.6rem 0 .3rem}.by{font-style:italic;color:var(--rust);font-size:1.15rem}.desc{font-size:1.05rem;margin:.8rem 0 1.2rem;opacity:.85}.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap}.btn{display:inline-block;font-family:var(--sans);font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:.95rem 1.5rem;background:var(--forest);color:var(--paper);border:1px solid var(--forest);transition:all .25s}.btn:hover{background:var(--rust);border-color:var(--rust);transform:translateY(-2px)}.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{color:var(--paper)}.btn.light{background:var(--paper);color:var(--forest-deep);border-color:var(--paper)}.btn.light:hover{background:var(--gold);border-color:var(--gold)}.btn:disabled{opacity:.6}.manifesto{position:relative;display:grid;grid-template-columns:1fr;padding:clamp(5rem,12vw,10rem) clamp(1rem,4vw,3rem);overflow:hidden}.chapter-no{position:absolute;left:-.05em;top:.1em;font-size:clamp(14rem,40vw,36rem);line-height:.8;font-weight:300;font-style:italic;color:var(--paper-deep);z-index:0;-webkit-user-select:none;user-select:none}.manifesto-body{position:relative;z-index:1;margin-left:auto;width:min(760px,100%)}.manifesto-body .eyebrow{color:var(--rust)}.manifesto-text{font-size:clamp(1.9rem,4vw,3.3rem);line-height:1.12;font-weight:400;margin-top:1.2rem;letter-spacing:-.01em}.manifesto-aside{margin-top:2.5rem;font-size:1.15rem;max-width:34ch;border-left:2px solid var(--rust);padding-left:1.2rem}.shelves{background:var(--paper-deep);padding:clamp(4rem,9vw,8rem) clamp(1rem,4vw,3rem)}.shelves-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap}.shelves-head h2{font-size:clamp(3.5rem,10vw,9rem);font-weight:300;line-height:.9;letter-spacing:-.03em}.shelves-head h2 em{color:var(--rust)}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.chip{font-family:var(--sans);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:.55rem 1rem;border:1px solid var(--ink);transition:all .2s}.chip:hover,.chip.on{background:var(--forest);color:var(--paper);border-color:var(--forest)}.genre-desc{margin-top:1.5rem;font-style:italic;max-width:50ch}.state{margin-top:3rem;font-style:italic;font-size:1.3rem}.spread{margin-top:4rem;display:grid;grid-template-columns:repeat(12,1fr);gap:3rem 1.5rem}.vol{cursor:pointer;grid-column:span 3}.vol-0{grid-column:1 / span 5}.vol-1{grid-column:7 / span 3;margin-top:6rem}.vol-2{grid-column:2 / span 3}.vol-3{grid-column:7 / span 5;margin-top:-3rem}.cover{overflow:hidden;background:var(--forest);aspect-ratio:3/4;box-shadow:0 20px 40px #1f2a2440}.cover img{width:100%;height:100%;object-fit:cover;filter:sepia(.2);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.vol:hover .cover img{transform:scale(1.06)}.vol-meta{padding-top:1rem;display:grid;gap:.1rem}.vol-genre{font-family:var(--sans);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rust)}.vol-meta h3{font-size:2rem;font-weight:500;line-height:1}.vol-meta p{font-style:italic}.price{font-family:var(--sans);font-size:.85rem;margin-top:.4rem}.quote{position:relative;min-height:80vh;display:grid;place-items:center;padding:6rem clamp(1rem,4vw,3rem);overflow:hidden;color:var(--paper)}.quote-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:sepia(.4) brightness(.45)}.quote blockquote{position:relative;max-width:18ch;font-size:clamp(2.6rem,7vw,6.5rem);line-height:.98;font-weight:300;font-style:italic;letter-spacing:-.02em;max-width:22ch}.quote cite{display:block;margin-top:2rem;font-family:var(--sans);font-style:normal;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.closing{background:var(--forest-deep);color:var(--paper);padding:clamp(5rem,10vw,9rem) clamp(1rem,4vw,3rem) 2rem}.closing h2{font-size:clamp(4rem,14vw,13rem);font-weight:300;line-height:.86;letter-spacing:-.04em}.closing h2 em{color:var(--gold)}.closing-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:4rem;align-items:start}.closing-cols p{opacity:.8;max-width:30ch}.closing footer{margin-top:6rem;padding-top:1.5rem;border-top:1px solid rgba(241,232,214,.2);font-family:var(--sans);font-size:.72rem;letter-spacing:.1em;opacity:.6}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#16241cbf;display:grid;place-items:center;padding:1rem;animation:fade .25s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{position:relative;background:var(--paper);padding:2.2rem;width:min(560px,100%);max-height:90vh;overflow:auto;animation:rise .4s cubic-bezier(.2,.7,.2,1)}.book-modal{width:min(860px,100%);display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem}.book-modal img{width:100%;aspect-ratio:3/4;object-fit:cover}.book-modal h3,.modal h3{font-size:2.6rem;font-weight:500;line-height:1;margin:.5rem 0}.book-modal .eyebrow{color:var(--rust)}.facts{font-family:var(--sans);font-size:.8rem;opacity:.7;margin-bottom:1rem}.price.big{font-size:1.4rem;margin:0 0 1.2rem}.x{position:absolute;top:.6rem;right:1rem;font-size:2rem;line-height:1}.auth{display:grid;gap:1rem;width:min(440px,100%)}.auth label{display:grid;gap:.3rem;font-family:var(--sans);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.auth input{font-family:var(--serif);font-size:1.1rem;padding:.7rem 0;border:0;border-bottom:1px solid var(--ink);background:transparent;outline:none;border-radius:0}.auth input:focus{border-bottom-color:var(--rust)}.err{color:var(--rust);font-family:var(--sans);font-size:.85rem}.list-modal ul{margin-top:1.2rem;display:grid;gap:.6rem}.list-modal li{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--paper-deep)}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:60;background:var(--forest-deep);color:var(--paper);font-family:var(--sans);font-size:.85rem;padding:.9rem 1.5rem;animation:rise .35s}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--rust);outline-offset:3px}@keyframes rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes drift{0%{transform:scale(1.06) translate(0)}to{transform:scale(1.14) translate(-2%)}}@media (max-width: 860px){body{font-size:18px}.nav nav{display:none}.hero{padding-bottom:3rem}.hero-card{justify-self:stretch;margin-top:2rem}.spread{grid-template-columns:1fr 1fr;gap:2rem 1rem}.vol,.vol-0,.vol-1,.vol-2,.vol-3{grid-column:auto;margin-top:0}.vol-1,.vol-3{margin-top:2.5rem}.vol-meta h3{font-size:1.4rem}.closing-cols,.book-modal{grid-template-columns:1fr}.book-modal img{max-height:280px}.list-modal li{grid-template-columns:1fr auto}}input,textarea,select{font-size:16px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}