@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--paper:#f6f1e9;--ink:#19201d;--muted:#68716b;--line:#d9d1c5;--red:#c04b39;--card:#fffdf8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header,main,footer{width:min(1120px,calc(100% - 48px));margin-inline:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font:600 22px Fraunces,serif}.brand span{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--paper);font:500 11px 'DM Mono',monospace;border-radius:50%}nav{display:flex;gap:26px;color:var(--muted);font-size:13px}nav a{padding:5px 0;border-bottom:1px solid transparent}nav .is-active,nav a:hover{color:var(--ink);border-color:var(--ink)}.menu-button{display:none;border:1px solid var(--line);background:transparent;padding:7px 10px;font:12px Manrope}.hero{min-height:520px;padding:90px 0 72px;display:grid;grid-template-columns:1fr 330px;gap:68px;align-items:center}.eyebrow{margin:0 0 14px;color:var(--red);font:500 11px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.hero h1,.catalog-head h1,.about h1,.reader h1{font:600 clamp(44px,6.5vw,78px)/.98 Fraunces,Georgia,serif;letter-spacing:0;margin:0;max-width:650px}.hero-copy{max-width:480px;color:var(--muted);font-size:18px;margin:24px 0 28px}.hero-actions,.reader-controls{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 18px;border-radius:3px;font-size:13px;font-weight:700}.button-primary{background:var(--ink);color:var(--paper)}.button-primary:hover{background:#334039}.button-quiet{border:1px solid var(--line)}.feature-card{padding:18px;background:var(--card);border:1px solid var(--line);box-shadow:10px 10px 0 #e9e1d6;display:grid;gap:10px}.feature-card__label{margin:0;color:var(--muted);font:11px 'DM Mono',monospace}.feature-card small,.book-card small{color:var(--muted);font-size:12px}.book-art{position:relative;min-height:220px;padding:20px;overflow:hidden;background:#6b766d;color:white;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.book-art:before,.book-art:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.6);transform:rotate(-28deg)}.book-art:before{width:150px;height:320px;right:-30px;top:-50px}.book-art:after{width:300px;height:120px;left:-80px;bottom:25px}.book-art i{width:22px;height:22px;border:1px solid currentColor;border-radius:50%}.book-art b{font:600 30px/.86 Fraunces,serif;letter-spacing:0}.book-art span{font:11px 'DM Mono',monospace;align-self:flex-end}.book-art--hero{min-height:270px}.book-art--orange{background:#c66b40}.book-art--blue{background:#3e6174}.book-art--ink{background:#27302d}.book-art--green{background:#57715a}.book-art--rose{background:#aa5c68}.book-art--sun{background:#ba8733}.section-heading{display:flex;align-items:end;justify-content:space-between;padding:26px 0 18px;border-top:1px solid var(--line)}.section-heading h2{font:600 31px Fraunces,serif;margin:0}.section-heading>a{font:13px 'DM Mono',monospace}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-bottom:88px}.book-card{display:grid;gap:7px}.book-card:hover .book-art{transform:translateY(-5px);box-shadow:0 10px 0 rgba(25,32,29,.12)}.book-art{transition:transform .28s ease,box-shadow .28s ease}.catalog-head{padding:76px 0 34px}.catalog-head h1{font-size:62px}.search-line{display:flex;align-items:center;gap:20px;margin-top:30px;border-bottom:1px solid var(--ink);padding-bottom:9px}.search-line input{width:100%;border:0;outline:0;background:transparent;font:15px Manrope}.search-line span{white-space:nowrap;color:var(--muted);font:11px 'DM Mono',monospace}.book-grid--catalog{grid-template-columns:repeat(3,1fr)}.book-grid--catalog .book-art{min-height:250px}.about{padding:100px 0 140px;max-width:820px}.about>p:not(.eyebrow){max-width:600px;margin:28px 0;color:var(--muted);font-size:19px}.about-rule{height:1px;background:var(--line);margin:52px 0 28px}.about dl{display:flex;gap:70px}.about dt{font:600 40px Fraunces,serif}.about dd{margin:0;color:var(--muted);font-size:12px}footer{display:flex;justify-content:space-between;padding:22px 0 30px;border-top:1px solid var(--line);color:var(--muted);font:11px 'DM Mono',monospace}.reader{max-width:760px;padding:72px 0 100px}.reader h1{font-size:47px}.reader-meta>p:last-child{color:var(--muted);font-size:13px}.reader-sheet{margin:48px 0;padding:54px;background:#fffdf8;border:1px solid var(--line);box-shadow:12px 12px 0 #e9e1d6;font:500 23px/1.7 Fraunces,serif}.reader-panel{display:flex;justify-content:space-between;align-items:center;margin-top:55px;padding-top:20px;border-top:1px solid var(--line);font:12px 'DM Mono',monospace}.reader-panel span{font-size:26px;color:var(--red)}@media(max-width:720px){.site-header,main,footer{width:min(100% - 32px,1120px)}.site-header{height:70px}.menu-button{display:block}nav{position:absolute;top:70px;left:16px;right:16px;padding:16px;background:var(--card);border:1px solid var(--line);display:none;z-index:2}.site-header.is-menu-open nav{display:grid;gap:10px}.hero{padding:58px 0;grid-template-columns:1fr;gap:44px}.feature-card{max-width:330px}.book-grid,.book-grid--catalog{grid-template-columns:repeat(2,1fr);gap:12px}.book-art{min-height:180px}.book-art b{font-size:24px}.section-heading{align-items:start;gap:16px}.about{padding:70px 0}.about dl{gap:28px;flex-wrap:wrap}.reader{padding-top:50px}.reader-sheet{padding:30px 24px;font-size:20px}footer{gap:16px;flex-direction:column}}