:root{--ink:#153c35;--forest:#0e2d28;--orange:#d96034;--gold:#eac45b;--cream:#fffaf0;--paper:#f5eddd;--muted:#66736e;--white:#fff;--shadow:0 18px 50px rgba(15,45,40,.13);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--cream);line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);background:rgba(255,250,240,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(21,60,53,.1);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:1.18rem;font-weight:700;line-height:1.05}.brand small{display:block;font:600 .68rem/1.5 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--orange)}.brand-mark{width:43px;height:43px;border-radius:14px;background:var(--ink);color:var(--gold);display:grid;place-items:center;font:800 1rem Inter,sans-serif}.site-header nav{display:flex;gap:32px;align-items:center}.site-header nav a{font-weight:700;font-size:.92rem;padding:8px 0;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a.active{color:var(--orange);border-color:var(--orange)}.menu{display:none;border:0;background:none;font-size:1.6rem;color:var(--ink)}main{min-height:70vh}.hero{min-height:650px;background:var(--forest);color:white;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;overflow:hidden;padding:70px clamp(25px,7vw,110px);position:relative}.hero:before{content:"";position:absolute;inset:auto auto -210px -160px;width:450px;height:450px;border:1px solid rgba(234,196,91,.22);border-radius:50%}.hero-copy{max-width:630px;position:relative;z-index:2}.eyebrow{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);font-weight:800}.eyebrow.light{color:var(--gold)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.1;margin:.35em 0}.hero h1{font-size:clamp(3rem,5vw,5.8rem);letter-spacing:-.045em}.hero-copy>p{font-size:1.13rem;max-width:600px;color:#d9e5df}.actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;padding:13px 20px;border-radius:999px;font-weight:800}.button.primary{background:var(--gold);color:var(--forest)}.button.ghost{border:1px solid rgba(255,255,255,.35);color:white}.hero-scene{height:490px;position:relative;min-width:420px}.moon{position:absolute;width:330px;height:330px;border-radius:50%;background:var(--gold);opacity:.92;top:30px;right:4%;box-shadow:0 0 100px rgba(234,196,91,.2)}.character{position:absolute;bottom:30px;border-radius:50% 50% 35% 35%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:24px;color:white;font:bold .8rem/1.2 Inter;text-align:center;box-shadow:0 24px 45px rgba(0,0,0,.25)}.character:before,.character:after{content:"";position:absolute;top:-20px;border-style:solid}.character.professor{width:165px;height:245px;background:#2a3536;left:8%;z-index:3}.character.professor:before{left:15px;border-width:0 35px 60px 0;border-color:transparent #2a3536 transparent transparent}.character.professor:after{right:15px;border-width:60px 35px 0 0;border-color:#2a3536 transparent transparent transparent}.character.rooie{width:150px;height:225px;background:#d96034;left:37%;z-index:4}.character.rooie:before{left:13px;border-width:0 32px 55px 0;border-color:transparent #d96034 transparent transparent}.character.rooie:after{right:13px;border-width:55px 32px 0 0;border-color:#d96034 transparent transparent transparent}.character.daisy{width:190px;height:270px;background:#8e603d;right:1%;z-index:2}.character.daisy:before{left:18px;border-width:0 38px 68px 0;border-color:transparent #8e603d transparent transparent}.character.daisy:after{right:18px;border-width:68px 38px 0 0;border-color:#8e603d transparent transparent transparent}.intro,.featured,.catalog,.gallery-wrap,.story,.characters,.book-content,.book-nav{max-width:1240px;margin:auto;padding:95px 28px}.intro{text-align:center;max-width:1000px}.intro h2,.featured h2,.characters h2{font-size:clamp(2.2rem,4vw,3.5rem)}.intro>p{font-size:1.12rem;color:var(--muted);max-width:760px;margin:0 auto}.traits{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:55px}.traits > div,.traits > .trait-link{background:white;padding:30px;border-radius:24px;box-shadow:var(--shadow)}.traits b{font-size:2rem}.traits h3{font-size:1.35rem}.traits p{color:var(--muted);margin:0}.featured{padding-top:35px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.text-link{color:var(--orange);font-weight:800}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.book-card{background:white;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);transition:.2s transform}.book-card:hover{transform:translateY(-5px)}.book-card>a{display:block}.cover{aspect-ratio:4/5;background:var(--ink);color:white;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.cover:after{content:"";width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.11);position:absolute;right:-55px;bottom:-45px}.cover-2{background:#b54a31}.cover-3{background:#24465d}.cover-4{background:#735331}.cover-kicker{font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;opacity:.8}.cover strong{font:700 clamp(1.55rem,3vw,2.4rem)/1 Georgia,serif;margin:18px 0}.cover-number{background:var(--gold);color:var(--forest);padding:6px 11px;border-radius:999px;font-weight:800;font-size:.74rem}.book-copy{padding:24px}.book-copy h3{font-size:1.4rem}.book-copy p{color:var(--muted);font-size:.94rem;min-height:92px}.quote{background:var(--gold);padding:85px 25px;text-align:center}.quote blockquote{font:700 clamp(2rem,5vw,4.4rem)/1.15 Georgia,serif;margin:0}.quote p{font-weight:800}.page-hero{padding:100px max(25px,calc((100vw - 1184px)/2));background:var(--forest);color:white}.page-hero h1{font-size:clamp(3.2rem,7vw,6.4rem)}.page-hero p{font-size:1.12rem;color:#d5e4df}.catalog .book-grid{grid-template-columns:repeat(4,1fr)}.catalog .book-copy p{min-height:115px}.gallery-hero{background:#24465d}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery-item{border:0;background:white;padding:0;border-radius:22px;overflow:hidden;text-align:left;cursor:pointer;box-shadow:var(--shadow);color:var(--ink)}.gallery-item p{font-weight:800;padding:0 20px 6px}.image-slot{aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:white}.image-slot span{font:700 1.55rem Georgia,serif}.image-slot small{opacity:.8}.tone-1{background:#153c35}.tone-2{background:#b54a31}.tone-3{background:#24465d}.tone-4{background:#735331}dialog{border:0;border-radius:24px;padding:15px;background:white;width:min(850px,90vw)}dialog::backdrop{background:rgba(5,20,18,.8)}.close{float:right;border:0;background:none;font-size:2rem;cursor:pointer}.lightbox-art{height:55vh;background:var(--paper);display:grid;place-items:center;font:700 1.5rem Georgia,serif}.story{display:grid;grid-template-columns:2fr 1fr;gap:70px;align-items:center}.story h2{font-size:clamp(2.3rem,5vw,4.4rem)}.story p{font-size:1.08rem;color:var(--muted)}.author-card{background:var(--ink);color:white;padding:34px;border-radius:28px}.portrait{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--ink);font:800 2rem Georgia,serif;margin-bottom:24px}.characters{padding-top:10px}.character-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.character-cards article{background:white;border-radius:24px;padding:30px}.mini-avatar{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;font-size:2rem}.mini-avatar.dark{background:#d7e1de}.mini-avatar.orange{background:#f7d5c7}.mini-avatar.gold{background:#f8eabc}.book-detail{max-width:1160px;margin:auto;padding:85px 28px;display:grid;grid-template-columns:390px 1fr;gap:75px;align-items:center}.detail-cover{box-shadow:var(--shadow);border-radius:14px}.detail-copy h1{font-size:clamp(2.7rem,6vw,5.2rem)}.lead{font-size:1.15rem;color:var(--muted)}.metadata{display:flex;gap:30px;border-top:1px solid #d9dedb;margin-top:35px;padding-top:22px;font-weight:700}.metadata span{display:flex;flex-direction:column}.metadata small{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--orange)}.book-content{padding-top:30px;display:grid;grid-template-columns:2fr 1fr;gap:65px}.book-content h2{font-size:2.2rem;margin-top:45px}.book-content p{color:var(--muted);font-size:1.05rem}.editable-note{background:var(--paper);padding:20px;border-left:4px solid var(--gold)}.spread{display:grid;grid-template-columns:1fr 1fr;border-radius:22px;overflow:hidden}.spread>div{min-height:240px;padding:28px;display:flex;flex-direction:column;justify-content:center}.spread>div:first-child{background:var(--ink);color:white;align-items:center}.spread>div:last-child{background:white}.side-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.side-gallery div{aspect-ratio:1;background:var(--paper);border-radius:14px;display:grid;place-items:center;font-weight:800;color:var(--muted)}.side-gallery div:first-child{grid-column:1/-1;aspect-ratio:16/9}.book-nav{padding-top:25px;display:flex;justify-content:space-between;font-weight:800}.book-nav a{color:var(--orange)}footer{background:#0a2420;color:#d8e3df;padding:55px max(25px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:1fr auto;gap:20px}footer strong{font-family:Georgia,serif;color:white;font-size:1.2rem}.footer-links{display:flex;gap:25px}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:20px;font-size:.78rem}
@media(max-width:900px){.site-header{height:auto;min-height:76px}.menu{display:block}.site-header nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--cream);padding:20px;flex-direction:column;gap:10px;box-shadow:var(--shadow)}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:60px}.hero-scene{min-width:0;height:430px;margin-top:20px}.moon{width:270px;height:270px}.character.professor{left:3%}.character.rooie{left:34%}.book-grid,.catalog .book-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.story,.book-detail,.book-content{grid-template-columns:1fr}.book-detail{max-width:720px}.detail-cover{width:min(390px,85vw);margin:auto}.story{gap:30px}.character-cards{grid-template-columns:1fr}.metadata{flex-wrap:wrap}}
@media(max-width:600px){.brand{font-size:1rem}.brand small{display:none}.hero{padding:55px 22px}.hero h1{font-size:3rem}.hero-scene{height:330px}.moon{width:210px;height:210px}.character.professor{width:115px;height:185px}.character.rooie{width:105px;height:165px}.character.daisy{width:130px;height:205px}.character{font-size:.65rem}.traits,.book-grid,.catalog .book-grid,.gallery-grid{grid-template-columns:1fr}.section-head{align-items:start;gap:15px;flex-direction:column}.book-copy p{min-height:0!important}.page-hero{padding-top:70px;padding-bottom:70px}.story,.characters,.catalog,.gallery-wrap,.book-content{padding:65px 20px}.book-detail{padding:60px 20px;gap:35px}.detail-copy h1{font-size:2.7rem}.spread{grid-template-columns:1fr}.book-nav{padding:25px 20px 65px;font-size:.83rem}.book-nav a:nth-child(2){display:none}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.copyright{grid-column:1}.metadata{gap:18px}}

.pofferdam-hero{min-height:clamp(620px,76vh,820px);display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(7,28,24,.94) 0%,rgba(7,28,24,.78) 32%,rgba(7,28,24,.3) 60%,rgba(7,28,24,.08) 100%),url('/images/pofferdam-panorama.webp');background-size:cover;background-position:center}.pofferdam-hero:before{display:none}.pofferdam-hero .hero-copy{max-width:690px;padding:34px 0;text-shadow:0 2px 18px rgba(0,0,0,.32)}
@media(max-width:900px){.pofferdam-hero{min-height:640px;background-image:linear-gradient(90deg,rgba(7,28,24,.9),rgba(7,28,24,.55)),url('/images/pofferdam-panorama.webp');background-position:58% center}}
@media(max-width:600px){.pofferdam-hero{min-height:620px;background-image:linear-gradient(180deg,rgba(7,28,24,.82),rgba(7,28,24,.64)),url('/images/pofferdam-panorama.webp');background-position:62% center}.pofferdam-hero .hero-copy{padding:20px 0}}

.pofferdam-hero{min-height:clamp(620px,76vh,820px);display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(7,28,24,.94) 0%,rgba(7,28,24,.78) 32%,rgba(7,28,24,.3) 60%,rgba(7,28,24,.08) 100%),url('/images/pofferdam-helden-v2.webp');background-size:cover;background-position:center}.pofferdam-hero:before{display:none}.pofferdam-hero .hero-copy{max-width:690px;padding:34px 0;text-shadow:0 2px 18px rgba(0,0,0,.32)}
@media(max-width:900px){.pofferdam-hero{min-height:640px;background-image:linear-gradient(90deg,rgba(7,28,24,.9),rgba(7,28,24,.55)),url('/images/pofferdam-helden-v2.webp');background-position:58% center}}
@media(max-width:600px){.pofferdam-hero{min-height:620px;background-image:linear-gradient(180deg,rgba(7,28,24,.82),rgba(7,28,24,.64)),url('/images/pofferdam-helden-v2.webp');background-position:62% center}.pofferdam-hero .hero-copy{padding:20px 0}}
.cover.cover-image{padding:0;background:#101a2b;display:grid;place-items:center}.cover.cover-image:after{display:none}.cover-image img{display:block;width:100%;height:100%;object-fit:contain}
.spread>div.book-illustration{padding:0;min-height:0;background:#101a2b}.book-illustration img{display:block;width:100%;height:auto}.side-gallery div.book-cover-slot:first-child{aspect-ratio:1}.side-gallery .has-art{overflow:hidden;background:#101a2b}.side-gallery .has-art img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.spread p{margin:.6em 0}.spread p:last-child{margin-bottom:0}@media(max-width:600px){.spread{grid-template-columns:1fr}}
body.book-page{background:var(--page-pastel);--muted:#4d625c}body.book-page main{background:var(--page-pastel)}.book-page .book-detail .eyebrow,.book-page .book-content .eyebrow,.book-page .metadata small,.book-page .book-nav a{color:#914020}

.gallery-item>img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:var(--paper)}
#lightbox .lightbox-art{height:auto;min-height:0;background:transparent}
.lightbox-art img{display:block;max-width:100%;max-height:80vh;width:auto;height:auto;margin:auto;object-fit:contain}

.brand-mark{flex-shrink:0;overflow:hidden;background:#fff8e1}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}

.author-card .portrait{overflow:hidden}.author-card .portrait img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

.mini-avatar.dark,.mini-avatar.orange,.mini-avatar.gold{overflow:hidden;background:#fff8e1}.mini-avatar.dark img,.mini-avatar.orange img,.mini-avatar.gold img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

.cat-video-section{max-width:1184px;margin:auto;padding:40px 24px 70px}.cat-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:28px}.cat-video-card{min-width:0;max-width:400px;width:100%;margin:auto;background:white;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.cat-video-card iframe{display:block;width:100%;aspect-ratio:9/16;border:0;background:#153c35}.cat-video-card p{padding:0 18px;font-size:1rem}.cat-video-card a{text-decoration:underline}.cat-video-empty{grid-column:1/-1;text-align:center;padding:25px}.cat-video-empty img{border-radius:50%;object-fit:cover}.cat-video-empty h2{font-size:2rem}

.featured .book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.featured .cover{height:210px;min-height:0;aspect-ratio:auto}.featured .cover img{height:100%;width:100%;object-fit:contain}.featured .book-copy{padding:16px}.featured .book-copy h3{font-size:1.25rem}.featured .book-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.book-rotation-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.book-rotation-controls[hidden]{display:none}.book-rotation-controls button{font:inherit;background:#fff;color:var(--ink);border:1px solid var(--ink);border-radius:8px;padding:10px 16px;cursor:pointer}.book-rotation-controls button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}@media(max-width:700px){.featured .book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured .cover{height:175px}}@media(max-width:420px){.featured .book-grid{grid-template-columns:1fr}.featured .cover{height:190px}}

.quote-banner{padding:60px 25px 30px}.quote-content{max-width:1250px;min-height:225px;margin:auto;display:flex;flex-direction:column;justify-content:center}.quote-banner blockquote{font-size:clamp(1.8rem,4.2vw,3.8rem);line-height:1.2}.quote-author{margin:22px 0 12px}.quote-controls{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:15px}.quote-controls[hidden]{display:none}.quote-controls button{background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:8px;padding:8px 14px;min-height:44px;min-width:44px;font:inherit;font-size:.9rem;cursor:pointer}.quote-controls button:hover{background:#ffffff40}.quote-controls button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.quote-count{font-size:.9rem;min-width:45px}@media(max-width:600px){.quote-banner{padding:35px 20px 25px}.quote-content{min-height:250px}}

.trait-link{display:block;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}.trait-link .text-link{display:block;margin-top:16px}.trait-link:hover{transform:translateY(-4px)}.trait-link:focus-visible,.title-list a:focus-visible{outline:3px solid #153c35;outline-offset:5px}.title-catalog{max-width:1100px;margin:auto;padding:48px 24px 72px}.title-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}.title-list a{display:grid;grid-template-columns:68px 1fr 20px;gap:12px;align-items:center;min-height:94px;height:100%;padding:20px;background:white;border:1px solid #dfdfd3;border-radius:16px;color:var(--green,#153c35);text-decoration:none;line-height:1.5}.title-list a:hover{background:#fff4cf;border-color:#eac55b}.title-number{font-size:.875rem;font-weight:bold}.title-list a>span:nth-child(2){font-family:Georgia,serif;font-size:1.15rem;font-weight:bold}@media(max-width:700px){.title-list{grid-template-columns:1fr}.title-catalog{padding:28px 18px 48px}}@media(prefers-reduced-motion:reduce){.trait-link{transition:none}.trait-link:hover{transform:none}}

.character-section{max-width:1280px;margin:auto;padding:48px 24px 72px}.character-section>h2{margin:0 0 24px}.character-section>h2:not(:first-child){margin-top:52px}.character-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.character-card{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e5e2d8;border-radius:22px;padding:20px;min-width:0}.character-portrait{width:96px;height:96px;flex:0 0 96px;border-radius:50%;object-fit:cover;background-color:#faf5e9}.character-atlas{display:block;background-size:400% 400%;background-repeat:no-repeat}.character-card h3{font-size:1.15rem;line-height:1.3;margin:0 0 8px;overflow-wrap:anywhere}.character-card p{font-size:1rem;line-height:1.5;color:var(--muted);margin:0}@media(max-width:1100px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.character-grid{grid-template-columns:1fr}.character-section{padding:32px 18px 48px}.character-card{padding:18px;gap:16px}.character-portrait{width:88px;height:88px;flex-basis:88px}}

.wisdom-hero>img{display:block;object-fit:cover;border-radius:50%;margin:0 auto 24px}.wisdom-section{max-width:1100px;margin:auto;padding:48px 24px 72px}.wisdom-section>h2{margin:0 0 18px}.wisdom-section>h2:not(:first-child){margin-top:52px}.wisdom-intro{max-width:720px;color:var(--muted);margin-bottom:28px}.wisdom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.wisdom-card{margin:0;padding:28px;background:#fff;border:1px solid #e8e2cf;border-radius:20px;border-top:4px solid #eac65c}.wisdom-card blockquote{margin:0 0 24px;font-family:Georgia,serif;font-size:1.45rem;line-height:1.5;color:#153c35}.wisdom-card figcaption{font-size:1rem;font-weight:bold}.wisdom-card figcaption a,.wisdom-card figcaption span{display:block;font-weight:normal;font-size:.9rem;margin-top:10px;line-height:1.6;color:var(--muted)}.wisdom-card a:focus-visible{outline:3px solid #153c35;outline-offset:4px}@media(max-width:650px){.wisdom-grid{grid-template-columns:1fr}.wisdom-section{padding:32px 18px 48px}.wisdom-card{padding:24px}}
.legal-notice{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:20px;font-size:.78rem;line-height:1.65;max-width:1050px}.legal-notice p{margin:.35em 0}.legal-notice p:first-child{color:#fff;font-weight:700}.reader-footer{margin-top:55px}
.sales-page{max-width:1240px;margin:auto;padding:72px 28px 95px}.sales-copy{text-align:center;max-width:780px;margin:0 auto 38px}.sales-copy h1{font-size:clamp(2.8rem,6vw,5.4rem);margin:.18em 0}.sales-copy p{font-size:1.12rem;color:var(--muted);margin:0}.sales-illustration{margin:0;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.sales-illustration img{display:block;width:100%;height:auto}@media(max-width:650px){.sales-page{padding:52px 18px 68px}.sales-copy{margin-bottom:28px}.sales-illustration{border-radius:20px}}
/* Privacyvriendelijke toestemming voor Google Analytics */
.analytics-consent{position:fixed;z-index:10000;left:50%;bottom:1rem;transform:translateX(-50%);width:min(92vw,760px);display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1rem 1.1rem;background:#fff;color:#153c35;border:2px solid #153c35;border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.22);font-size:1rem}
.analytics-consent strong{display:block;margin-bottom:.25rem}.analytics-consent p{margin:0;line-height:1.45}.analytics-consent-actions{display:flex;gap:.6rem;flex:0 0 auto}.analytics-consent button{border:1px solid #153c35;border-radius:9px;padding:.7rem .9rem;background:#fff;color:#153c35;font:inherit;font-weight:700;cursor:pointer}.analytics-consent button.accept{background:#153c35;color:#fff}.analytics-consent button:focus-visible{outline:3px solid #e37a21;outline-offset:2px}
@media(max-width:640px){.analytics-consent{align-items:stretch;flex-direction:column}.analytics-consent-actions{justify-content:flex-end;flex-wrap:wrap}}
:root{--ink:#153c35;--forest:#0e2d28;--orange:#d96034;--gold:#eac45b;--cream:#fffaf0;--paper:#f5eddd;--muted:#66736e;--white:#fff;--shadow:0 18px 50px rgba(15,45,40,.13);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--cream);line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);background:rgba(255,250,240,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(21,60,53,.1);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:1.18rem;font-weight:700;line-height:1.05}.brand small{display:block;font:600 .68rem/1.5 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--orange)}.brand-mark{width:43px;height:43px;border-radius:14px;background:var(--ink);color:var(--gold);display:grid;place-items:center;font:800 1rem Inter,sans-serif}.site-header nav{display:flex;gap:32px;align-items:center}.site-header nav a{font-weight:700;font-size:.92rem;padding:8px 0;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a.active{color:var(--orange);border-color:var(--orange)}.menu{display:none;border:0;background:none;font-size:1.6rem;color:var(--ink)}main{min-height:70vh}.hero{min-height:650px;background:var(--forest);color:white;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;overflow:hidden;padding:70px clamp(25px,7vw,110px);position:relative}.hero:before{content:"";position:absolute;inset:auto auto -210px -160px;width:450px;height:450px;border:1px solid rgba(234,196,91,.22);border-radius:50%}.hero-copy{max-width:630px;position:relative;z-index:2}.eyebrow{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);font-weight:800}.eyebrow.light{color:var(--gold)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.1;margin:.35em 0}.hero h1{font-size:clamp(3rem,5vw,5.8rem);letter-spacing:-.045em}.hero-copy>p{font-size:1.13rem;max-width:600px;color:#d9e5df}.actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;padding:13px 20px;border-radius:999px;font-weight:800}.button.primary{background:var(--gold);color:var(--forest)}.button.ghost{border:1px solid rgba(255,255,255,.35);color:white}.hero-scene{height:490px;position:relative;min-width:420px}.moon{position:absolute;width:330px;height:330px;border-radius:50%;background:var(--gold);opacity:.92;top:30px;right:4%;box-shadow:0 0 100px rgba(234,196,91,.2)}.character{position:absolute;bottom:30px;border-radius:50% 50% 35% 35%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:24px;color:white;font:bold .8rem/1.2 Inter;text-align:center;box-shadow:0 24px 45px rgba(0,0,0,.25)}.character:before,.character:after{content:"";position:absolute;top:-20px;border-style:solid}.character.professor{width:165px;height:245px;background:#2a3536;left:8%;z-index:3}.character.professor:before{left:15px;border-width:0 35px 60px 0;border-color:transparent #2a3536 transparent transparent}.character.professor:after{right:15px;border-width:60px 35px 0 0;border-color:#2a3536 transparent transparent transparent}.character.rooie{width:150px;height:225px;background:#d96034;left:37%;z-index:4}.character.rooie:before{left:13px;border-width:0 32px 55px 0;border-color:transparent #d96034 transparent transparent}.character.rooie:after{right:13px;border-width:55px 32px 0 0;border-color:#d96034 transparent transparent transparent}.character.daisy{width:190px;height:270px;background:#8e603d;right:1%;z-index:2}.character.daisy:before{left:18px;border-width:0 38px 68px 0;border-color:transparent #8e603d transparent transparent}.character.daisy:after{right:18px;border-width:68px 38px 0 0;border-color:#8e603d transparent transparent transparent}.intro,.featured,.catalog,.gallery-wrap,.story,.characters,.book-content,.book-nav{max-width:1240px;margin:auto;padding:95px 28px}.intro{text-align:center;max-width:1000px}.intro h2,.featured h2,.characters h2{font-size:clamp(2.2rem,4vw,3.5rem)}.intro>p{font-size:1.12rem;color:var(--muted);max-width:760px;margin:0 auto}.traits{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:55px}.traits > div,.traits > .trait-link{background:white;padding:30px;border-radius:24px;box-shadow:var(--shadow)}.traits b{font-size:2rem}.traits h3{font-size:1.35rem}.traits p{color:var(--muted);margin:0}.featured{padding-top:35px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.text-link{color:var(--orange);font-weight:800}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.book-card{background:white;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);transition:.2s transform}.book-card:hover{transform:translateY(-5px)}.book-card>a{display:block}.cover{aspect-ratio:4/5;background:var(--ink);color:white;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.cover:after{content:"";width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.11);position:absolute;right:-55px;bottom:-45px}.cover-2{background:#b54a31}.cover-3{background:#24465d}.cover-4{background:#735331}.cover-kicker{font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;opacity:.8}.cover strong{font:700 clamp(1.55rem,3vw,2.4rem)/1 Georgia,serif;margin:18px 0}.cover-number{background:var(--gold);color:var(--forest);padding:6px 11px;border-radius:999px;font-weight:800;font-size:.74rem}.book-copy{padding:24px}.book-copy h3{font-size:1.4rem}.book-copy p{color:var(--muted);font-size:.94rem;min-height:92px}.quote{background:var(--gold);padding:85px 25px;text-align:center}.quote blockquote{font:700 clamp(2rem,5vw,4.4rem)/1.15 Georgia,serif;margin:0}.quote p{font-weight:800}.page-hero{padding:100px max(25px,calc((100vw - 1184px)/2));background:var(--forest);color:white}.page-hero h1{font-size:clamp(3.2rem,7vw,6.4rem)}.page-hero p{font-size:1.12rem;color:#d5e4df}.catalog .book-grid{grid-template-columns:repeat(4,1fr)}.catalog .book-copy p{min-height:115px}.gallery-hero{background:#24465d}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery-item{border:0;background:white;padding:0;border-radius:22px;overflow:hidden;text-align:left;cursor:pointer;box-shadow:var(--shadow);color:var(--ink)}.gallery-item p{font-weight:800;padding:0 20px 6px}.image-slot{aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:white}.image-slot span{font:700 1.55rem Georgia,serif}.image-slot small{opacity:.8}.tone-1{background:#153c35}.tone-2{background:#b54a31}.tone-3{background:#24465d}.tone-4{background:#735331}dialog{border:0;border-radius:24px;padding:15px;background:white;width:min(850px,90vw)}dialog::backdrop{background:rgba(5,20,18,.8)}.close{float:right;border:0;background:none;font-size:2rem;cursor:pointer}.lightbox-art{height:55vh;background:var(--paper);display:grid;place-items:center;font:700 1.5rem Georgia,serif}.story{display:grid;grid-template-columns:2fr 1fr;gap:70px;align-items:center}.story h2{font-size:clamp(2.3rem,5vw,4.4rem)}.story p{font-size:1.08rem;color:var(--muted)}.author-card{background:var(--ink);color:white;padding:34px;border-radius:28px}.portrait{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--ink);font:800 2rem Georgia,serif;margin-bottom:24px}.characters{padding-top:10px}.character-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.character-cards article{background:white;border-radius:24px;padding:30px}.mini-avatar{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;font-size:2rem}.mini-avatar.dark{background:#d7e1de}.mini-avatar.orange{background:#f7d5c7}.mini-avatar.gold{background:#f8eabc}.book-detail{max-width:1160px;margin:auto;padding:85px 28px;display:grid;grid-template-columns:390px 1fr;gap:75px;align-items:center}.detail-cover{box-shadow:var(--shadow);border-radius:14px}.detail-copy h1{font-size:clamp(2.7rem,6vw,5.2rem)}.lead{font-size:1.15rem;color:var(--muted)}.metadata{display:flex;gap:30px;border-top:1px solid #d9dedb;margin-top:35px;padding-top:22px;font-weight:700}.metadata span{display:flex;flex-direction:column}.metadata small{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--orange)}.book-content{padding-top:30px;display:grid;grid-template-columns:2fr 1fr;gap:65px}.book-content h2{font-size:2.2rem;margin-top:45px}.book-content p{color:var(--muted);font-size:1.05rem}.editable-note{background:var(--paper);padding:20px;border-left:4px solid var(--gold)}.spread{display:grid;grid-template-columns:1fr 1fr;border-radius:22px;overflow:hidden}.spread>div{min-height:240px;padding:28px;display:flex;flex-direction:column;justify-content:center}.spread>div:first-child{background:var(--ink);color:white;align-items:center}.spread>div:last-child{background:white}.side-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.side-gallery div{aspect-ratio:1;background:var(--paper);border-radius:14px;display:grid;place-items:center;font-weight:800;color:var(--muted)}.side-gallery div:first-child{grid-column:1/-1;aspect-ratio:16/9}.book-nav{padding-top:25px;display:flex;justify-content:space-between;font-weight:800}.book-nav a{color:var(--orange)}footer{background:#0a2420;color:#d8e3df;padding:55px max(25px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:1fr auto;gap:20px}footer strong{font-family:Georgia,serif;color:white;font-size:1.2rem}.footer-links{display:flex;gap:25px}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:20px;font-size:.78rem}
.songs-hero{background:linear-gradient(120deg,#153c35 0%,#24465d 100%)}
.song-library{max-width:1240px;margin:0 auto;padding:70px 28px 110px}
.song-card{display:grid;grid-template-columns:minmax(250px,420px) minmax(0,1fr);gap:clamp(30px,6vw,80px);align-items:center;background:#fff;border-radius:28px;padding:clamp(22px,4vw,48px);box-shadow:var(--shadow)}
.song-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:20px}
.song-copy h2{font-size:clamp(2.2rem,4vw,3.5rem);margin:.45em 0}
.song-copy p{max-width:620px;color:var(--muted);font-size:1.1rem}
.song-copy audio{display:block;width:100%;margin-top:28px;min-height:54px}
.song-download-link{display:inline-block;margin-top:18px;padding:12px 18px;border-radius:10px;background:#153c35;color:#fff;font-weight:800;text-decoration:none}.song-download-link:hover{background:#24465d}.song-download-link:focus-visible{outline:3px solid #d96034;outline-offset:4px}.song-download-note{display:block;margin-top:8px;color:var(--muted)}
@media(max-width:760px){.song-library{padding:45px 20px 75px}.song-card{grid-template-columns:1fr;gap:26px}.song-art img{max-width:420px;margin:0 auto}.song-copy audio{margin-top:22px}}

@media(min-width:901px){.site-header{height:auto;min-height:88px;padding-top:12px;padding-bottom:12px}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 20px}.site-header .brand{flex-shrink:0;margin-right:22px}}
@media(max-width:900px){.site-header{height:auto;min-height:76px}.site-header .menu{display:block}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:10px}.site-header nav.open{display:flex}}

/* Health check: usable sales routes, privacy controls and small-screen layouts. */
.sales-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0}.sales-options article{background:#fff;border:1px solid #e1dfd4;border-radius:20px;padding:28px;min-width:0}.sales-options h2{font-size:1.7rem;line-height:1.2}.sales-options p{line-height:1.65}.sales-options .button{white-space:normal;text-align:center}.sales-print{max-width:800px;margin:40px auto}.privacy-page{max-width:880px;padding:55px 24px 75px;margin:auto;line-height:1.75}.privacy-page h1{font-size:clamp(2rem,6vw,3.6rem);line-height:1.15}.privacy-page h2{margin-top:36px;font-size:1.65rem;line-height:1.3}.privacy-page li{margin-bottom:12px}.privacy-page a,.privacy-links a{text-decoration:underline;text-underline-offset:3px}.privacy-page a{overflow-wrap:anywhere}.privacy-links{width:100%;font-size:.95rem}.privacy-links a{display:inline-block;padding:8px 4px}.analytics-consent p{max-width:780px;font-size:.95rem;line-height:1.5}.analytics-consent-actions button{min-height:44px;background:#fff;color:#153c35;border:1px solid #153c35}.analytics-consent{max-height:80vh;overflow:auto}.video-consent{display:grid;place-content:center;min-height:320px;padding:24px;background:#f8f3e8;text-align:center}.video-consent button{min-height:48px;padding:12px;border:1px solid #153c35;border-radius:8px;background:#153c35;color:white;font:inherit;cursor:pointer}.video-consent p{font-size:.95rem;line-height:1.6}@media(max-width:850px){.sales-options{grid-template-columns:1fr}.privacy-page{padding:32px 18px}.analytics-consent{padding:18px}.sales-options article{padding:24px}}a:focus-visible,button:focus-visible{outline:3px solid #b56524;outline-offset:4px}
.sales-options .button{display:inline-block;background:#153c35;color:#fff;border-radius:12px;padding:12px 18px;min-height:44px;text-decoration:none}.sales-options .button:hover{background:#24574d}