:root{--cream:#fbf5e9;--green:#294c3d;--ink:#344a3d;--gold:#ad7f40}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Nunito,Arial,sans-serif;font-size:17px;line-height:1.7}a{color:inherit}header{padding:32px 6vw;border-bottom:1px solid #294c3d20}.brand{text-decoration:none;font-family:'DM Serif Display',Georgia,serif;letter-spacing:.12em;font-size:30px}.brand span{display:block;font:700 10px Nunito,Arial,sans-serif;letter-spacing:.23em;margin-top:2px}h1,h2,h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;line-height:1.08;margin:0 0 24px;letter-spacing:-.025em}h1{font-size:clamp(52px,5.6vw,86px)}h2{font-size:clamp(38px,4.4vw,62px)}h3{font-size:clamp(34px,3.7vw,52px)}em{font-weight:400;color:#92703d}p{margin:0 0 22px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:#826536;margin-bottom:23px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding:64px 6vw 90px}.hero-copy>p:not(.eyebrow){max-width:480px}.hero-art{transform:rotate(2deg);position:relative}.cover{aspect-ratio:1;overflow:hidden;box-shadow:0 20px 40px #4d351c24;background:#edcf91}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover.spread img{width:200%;max-width:none;transform:translateX(-50%);object-fit:fill}.art-note{display:block;text-align:center;font:italic 22px 'DM Serif Display',Georgia,serif;margin:25px 0 0;color:#826536}.button{display:inline-flex;gap:28px;align-items:center;justify-content:center;background:var(--green);color:white;padding:15px 26px;border-radius:3px;font-size:14px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s;min-height:48px}.button:hover{background:#3d6551;transform:translateY(-2px)}.text-link{display:block;width:fit-content;font-size:14px;margin-top:19px;text-underline-offset:5px}.section-heading{text-align:center;margin:0 auto 68px}.section-heading p:last-child{color:#657063}.books{padding:70px 6vw 0;max-width:1440px;margin:auto;border-top:1px solid #294c3d20}.book{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin:0 0 100px}.book-art{padding:0 22px}.book-copy{max-width:475px}.lead{font:25px/1.4 'DM Serif Display',Georgia,serif}.themes{font-size:11px;letter-spacing:.13em;color:#826536;font-weight:800;margin:27px 0}.reverse .book-art{grid-column:2;grid-row:1}.reverse .book-copy{grid-column:1;grid-row:1}.crew{padding:55px 40px;background:#e8efeb;margin-left:-20px;margin-right:-20px;gap:5vw}.gang{text-align:center;padding:60px 6vw 80px;border-top:1px solid #294c3d20;border-bottom:1px solid #294c3d20}.characters{max-width:1300px;display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin:50px auto 0;text-align:left}.characters h3{font-size:25px;margin-bottom:15px}.characters p{font-size:14px;line-height:1.65}.characters>div{border-top:2px solid #c1a572;padding-top:22px}.about{max-width:790px;text-align:center;margin:auto;padding:110px 25px}.about>p:not(.eyebrow){max-width:600px;margin:0 auto 23px}.about .values{font:24px/1.8 'DM Serif Display',Georgia,serif;color:#92703d;padding-top:12px}.schools{text-align:center;background:#f0e6d2;padding:65px 25px}.schools p:last-child{max-width:660px;margin:auto}.closing{text-align:center;background:var(--green);color:var(--cream);padding:90px 24px}.closing .eyebrow{color:#d8c09a}.light{background:var(--cream);color:var(--green);margin-top:12px}.light:hover{background:#e9dcc2}footer{display:flex;gap:25px;justify-content:space-between;align-items:center;padding:28px 6vw;font-size:12px}.footer-brand{font:24px 'DM Serif Display',Georgia,serif;letter-spacing:.08em}footer a{text-underline-offset:4px}.skip{position:absolute;top:-100px;left:10px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}a:focus-visible{outline:3px solid #b8853d;outline-offset:5px}@media(max-width:760px){header{padding:22px 7vw}.brand{font-size:27px}.hero{grid-template-columns:1fr;padding:40px 7vw 55px;gap:40px}.hero-copy{max-width:550px}.hero h1{font-size:56px}.hero-art{max-width:460px;width:94%;margin:auto}.books{padding:55px 7vw 0}.section-heading{margin-bottom:40px}.book{grid-template-columns:1fr;gap:35px;margin-bottom:70px}.book-art{padding:0 8px}.book-copy{max-width:none}.reverse .book-art,.reverse .book-copy{grid-column:auto;grid-row:auto}.crew{padding:30px 18px;margin-left:-10px;margin-right:-10px}.characters{grid-template-columns:repeat(2,1fr);gap:15px 25px}.gang{padding:50px 7vw}.about{padding:70px 7vw}.closing{padding:65px 7vw}footer{flex-wrap:wrap;gap:12px}footer .footer-brand{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Original character artwork and scenes */
.hero-art{transform:none}.hero-scene{border-radius:48% 48% 4px 4px;box-shadow:none}.hero-scene img{object-position:center}
.book-art .story-scene{display:block;width:100%;height:auto;margin-top:24px;border-radius:3px}.book-art .cover{max-width:85%;margin:auto}.characters{gap:24px}.characters>div{border:0;padding:0}.portrait{position:relative;overflow:hidden;aspect-ratio:1;border-radius:50%;margin:0 0 23px;background:#ebd5af}.portrait img{display:block;width:100%;height:100%;object-fit:cover}.portrait.sami img{transform:scale(1.65);transform-origin:61% 60%}.portrait.zayn img{transform:scale(1.25);transform-origin:39% 59%}.portrait.dana img{transform:scale(1.4);transform-origin:42% 53%}.portrait.bertie-blue img{transform:scale(1.45);transform-origin:48% 94%}.portrait.nelson img{transform:scale(2.2);transform-origin:19% 86%}
@media(min-width:761px){.book-art .story-scene{max-height:420px;object-fit:cover}.book-art .story-scene[src*="bertie-blue"]{object-position:50% 95%}.book-art .story-scene[src*="nour-scene"]{object-position:50% 65%}}@media(max-width:760px){.characters{gap:30px 24px}.portrait{max-width:220px}.book-art .cover{max-width:90%}}
