@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Literata:opsz,wght@7..72,400;7..72,500;7..72,600;7..72,700&display=swap');
:root{--paper:#f4ebdd;--paper2:#fbf7f0;--ink:#49372d;--muted:#806e5d;--brick:#a65343;--moss:#69775b;--gold:#c5a66a;--line:#ddcfbb;--serif:'Literata',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.topbar{background:#f8f1e7;border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.logo{font-size:38px}.brand b{display:block;font:700 16px var(--serif);letter-spacing:.04em}.brand small{display:block;color:var(--muted);font:italic 11px var(--serif)}.links{display:flex;gap:25px;font-size:13px}.links a:hover{color:var(--brick)}.menu{display:none}
.hero{padding:58px 0;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.eyebrow,.meta{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--moss);font-weight:700}.hero h1{font:600 clamp(42px,5vw,68px)/1.05 var(--serif);margin:14px 0}.hero h1 em{color:var(--brick)}.hero p{color:#705e4d;max-width:520px;margin-bottom:25px}.btn{display:inline-block;background:var(--brick);color:white;border-radius:30px;padding:12px 20px;font-weight:700;font-size:13px}.btn.secondary{background:transparent;color:var(--ink);border:1px solid #cbb99f}.hero-art{height:340px;border-radius:25px;background:linear-gradient(#d9c7a8,#e9ddca);position:relative;display:grid;place-items:center;overflow:hidden}.sun{position:absolute;right:18%;top:12%;width:65px;height:65px;border-radius:50%;background:#e9c77f}.book-art{font:100px var(--serif);color:var(--brick);z-index:1;text-shadow:4px 5px #c5a66a}.hero-art small{position:absolute;bottom:15px;left:16px;background:#fbf7f0dd;padding:7px 13px;border-radius:20px}
.section{padding:20px 0 45px}.section-head h2,.about h2{font:600 30px var(--serif);margin:0}.section-head p{color:var(--muted);font-size:13px;margin:4px 0 18px}.feature-card{display:grid;grid-template-columns:.7fr 1.3fr;background:var(--paper2);border:1px solid var(--line);border-radius:20px;overflow:hidden}.feature-art{min-height:220px;background:#dfcfb5;display:grid;place-items:center;font-size:80px;color:var(--brick)}.feature-copy{padding:30px}.feature-copy h3,.card h3{font:600 28px var(--serif);margin:10px 0}.feature-copy p,.card p,.about p{color:var(--muted)}.readlink{color:var(--brick);font-weight:700;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--paper2);border:1px solid var(--line);border-radius:17px;overflow:hidden}.thumb{height:130px;background:#e7d8c0;display:grid;place-items:center;font-size:55px;color:var(--brick)}.card-body{padding:18px}.card h3{font-size:21px}.card p{font-size:13px}.quote{background:#e9decc;padding:35px 20px;text-align:center;font:italic 22px var(--serif);color:#5c493b}.quote small{display:block;margin-top:10px;font:11px var(--sans);letter-spacing:.12em;text-transform:uppercase}.about{padding:55px 0}.pills{display:flex;gap:8px;flex-wrap:wrap}.pills span{border:1px solid #d4c4ad;border-radius:20px;padding:5px 12px;font-size:11px}footer{background:var(--ink);color:var(--paper);padding:28px;text-align:center;font-size:12px}
.reader-page{padding:35px 0 80px}.reader-top{max-width:820px;margin:0 auto 22px;display:flex;justify-content:space-between;align-items:center}.back,.font-tools button{border:1px solid var(--line);border-radius:20px;padding:7px 13px;background:transparent;color:var(--ink)}.font-tools{display:flex;align-items:center;gap:7px}.font-tools span{font-size:11px;color:var(--muted)}.reader-shell{max-width:820px;margin:auto;background:var(--paper2);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,5vw,58px);box-shadow:0 18px 50px #49372d12}.reader-shell h1{font:600 clamp(36px,5vw,54px)/1.1 var(--serif);margin:10px 0}.dek{font:italic 18px var(--serif);color:var(--muted)}.story-content{font:17px/1.9 var(--serif);color:#493d33}.story-content h2{font:600 27px/1.2 var(--serif);margin:40px 0 16px;padding-top:18px;border-top:1px solid var(--line)}.story-content h3{font:600 21px/1.3 var(--serif);margin:28px 0 12px;color:var(--brick)}.story-content p{margin:0 0 16px}.story-content .dialogue{padding-left:18px}.story-content blockquote{background:#eee4d4;border-left:3px solid var(--brick);padding:12px 16px;margin:0 0 16px;font-style:italic}.story-content .li{padding-left:24px}.reader-end{text-align:center;border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font:italic 18px var(--serif)}
@media(max-width:760px){.hero,.feature-card{grid-template-columns:1fr}.hero-art{height:240px}.cards{grid-template-columns:1fr 1fr}.links{display:none}.menu{display:block}.nav.open .links{display:flex;position:absolute;top:70px;right:18px;flex-direction:column;background:var(--paper2);padding:16px;border:1px solid var(--line);z-index:5}.feature-copy{padding:22px}}
@media(max-width:520px){.wrap{width:calc(100% - 28px)}.cards{grid-template-columns:1fr}.hero{padding:35px 0}.hero h1{font-size:43px}.reader-shell{padding:22px 18px}.story-content{font-size:16px}}