:root{
  --pine:#1f3b2d;--moss:#6f8a54;--thyme:#a8b56f;--heather:#8d6b82;--parchment:#f4ead1;--paper:#fff7df;--ink:#332819;--gold:#c89534;--sky:#d8e6df;--stone:#8b8170;
  --shadow:0 24px 60px rgba(35,26,13,.22);--radius:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Georgia,'Times New Roman',serif;background:radial-gradient(circle at top,#f9f1d9 0,#e6d5ad 42%,#c9b383 100%);min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px);background-size:44px 44px;mix-blend-mode:multiply}.grain{position:fixed;inset:0;pointer-events:none;opacity:.14;background:repeating-radial-gradient(circle at 10% 20%,#fff 0 1px,transparent 1px 6px);z-index:20}.leaf{position:fixed;top:-40px;width:18px;height:10px;border-radius:100% 0;background:var(--moss);opacity:.45;animation:fall 14s linear infinite;z-index:4}.leaf:nth-child(2){left:15%;animation-delay:2s}.leaf:nth-child(3){left:45%;animation-delay:7s}.leaf:nth-child(4){left:78%;animation-delay:4s}@keyframes fall{to{transform:translate(90px,110vh) rotate(460deg)}}
a{color:inherit}.topbar{position:fixed;top:14px;left:14px;right:14px;z-index:50;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.brand-pill,.sound{pointer-events:auto;background:rgba(255,247,223,.9);border:1px solid rgba(51,40,25,.18);box-shadow:0 8px 22px rgba(0,0,0,.12);backdrop-filter:blur(8px);border-radius:999px;padding:.65rem .9rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.sound{cursor:pointer;color:var(--pine)}
.bookmark{position:fixed;right:18px;top:72px;z-index:60}.bookmark button{writing-mode:vertical-rl;border:0;background:linear-gradient(#7d2f2f,#a9473a);color:#fff2d2;border-radius:0 0 10px 10px;padding:1rem .55rem 1.3rem;box-shadow:0 12px 24px rgba(0,0,0,.25);font-family:Georgia,serif;cursor:pointer}.chapter-menu{display:none;position:absolute;right:42px;top:0;width:min(78vw,310px);background:var(--paper);border:1px solid rgba(61,45,23,.2);box-shadow:var(--shadow);border-radius:18px;padding:1rem}.chapter-menu.open{display:block}.chapter-menu a{display:block;text-decoration:none;padding:.7rem;border-bottom:1px dashed rgba(51,40,25,.18)}.chapter-menu small{color:var(--heather);text-transform:uppercase;letter-spacing:.12em}
.cover{min-height:100vh;display:grid;place-items:center;padding:5rem 1rem 2rem;position:relative}.book{width:min(980px,94vw);min-height:74vh;display:grid;grid-template-columns:1fr;overflow:hidden;border-radius:34px;background:linear-gradient(135deg,#ead8a8,#fff1c8 48%,#dec58d);box-shadow:var(--shadow);border:1px solid rgba(60,42,18,.28);position:relative}.book:before{content:"";position:absolute;inset:16px;border:1px solid rgba(92,68,30,.24);border-radius:24px;pointer-events:none}.cover-art{min-height:360px;background:linear-gradient(to bottom,rgba(255,230,160,.25),rgba(31,59,45,.2)),url('../assets/illustrations/hamish-style-reference.png') center/cover;filter:saturate(.92);position:relative}.cover-copy{padding:2rem;text-align:center;background:linear-gradient(transparent,rgba(255,247,223,.86))}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:var(--heather);font-weight:bold}.title{font-size:clamp(2.5rem,9vw,6.8rem);line-height:.88;margin:.4rem 0;color:var(--pine);letter-spacing:-.06em;text-shadow:0 2px 0 rgba(255,255,255,.45)}.subtitle{font-size:clamp(1.05rem,3.4vw,1.55rem);font-style:italic;margin:0 auto;max-width:680px}.button{display:inline-block;margin-top:1.4rem;background:var(--pine);color:#fff7df;text-decoration:none;padding:.9rem 1.25rem;border-radius:999px;box-shadow:0 10px 20px rgba(31,59,45,.25)}
.spread{width:min(1120px,94vw);margin:4rem auto;display:grid;grid-template-columns:1fr;gap:0;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(50,38,22,.18);position:relative}.spread:after{content:"";position:absolute;left:50%;top:5%;bottom:5%;width:1px;background:linear-gradient(transparent,rgba(51,40,25,.22),transparent);display:none}.page{padding:clamp(1.4rem,5vw,4rem);min-height:390px;display:flex;flex-direction:column;justify-content:center}.page.illustration{background:linear-gradient(rgba(255,247,223,.15),rgba(255,247,223,.55)),url('../assets/illustrations/site-mood-reference.png') center/cover}.page h1,.page h2{font-size:clamp(2.1rem,8vw,4.4rem);line-height:.95;color:var(--pine);margin:.3rem 0 1rem;letter-spacing:-.045em}.page p{font-size:clamp(1.03rem,2.6vw,1.25rem);line-height:1.72;max-width:56ch}.quote{border-left:4px solid var(--gold);padding-left:1rem;font-size:1.35rem;font-style:italic;color:#5b4528}.next{margin-top:1.5rem;color:var(--pine);font-weight:bold}.chapter-list{display:grid;gap:.8rem;margin-top:1rem}.chapter-link{padding:1rem;border:1px solid rgba(51,40,25,.16);border-radius:18px;text-decoration:none;background:rgba(255,255,255,.34)}
.footer{width:min(1120px,94vw);margin:4rem auto 2rem;text-align:center;color:#fff7df;background:rgba(31,59,45,.88);padding:2rem;border-radius:28px}.footer a{color:#fff7df}.motion-cloud{position:fixed;width:180px;height:50px;border-radius:999px;background:rgba(255,255,255,.25);top:18%;left:-220px;animation:cloud 60s linear infinite;pointer-events:none}.motion-cloud:after{content:"";position:absolute;width:90px;height:70px;border-radius:50%;background:rgba(255,255,255,.22);left:45px;top:-28px}@keyframes cloud{to{transform:translateX(calc(100vw + 300px))}}
@media (min-width:760px){.book{grid-template-columns:1.1fr .9fr}.cover-copy{text-align:left;display:flex;flex-direction:column;justify-content:center;padding:4rem}.spread{grid-template-columns:1fr 1fr}.spread:after{display:block}.page{min-height:560px}.chapter-list{grid-template-columns:1fr 1fr}.brand-pill{margin-left:12px}.sound{margin-right:12px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}