:root { color-scheme: light; --ink:#182236; --ink-soft:#40506a; --paper:#f9f7f1; --cream:#efe9de; --gold:#b78a46; --line:#dcd5c9; --white:#fffdfa; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; background:var(--paper); color:var(--ink); font-family:'DM Sans',sans-serif; font-size:16px; line-height:1.65; }
    a { color:inherit; }
    img { display:block; max-width:100%; }
    .skip { position:absolute; left:-9999px; top:10px; background:white; padding:10px; z-index:10; }
    .skip:focus { left:10px; }
    .wrap { width:min(1180px,calc(100% - 48px)); margin:auto; }
    header { background:var(--ink); color:#fff; border-bottom:1px solid #ffffff29; }
    .topbar { min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .brand { display:flex; align-items:center; gap:13px; text-decoration:none; letter-spacing:.14em; line-height:1.15; font-size:1.07rem; font-weight:700; }
    .brand-mark { font-size:1.8rem; color:#e1bb7e; line-height:1; }
    .brand small { display:block; font-size:.63rem; letter-spacing:.25em; color:#c8c0b2; margin-top:5px; }
    nav { display:flex; align-items:center; gap:30px; font-size:.86rem; font-weight:600; }
    nav a { text-decoration:none; color:#e6e3de; }
    nav a:hover,nav a:focus-visible { color:#f2cd91; text-decoration:underline; text-underline-offset:6px; }
    .hero { background:var(--ink); color:white; position:relative; overflow:hidden; }
    .hero::after { content:''; position:absolute; inset:auto -12% -190px 42%; height:400px; border:1px solid #d2a96931; border-radius:50%; pointer-events:none; }
    .hero-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:70px; align-items:center; padding:95px 0 108px; position:relative; z-index:1; }
    .eyebrow { margin:0 0 25px; color:#d6ae70; font-size:.76rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase; }
    h1,h2,h3,p { margin-top:0; }
    h1,h2,h3 { font-family:'Playfair Display',Georgia,serif; font-weight:500; line-height:1.12; }
    h1 { font-size:clamp(3.2rem,6.5vw,6.25rem); letter-spacing:-.045em; margin-bottom:27px; }
    h1 em { color:#e2bb7d; font-weight:400; }
    .hero-copy { max-width:590px; font-size:1.08rem; color:#d4d9e0; line-height:1.8; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:37px; }
    .button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:11px 22px; text-decoration:none; font-size:.88rem; font-weight:700; border:1px solid #d8b577; border-radius:3px; transition:transform .2s,background .2s; }
    .button:hover { transform:translateY(-2px); }
    .button.gold { background:#d8b577; color:#192338; }
    .button.outline { color:white; }
    .hero-art { position:relative; min-height:500px; display:flex; align-items:center; justify-content:center; }
    .hero-art::before { content:''; position:absolute; inset:18px 16px 8px 40px; border:1px solid #bb925c7a; }
    .hero-art img { width:70%; max-width:288px; aspect-ratio:1115/1410; object-fit:cover; box-shadow:0 22px 48px #0008; transform:rotate(-5deg); position:relative; z-index:2; }
    .hero-art img:nth-child(2) { position:absolute; width:62%; max-width:254px; right:0; top:13%; transform:rotate(8deg); z-index:1; filter:brightness(.91); }
    .hero-art .caption { position:absolute; bottom:8px; right:0; color:#ceb78f; font-family:'Playfair Display',Georgia,serif; font-style:italic; font-size:1.2rem; z-index:3; }
    section { scroll-margin-top:30px; }
    .section { padding:100px 0; }
    .section-head { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:42px; }
    .section-head h2 { font-size:clamp(2.4rem,4.2vw,4rem); letter-spacing:-.035em; margin:0; }
    .section-head p { max-width:430px; color:var(--ink-soft); margin:0; }
    .number { display:block; font-size:.73rem; color:#9a6e38; font-weight:700; letter-spacing:.2em; text-transform:uppercase; margin-bottom:14px; }
    .about { background:var(--white); }
    .about-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:start; }
    .about h2 { font-size:clamp(2.5rem,4.2vw,4.2rem); margin-bottom:24px; letter-spacing:-.035em; }
    .about p { color:var(--ink-soft); max-width:575px; }
    .about aside { border-left:1px solid var(--line); padding-left:44px; }
    .about aside h3 { font-size:2rem; margin:0 0 16px; }
    .about aside .role { color:#986f3c; letter-spacing:.15em; text-transform:uppercase; font-size:.72rem; font-weight:700; margin:0 0 16px; }
    .rule { width:55px; height:2px; background:var(--gold); margin:24px 0; }
    .books { background:var(--paper); }
    .book-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
    .book { min-width:0; }
    .book-image { height:365px; background:#e7dfd0; padding:20px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
    .book-image img { width:auto; height:100%; max-width:100%; object-fit:contain; box-shadow:0 13px 20px #23304732; }
    .book .format { margin:17px 0 5px; color:#976b36; font-size:.73rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
    .book h3 { font-size:1.35rem; margin:0 0 8px; }
    .book p { margin:0; color:var(--ink-soft); font-size:.89rem; }
    .story { background:var(--cream); }
    .story-grid { display:grid; grid-template-columns:.86fr 1.14fr; gap:80px; align-items:center; }
    .story-art { position:relative; padding:15px; border:1px solid #b79d75; }
    .story-art img { width:100%; height:445px; object-fit:cover; object-position:center 35%; filter:saturate(.75); }
    .story h2 { font-size:clamp(2.4rem,4.2vw,4rem); letter-spacing:-.035em; margin-bottom:23px; }
    .story p { color:var(--ink-soft); max-width:530px; }
    .story .descriptor { border-top:1px solid #cfc3b1; margin-top:26px; padding-top:18px; font-size:.85rem; font-weight:700; letter-spacing:.11em; color:#6f593d; text-transform:uppercase; }
    .partners { background:var(--ink); color:white; }
    .partners-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
    .partners h2 { font-size:clamp(2.5rem,4.3vw,4.4rem); margin-bottom:0; }
    .partners p { color:#d4d9e0; font-size:1.06rem; }
    .audiences { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; }
    .audiences span { display:inline-block; border:1px solid #ffffff4b; padding:8px 13px; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; }
    .contact { background:var(--white); text-align:center; }
    .contact h2 { font-size:clamp(2.5rem,4.2vw,4rem); letter-spacing:-.035em; margin-bottom:20px; }
    .contact p { max-width:650px; margin:0 auto 28px; color:var(--ink-soft); }
    .contact a { display:inline-block; color:var(--ink); font-weight:700; font-size:clamp(1rem,2.2vw,1.45rem); text-underline-offset:6px; overflow-wrap:anywhere; }
    footer { background:#121b2a; color:#c5cbd5; padding:34px 0; font-size:.83rem; }
    footer .wrap { display:flex; justify-content:space-between; gap:20px; }
    footer p { margin:0; }
    @media (max-width:920px) { .hero-grid{gap:20px}.book-grid{grid-template-columns:repeat(2,1fr)}.book-image{height:410px}.story-grid{gap:40px}.about-grid{gap:42px} }
    @media (max-width:650px) { .wrap{width:min(100% - 32px,520px)}.topbar{align-items:flex-start;flex-direction:column;padding:22px 0;gap:20px}nav{gap:16px;flex-wrap:wrap;font-size:.8rem}.hero-grid{grid-template-columns:1fr;padding:72px 0 80px}.hero-art{min-height:360px;max-width:420px;width:100%;margin:auto}.hero-art img{max-width:225px}.hero-art img:nth-child(2){max-width:200px}.section{padding:72px 0}.section-head,.about-grid,.story-grid,.partners-grid{display:block}.section-head p{margin-top:20px}.about aside{border-left:0;border-top:1px solid var(--line);padding:28px 0 0;margin-top:34px}.book-grid{gap:25px 14px}.book-image{height:270px;padding:12px}.book h3{font-size:1.13rem}.book p{font-size:.82rem}.story-art{margin-bottom:35px}.story-art img{height:330px}.partners p{margin-top:28px}footer .wrap{display:block}footer p+p{margin-top:8px} }
    @media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.button{transition:none} }
/* Reading room and article pages */
.reading { background:#fffdfa; }
.reading-intro { max-width:730px; color:var(--ink-soft); font-size:1.05rem; }
.guide-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:34px; }
.guide-card { border:1px solid var(--line); padding:28px; background:var(--paper); display:flex; flex-direction:column; }
.guide-card small { font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:#94652c; font-weight:700; }
.guide-card h3 { font-size:1.55rem; margin:15px 0 12px; }
.guide-card p { color:var(--ink-soft); font-size:.9rem; flex:1; }
.guide-card a { font-weight:700; text-underline-offset:5px; }
.article-hero { background:var(--ink); color:#fff; padding:78px 0 85px; }
.article-hero .wrap { max-width:860px; }
.article-hero h1 { font-size:clamp(2.7rem,5vw,4.7rem); }
.article-hero p { color:#d4d9e0; max-width:720px; font-size:1.1rem; }
.breadcrumb { font-size:.8rem; margin-bottom:34px; color:#d6ae70; }
.breadcrumb a { color:inherit; text-underline-offset:4px; }
.prose { max-width:790px; margin:0 auto; padding:78px 0 95px; }
.prose h2 { font-size:2rem; margin:42px 0 15px; }
.prose p,.prose li { color:var(--ink-soft); font-size:1.06rem; line-height:1.82; }
.prose ul { padding-left:23px; }
.prose li { margin:10px 0; }
.prose .note { background:#efe9de; border-left:3px solid var(--gold); padding:20px 25px; margin:38px 0; }
.prose .note p { margin:0; }
.article-more { border-top:1px solid var(--line); padding-top:26px; margin-top:55px; }
.article-more a { font-weight:700; }
.link-line { margin-top:20px; font-weight:700; text-underline-offset:5px; }
footer a { color:inherit; text-underline-offset:4px; }
footer .footer-links { display:flex; gap:18px; flex-wrap:wrap; }
@media (max-width:920px) { .guide-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:650px) { .guide-grid{grid-template-columns:1fr}.article-hero{padding:55px 0 65px}.prose{padding:55px 0 72px}.prose h2{font-size:1.7rem} }

/* Prominent Storybooks opening image */
.hero-grid { display:block; padding:72px 0 88px; }
.hero-grid h1 { max-width:940px; }
.hero-copy { max-width:800px; }
.hero-art.featured { width:100%; min-height:0; margin:52px 0 0; padding:11px; border:1px solid #cba261; display:block; background:#11182a; }
.hero-art.featured::before { display:none; }
.hero-art.featured img { width:100%; max-width:none; height:auto; aspect-ratio:1448/1086; object-fit:contain; transform:none; box-shadow:none; filter:none; }
@media (max-width:650px) { .hero-grid{padding:55px 0 64px}.hero-art.featured{min-height:0;margin-top:35px;padding:5px}.hero-art.featured img{max-width:none} }

.adult-book { display:grid; grid-template-columns:210px 1fr; align-items:center; gap:36px; border-top:1px solid var(--line); margin-top:52px; padding-top:42px; max-width:830px; }
.adult-book-cover { background:#e7dfd0; padding:12px; }
.adult-book-cover img { width:100%; height:auto; box-shadow:0 12px 18px #23304728; }
.adult-book h3 { font-size:2rem; margin:0 0 12px; }
.adult-book p { color:var(--ink-soft); }
.adult-book .adult-subtitle { color:#856332; font-weight:700; }
@media (max-width:650px) { .adult-book{grid-template-columns:115px 1fr;gap:18px;align-items:start}.adult-book h3{font-size:1.45rem}.adult-book p{font-size:.84rem} }