@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Fraunces:opsz,wght@9..144,600&display=swap');:root{--ink:#18231e;--green:#174d3c;--lime:#d8ff67;--paper:#fbfcf7;--line:#d9ddd5;--serif:'Fraunces',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.6 var(--sans)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}header{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 30px;border-bottom:1px solid var(--line)}.brand{font-weight:600;letter-spacing:.08em}.brand span{background:var(--lime);padding:5px 7px;margin-right:4px}nav{display:flex;gap:28px;font-size:15px}nav a:hover,.text-link:hover{color:var(--green)}.menu{display:none;background:none;border:0;font:inherit}main{max-width:1240px;margin:auto;padding:0 30px}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;border-bottom:1px solid var(--line)}h1,h2,h3{font-family:var(--serif);line-height:1.06;margin:.2em 0}.hero h1,.page-head h1,.about-hero h1,.split-hero h1{font-size:clamp(3.4rem,7vw,6.7rem);letter-spacing:-.045em;max-width:920px}.lede{font-size:1.24rem;max-width:660px;color:#445049}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:600;color:var(--green)}.actions{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}.button{display:inline-block;background:var(--green);color:white;padding:14px 21px;font-weight:600}.button:hover{background:#0f372b}.button.light{background:var(--lime);color:var(--ink)}.text-link{font-weight:600;border-bottom:1px solid currentColor;padding-bottom:3px}.cover-fan{position:relative;height:470px}.cover-fan img{position:absolute;width:235px;box-shadow:0 18px 50px #0b201c33;border-radius:3px}.cover-fan img:nth-child(1){left:4%;top:40px;transform:rotate(-8deg)}.cover-fan img:nth-child(2){left:34%;top:0;z-index:2}.cover-fan img:nth-child(3){left:60%;top:55px;transform:rotate(8deg)}.intro{display:grid;grid-template-columns:1fr 2fr;padding:110px 0 55px}.intro h2,.journal h2,.banner h2{font-size:clamp(2.2rem,4vw,4.6rem)}.intro p:not(.section-no){font-size:1.15rem;max-width:650px}.section-no{font-size:.78rem;letter-spacing:.12em}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 34px;padding:55px 0 100px}.book-card{border-top:1px solid var(--line);padding-top:18px}.book-card>a{background:#eef0e9;display:block;padding:24px}.book-card img{aspect-ratio:3/4;object-fit:contain;margin:auto;transition:transform .25s}.book-card:hover img{transform:translateY(-6px)}.book-card h3{font-size:1.6rem}.book-card p{margin:.35em 0}.banner{background:var(--green);color:white;padding:70px;max-width:1100px;margin:10px auto 110px}.banner p{max-width:650px}.banner .eyebrow{color:var(--lime)}.journal{display:flex;justify-content:space-between;gap:40px;align-items:end;padding:20px 0 110px}.journal h2{max-width:800px}.page-head,.about-hero{padding:100px 0 70px;border-bottom:1px solid var(--line)}.page-head p:last-child{max-width:760px;font-size:1.1rem}.book-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding:90px 0 110px;align-items:start}.detail-cover{background:#eef0e9;padding:42px}.book-detail h1{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.04em}.back{display:inline-block;margin-bottom:55px}.note{border-left:4px solid var(--lime);padding:5px 0 5px 22px;margin-top:35px;max-width:650px}.related{border-top:1px solid var(--line);padding:70px 0 110px}.related h2{font-size:3rem}.mini-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mini-links a{padding:20px;border:1px solid var(--line)}.split-hero{display:grid;grid-template-columns:1.5fr .5fr;gap:60px;align-items:center;padding:100px 0}.activity-mark{width:240px;height:240px;border-radius:50%;background:var(--lime);display:flex;justify-content:center;align-items:center;gap:8px;transform:rotate(5deg)}.activity-mark span{font:600 5rem/1 var(--serif)}.activity-mark small{line-height:1.2;text-transform:uppercase}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-bottom:110px}.steps article{background:var(--paper);padding:40px}.steps b{font-size:.8rem}.steps h2{font-size:2rem}.prose{max-width:850px;padding:70px 0 120px}.prose>p{font:1.35rem/1.65 var(--serif)}.prose h2{font-size:2.7rem;margin-top:70px}.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:60px 0}.fact-strip div{display:flex;flex-direction:column;background:var(--paper);padding:25px}.post-list{padding:30px 0 120px}.post-list article{display:grid;grid-template-columns:50px 1fr auto;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:35px 0}.post-list h2{font-size:2rem}.post-list p{margin:.3em 0}.post-list a{font-weight:600}footer{max-width:1240px;margin:auto;padding:65px 30px;display:grid;grid-template-columns:2fr 1fr auto;border-top:1px solid var(--line)}footer div:nth-child(2){display:flex;flex-direction:column}footer small{align-self:end}@media(max-width:800px){header{height:72px;padding:0 18px}.menu{display:block}nav{display:none;position:absolute;z-index:5;left:0;right:0;top:72px;background:var(--paper);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}main{padding:0 18px}.hero{grid-template-columns:1fr;padding:70px 0 40px;gap:20px}.hero h1,.page-head h1,.about-hero h1,.split-hero h1{font-size:3.4rem}.cover-fan{height:310px}.cover-fan img{width:150px}.intro,.book-detail,.split-hero{grid-template-columns:1fr}.intro{padding:75px 0 30px}.book-grid{grid-template-columns:1fr 1fr;gap:38px 16px}.book-card>a{padding:10px}.book-card h3{font-size:1.25rem}.banner{padding:40px 25px;margin-bottom:70px}.journal{display:block}.book-detail{gap:40px;padding:45px 0 80px}.back{margin-bottom:20px}.mini-links,.steps,.fact-strip{grid-template-columns:1fr}.activity-mark{width:190px;height:190px}.post-list article{grid-template-columns:36px 1fr}.post-list article>a{grid-column:2}.prose>p{font-size:1.15rem}footer{grid-template-columns:1fr;gap:25px}}
/* Faithful, clean-coded recreation of the original homepage character */
body{background:#fffdf8;color:#242127;font-family:"Noto Sans",Arial,sans-serif}h1,h2,h3{font-family:"Montserrat",Arial,sans-serif;font-weight:800}.brand{display:flex;flex-direction:column;line-height:1;font-family:"Montserrat",Arial,sans-serif;font-weight:800}.brand small{font-size:.58rem;letter-spacing:.04em;font-weight:600;margin-top:7px;color:#6a6267}.masthead{padding:30px 0 18px}.masthead img{width:min(100%,1200px);margin:auto}.story-hero{position:relative;width:100%;aspect-ratio:16/9;min-height:420px;max-height:720px;overflow:visible;background:#edd8bd url('/assets/hero-poster.jpg') center/cover no-repeat;border-radius:22px;box-shadow:0 18px 45px #4e332b30}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:22px}.paul-portrait{position:absolute;z-index:2;width:clamp(150px,23vw,285px);aspect-ratio:1;border-radius:50%;object-fit:cover;right:6%;top:50%;transform:translateY(-50%);border:8px solid #fff;box-shadow:0 14px 35px #26141455}.hero-controls{position:absolute;z-index:3;right:18px;bottom:18px}.replay{border:0;border-radius:999px;background:#ffffffdf;color:#272127;padding:11px 16px;font:700 .82rem "Montserrat",sans-serif;box-shadow:0 5px 18px #0003;cursor:pointer}.replay:hover,.replay:focus-visible{background:#f6d850}.home-intro{max-width:900px;margin:90px auto 70px;text-align:center}.home-intro h1{font-size:clamp(2.4rem,5vw,5rem);line-height:1.08;color:#293849}.home-intro>p:not(.eyebrow){font-size:1.17rem;max-width:780px;margin:22px auto}.home-intro .actions{justify-content:center}.playful-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:50px 0 90px}.playful-links a{position:relative;min-height:330px;overflow:hidden;border-radius:24px;background:#f1d86d;box-shadow:0 12px 30px #4b323119;transition:transform .2s}.playful-links a:nth-child(2){background:#8ed8c2}.playful-links a:nth-child(3){background:#ef9c84}.playful-links a:hover{transform:translateY(-7px)}.playful-links span{position:absolute;z-index:2;left:20px;top:20px;background:#fff;padding:10px 15px;border-radius:999px;font:800 1rem "Montserrat",sans-serif}.playful-links img{width:100%;height:100%;object-fit:contain;padding:66px 28px 24px}.book-card>a{background:linear-gradient(145deg,#f5e9bc,#d9f0e7);border-radius:18px}.banner{background:#293849;border-radius:24px}.button{background:#17885b;border-radius:999px}.button:hover{background:#126a48}
@media(max-width:800px){.brand small{display:none}.masthead{padding:18px 0 10px}.story-hero{aspect-ratio:16/9;min-height:0;border-radius:14px;margin-bottom:20px}.hero-video{border-radius:14px}.paul-portrait{width:clamp(118px,34vw,180px);right:50%;top:50%;transform:translate(50%,-50%);border-width:5px}.hero-controls{right:9px;bottom:9px}.replay{font-size:.68rem;padding:9px 12px}.home-intro{margin:45px auto 55px}.home-intro h1{font-size:clamp(2.15rem,10vw,3.3rem)}.playful-links{grid-template-columns:1fr;gap:18px;margin-bottom:65px}.playful-links a{min-height:290px}.hero h1,.page-head h1,.about-hero h1,.split-hero h1{font-size:clamp(2.5rem,12vw,3.4rem)}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.playful-links a{transition:none}}
/* Compact homepage navigation: one clear route to each main section */
.home-intro{margin-bottom:34px}
.home-section-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 26px}
.home-section-nav a{min-height:82px;padding:20px 22px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f1d86d;font:800 1rem "Montserrat",Arial,sans-serif;box-shadow:0 10px 24px #4b323118;transition:transform .2s ease,box-shadow .2s ease}
.home-section-nav a:nth-child(2){background:#8ed8c2}.home-section-nav a:nth-child(3){background:#abc9e6}.home-section-nav a:nth-child(4){background:#ef9c84}
.home-section-nav a:hover,.home-section-nav a:focus-visible{transform:translateY(-4px);box-shadow:0 14px 28px #4b323124}
.home-section-nav b{font-size:1.4rem;line-height:1}
.home-section-nav + .intro{padding-top:30px}
@media(max-width:800px){.home-intro{margin-bottom:25px}.home-section-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.home-section-nav a{min-height:70px;padding:15px 16px;font-size:.86rem}.home-section-nav + .intro{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.home-section-nav a{transition:none}}
.blog-head{max-width:980px}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 30px;padding:55px 0 120px}.post-card{overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 12px 34px #442d2518;border:1px solid #eadfd4}.post-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#eee}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-image img{transform:scale(1.035)}.post-copy{padding:26px 28px 30px}.post-copy h2{font-size:clamp(1.5rem,2.5vw,2.15rem);line-height:1.16;margin:.35em 0 .55em}.post-copy>p:not(.post-meta){color:#554e50}.post-meta{margin:0;color:#7b5961;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}@media(max-width:700px){.post-grid{grid-template-columns:1fr;gap:26px;padding-top:35px}.post-copy{padding:21px 20px 25px}.post-copy h2{font-size:1.55rem}}@media(prefers-reduced-motion:reduce){.post-image img{transition:none}}
/* Crawlable homepage masthead and deterministic portrait placement */
.masthead{padding:34px 0 26px;text-align:center}
.masthead-title{margin:0;color:#202025;font-family:"Montserrat",Arial,sans-serif;font-size:clamp(3.6rem,9vw,8.2rem);font-weight:800;line-height:.84;letter-spacing:-.055em;text-transform:uppercase}
.masthead-title strong{display:block}
.masthead-title span{display:block;margin-top:.48em;font-size:clamp(.92rem,1.9vw,1.65rem);font-weight:600;line-height:1.15;letter-spacing:.42em}
.paul-portrait{left:50%;right:auto;top:50%;width:clamp(190px,27vw,340px);transform:translate(-50%,-50%);border:0}
@media(max-width:800px){.masthead{padding:22px 0 17px}.masthead-title{font-size:clamp(3rem,15vw,5.2rem);line-height:.88}.masthead-title span{margin-top:.55em;font-size:clamp(.72rem,3.1vw,1rem);letter-spacing:.2em}.paul-portrait{left:50%;right:auto;top:50%;width:clamp(145px,42vw,210px);transform:translate(-50%,-50%);border:0}}

.book-video{padding:0 0 100px;max-width:1000px;margin:0 auto}.book-video h2{font-size:clamp(2rem,4vw,3.4rem);margin:.15em 0 .65em}.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#101722;border-radius:20px;box-shadow:0 18px 45px #2b1b1730}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media(max-width:800px){.book-video{padding-bottom:70px}.video-frame{border-radius:12px}}

/* About portrait and verified creative recognition */
.about-profile{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:64px;align-items:center}
.about-profile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 18px 45px #3e29232b}
.about-copy{max-width:1000px}
.recognition{margin-top:80px;padding-top:70px;border-top:1px solid var(--line)}
.recognition>p:not(.eyebrow){max-width:720px}
.recognition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:34px}
.recognition-grid figure{display:flex;flex-direction:column;margin:0;overflow:hidden;border:1px solid #eadfd4;border-radius:20px;background:#fff;box-shadow:0 12px 30px #442d2514}
.recognition-grid img{width:100%;height:310px;object-fit:contain;background:#f4f1eb}
.recognition-grid figure:first-child img{object-fit:cover;object-position:center 32%}
.recognition-grid figcaption{display:flex;flex-direction:column;gap:6px;padding:20px 22px 24px;font:1rem/1.45 "Noto Sans",Arial,sans-serif}
.recognition-grid figcaption b{font:800 1.1rem/1.25 "Montserrat",Arial,sans-serif}
.recognition-grid figcaption span{color:#554e50}
@media(max-width:800px){.about-profile{grid-template-columns:1fr;gap:34px;padding-top:60px}.about-profile img{width:min(76vw,360px);justify-self:center}.recognition{margin-top:60px;padding-top:50px}.recognition-grid{grid-template-columns:1fr;gap:20px}.recognition-grid img{height:auto;max-height:420px}.recognition-grid figure:first-child img{height:440px;object-position:center 30%}}

/* Restored activity-pack and Cool Stuff presentation */
header nav{gap:18px;font-size:.86rem}
.home-section-nav{grid-template-columns:repeat(6,minmax(0,1fr))}
.home-section-nav a:nth-child(4){background:#f3b45f}.home-section-nav a:nth-child(5){background:#ef9c84}
.activity-page{max-width:1000px;margin:0 auto;padding:80px 0 55px}
.activity-page>h1,.cool-head h1{font-size:clamp(3rem,7vw,5.8rem);letter-spacing:-.04em}
.activity-cover{width:100%;margin:34px auto 24px;border-radius:18px;box-shadow:0 16px 40px #34221925}
.activity-page>.lede{max-width:940px}
.activity-actions{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;margin:48px 0 34px;padding:30px 34px;background:#ebf8e2;border-radius:20px}
.activity-actions h2{font-size:1.8rem;margin:0}.activity-actions p{margin:.35em 0 0}
.activity-buy{display:block;width:max-content;max-width:100%;margin:0 auto;text-align:center}
.activity-steps{margin-bottom:100px}
.button.secondary{background:#293849}
.cool-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;padding:80px 0 70px}
.cool-head img,.cool-feature img,.fan-club img{border-radius:20px}
.cool-feature,.fan-club{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center;padding:70px 0;border-top:1px solid var(--line)}
.fan-club{grid-template-columns:.9fr 1.1fr;background:#f7df73;padding:55px;border:0;border-radius:24px;margin:30px 0 90px}
.fan-club img{max-height:480px;justify-self:center}
.cool-feature h2,.fan-club h2,.download-section h2{font-size:clamp(2.2rem,4vw,4rem)}
.download-section{padding:10px 0 100px}
.download-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:38px}
.download-grid article{overflow:hidden;background:#fff;border:1px solid #eadfd4;border-radius:18px;box-shadow:0 10px 25px #442d2512}
.download-grid img{width:100%;aspect-ratio:9/14;object-fit:cover}
.download-grid article>div{padding:17px 18px 20px}.download-grid h3{font-size:1.05rem;margin:0 0 12px}
.fold-card{margin-bottom:90px}
@media(max-width:900px){.download-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){header nav{gap:20px;font-size:1rem}.home-section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.home-section-nav a:last-child{grid-column:1/-1}.activity-page{padding:55px 0 35px}.activity-actions{grid-template-columns:1fr;gap:20px;padding:24px}.cool-head,.cool-feature,.fan-club{grid-template-columns:1fr;gap:28px}.cool-head{padding:55px 0 45px}.cool-feature{padding:50px 0}.fan-club{padding:28px;margin-bottom:65px}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.download-section{padding-bottom:70px}.fold-card{margin-bottom:60px}}
@media(max-width:420px){.download-grid{grid-template-columns:1fr 1fr}.download-grid article>div{padding:14px 13px 17px}.download-grid h3{font-size:.9rem}}

/* Preserved, crawlable WordPress article content */
.article-page{max-width:900px;margin:0 auto;padding:80px 0 110px}.article-header{height:auto;display:block;max-width:none;padding:0 0 38px;margin:0;border-bottom:1px solid var(--line)}.article-header h1{font-size:clamp(2.7rem,6vw,5.3rem);letter-spacing:-.04em;margin:.2em 0}.article-content{padding-top:45px;font-size:1.08rem;line-height:1.75}.article-content h2,.article-content h3{margin-top:2em}.article-content h2{font-size:2.4rem}.article-content h3{font-size:1.7rem}.article-content img{width:auto;max-width:100%;margin:30px auto;border-radius:16px}.article-content a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;color:var(--green)}.article-content blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:5px solid var(--lime);background:#f7f4ea}@media(max-width:800px){.article-page{padding:50px 0 75px}.article-header h1{font-size:clamp(2.35rem,11vw,3.6rem)}.article-content{padding-top:32px;font-size:1rem}.article-content h2{font-size:2rem}.article-content h3{font-size:1.45rem}}

/* Homepage film finale: the complete 16:9 artwork reveals after the video. */
.story-hero{overflow:hidden}
.hero-finale{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:contain;border-radius:inherit;opacity:0;transform:scale(.05);transform-origin:center;pointer-events:none;transition:transform 1s cubic-bezier(.2,.75,.2,1),opacity .3s ease}
.story-hero.is-revealed .hero-finale{opacity:1;transform:scale(1)}
@media(prefers-reduced-motion:reduce){.story-hero .hero-finale{opacity:1;transform:none;transition:none}.story-hero .hero-video{display:none}.story-hero .hero-controls{display:none}}