:where(button,input){font:inherit}:where(button){appearance:none}:where(figure,blockquote){margin-inline:0}:where(svg){display:block}
[hidden]{display:none!important}
:root{--ink:#1d1b18;--paper:#f4f0e7;--cream:#faf8f2;--wine:#7b2734;--line:#d7d0c2;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}.brand{text-decoration:none;color:inherit;display:flex;align-items:baseline;gap:7px}.brand span{font:700 25px var(--serif)}.brand i{font-size:12px;color:var(--wine);font-style:normal;text-transform:uppercase;letter-spacing:.14em}nav{height:82px;display:flex;align-items:center;max-width:1200px;margin:auto;padding:0 30px;border-bottom:1px solid var(--line)}.nav-links{display:flex;gap:32px;margin-left:auto;margin-right:28px}.nav-links a{text-decoration:none;color:#625d53;font-size:14px}.photo-mark{display:flex;align-items:center;gap:7px;color:var(--wine);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.hero{max-width:1200px;margin:auto;padding:64px 30px 72px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;gap:70px}.eyebrow,.label{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:var(--wine);display:flex;align-items:center;gap:8px}.hero h1{font:400 clamp(54px,7vw,92px)/.9 var(--serif);letter-spacing:-.055em;margin:26px 0;max-width:760px}.hero h1 em{color:var(--wine);font-weight:400}.hero-copy>p{font:20px/1.6 var(--serif);max-width:560px;color:#5c574e}.hero-meta{display:flex;gap:28px;margin-top:40px;color:#756f64;font-size:12px;flex-wrap:wrap}.hero-meta span{display:flex;align-items:baseline;gap:7px}.hero-meta b{font:24px var(--serif);color:var(--ink)}.hero-visual{margin:0;position:relative;padding:0 15px 20px 0}.hero-visual:before{content:"";position:absolute;inset:18px 0 0 18px;border:1px solid #a39380}.hero-visual img{width:100%;height:500px;object-fit:cover;display:block;position:relative;filter:saturate(.82) contrast(1.03)}.hero-visual figcaption{position:absolute;left:-24px;bottom:46px;background:var(--wine);color:white;padding:15px 20px;display:flex;flex-direction:column;gap:4px;box-shadow:0 12px 28px #241c1640}.hero-visual figcaption span{font-size:9px;text-transform:uppercase;letter-spacing:.18em}.hero-visual figcaption b{font:17px var(--serif)}
.feature{background:var(--ink);color:#f8f4eb;min-height:570px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:70px;padding:74px max(30px,calc((100vw - 1100px)/2))}.feature-photo{position:relative}.feature-photo img{width:100%;max-height:540px;object-fit:cover;display:block;box-shadow:-14px 16px 0 #ece5d5,0 28px 50px #0008}.feature-photo span{position:absolute;bottom:16px;left:18px;background:#16130fbf;color:#fff;padding:8px 11px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.feature-copy{max-width:530px}.feature-copy h2,.section-head h2,.about h2,.review-panel h2{font:400 clamp(38px,5vw,62px)/1 var(--serif);margin:18px 0 8px}.author{color:#8d877d;margin:0 0 18px}.stars{display:flex;align-items:center;gap:3px;color:#9b8b72}.stars .filled{color:#cc9e43}.stars span{font-size:13px;margin-left:7px}.unrated{display:flex;align-items:center;gap:7px;color:#9d9588;font-size:13px}.feature blockquote{font:24px/1.35 var(--serif);margin:30px 0 14px}.feature-copy>p{color:#c9c2b5;line-height:1.7}.feature-copy button{margin-top:22px;background:transparent;color:#fff;border:0;border-bottom:1px solid #fff;padding:10px 0;font-weight:700;cursor:pointer}
.shelf{max-width:1200px;margin:auto;padding:100px 30px 110px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head h2{font-size:56px}.search{width:310px;border-bottom:1px solid #898174;display:flex;align-items:center;gap:10px;padding:10px 2px}.search input{border:0;background:transparent;outline:none;width:100%;font-size:15px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:42px 0 36px}.filters button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:10px 17px;color:#655f55;cursor:pointer}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.book-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.book-card{display:grid;grid-template-columns:190px 1fr;gap:25px;background:var(--cream);border:1px solid var(--line);padding:14px;min-height:260px;cursor:pointer;transition:.25s}.book-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #453a2812}.book-photo{width:100%;height:100%;min-height:230px;object-fit:cover;display:block}.card-body{padding:10px 7px}.card-top{display:flex;justify-content:space-between;text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:#887f72}.card-body h3{font:24px/1.08 var(--serif);margin:24px 0 6px}.card-body>p{font-size:13px;color:#766f64;margin:0 0 24px}.verdict{font-size:12px;font-weight:700;color:var(--wine);margin-top:25px}.empty{text-align:center;padding:80px;border:1px dashed var(--line)}.demo-note{text-align:center;color:#8b8377;font-size:12px;margin-top:24px}
.about{text-align:center;background:#e4ded0;padding:100px 30px}.about svg{color:var(--wine)}.about h2{font-size:52px}.about p{font:19px/1.7 var(--serif);max-width:680px;margin:20px auto}.about span{font-family:var(--serif);font-style:italic;color:var(--wine)}footer{display:flex;justify-content:space-between;padding:30px max(30px,calc((100vw - 1140px)/2));background:var(--ink);color:#b9b1a3;font-size:12px}.overlay{position:fixed;inset:0;background:#17130f99;backdrop-filter:blur(5px);z-index:10;display:flex;justify-content:flex-end}.review-panel{height:100%;width:min(570px,100%);overflow:auto;background:var(--cream);padding:60px clamp(28px,6vw,72px);position:relative;animation:slide .3s}.close{position:absolute;right:24px;top:24px;border:1px solid var(--line);background:#faf8f2;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;cursor:pointer;z-index:2}.panel-photo{width:100%;height:310px;object-fit:cover;display:block;margin-bottom:38px}.review-panel h2{font-size:46px}.review-panel hr{border:0;border-top:1px solid var(--line);margin:32px 0}.review-panel h3{font:22px var(--serif);margin:28px 0 8px}.review-panel>p{line-height:1.7;color:#5f594f}.pending-copy{font-style:italic;color:#8a8378!important}.recommend{display:flex;align-items:center;gap:15px;background:#eee4e1;color:var(--wine);padding:18px;margin-top:34px}.recommend div{display:flex;flex-direction:column;gap:4px}.recommend small{font-size:9px;letter-spacing:.12em}.recommend strong{font:19px var(--serif)}@keyframes slide{from{transform:translateX(100%)}}
@media(max-width:760px){nav{padding:0 18px}.nav-links{display:none}.photo-mark{margin-left:auto}.hero{padding:56px 20px 66px;grid-template-columns:1fr;gap:44px}.hero h1{font-size:58px}.hero-meta{gap:18px}.hero-visual{width:calc(100% - 8px);margin-left:8px}.hero-visual img{height:440px}.hero-visual figcaption{left:-8px;bottom:42px}.feature{grid-template-columns:1fr;padding:65px 24px}.feature-photo img{max-height:430px}.section-head{align-items:start;flex-direction:column}.section-head h2{font-size:45px}.search{width:100%}.shelf{padding:75px 18px}.book-grid{grid-template-columns:1fr}.book-card{grid-template-columns:128px 1fr;gap:15px;padding:11px;min-height:220px}.book-photo{min-height:198px}.card-body h3{font-size:20px;margin-top:18px}.unrated{font-size:11px}.about h2{font-size:40px}footer{flex-direction:column;gap:10px}.review-panel{padding-top:70px}.panel-photo{height:250px}.review-panel h2{font-size:38px}}
.feature{border-top:8px solid var(--wine);background:linear-gradient(165deg,#292622 0%,var(--ink) 42%)}.feature-copy button,.verdict{display:inline-flex;align-items:center;gap:7px}.filter-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.filters button{min-height:44px;border-color:#9d9486;color:#514c44;font-size:14px;font-weight:600}.results-count{flex:none;margin-bottom:48px;color:#716a60;font-size:13px}.search input{min-height:34px}.book-card:focus-visible,.filters button:focus-visible,.feature-copy button:focus-visible{outline:3px solid #bd7a86;outline-offset:3px}
@media(max-width:760px){.hero-visual{padding-bottom:0}.hero-visual figcaption{position:relative;left:auto;bottom:auto;margin:0 15px 0 18px}.filter-bar{align-items:flex-start;flex-direction:column;gap:0}.filters{margin-bottom:15px}.results-count{margin:0 0 30px}.feature{padding-top:70px}.filters button{padding:10px 16px}}
nav{position:sticky;top:0;z-index:20;max-width:none;margin:0;padding-left:max(30px,calc((100vw - 1140px)/2));padding-right:max(30px,calc((100vw - 1140px)/2));background:#f4f0e7e8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 0 #c9c1b4}.photo-mark{text-decoration:none;transition:color .2s ease}.photo-mark:hover{color:#a13647}.feature-photo{border:1px solid #4a4640;padding:6px}.feature-photo span{left:24px;bottom:22px}.search-stack{width:310px}.search-stack .search{width:100%}.search-feedback{display:block;padding-top:8px;color:#5f594f;font-size:13px;font-weight:600}.book-card{align-items:start}.book-photo{height:auto;min-height:0;aspect-ratio:4/5;object-fit:cover}.card-top{color:#5d574f;font-size:11px;font-weight:700}.card-body h3{line-height:1.03;margin-top:17px;margin-bottom:5px}.card-body>p{line-height:1.25;margin-bottom:18px}.filters button,.verdict{transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.filters button:hover{background:#e5ded2;border-color:#6f675c;transform:translateY(-1px)}.filters button.active:hover{background:#34312d;color:#fff}.verdict{width:max-content;border:1px solid #b98d94;border-radius:999px;padding:9px 12px;background:#f5ebed;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}.book-card:hover .verdict{background:var(--wine);color:#fff;border-color:var(--wine);text-decoration-color:#fff}.feature-copy button:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){nav{padding-left:18px;padding-right:18px}.section-head{gap:22px}.search-stack{width:100%}.filters{flex-wrap:nowrap;overflow-x:auto;width:calc(100vw - 18px);margin-right:-18px;padding:0 18px 10px 0;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{flex:0 0 auto}.book-card{grid-template-columns:128px minmax(0,1fr)}.book-photo{width:128px;aspect-ratio:4/5}.card-body{padding-top:5px}.card-body h3{line-height:1.06;margin-top:13px}.verdict{padding:8px 10px}.feature-photo{padding:5px}}