:root{font-family:Arial,Helvetica,sans-serif;background:#f6f7f6;color:#192a3c;scroll-behavior:smooth}
*{box-sizing:border-box}html,body{width:100%;max-width:100%;min-width:0;overflow-x:hidden;overflow-x:clip}body{margin:0;background:#f6f7f6}.header,main,footer,.story-scroll{width:100%;max-width:100%}button,a{touch-action:manipulation}button{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
:focus-visible{outline:3px solid #df9840;outline-offset:4px}.skip{position:absolute;top:-5rem;left:1rem;padding:.7rem 1rem;background:#fff;z-index:50}.skip:focus{top:1rem}
.header{position:relative;z-index:20;background:#f6f7f6;border-bottom:1px solid #d9dedc}.header-inner{max-width:1460px;min-height:112px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,2vw,2rem)}
.brand{width:270px;height:90px;overflow:hidden;display:block;flex:none}.brand img{width:100%;height:100%;object-fit:cover;object-position:center 55%;mix-blend-mode:multiply}
.main-nav{display:flex;align-items:center;gap:.15rem;background:#e9eeec;border:1px solid #d5e0dd;padding:.37rem;border-radius:999px;box-shadow:0 5px 20px #3145550b}.main-nav a{display:flex;align-items:center;gap:.35rem;border-radius:999px;padding:.75rem .95rem;font-size:.88rem;font-weight:800;white-space:nowrap;transition:background .25s,color .25s,transform .25s}.main-nav a span{font-size:.58rem;font-weight:800;color:#a5794a;transform:translateY(-3px)}.main-nav a:hover,.main-nav a:focus-visible{background:#fff;transform:translateY(-1px)}.header-cta{position:relative;overflow:hidden;border:0;background:#203b56;color:#fff;border-radius:999px;padding:.88rem 1.2rem;white-space:nowrap;font-size:.83rem;font-weight:800;cursor:pointer;box-shadow:0 8px 22px #203b5624;transition:transform .25s,box-shadow .25s}.header-cta span{color:#f4c77f;font-size:1.05rem;margin-left:.6rem}.header-cta:hover{transform:translateY(-3px);box-shadow:0 12px 28px #203b5640}.header-cta:before{content:'';position:absolute;inset:-35% auto -35% 0;width:30%;background:linear-gradient(90deg,transparent,#fff6,transparent);transform:translateX(-190%) skewX(-22deg);animation:menu-shine 10s ease-in-out 4s infinite}.menu-toggle{display:none}.author-mail:hover,.intro-link:hover{color:#9c622d}
.intro{min-height:clamp(620px,70vw,790px);padding:clamp(6rem,10vw,10rem) max(5%,calc((100vw - 1350px)/2)) 6rem;position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:#101d36;color:#fff}
.intro-art,.intro-art:after{position:absolute;inset:0}.intro-art{z-index:0;overflow:hidden}.intro-art img{width:100%;height:100%;object-fit:cover;object-position:center 55%;animation:hero-drift 20s ease-in-out infinite alternate}.intro-art:after{content:'';background:linear-gradient(90deg,#09172def 0%,#0a1830d8 27%,#0a183092 48%,#0a18301c 78%),linear-gradient(0deg,#0611229e,transparent 23%)}
.intro-copy{max-width:min(650px,57%);position:relative;z-index:1}.eyebrow,.section-label{font-size:.77rem;font-weight:800;letter-spacing:.2em;color:#a66c39}.intro .eyebrow{color:#f5cb86;display:flex;align-items:center;gap:.7rem}.intro .eyebrow span{color:#f5cb86;font-size:1rem;filter:drop-shadow(0 0 12px #ffc35d)}
.intro h1{font-size:clamp(3.6rem,6.5vw,7rem);letter-spacing:-.078em;line-height:1.05;margin:1.3rem 0 1.5rem;font-weight:800;text-wrap:balance}.intro h1 span{color:#f3cb89}
.intro-copy>p:not(.eyebrow){font-size:clamp(1rem,1.35vw,1.17rem);line-height:1.8;color:#e0e8ef;max-width:510px;text-wrap:pretty}
.intro-actions{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.5rem);flex-wrap:wrap;margin-top:2rem}.intro-link{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:space-between;gap:1.7rem;min-height:54px;border-radius:999px;padding:.9rem 1.35rem .9rem 1.55rem;background:#f4c782;color:#18273b;font-size:.91rem;font-weight:800;box-shadow:0 12px 32px #e4ae6060;transition:transform .3s,box-shadow .3s}.intro-link:before{content:'';position:absolute;inset:-40% auto -40% 0;width:30%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:translateX(-190%) skewX(-19deg);animation:menu-shine 8s ease-in-out 2s infinite}.intro-link:hover{color:#18273b;transform:translateY(-4px);box-shadow:0 18px 38px #e4ae6090}.intro-link span{font-size:1.2rem}.intro-secondary{font-size:.87rem;font-weight:700;color:#f3f5f9;border-bottom:1px solid #ffffff94;padding:.45rem 0;transition:color .25s,border-color .25s}.intro-secondary:hover{color:#f4ca89;border-color:#f4ca89}.intro-secondary span{margin-left:.5rem}
.intro-floor{position:absolute;z-index:1;left:max(5%,calc((100vw - 1350px)/2));right:max(5%,calc((100vw - 1350px)/2));bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid #ffffff5a;padding-top:1rem;font-size:.68rem;font-weight:800;letter-spacing:.17em;color:#ffffffc9}.floor-arrow{display:inline-block;margin-left:.55rem;color:#f2c782;animation:floor-bob 2.2s ease-in-out infinite}
.book-section{background:#eaf0ef;overflow:hidden}.book-inner{max-width:1460px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:705px}
.book-side{padding:clamp(5rem,8vw,9rem) 7% clamp(4rem,8vw,8rem) 10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.section-label{display:flex;gap:1rem;align-items:center}.section-label span{color:#9aa7ad}
.book-side h2,.author-copy h2,.outro h2{font-size:clamp(2.9rem,5vw,5.5rem);line-height:1.1;letter-spacing:-.07em;margin:1.2rem 0 1.8rem;font-weight:700}
.book-side em,.author-copy em,.outro em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:#9c673d}
.book-side>p{max-width:470px;font-size:1.1rem;line-height:1.85;color:#536276;margin:0}
.pill-btn{background:#1d354d;color:#fff;border:0;border-radius:999px;padding:1rem 1.35rem 1rem 1.6rem;display:inline-flex;align-items:center;justify-content:center;gap:1.8rem;min-height:54px;cursor:pointer;font-size:.91rem;font-weight:700;transition:transform .25s,background .25s;margin-top:2.3rem}
.pill-btn:hover{transform:translateY(-3px);background:#315371}.pill-btn span{font-size:1.2rem;line-height:1}
.edition-note{font-size:.81rem;color:#697b85;margin-top:2rem;display:flex;align-items:center;gap:.5rem}.dot{height:7px;width:7px;background:#d0a26b;border-radius:50%;flex:none}
.book-stage{background:radial-gradient(circle at 53% 57%,#fffbec,#f5e8ce 65%,#efd9b6 110%);position:relative;display:flex;justify-content:center;align-items:center;min-height:670px;perspective:1000px}
.book-stage:after{content:'';position:absolute;inset:-15%;background:radial-gradient(circle at 15% 30%,#fff9,transparent 32%);pointer-events:none;animation:stage-glow 12s ease-in-out infinite alternate}
.book-stage:before{content:'';position:absolute;left:50%;bottom:12%;width:min(450px,75%);height:35px;background:#403d3d33;filter:blur(22px);border-radius:50%;transform:translateX(-50%)}
.stage-scribble{position:absolute;left:7%;top:11%;font-family:inherit;font-size:1.02rem;font-weight:700;color:#8b7359;transform:rotate(-10deg)}
.stage-number{position:absolute;right:6%;bottom:4%;font-size:.76rem;font-weight:800;letter-spacing:.17em;color:#8f7d65}
.book-trigger{position:relative;z-index:1;border:0;background:transparent;padding:0;cursor:pointer;display:grid;justify-items:center;color:#1b2f43}
.book-volume{width:clamp(270px,29vw,400px);aspect-ratio:1;display:block;position:relative;overflow:hidden;box-shadow:-8px 10px 0 #192039,0 20px 38px #14243a65,0 48px 70px #2034443b;transform:rotate(-4deg) rotateY(-9deg);transform-origin:center;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;backface-visibility:hidden;border-radius:3px 6px 6px 3px}
.book-trigger:hover .book-volume,.book-trigger:focus-visible .book-volume{transform:rotate(-1deg) rotateY(0) translateY(-14px);box-shadow:-8px 10px 0 #192039,0 34px 60px #14243a66,0 60px 100px #2034442b}
.book-volume img,.dialog-book img{width:200%;max-width:none;height:100%;object-fit:cover;transform:translateX(-50%)}
.book-sheen{position:absolute;inset:0;border-left:8px solid #ffffff34;box-shadow:inset 18px 0 17px #0005,inset -3px 0 5px #ffffff24;pointer-events:none;overflow:hidden}
.book-sheen:after{content:'';position:absolute;inset:-20% auto -20% 0;width:40%;background:linear-gradient(90deg,transparent,#ffffff40,transparent);transform:translateX(-180%) skewX(-18deg);animation:cover-sheen 9s ease-in-out 3s infinite}
.book-prompt{margin-top:2.5rem;letter-spacing:.08em;font-weight:800;font-size:.8rem;text-transform:uppercase}.book-prompt span{font-size:1.1rem;padding-left:.3rem}
.story-bridge{position:relative;isolation:isolate;overflow:hidden;background:#153651;color:#f6f6ef;padding:clamp(5rem,9vw,8rem) 5%;text-align:center}.story-bridge:before{content:'';position:absolute;z-index:-1;top:-150%;left:0;width:50%;height:390%;background:radial-gradient(ellipse,#e2ad7057,transparent 65%);animation:bridge-light 14s ease-in-out infinite alternate}.bridge-inner{max-width:980px;margin:auto}.bridge-mark{display:inline-block;color:#f3c985;font-size:2rem;animation:bridge-spin 18s linear infinite}.bridge-inner p{font-size:clamp(1.8rem,4.3vw,4.6rem);letter-spacing:-.058em;line-height:1.24;font-weight:500;margin:1.3rem 0 1.7rem}.bridge-inner strong{color:#f1c687;font-weight:800}.bridge-caption{font-size:.7rem;letter-spacing:.23em;color:#c5d4df;font-weight:800}
.values-section{position:relative;overflow:hidden;background:#fbfaf5;padding:clamp(5rem,9vw,8rem) 5%;border-bottom:1px solid #dde4e1}.values-section:before{content:'';position:absolute;width:42vw;height:42vw;min-width:430px;min-height:430px;left:-17vw;top:50%;translate:0 -50%;border:1px solid #d5ad724f;border-radius:50%;box-shadow:0 0 0 55px #d5ad7208,0 0 0 110px #244d6810;pointer-events:none}.values-inner{position:relative;max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);gap:clamp(3.5rem,8vw,8rem);align-items:center}.values-seal{justify-self:center;width:min(100%,370px);padding:clamp(.4rem,1vw,.8rem);border-radius:50%;background:#fff;box-shadow:0 24px 65px #20384d1d}.values-seal img{width:100%;height:auto;border-radius:50%;mix-blend-mode:multiply}.values-copy h2{max-width:720px;font-size:clamp(2.75rem,4.8vw,5rem);line-height:1.06;letter-spacing:-.07em;margin:1rem 0 1.5rem;font-weight:700}.values-copy h2 em{font-style:normal;color:#9c673d}.values-copy>p:not(.eyebrow){max-width:720px;color:#526273;font-size:1.05rem;line-height:1.85}.values-copy .values-lead{font-size:clamp(1.1rem,1.45vw,1.28rem)!important;color:#263e55!important;font-weight:600}.values-promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.2rem}.values-promises article{position:relative;min-height:205px;padding:1.4rem 1.25rem 1.3rem;border:1px solid #d8e0dd;border-radius:22px;background:#ffffffb5;box-shadow:0 12px 35px #1937470b}.values-promises article>span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#173750;color:#f2c67e;font-size:.68rem;font-weight:800}.values-promises h3{margin:1rem 0 .55rem;color:#1a334b;font-size:1rem;line-height:1.3}.values-promises p{margin:0;color:#5a6a77;font-size:.85rem;line-height:1.65}
.author-section{background:#f6f7f6;padding:clamp(5rem,10vw,9rem) 5%}.author-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:.83fr 1.17fr;align-items:center;gap:clamp(4rem,10vw,10rem)}
.author-image{position:relative;width:min(100%,460px);aspect-ratio:4/5;overflow:hidden;border:7px solid #fff;border-radius:34px 34px 80px 34px;background:#e7ece9;box-shadow:22px 22px 0 #dce7e7,0 28px 60px #1a354126}.author-image:before{content:'AUTOR · GESCHICHTENERZÄHLER';position:absolute;z-index:2;left:1.15rem;bottom:1.15rem;padding:.55rem .75rem;border-radius:999px;background:#102a44dc;color:#f3cc87;font-size:.75rem;font-weight:800;letter-spacing:.1em}.author-image:after{content:'';position:absolute;inset:0;border:1px solid #ffffff90;border-radius:inherit;pointer-events:none}.author-image img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;transition:scale .7s ease}.author-image:hover img{scale:1.025}
.author-copy h2{max-width:620px}.author-copy p:not(.eyebrow){font-size:1.06rem;line-height:1.88;color:#536276;max-width:560px}.author-mail{display:inline-flex;gap:1rem;border-bottom:1px solid currentColor;padding:.35rem 0 .6rem;margin-top:1.25rem;font-weight:800}
.outro{position:relative;overflow:hidden;isolation:isolate;background:#dce8eb;text-align:center;padding:clamp(5rem,8vw,8rem) 5%}.outro:before,.outro:after{content:'';position:absolute;z-index:-1;border:1px solid #527b9333;border-radius:50%;width:50vw;height:50vw;min-width:360px;min-height:360px;top:50%;transform:translateY(-50%);pointer-events:none}.outro:before{left:-37vw}.outro:after{right:-37vw}.outro h2{margin:1rem 0;font-size:clamp(2.7rem,5vw,5rem)}.outro>p:not(.eyebrow){font-size:1.06rem;color:#526373}.outro .pill-btn{margin-top:1.5rem}
footer{background:#141e2b;color:#f3f3ef;padding:4rem 5% 2.5rem}.footer-grid,.footer-bottom,.legal{max-width:1240px;margin:auto}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:3rem}
.footer-brand img{width:275px;height:auto;mix-blend-mode:screen}.footer-brand p{font-size:.86rem;color:#afbac5}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;font-size:.88rem}.footer-links p{color:#d8aa72;font-size:.72rem;font-weight:800;letter-spacing:.17em;margin:0 0 .5rem}.footer-links a:hover{color:#e9bf87}
.footer-bottom{display:flex;justify-content:space-between;color:#aeb9c5;font-size:.75rem;margin-top:4rem;border-top:1px solid #fff2;padding-top:1.5rem}
.legal{border-top:1px solid #ffffff19;margin-top:2rem;padding-top:1rem;color:#b2bdc8}.legal h2{font-size:.89rem;letter-spacing:.05em}.legal p{font-size:.8rem;line-height:1.8}.legal a{text-decoration:underline}
.book-dialog{position:fixed;width:min(1100px,calc(100vw - 32px));max-height:min(92dvh,900px);border:0;padding:0;border-radius:12px;color:#f7f4ec;background:#13213d;box-shadow:0 35px 110px #050c1bc2;overflow:auto;overscroll-behavior:contain}
.book-dialog::backdrop{background:#0b1223cc;backdrop-filter:blur(10px)}
.book-dialog[open] .dialog-layout{animation:dialog-enter .45s cubic-bezier(.18,.7,.2,1) both}
.dialog-content{position:relative;min-height:100%;background:radial-gradient(circle at 28% 42%,#3b355f88,transparent 35%),radial-gradient(circle at 92% 90%,#3f506b66,transparent 40%),linear-gradient(145deg,#182743,#0b1933)}
.dialog-close{position:sticky;top:12px;display:block;z-index:5;margin:12px 16px 0 auto;border:1px solid #e2cb9959;color:#fff;background:#1b304de8;border-radius:50px;padding:.65rem 1rem;cursor:pointer;font-size:.8rem;font-weight:700;backdrop-filter:blur(8px)}
.dialog-close span{font-size:1.35rem;vertical-align:middle;margin-left:.5rem;line-height:.5}.dialog-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(1.3rem,3vw,2.5rem) clamp(3rem,6vw,5rem) 2.2rem}
.dialog-visual{display:grid;justify-items:center;gap:1.5rem}.dialog-book{width:min(100%,380px);aspect-ratio:1;overflow:hidden;border-radius:4px;box-shadow:-8px 10px 0 #030c19,0 32px 70px #050812a8;transform:rotate(-3deg)}
.dialog-visual>span{font-size:.68rem;letter-spacing:.14em;color:#d6be8c;text-align:center}
.dialog-kicker{font-size:.72rem;letter-spacing:.2em;color:#d8b776;font-weight:700}.dialog-copy h2{font-size:clamp(2.3rem,4.1vw,4.1rem);font-weight:500;line-height:1.12;letter-spacing:-.05em;margin:1rem 0}
.dialog-lead{font-family:inherit!important;font-style:normal;font-weight:700;font-size:1.3rem!important;color:#f2cc86!important}
.dialog-copy>p:not(.dialog-kicker){font-size:1rem;line-height:1.75;color:#dbe3eb}
.dialog-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0}.dialog-meta span{font-size:.73rem;border:1px solid #cbb47f87;border-radius:50px;padding:.5rem .8rem;color:#ebd4a8}
.dialog-bonus{border-top:1px solid #ffffff35;margin-top:2rem;padding-top:1.4rem;display:flex;gap:1rem;align-items:flex-start}.dialog-bonus>span{color:#efd092;font-size:1.5rem}
.dialog-bonus strong{font-size:.95rem}.dialog-bonus p{color:#bfcad9;line-height:1.5;margin:.4rem 0;font-size:.88rem}
.dialog-link{display:inline-block;background:#ebc677;color:#14223b;border:0;border-radius:50px;padding:.85rem 1.25rem;margin:1.3rem 0 .5rem;font-size:.85rem;font-weight:800;cursor:pointer}.dialog-link span{margin-left:.8rem}.dialog-link:hover{background:#ffe3a1}
.dialog-preview{margin:0 clamp(3rem,6vw,5rem);padding:1.7rem 0 2.6rem;border-top:1px solid #ffffff30}.dialog-preview h3{font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.25;letter-spacing:-.045em;margin:.5rem 0}.dialog-preview>p:not(.dialog-kicker){font-size:.92rem;line-height:1.6;color:#cbd6e4}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.5rem 0 1rem}.preview-item{display:flex;align-items:center;gap:.75rem;min-width:0;border:1px solid #ffffff26;border-radius:15px;padding:.65rem;background:#ffffff0b;transition:border-color .3s,background .3s,transform .3s}.preview-item:hover{border-color:#d7ba8078;background:#fff1;transform:translateY(-3px)}.preview-item img,.preview-symbol{width:70px;height:70px;object-fit:contain;flex:none;filter:drop-shadow(0 6px 10px #0008)}.preview-symbol{display:grid!important;place-items:center;margin:0!important;border:1px solid #e8c98666;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff4c9,#e5a947 72%);color:#17304d!important;font-size:1.2rem!important;line-height:1;padding-left:.18rem}.preview-item div{min-width:0}.preview-item strong{display:block;color:#f7d69d;font-size:.81rem;line-height:1.4}.preview-item span{display:block;color:#bfcbda;font-size:.72rem;line-height:1.45;margin-top:.25rem}.dialog-preview .preview-note{font-size:.83rem!important;color:#edc98d!important}
@media(max-width:1120px){
 .header-inner{gap:.8rem}.brand{width:210px;height:78px}.main-nav a{font-size:.78rem;padding:.7rem .62rem}.header-cta{font-size:.77rem;padding:.8rem .95rem}
}
@media(max-width:920px){
 .header-inner{position:relative;min-height:82px}.brand{width:215px;height:76px}.header-cta{margin-left:auto}.menu-toggle{display:flex;width:45px;height:45px;flex-direction:column;align-items:center;justify-content:center;gap:5px;order:3;border:1px solid #cbd7d7;border-radius:50%;background:#e9efed;cursor:pointer}.menu-toggle span{width:18px;height:2px;background:#203b56;border-radius:2px;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
 .main-nav{position:absolute;left:5%;right:5%;top:calc(100% - 5px);border-radius:20px;padding:.65rem;display:none;flex-direction:column;align-items:stretch;box-shadow:0 18px 45px #162b3952;background:#f5f7f5}.main-nav.is-open{display:flex}.main-nav a{padding:1rem 1.1rem;font-size:.94rem}.main-nav a span{font-size:.64rem}
}
@media(max-width:800px){
 .intro{min-height:680px;padding:5rem 6% 6rem;align-items:flex-start}.intro-copy{max-width:min(590px,72%)}.intro-art img{object-position:79% center}.intro-art:after{background:linear-gradient(90deg,#09172df5 0%,#0a1830cb 52%,#0a183038 100%),linear-gradient(0deg,#071428ad,transparent 36%)}.intro-floor{left:6%;right:6%}
 .book-inner{display:flex;flex-direction:column;min-height:0}.book-side{position:relative;z-index:2;padding:5rem 6% 3rem;background:#eaf0ef}.book-stage{min-height:0;padding:4.5rem 1.5rem 3rem;overflow:hidden;isolation:isolate}.book-volume{width:min(52vw,320px)}.motion-ready .book-trigger.is-visible{animation:none}
 .author-inner{grid-template-columns:1fr;gap:4rem}.author-image{width:min(80%,390px);justify-self:center}
 .dialog-layout{grid-template-columns:1fr;gap:2.3rem;padding:1.3rem 6% 2rem}.dialog-book{max-width:250px}.dialog-preview{margin:0 6%}.preview-grid{grid-template-columns:1fr 1fr}.preview-item:last-child{grid-column:1/-1}
 .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}
}
@media(max-width:540px){
 .header-inner{min-height:73px;padding:.2rem 5%;gap:.45rem}.brand{width:174px;height:67px}.header-cta{font-size:0;padding:.65rem;width:43px;height:43px}.header-cta span{margin:0;font-size:1.25rem}.menu-toggle{width:43px;height:43px}
 .intro{min-height:740px;padding:4.2rem 6% 6rem}.intro-copy{max-width:100%}.intro h1{font-size:clamp(3.05rem,12.6vw,4.25rem);max-width:450px}.intro-copy>p:not(.eyebrow){max-width:340px;font-size:.99rem;line-height:1.68}.intro-art img{object-position:88% center}.intro-art:after{background:linear-gradient(180deg,#09172df5 0%,#0a1830e8 29%,#0a1830a8 53%,#0a183022 77%,#08162b8c 100%)}.intro-actions{align-items:flex-start;flex-direction:column;gap:1rem;margin-top:1.6rem}.intro-link{min-height:52px}.intro-secondary{margin-left:.2rem}.intro-floor{bottom:1.3rem;font-size:.58rem;letter-spacing:.1em}
 .book-side h2{font-size:clamp(2.7rem,11vw,4rem)}.book-stage{padding:4.3rem 1rem 2.7rem}.book-volume{width:min(62vw,270px)}.book-prompt{margin-top:1.8rem}.stage-scribble{top:1.1rem;left:6%;font-size:.81rem;transform:none}.stage-number{font-size:.61rem;right:4%;bottom:.9rem}
 .story-bridge{padding:5rem 6%}.bridge-inner p{font-size:clamp(1.85rem,8vw,2.7rem)}
 .author-section{padding:5rem 6%}.author-image{width:min(82%,320px)}.footer-grid{gap:2.3rem 1rem}.footer-brand img{width:230px}.footer-links{font-size:.78rem}.footer-bottom{gap:.6rem;flex-direction:column}
 .book-dialog{width:calc(100vw - 16px);max-height:94dvh}.dialog-close{top:8px;margin:8px 8px 0 auto}.dialog-layout{padding:1rem 6% 2rem}.dialog-book{width:min(54vw,205px)}.dialog-copy h2{font-size:clamp(2rem,9vw,2.5rem)}.dialog-preview{padding:1.5rem 0 2rem}.preview-grid{grid-template-columns:1fr;gap:.55rem}.preview-item:last-child{grid-column:auto}.preview-item{padding:.45rem .65rem;gap:.7rem}.preview-item img{width:54px;height:54px}.preview-item strong{font-size:.84rem}.preview-item span{font-size:.75rem}
}
@media(max-width:360px){.brand{width:152px}.header-cta,.menu-toggle{width:40px;height:40px}}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:linear-gradient(90deg,#6d96a9,#dfac6a);transform:scaleX(0);transform-origin:left;pointer-events:none}
.motion-ready [data-reveal]{opacity:0;transform:translate3d(0,29px,0);transition:opacity .8s ease,transform .8s cubic-bezier(.18,.7,.2,1)}
.motion-ready [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}
.motion-ready .book-trigger.is-visible{animation:book-float 6.5s ease-in-out 1s infinite}
.motion-ready .book-trigger.is-visible:hover,.motion-ready .book-trigger.is-visible:focus-visible{animation-play-state:paused}
@keyframes book-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes cover-sheen{0%,55%{transform:translateX(-180%) skewX(-18deg)}75%,100%{transform:translateX(650%) skewX(-18deg)}}
@keyframes dialog-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.055)}}
@keyframes floor-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@keyframes bridge-light{from{transform:translateX(-90%)}to{transform:translateX(310%)}}
@keyframes bridge-spin{to{transform:rotate(360deg)}}
@keyframes stage-glow{from{transform:translateX(-10%)}to{transform:translateX(27%)}}
@keyframes twinkle{0%,100%{opacity:.55;transform:scale(.75)}55%{opacity:1;transform:scale(1.2)}}
@keyframes menu-shine{0%,70%{transform:translateX(-190%) skewX(-22deg)}86%,100%{transform:translateX(800%) skewX(-22deg)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important;animation:none!important}.motion-ready [data-reveal]{opacity:1;transform:none}.book-volume{transform:none!important}}

/* A brief thread of light guides the eye from the opening scene to the book. */
.book-section{position:relative}
.book-side{position:relative;isolation:isolate}
.book-side>:not(.story-path){position:relative;z-index:1}
.story-path{position:absolute;left:0;right:0;top:.4rem;width:100%;height:150px;z-index:0;pointer-events:none;overflow:hidden}
.story-path svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 5px #ffc87570)}
.story-path path{fill:none;stroke:#d9a75e;stroke-width:1.35;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.62}
.story-path circle{fill:#fff1c4;opacity:0;filter:drop-shadow(0 0 8px #eeb55d)}
@keyframes path-arrive{to{stroke-dashoffset:0}}
@keyframes path-star{to{opacity:1}}

.reading-room,.dialog-availability{margin:0 clamp(3rem,6vw,5rem);border-top:1px solid #ffffff30}
.reading-room{padding:2rem 0 2.5rem}
.reading-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}
.reading-head h3,.dialog-availability h3{font-size:clamp(1.6rem,2.7vw,2.5rem);letter-spacing:-.05em;line-height:1.13;font-weight:700;margin:.4rem 0}
.reading-count{font-size:.76rem;letter-spacing:.13em;color:#e8c888;white-space:nowrap}
.reading-pages{border-radius:20px;overflow:hidden;outline-offset:5px;background:#f8f1e3;color:#1d2a3b;touch-action:pan-y}
.reading-spread:not([hidden]){display:grid;grid-template-columns:1fr 1fr;min-height:340px;animation:spread-enter .35s ease both}
.reading-spread[hidden]{display:none}
.spread-art{position:relative;min-height:340px;background-color:#223754;background-image:linear-gradient(135deg,#111d37aa,#1020390a),url('/hero-leon.webp');background-size:cover;overflow:hidden}
.spread-art-picnic{background-position:61% center}.spread-art-star{background-position:90% center}
.spread-art:after{content:'';position:absolute;inset:0;box-shadow:inset -15px 0 28px #111b3060}
.spread-art>span{position:absolute;right:14%;top:13%;z-index:1;color:#ffe2a2;font-size:2rem;text-shadow:0 0 26px #fff3c9}
.spread-copy{padding:clamp(1.5rem,3.5vw,3rem);display:flex;flex-direction:column;justify-content:center;box-shadow:inset 14px 0 18px #a5936c1c}
.spread-chapter{font-size:.65rem;font-weight:800;letter-spacing:.15em;color:#9e6335}
.spread-copy h4{font-size:clamp(1.55rem,2.6vw,2.35rem);line-height:1.12;letter-spacing:-.05em;margin:.8rem 0 1rem}
.spread-copy p{font-size:.91rem;line-height:1.75;color:#435267;margin:.4rem 0}
.reading-controls{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding-top:1rem}
.reading-controls>span{font-size:.76rem;color:#b9c8d6;text-align:center}
.reading-controls button{border:1px solid #dabb824f;border-radius:100px;color:#f3ddb2;background:#ffffff0c;padding:.65rem 1rem;cursor:pointer;font-size:.82rem;font-weight:700;min-width:90px}
.reading-controls button:hover:not(:disabled){background:#ffffff22}
.reading-controls button:disabled{opacity:.35;cursor:default}
.dialog-availability{padding:1.7rem 0;display:flex;justify-content:space-between;align-items:center;gap:2rem}
.dialog-availability p:not(.dialog-kicker){color:#ccd9e8;line-height:1.65;font-size:.9rem;max-width:540px;margin:.6rem 0 0}
.availability-tag{border:1px solid #e9c27f8c;color:#f2d294;background:#f8d68b14;border-radius:100px;padding:.7rem 1rem;font-size:.76rem;font-weight:800;white-space:nowrap}
@keyframes spread-enter{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:800px){.story-path{left:0;right:0;top:.3rem;width:100%;height:125px}.reading-room,.dialog-availability{margin:0 6%}.reading-spread:not([hidden]){min-height:300px}.spread-art{min-height:300px}}
@media(max-width:600px){.story-path{left:0;right:0;top:.2rem;width:100%;height:118px}.story-path svg{width:100%;margin-left:0}.reading-room{padding:1.45rem 0 2rem}.reading-spread:not([hidden]){grid-template-columns:1fr}.spread-art{min-height:190px;background-position:72% 56%}.spread-art-star{background-position:88% center}.spread-copy{padding:1.3rem 1.5rem 1.6rem}.spread-copy p{font-size:.86rem;line-height:1.64}.reading-controls>span{display:none}.dialog-availability{align-items:flex-start;flex-direction:column;gap:.8rem}.availability-tag{order:-1}}
@media(prefers-reduced-motion:reduce){.story-path path{stroke-dashoffset:0}.story-path circle{opacity:1}}

/* The actual printed cover image contains the back on the left and the front on the right. */
.book-dialog[open]{animation:book-dialog-open .55s cubic-bezier(.18,.8,.2,1) both;transform-origin:50% 42%}
.book-dialog[open]::backdrop{animation:book-backdrop-open .45s ease-out both}
.book-dialog[open] .dialog-visual{animation:book-visual-enter .72s cubic-bezier(.18,.8,.2,1) .12s both}
.book-turn-trigger{width:min(100%,380px);aspect-ratio:1;border:0;background:none;padding:0;cursor:pointer;perspective:1100px;display:block}
.book-turn-trigger:focus-visible{outline:3px solid #eec777;outline-offset:9px}
.book-turn-trigger .dialog-book{width:100%;max-width:none;height:100%;display:block;position:relative;overflow:visible;border-radius:0;box-shadow:none;transform-style:preserve-3d;transform:rotate(-3deg) rotateY(0deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.book-turn-trigger.is-flipped .dialog-book{transform:rotate(3deg) rotateY(180deg)}
.book-turn-trigger:hover .dialog-book{filter:drop-shadow(0 12px 18px #0006)}
.book-face{position:absolute;inset:0;display:block;overflow:hidden;border-radius:4px;backface-visibility:hidden;box-shadow:-8px 10px 0 #030c19,0 32px 70px #050812a8}
.book-front-face{transform:rotateY(0deg)}.book-back-face{transform:rotateY(180deg)}
.book-back-face img{transform:none;width:200%;max-width:none;height:100%;object-fit:cover}
.dialog-visual>.book-turn-hint{font-size:.82rem;letter-spacing:.025em;font-weight:700;color:#f4d398}
@keyframes book-dialog-open{from{opacity:0;transform:translateY(24px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes book-backdrop-open{from{background:#0b122300;backdrop-filter:blur(0)}to{background:#0b1223cc;backdrop-filter:blur(10px)}}
@keyframes book-visual-enter{from{opacity:0;transform:translateY(18px) rotate(-2deg) scale(.96)}to{opacity:1;transform:none}}

.reading-pages{display:grid;perspective:1400px;isolation:isolate}
.reading-pages .reading-spread:not([hidden]){grid-area:1 / 1;backface-visibility:hidden}
.reading-pages .reading-spread.is-under-page{z-index:0;animation:none}
.reading-pages .reading-spread.is-turning-forward{z-index:1;transform-origin:left center;animation:page-turn-forward .69s cubic-bezier(.35,.12,.32,1) forwards;box-shadow:15px 3px 28px #0b193746}
.reading-pages .reading-spread.is-turning-backward{z-index:1;transform-origin:right center;animation:page-turn-backward .69s cubic-bezier(.35,.12,.32,1) forwards;box-shadow:-15px 3px 28px #0b193746}
@keyframes page-turn-forward{from{transform:rotateY(0)}to{transform:rotateY(-93deg)}}
@keyframes page-turn-backward{from{transform:rotateY(0)}to{transform:rotateY(93deg)}}
@media(max-width:800px){.book-turn-trigger{width:min(100%,250px)}}
@media(max-width:540px){.book-turn-trigger{width:min(54vw,205px)}.reading-pages{perspective:900px}}
@media(prefers-reduced-motion:reduce){.book-dialog[open]::backdrop{animation:none}}

/* Final book presentation */
.book-face{background:#0b1933}
.book-face img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;transform:none}
.book-dialog[open]{animation:storybook-popup 2.7s cubic-bezier(.16,.84,.2,1) both}
.book-dialog[open]::backdrop{animation:storybook-backdrop 1.65s ease both}
.book-dialog[open] .dialog-layout{animation:storybook-content 2.65s cubic-bezier(.16,.8,.2,1) both}
.book-dialog[open] .dialog-visual{animation:storybook-cover 2.75s cubic-bezier(.16,.8,.2,1) both}
.book-dialog[open] .dialog-copy{animation:storybook-copy 2.55s ease both}
.book-dialog[open] .dialog-close{animation:storybook-close 1.25s ease 1.2s both}
@keyframes storybook-popup{0%{opacity:0;transform:translateY(34px) scale(.72);filter:blur(11px)}18%{opacity:1;filter:blur(2px);transform:translateY(15px) scale(.9)}48%{filter:blur(0);transform:translateY(-5px) scale(1.018)}72%{transform:translateY(2px) scale(.996)}100%{opacity:1;transform:none;filter:none}}
@keyframes storybook-backdrop{0%{background:#07101d00;backdrop-filter:blur(0)}100%{background:#060c18d9;backdrop-filter:blur(12px)}}
@keyframes storybook-content{0%,18%{opacity:0;transform:translateY(28px)}48%{opacity:.35}72%{opacity:1}100%{opacity:1;transform:none}}
@keyframes storybook-cover{0%,12%{opacity:0;transform:translateY(78px) rotate(-14deg) rotateY(-32deg) scale(.42)}38%{opacity:1;transform:translateY(-13px) rotate(4deg) rotateY(9deg) scale(1.08);filter:drop-shadow(0 0 34px #ffd375d4)}65%{transform:translateY(4px) rotate(-1.5deg) rotateY(-3deg) scale(.98);filter:drop-shadow(0 0 18px #ffd37582)}82%{transform:translateY(-2px) rotate(.5deg) scale(1.01)}100%{opacity:1;transform:none;filter:none}}
@keyframes storybook-copy{0%,44%{opacity:0;transform:translateX(36px)}72%{opacity:1;transform:translateX(-3px)}100%{opacity:1;transform:none}}
@keyframes storybook-close{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

.dialog-content>:not(.popup-magic){position:relative;z-index:1}
.popup-magic{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;opacity:0}
.magic-orbit{position:absolute;left:22%;top:70px;width:min(42vw,460px);aspect-ratio:1;border-radius:50%;border:2px solid #ffd98f;background:radial-gradient(circle,#ffe3a027 0 44%,transparent 66%);box-shadow:0 0 22px #ffd06a,0 0 70px #f9bd4f8a,inset 0 0 32px #fff1b7;transform:translateX(-50%) scale(.12)}
.popup-magic i{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff3c7;box-shadow:0 0 8px #fff,0 0 22px #ffcb64}.popup-magic i:nth-of-type(1){left:7%;top:16%}.popup-magic i:nth-of-type(2){left:39%;top:8%}.popup-magic i:nth-of-type(3){left:48%;top:36%}.popup-magic i:nth-of-type(4){left:14%;top:55%}.popup-magic i:nth-of-type(5){left:37%;top:68%}.popup-magic i:nth-of-type(6){left:4%;top:79%}
.book-dialog[open] .popup-magic{animation:magic-stage 2.8s ease both}.book-dialog[open] .magic-orbit{animation:magic-orbit-open 2.65s cubic-bezier(.14,.78,.2,1) both}.book-dialog[open] .popup-magic i{animation:magic-spark 1.35s ease calc(.35s + var(--spark-delay,0s)) both}.popup-magic i:nth-of-type(2){--spark-delay:.12s}.popup-magic i:nth-of-type(3){--spark-delay:.27s}.popup-magic i:nth-of-type(4){--spark-delay:.39s}.popup-magic i:nth-of-type(5){--spark-delay:.53s}.popup-magic i:nth-of-type(6){--spark-delay:.68s}
@keyframes magic-stage{0%{opacity:0}14%,74%{opacity:1}100%{opacity:0}}
@keyframes magic-orbit-open{0%{opacity:0;transform:translateX(-50%) scale(.08) rotate(-70deg)}28%{opacity:1}58%{transform:translateX(-50%) scale(1.12) rotate(30deg)}100%{opacity:0;transform:translateX(-50%) scale(1.4) rotate(78deg)}}
@keyframes magic-spark{0%{opacity:0;transform:translateY(35px) scale(.2)}45%{opacity:1;transform:translateY(-8px) scale(1.35)}100%{opacity:0;transform:translateY(-48px) scale(.4)}}

.book-reader{position:relative;width:min(100%,650px);aspect-ratio:1;margin:0 auto 1rem;padding:10px 13px 14px 10px;perspective:1600px;filter:drop-shadow(0 30px 35px #03081586)}
.reader-cover{position:absolute;inset:5px 4px 4px 1px;border-radius:8px 17px 17px 8px;background:linear-gradient(135deg,#d19f4d,#60401e 7%,#152947 8%,#0a1731 88%,#d1a251 90%,#7b4c20);box-shadow:0 11px 0 #060d1d,12px 20px 30px #0207138c}
.reader-paper{position:absolute;inset:9px 10px 10px 8px;border-radius:5px 13px 13px 5px;background:repeating-linear-gradient(0deg,#f6f0df 0,#f6f0df 2px,#d2c6ae 3px,#f8f3e7 4px);box-shadow:7px 6px 0 #d7cdb9,10px 9px 0 #9e927b}
.reader-spine{position:absolute;z-index:5;left:10px;top:13px;bottom:17px;width:18px;border-radius:6px 45% 45% 6px;background:linear-gradient(90deg,#0a1428,#78633d80 45%,#f2dfb37d 58%,#26324a 75%,transparent);pointer-events:none;box-shadow:5px 0 14px #07102275}
.book-reader .reading-pages{position:absolute;inset:10px 13px 14px 10px;display:grid;aspect-ratio:1;overflow:visible;border-radius:5px 12px 12px 5px;background:#fdfbf7;color:#1b2d47;transform-style:preserve-3d;box-shadow:inset 7px 0 15px #493c2922;touch-action:pan-y}
.book-reader .reading-spread:not([hidden]){position:relative;grid-area:1/1;display:flex;min-height:0;width:100%;height:100%;aspect-ratio:1;overflow:hidden;border-radius:5px 11px 11px 5px;background:#fdfbf7;backface-visibility:hidden;transform-style:preserve-3d;animation:none}
.book-reader .reading-spread>img{width:100%;height:100%;object-fit:contain;background:#fdfbf7}
.book-reader .reading-spread:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 12px 0 24px #5c482b20,inset -2px 0 3px #fff}
.book-reader .reading-spread.is-under-page{z-index:0;animation:none}
.book-reader .reading-spread.is-turning-forward{z-index:3;transform-origin:left center;animation:real-page-forward .96s cubic-bezier(.34,.03,.23,1) forwards;box-shadow:22px 4px 34px #040a1975}
.book-reader .reading-spread.is-turning-backward{z-index:3;transform-origin:left center;animation:real-page-backward .96s cubic-bezier(.34,.03,.23,1) forwards;box-shadow:22px 4px 34px #040a1975}
.book-reader .reading-spread.is-turning-forward:after,.book-reader .reading-spread.is-turning-backward:after{background:linear-gradient(90deg,#0000 30%,#8a76523b 60%,#fff8 96%)}
@keyframes real-page-forward{0%{transform:rotateY(0) skewY(0)}48%{transform:rotateY(-88deg) skewY(-1deg)}100%{transform:rotateY(-178deg) skewY(0)}}
@keyframes real-page-backward{0%{transform:rotateY(-178deg) skewY(0)}52%{transform:rotateY(-88deg) skewY(1deg)}100%{transform:rotateY(0) skewY(0)}}
.reading-cta{position:relative;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(1.5rem,5vw,4rem);isolation:isolate;color:#fff!important;background:radial-gradient(circle at 50% 25%,#3d5682,#17294c 48%,#091631 100%)!important}
.reading-cta:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 20% 20%,#ffd989 0 2px,transparent 3px),radial-gradient(circle at 82% 28%,#fff0b4 0 2px,transparent 3px),radial-gradient(circle at 76% 80%,#95e8ff 0 2px,transparent 3px),radial-gradient(circle at 26% 73%,#eab9ff 0 2px,transparent 3px);background-size:105px 105px,137px 137px,123px 123px,151px 151px;opacity:.75}
.reading-cta h4{max-width:520px;font-size:clamp(1.75rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.055em;margin:1rem 0}.reading-cta>p{max-width:430px;font-size:clamp(.9rem,1.5vw,1.08rem);line-height:1.65;color:#dbe6f2;margin:.3rem 0 1.5rem}.reader-cta-stars{color:#ffe2a2;font-size:clamp(1.5rem,3vw,2.4rem);filter:drop-shadow(0 0 14px #ffc75e)}.reader-cta-note{display:inline-flex;border:1px solid #e9c27f7d;border-radius:999px;padding:.62rem 1rem;background:#f8d68b12;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#f0ca85}
@media(max-width:680px){.book-reader{width:min(100%,520px);padding:7px 10px 11px 7px}.reader-spine{left:7px;top:10px;bottom:14px;width:12px}.book-reader .reading-pages{inset:7px 10px 11px 7px}.reading-cta{padding:1.25rem}.reading-cta h4{font-size:clamp(1.6rem,7vw,2.35rem)}.reading-cta>p{line-height:1.52;font-size:.85rem}.magic-orbit{left:50%;top:62px;width:min(76vw,400px)}.popup-magic i:nth-of-type(1){left:14%}.popup-magic i:nth-of-type(2){left:70%}.popup-magic i:nth-of-type(3){left:85%}.popup-magic i:nth-of-type(4){left:8%}.popup-magic i:nth-of-type(5){left:78%}.popup-magic i:nth-of-type(6){left:23%}}
@media(max-width:430px){.reader-cta-note{font-size:.6rem}.reader-cta-stars{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.book-dialog[open],.book-dialog[open]::backdrop,.book-dialog[open] .dialog-layout,.book-dialog[open] .dialog-visual,.book-dialog[open] .dialog-copy,.book-dialog[open] .dialog-close{animation:none}.popup-magic{display:none}.book-reader .reading-spread.is-turning-forward,.book-reader .reading-spread.is-turning-backward{animation:none}}

/* Lightweight final motion: transforms and opacity only, tuned for mobile. */
.book-dialog::backdrop{background:#060c18dd;backdrop-filter:none}
.book-dialog[open]{animation:popup-shell-in .42s cubic-bezier(.2,.78,.25,1) both}
.book-dialog[open]::backdrop{animation:popup-backdrop-in .35s ease-out both}
.book-dialog[open] .dialog-layout{animation:popup-layout-in .5s ease-out .12s both}
.book-dialog[open] .dialog-visual{animation:popup-book-arrive 1.35s cubic-bezier(.18,.78,.2,1) .12s both;will-change:transform,opacity}
.book-dialog[open] .dialog-copy{animation:popup-copy-in .48s ease-out .72s both}
.book-dialog[open] .dialog-close{animation:popup-copy-in .25s ease-out .12s both}
.book-dialog[open] .popup-magic{animation:popup-magic-stage 2.2s ease-out both;will-change:opacity}
.book-dialog[open] .magic-orbit{animation:popup-orbit 1.85s cubic-bezier(.18,.76,.2,1) .08s both;will-change:transform,opacity}
.book-dialog[open] .popup-magic i{animation:popup-spark 1.05s ease-out calc(.18s + var(--spark-delay,0s)) both;will-change:transform,opacity}
@keyframes popup-shell-in{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
@keyframes popup-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes popup-layout-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes popup-book-arrive{0%{opacity:0;transform:translateY(46px) rotate(-8deg) scale(.66)}52%{opacity:1;transform:translateY(-8px) rotate(2deg) scale(1.035)}78%{transform:translateY(3px) rotate(-1deg) scale(.99)}100%{opacity:1;transform:none}}
@keyframes popup-copy-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes popup-magic-stage{0%{opacity:0}12%,70%{opacity:1}100%{opacity:0}}
@keyframes popup-orbit{0%{opacity:0;transform:translateX(-50%) scale(.18) rotate(-36deg)}32%{opacity:1}72%{opacity:.9;transform:translateX(-50%) scale(1.02) rotate(18deg)}100%{opacity:0;transform:translateX(-50%) scale(1.18) rotate(34deg)}}
@keyframes popup-spark{0%{opacity:0;transform:translateY(20px) scale(.4)}45%{opacity:1;transform:translateY(-5px) scale(1.1)}100%{opacity:0;transform:translateY(-28px) scale(.65)}}

.book-turn-trigger .dialog-book{transform:rotate(-3deg);transition:transform .3s ease;will-change:transform;contain:layout paint}
.book-turn-trigger.is-back .dialog-book{transform:rotate(3deg)}
.book-turn-trigger.is-turning-out .dialog-book{transform:rotateY(88deg) scale(.96)}
.book-turn-trigger.is-turning-in .dialog-book{animation:book-side-in .32s ease-out both}
.book-turn-trigger:disabled{opacity:1;cursor:default}

/* Scroll story opening */
.story-scroll{height:255svh;min-height:0;padding:0;display:block;background:#f4f1e8;color:#172c43;overflow:visible;isolation:isolate}
.story-sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:linear-gradient(145deg,#fffef9 0%,#f4efe4 57%,#dbe7e8 100%);isolation:isolate}
.story-sticky:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 77% 46%,#ffd98d52 0,transparent 26%),radial-gradient(circle at 17% 16%,#ffffff 0,transparent 31%)}
.story-sticky:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 0 49.9%,#203b5610 50%,transparent 50.1%);opacity:.55}
.story-night{position:absolute;z-index:-1;inset:0;opacity:0;background:radial-gradient(circle at 76% 44%,#42678c 0,#182e50 32%,#091a34 68%,#061326 100%);will-change:opacity}
.story-night:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 11% 18%,#fff5bd 0 1px,transparent 2px),radial-gradient(circle at 25% 74%,#95dcff 0 1.5px,transparent 2.5px),radial-gradient(circle at 73% 14%,#ffe09b 0 1px,transparent 2px),radial-gradient(circle at 88% 72%,#fff 0 1px,transparent 2px);background-size:117px 117px,151px 151px,173px 173px,203px 203px;opacity:.72}
.story-opening-copy,.story-final-copy{position:absolute;z-index:4;left:max(5%,calc((100vw - 1420px)/2));top:46%;width:min(40vw,560px);will-change:transform,opacity}
.story-opening-copy{translate:0 -50%}
.story-final-copy{opacity:0;transform:translateY(20px);top:46%;translate:0 -50%;pointer-events:none}
.story-opening-copy .eyebrow,.story-final-copy .eyebrow{display:flex;align-items:center;gap:.7rem;color:#a36f3d}
.story-opening-copy .eyebrow span,.story-final-copy .eyebrow span{color:#e0a54f;filter:none}
.story-opening-copy h1{max-width:560px;margin:1.05rem 0 1.05rem;font-size:clamp(3.25rem,5.6vw,6.25rem);line-height:.94;letter-spacing:-.075em;color:#17324d;text-wrap:balance}
.story-opening-copy h1 span{display:block;color:#b27538}
.story-opening-copy>p:not(.eyebrow),.story-final-copy>p:not(.eyebrow){max-width:520px;margin:0;color:#536370;font-size:clamp(1rem,1.3vw,1.16rem);line-height:1.75;text-wrap:pretty}
.story-final-copy h2{margin:1.15rem 0 1.2rem;max-width:580px;color:#fff;font-size:clamp(3rem,5vw,5.4rem);line-height:.97;letter-spacing:-.07em;text-wrap:balance}
.story-final-copy h2 span{display:block;color:#f1c477}.story-final-copy>p:not(.eyebrow){color:#dce7ef}.story-final-copy .eyebrow{color:#f1c477}
.story-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1.8rem;min-height:54px;padding:.92rem 1.3rem .92rem 1.55rem;border-radius:999px;background:#203b56;color:#fff;font-size:.9rem;font-weight:800;box-shadow:0 12px 28px #203b5638;pointer-events:auto;transition:transform .25s,box-shadow .25s}
.story-cta:hover{transform:translateY(-3px);box-shadow:0 16px 34px #203b5650}.story-cta span{color:#f4c77f;font-size:1.05rem}
.story-book-scene{position:absolute;z-index:3;right:max(-3%,calc((100vw - 1600px)/2));top:50%;width:min(64vw,900px);aspect-ratio:2/1;translate:0 -50%;opacity:0;transform:translateY(18px) scale(.955);will-change:transform,opacity}
.story-book{position:absolute;inset:0;perspective:1500px;transform-style:preserve-3d}
.story-pages{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;opacity:0;filter:drop-shadow(0 27px 27px #142d4028);transform:scale(.94);transform-origin:center;will-change:opacity,transform}
.story-page{position:relative;overflow:hidden;background:#fffaf0;border:1px solid #d4cbb8;box-shadow:inset 0 0 38px #8c795a18}
.story-page-left{border-radius:7px 2px 2px 12px;background:linear-gradient(105deg,#eee4d1 0%,#fffaf0 11%,#fffdf7 86%,#e9dfca 100%)}
.story-page-right{border-radius:2px 9px 12px 2px;background:linear-gradient(75deg,#e7dcc6 0%,#fffaf0 11%,#fffdf8 100%)}
.story-page-left:after,.story-page-right:before{content:'';position:absolute;top:0;bottom:0;width:12%;pointer-events:none}
.story-page-left:after{right:0;background:linear-gradient(90deg,transparent,#6d563726)}
.story-page-right:before{left:0;z-index:2;background:linear-gradient(90deg,#5b43202e,transparent)}
.story-word{position:absolute;color:#2c5272;font-weight:800;letter-spacing:-.055em;opacity:0;will-change:transform,opacity}
.story-word-one{left:16%;top:18%;font-size:clamp(1.6rem,3.3vw,3.3rem);rotate:-6deg}
.story-word-two{right:16%;top:47%;font-size:clamp(1.45rem,2.8vw,2.9rem);color:#c0823e;rotate:7deg}
.story-word-three{left:11%;bottom:16%;font-size:clamp(1.2rem,2.35vw,2.35rem);rotate:-2deg}
.story-page-glow{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle,#ffc85f89 0,transparent 64%);opacity:.8}
.story-revealed-cover{position:absolute;z-index:1;inset:6%;width:88%;height:88%;object-fit:cover;border-radius:4px;opacity:0;transform:scale(.88);box-shadow:0 14px 30px #14263e3b;will-change:transform,opacity}
.story-cover-position{position:absolute;z-index:3;left:50%;top:0;width:50%;height:100%;transform:translateX(-50%);will-change:transform,opacity;transform-style:preserve-3d}
.story-front-cover{position:absolute;inset:0;overflow:hidden;border-radius:6px 11px 11px 6px;background:#102543;box-shadow:0 25px 45px #14283e4d,-7px 5px 0 #e2d5ba;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform}
.story-brand-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12%;text-align:center;color:#fff;background:radial-gradient(circle at 50% 34%,#315778 0,#173651 42%,#102640 75%,#0b1e34 100%);border:1px solid #e2b86866;backface-visibility:hidden}
.story-brand-cover:before{content:'';position:absolute;inset:5%;border:1px solid #e7bc6c66;border-radius:3px;box-shadow:inset 0 0 25px #e2b85e15}
.story-brand-star{position:relative;color:#efc573;font-size:clamp(1.2rem,2.2vw,2.3rem);text-shadow:0 0 16px #f5bd54;margin-bottom:9%}
.story-brand-cover strong{position:relative;font-size:clamp(1.25rem,2.5vw,2.55rem);line-height:1;letter-spacing:-.055em}.story-brand-cover small{position:relative;margin-top:.45rem;color:#e8c783;font-size:clamp(.43rem,.7vw,.72rem);font-weight:800;letter-spacing:.26em}.story-brand-cover em{position:relative;margin-top:18%;color:#d9e4e8;font-family:Georgia,serif;font-size:clamp(.72rem,1.3vw,1.22rem);line-height:1.4;font-weight:400}
.story-cover-shine{position:absolute;inset:0;background:linear-gradient(108deg,transparent 15%,#fff9 42%,transparent 64%);transform:translateX(-120%);opacity:.42}
.story-book-shadow{position:absolute;left:13%;right:4%;bottom:-13%;height:25%;border-radius:50%;background:#07182f4a;transform:scaleY(.34)}
.story-light-stream{position:absolute;z-index:2;left:18%;right:2%;top:45%;height:18%;border-radius:50%;opacity:.2;background:linear-gradient(90deg,transparent,#ffd77433 20%,#ffd774d9 55%,#fff0b8 72%,transparent);box-shadow:0 0 32px #ffd66c80;filter:none;pointer-events:none;transform:translateX(-16px) rotate(-8deg) scaleX(.72);transform-origin:center;will-change:transform,opacity}.story-light-stream span{position:absolute;right:12%;top:50%;width:13%;aspect-ratio:1;border-radius:50%;translate:0 -50%;background:radial-gradient(circle,#fff 0 6%,#fff0ad 12%,#ffc85d70 34%,transparent 68%)}
.story-sparks{position:absolute;z-index:4;inset:-9%;opacity:.22;pointer-events:none;will-change:opacity}
.story-sparks i,.story-atmosphere i{position:absolute;width:5px;height:5px;border-radius:50%;background:#efb552;box-shadow:0 0 11px #f4b750,0 0 22px #ffd982}
.story-sparks i:nth-child(1){left:18%;top:16%}.story-sparks i:nth-child(2){left:37%;top:5%;width:3px;height:3px}.story-sparks i:nth-child(3){right:25%;top:12%;width:7px;height:7px}.story-sparks i:nth-child(4){right:7%;top:52%}.story-sparks i:nth-child(5){left:26%;bottom:8%;width:4px;height:4px}.story-sparks i:nth-child(6){right:18%;bottom:2%;width:3px;height:3px}
.story-atmosphere{position:absolute;inset:0;z-index:0;opacity:.45;pointer-events:none}.story-atmosphere i{box-shadow:none;opacity:.5;background:#c28a43}.story-atmosphere i:nth-child(1){left:7%;top:15%;width:3px;height:3px}.story-atmosphere i:nth-child(2){left:45%;top:9%}.story-atmosphere i:nth-child(3){right:8%;top:18%;width:4px;height:4px}.story-atmosphere i:nth-child(4){left:40%;bottom:13%;width:3px;height:3px}.story-atmosphere i:nth-child(5){right:4%;bottom:8%}.story-atmosphere i:nth-child(6){left:12%;bottom:9%;width:4px;height:4px}
.story-scroll-hint{position:absolute;z-index:5;left:50%;bottom:3.2%;display:flex;align-items:center;gap:.7rem;translate:-50% 0;color:#526371;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;will-change:opacity}
.story-scroll-hint span{position:relative;width:20px;height:32px;border:1px solid #355069;border-radius:999px}.story-scroll-hint span:after{content:'';position:absolute;left:50%;top:6px;width:3px;height:7px;border-radius:999px;background:#c48946;translate:-50% 0;animation:story-scroll-dot 1.7s ease-in-out infinite}
@keyframes story-scroll-dot{0%{opacity:0;transform:translateY(0)}35%{opacity:1}100%{opacity:0;transform:translateY(11px)}}

@media(max-width:920px){
  .story-scroll{height:250svh}.story-sticky{min-height:610px}
  .story-opening-copy,.story-final-copy{left:5%;right:5%;width:auto;text-align:center}
  .story-opening-copy{top:2.8%;translate:0 0}
  .story-final-copy{top:42%;translate:0 -50%}
  .story-opening-copy .eyebrow,.story-final-copy .eyebrow{justify-content:center}
  .story-opening-copy h1{max-width:760px;margin:.65rem auto .6rem;font-size:clamp(2.55rem,8.5vw,4.6rem)}
  .story-opening-copy>p:not(.eyebrow),.story-final-copy>p:not(.eyebrow){margin:auto;line-height:1.55}
  .story-final-copy h2{max-width:700px;margin:.8rem auto .8rem;font-size:clamp(2.4rem,7.7vw,4.2rem)}
  .story-final-copy .story-cta{margin-top:1.1rem}
  .story-book-scene{right:50%;top:auto;bottom:8%;width:min(128vw,860px);translate:50% 0}
  .story-scroll-hint{bottom:1.8%;font-size:.62rem}
}

@media(max-width:540px){
  .story-scroll{height:255svh}.story-sticky{min-height:570px}
  .story-opening-copy,.story-final-copy{left:4.5%;right:4.5%}
  .story-opening-copy{top:2.4%}
  .story-final-copy{top:40%}
  .story-opening-copy .eyebrow,.story-final-copy .eyebrow{font-size:.62rem;letter-spacing:.15em}
  .story-opening-copy h1{font-size:clamp(2.15rem,10.2vw,3.15rem);line-height:.98;margin:.5rem auto .45rem}
  .story-opening-copy>p:not(.eyebrow),.story-final-copy>p:not(.eyebrow){font-size:.93rem;line-height:1.48;max-width:370px}
  .story-final-copy h2{font-size:clamp(2.05rem,9.3vw,2.85rem);line-height:.99;margin:.65rem auto}
  .story-final-copy .story-cta{min-height:46px;padding:.7rem 1.1rem .7rem 1.25rem;font-size:.78rem;margin-top:.8rem}
  .story-book-scene{bottom:7%;width:132vw}
  .story-word-one{font-size:clamp(1.2rem,6.3vw,2rem)}.story-word-two{font-size:clamp(1.05rem,5.7vw,1.8rem)}.story-word-three{font-size:clamp(.92rem,4.7vw,1.5rem)}
  .story-scroll-hint{bottom:1.1%;font-size:.55rem;letter-spacing:.07em}.story-scroll-hint span{width:17px;height:28px}
}

@media(max-height:680px) and (max-width:920px){
  .story-opening-copy{top:1.5%}.story-final-copy{top:43%}.story-opening-copy h1{font-size:clamp(2rem,7vw,3rem);margin:.4rem auto}.story-final-copy h2{font-size:clamp(1.9rem,7vw,2.8rem);margin:.4rem auto}
  .story-book-scene{bottom:3%;width:min(112vw,710px)}.story-scroll-hint{display:none}
}

@media(prefers-reduced-motion:reduce){
  .story-scroll{height:auto;min-height:780px}.story-sticky{position:relative;min-height:780px}
  .story-opening-copy{display:none}.story-final-copy{opacity:1!important;transform:none!important}.story-pages{opacity:1!important}
  .story-cover-position{display:none}.story-revealed-cover{opacity:1!important;transform:none!important}.story-book-scene{transform:scale(.82)!important}.story-sparks{opacity:.6!important}.story-night{opacity:1!important}.story-light-stream{opacity:.7!important;transform:none!important}.story-scroll-hint{display:none}
}

/* Compact opening, clear book facts and a calm parent FAQ. */
.story-scroll{height:138svh}
.story-sticky{height:calc(100svh - 108px);min-height:560px}
.story-opening-copy{top:clamp(3.5rem,7svh,5.2rem)}
.book-facts{max-width:540px}
.book-facts span{padding:.58rem .82rem;background:#f8fbf8;border-color:#70889538;color:#405d70}
.faq-section{position:relative;overflow:hidden;background:#f8f5ec;padding:clamp(5rem,8vw,8rem) 5%;color:#173650}
.faq-section:before{content:'';position:absolute;inset:auto -16vw -33vw auto;width:55vw;height:55vw;min-width:430px;min-height:430px;border:1px solid #c9985530;border-radius:50%;pointer-events:none}
.faq-inner{position:relative;z-index:1;max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(420px,1.22fr);gap:clamp(3rem,8vw,8rem);align-items:start}
.faq-heading{position:sticky;top:9rem}
.faq-heading h2{margin:1rem 0 1.25rem;font-size:clamp(2.8rem,4.8vw,5rem);line-height:1.05;letter-spacing:-.065em}
.faq-heading h2 em{color:#9c673d;font-style:normal}
.faq-heading>p:not(.eyebrow){max-width:430px;margin:0;color:#596b78;font-size:1.03rem;line-height:1.75}
.faq-list{border-top:1px solid #a9794242}
.faq-list details{border-bottom:1px solid #a9794242}
.faq-list summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:76px;padding:1.2rem 3rem 1.2rem 0;list-style:none;cursor:pointer;font-family:Georgia,serif;font-size:clamp(1.08rem,1.45vw,1.3rem);line-height:1.35;color:#173650}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{position:absolute;right:.2rem;width:18px;height:18px}
.faq-list summary span:before,.faq-list summary span:after{content:'';position:absolute;left:50%;top:50%;width:14px;height:1px;background:#a46e38;translate:-50% -50%;transition:rotate .25s ease}
.faq-list summary span:after{rotate:90deg}
.faq-list details[open] summary span:after{rotate:0deg}
.faq-list details p{max-width:720px;margin:-.25rem 3rem 1.6rem 0;color:#5a6b78;font-size:.98rem;line-height:1.75}
.faq-list summary:hover,.faq-list summary:focus-visible{color:#9c673d}
@media(max-width:920px){
  .story-scroll{height:136svh}
  .story-sticky{height:calc(100svh - 78px);min-height:535px}
  .story-opening-copy{top:clamp(3.7rem,9svh,5.5rem)}
  .faq-inner{grid-template-columns:1fr;gap:2.5rem}
  .faq-heading{position:static;text-align:center}
  .faq-heading>p:not(.eyebrow){margin-left:auto;margin-right:auto}
  .faq-heading .eyebrow{justify-content:center}
}
@media(max-width:540px){
  .story-scroll{height:134svh}
  .story-sticky{height:calc(100svh - 73px);min-height:510px}
  .faq-section{padding:4.5rem 6%}
  .faq-heading h2{font-size:clamp(2.5rem,11vw,3.45rem)}
  .faq-list summary{min-height:70px;padding-right:2.25rem;font-size:1.05rem}
  .faq-list details p{margin-right:1rem;font-size:.94rem}
}
.book-turn-trigger .dialog-book>img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;transform:none;border-radius:4px;box-shadow:-8px 10px 0 #030c19,0 32px 70px #050812a8}
@keyframes book-side-in{from{transform:rotateY(-88deg) scale(.96)}to{transform:rotate(-3deg) scale(1)}}
.book-turn-trigger.is-back.is-turning-in .dialog-book{animation-name:book-back-side-in}
@keyframes book-back-side-in{from{transform:rotateY(-88deg) scale(.96)}to{transform:rotate(3deg) scale(1)}}

.intro-availability{display:flex;align-items:center;gap:.55rem;margin:1.25rem 0 0!important;font-size:.76rem!important;line-height:1.4!important;color:#f4d49d!important;font-weight:700;letter-spacing:.035em}.intro-availability span{width:7px;height:7px;border-radius:50%;background:#efc477;box-shadow:0 0 12px #efc477;flex:none}
.book-facts{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.8rem}.book-facts span{border:1px solid #8597a33d;border-radius:999px;background:#ffffff8a;padding:.55rem .75rem;font-size:.72rem;font-weight:700;color:#536978}
.book-availability{display:inline-flex;align-items:center;gap:.55rem;margin-top:1rem;color:#8b5d35;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.book-availability i{width:7px;height:7px;border-radius:50%;background:#d2a65d;box-shadow:0 0 0 4px #d2a65d1c}
@media(max-width:540px){.intro-availability{font-size:.7rem!important;margin-top:.9rem!important}.book-facts{gap:.4rem}.book-facts span{font-size:.65rem;padding:.48rem .63rem}}
@media(prefers-reduced-motion:reduce){.book-dialog[open],.book-dialog[open]::backdrop,.book-dialog[open] .dialog-layout,.book-dialog[open] .dialog-visual,.book-dialog[open] .dialog-copy,.book-dialog[open] .dialog-close,.book-dialog[open] .popup-magic,.book-dialog[open] .magic-orbit,.book-dialog[open] .popup-magic i,.book-turn-trigger.is-turning-in .dialog-book{animation:none}.book-turn-trigger .dialog-book{transition:none}}

/* Refined opening: real book art, calmer pacing and no artificial gold streak */
.story-scroll{height:310svh}
.story-book-scene{right:max(0%,calc((100vw - 1500px)/2));width:min(60vw,840px)}
.story-pages{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #d7cdb8;border-radius:8px 12px 12px 8px;background:#fffaf0;box-shadow:0 28px 55px #142d4030,inset 0 0 34px #74572c12;filter:none}
.story-page-panel{position:relative;min-width:0;overflow:hidden;background:#fdfaf2}
.story-page-title{padding:2.2%;background:#f7f0e2}
.story-page-title img{width:100%;height:100%;object-fit:contain;border-radius:8px 3px 3px 8px}
.story-page-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10%;text-align:center;background:radial-gradient(circle at 50% 42%,#fff,#f8f0df 76%,#e9ddc6)}
.story-page-copy span{color:#a7743d;font-size:clamp(.45rem,.8vw,.73rem);font-weight:800;letter-spacing:.2em}
.story-page-copy strong{margin:.8rem 0;color:#173451;font-size:clamp(1rem,2.1vw,2rem);line-height:1.02;letter-spacing:-.055em}
.story-page-copy small{max-width:230px;color:#68727a;font-family:Georgia,serif;font-size:clamp(.48rem,.83vw,.76rem);line-height:1.55}
.story-page-art{padding:2.2%;background:#f7f0e2}
.story-spread-art{width:100%;height:100%;object-fit:contain;border-radius:3px 8px 8px 3px}
.story-pages-fold{position:absolute;z-index:2;left:50%;top:0;bottom:0;width:7%;translate:-50% 0;background:linear-gradient(90deg,transparent,#21170c32 42%,#fff9 52%,transparent);pointer-events:none}
.story-front-cover{border-radius:4px 10px 10px 4px;background:#102543;box-shadow:0 25px 45px #14283e4d,-5px 4px 0 #e7dcc6}
.story-front-cover>img{display:block;width:100%;height:100%;object-fit:cover}
.story-values{position:absolute;z-index:5;left:50%;top:calc(100% + .9rem);display:flex;gap:.55rem;translate:-50% 0;white-space:nowrap}
.story-values span{padding:.5rem .78rem;border:1px solid #c5995d55;border-radius:999px;background:#fffaf0e8;color:#28465f;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 24px #0b1d2e18;opacity:0;will-change:transform,opacity}
.story-sparks{z-index:2}
.author-image:before{content:'AUTOR · MANUEL GIESSER'}
.footer-links button{width:max-content;border:0;padding:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.footer-links button:hover{color:#efc477}
.legal-dialog{width:min(92vw,620px);max-height:min(82vh,720px);border:0;padding:0;background:transparent;color:#172c43}
.legal-dialog::backdrop{background:#061326cc;backdrop-filter:blur(5px)}
.legal-dialog-card{position:relative;overflow:auto;max-height:min(82vh,720px);padding:clamp(1.7rem,5vw,3.2rem);border:1px solid #e1d5bf;border-radius:24px;background:#fffdf8;box-shadow:0 28px 90px #020b16a8}
.legal-dialog-close{position:absolute;right:1rem;top:1rem;width:42px;height:42px;border:1px solid #18365324;border-radius:50%;background:#f1ede4;color:#17324d;font-size:1.65rem;line-height:1;cursor:pointer}
.legal-dialog .dialog-kicker{margin:0 0 .65rem;color:#a36f3d;font-size:.72rem;font-weight:800;letter-spacing:.18em}
.legal-dialog h2{margin:0 0 1.25rem;font-size:clamp(2rem,6vw,3.2rem);letter-spacing:-.055em}
.legal-dialog p{line-height:1.75;color:#526474}.legal-dialog a{color:#9b642f;font-weight:800}

.privacy-page{min-height:100vh;background:linear-gradient(165deg,#0d2038 0,#17324b 245px,#f6f7f6 246px);padding:clamp(1.2rem,4vw,3rem)}
.privacy-shell{max-width:840px;margin:0 auto}
.privacy-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.3rem 0 2.2rem;color:#fff}
.privacy-top a{color:inherit;text-decoration:none}
.privacy-top .privacy-logo{font-weight:800;letter-spacing:.02em;font-size:1.1rem}
.privacy-top .privacy-back{font-size:.88rem;color:#f2cb8b}
.privacy-card{background:#fffdf8;border:1px solid #e1d5bf;border-radius:24px;padding:clamp(1.6rem,5vw,3.5rem);box-shadow:0 20px 70px #0b1c3030}
.privacy-card .dialog-kicker{margin:0;color:#a36f3d;font-size:.72rem;font-weight:800;letter-spacing:.18em}
.privacy-card h1{margin:.65rem 0 1.4rem;color:#172c43;font-size:clamp(2.3rem,6vw,3.8rem);letter-spacing:-.055em}
.privacy-card h2{margin:2.2rem 0 .65rem;color:#172c43;font-size:1.2rem;letter-spacing:-.025em}
.privacy-card p,.privacy-card li{color:#465a6b;line-height:1.75}
.privacy-card p{margin:.7rem 0}.privacy-card ul{padding-left:1.35rem;margin:.7rem 0}
.privacy-card a{color:#88582a;text-decoration:underline;text-underline-offset:3px}
.privacy-card .privacy-updated{font-size:.83rem;color:#718090}
.privacy-foot{padding:1.6rem 0;color:#dce5ed;font-size:.85rem;text-align:center}
.privacy-foot a{color:#f2cb8b}

@media(max-width:920px){
  .story-scroll{height:315svh}
  .story-book-scene{right:50%;top:32%;bottom:auto;width:min(118vw,760px);translate:50% 0}
  .story-values{top:calc(100% + .75rem)}
}
@media(max-width:540px){
  .story-scroll{height:320svh}
  .story-book-scene{top:32%;bottom:auto;width:118vw}
  .story-values{gap:.32rem}
  .story-values span{padding:.42rem .56rem;font-size:.61rem;letter-spacing:.055em}
}
@media(max-height:680px) and (max-width:920px){
  .story-book-scene{top:30%;bottom:auto;width:min(105vw,650px)}
}
@media(prefers-reduced-motion:reduce){
  .story-pages{display:none!important}.story-cover-position{display:block!important;transform:translateX(-50%)!important}.story-front-cover{transform:none!important}.story-values{display:none}.story-light-stream{display:none!important}
}

/* PDF-based story details and more physical book construction */
@media(min-width:921px){
  .story-opening-copy{top:40%}
  .story-book-scene{top:44%}
}
/* Chrome's desktop mode on a portrait phone keeps the desktop navigation,
   but creates a very tall viewport.  Bring the opening composition up so
   it still reads as an intentional first screen rather than empty space. */
@media(min-width:921px) and (max-width:1100px) and (max-aspect-ratio:3/4){
  .story-opening-copy{top:25%}
  .story-book-scene{top:33%;right:-4%;width:min(67vw,700px)}
  .story-scroll-hint{bottom:2%}
}
.story-values{top:calc(100% + .45rem);gap:.7rem;align-items:start}
.story-values span{display:grid;width:clamp(94px,8.3vw,122px);gap:.42rem;padding:.34rem .34rem .62rem;border-radius:18px;background:#fffdf8f2;white-space:normal}
.story-values img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:13px;background:#eef0ec}
.story-values b{font-size:.69rem;line-height:1.2;text-align:center;letter-spacing:.075em}
.story-cover-position:before,.story-front-cover:before,.story-front-cover:after,.book-volume:before,.book-volume:after,.book-turn-trigger .dialog-book:before,.book-turn-trigger .dialog-book:after{content:none!important}
.story-front-cover{box-shadow:-7px 0 0 #08162c,5px 6px 0 #e8dfcf,0 24px 45px #14283e4d}
.book-volume{overflow:visible;border-radius:4px 8px 8px 4px;box-shadow:-9px 0 0 #0a1529,6px 6px 0 #e7ddc8,0 24px 48px #14243a65}
.book-volume img{width:100%;max-width:100%;height:100%;object-fit:cover;transform:none;border-radius:4px 8px 8px 4px}
.book-sheen{border-left:5px solid #ffffff2e;box-shadow:inset 11px 0 14px #0004,inset -3px 0 4px #ffffff20;border-radius:inherit}
.book-trigger:hover .book-volume,.book-trigger:focus-visible .book-volume{box-shadow:-9px 0 0 #0a1529,6px 6px 0 #e7ddc8,0 36px 64px #14243a66}
.book-turn-trigger .dialog-book{contain:none;filter:none}
.book-turn-trigger .dialog-book>img{position:relative;z-index:1;border-radius:4px 8px 8px 4px;box-shadow:-8px 0 0 #030c19,6px 6px 0 #e4d8c0,0 30px 65px #050812a8}
.book-turn-trigger.is-back .dialog-book>img{border-radius:8px 4px 4px 8px;box-shadow:8px 0 0 #030c19,-6px 6px 0 #e4d8c0,0 30px 65px #050812a8}
.book-reader{filter:drop-shadow(0 30px 35px #03081586)}
.book-reader .reading-spread:after{z-index:1}
.reading-spread{position:relative}
.reading-tease{position:absolute;z-index:3;left:50%;bottom:1rem;translate:-50% 0;width:max-content;max-width:calc(100% - 2rem);padding:.56rem .9rem;border:1px solid #ffffff6b;border-radius:999px;background:#091a32d9;color:#fff;font-family:Georgia,serif;font-size:clamp(.72rem,1.35vw,.94rem);font-style:italic;line-height:1.25;text-align:center;box-shadow:0 10px 28px #020b1866;backdrop-filter:blur(6px)}
.author-portrait-wrap{position:relative;width:min(100%,460px);justify-self:start;isolation:isolate}
.author-portrait-wrap .author-image{width:100%;justify-self:auto}
.author-orbit{position:absolute;z-index:-1;inset:-32px -42px;border:1px solid #94704b36;border-radius:46% 54% 49% 51%;animation:author-orbit-spin 24s linear infinite;pointer-events:none}
.author-orbit:before{content:'';position:absolute;inset:20px -12px;border:1px solid #315f7b25;border-radius:53% 47% 56% 44%;transform:rotate(17deg)}
.author-orbit i{position:absolute;border-radius:50%;background:#c39258;box-shadow:0 0 0 5px #c3925813,0 0 14px #c3925860}
.author-orbit i:nth-child(1){width:7px;height:7px;left:8%;top:21%}
.author-orbit i:nth-child(2){width:5px;height:5px;right:5%;top:55%;background:#426f89;box-shadow:0 0 0 5px #426f8912,0 0 12px #426f8950}
.author-orbit i:nth-child(3){width:4px;height:4px;left:34%;bottom:-2px}
@keyframes author-orbit-spin{to{transform:rotate(360deg)}}
@media(max-width:920px){
  .story-values{top:calc(100% + .35rem);gap:.48rem}
  .story-values span{width:clamp(84px,24vw,108px);padding:.28rem .28rem .52rem}
  .author-portrait-wrap{width:min(80%,390px);justify-self:center}
}
@media(max-width:540px){
  .story-values{gap:.3rem}
  .story-values span{width:clamp(78px,24.5vw,96px);border-radius:14px}
  .story-values b{font-size:.56rem;letter-spacing:.045em}
  .reading-tease{bottom:.65rem;max-width:calc(100% - 1.2rem);padding:.44rem .68rem;font-size:.67rem}
  .author-portrait-wrap{width:min(82%,320px)}
  .author-orbit{inset:-22px -28px}
}
@media(prefers-reduced-motion:reduce){.author-orbit{animation:none}}

/* Stable mobile dialogs and fixed-size story value cards. */
html.book-modal-open,body.book-modal-open{overflow:hidden;overscroll-behavior:none}
.book-dialog{inset:0;margin:auto;scrollbar-gutter:stable}
@media(max-width:540px){
  .book-dialog{inset:8px;width:auto;max-width:none;height:auto;max-height:none;margin:0;border-radius:10px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
  .book-dialog[open]{animation:mobile-popup-fade .2s ease-out both}
  .book-dialog[open] .dialog-layout,.book-dialog[open] .dialog-visual,.book-dialog[open] .dialog-copy,.book-dialog[open] .dialog-close{animation:none}
  .story-values img{height:clamp(70px,21vw,86px)}
}
@keyframes mobile-popup-fade{from{opacity:0}to{opacity:1}}

/* Quiet editorial motion: the book remains the main animation. */
.author-section{position:relative;overflow:hidden;isolation:isolate}
.author-inner{position:relative;z-index:1}
.author-portrait-wrap{--author-zoom:1.015;--author-shift:10px}
.author-portrait-wrap .author-image img{scale:1;transform:translate3d(0,var(--author-shift),0) scale(var(--author-zoom));transform-origin:50% 24%;transition:transform .12s linear;will-change:transform}
.author-portrait-wrap .author-image:hover img{scale:1}
.author-light-trail{--trail-opacity:0;--trail-shift:28px;position:absolute;z-index:0;left:max(2%,calc(50% - 650px));top:-3rem;width:min(38vw,470px);height:390px;opacity:var(--trail-opacity);transform:translate3d(0,var(--trail-shift),0) rotate(-12deg);pointer-events:none;will-change:opacity,transform}
.author-light-trail:before{content:'';position:absolute;left:7%;right:4%;top:48%;height:1px;background:linear-gradient(90deg,transparent,#d7a75e73 24%,#91b7c68a 68%,transparent);box-shadow:0 0 18px #e1b66b45;transform:rotate(24deg)}
.author-light-trail i{position:absolute;width:5px;height:5px;border-radius:50%;background:#d4a15b;box-shadow:0 0 0 5px #d4a15b12,0 0 14px #d4a15b75}
.author-light-trail i:nth-child(1){left:8%;top:67%}.author-light-trail i:nth-child(2){left:25%;top:55%;width:3px;height:3px}.author-light-trail i:nth-child(3){left:43%;top:48%;background:#6f9eb3}.author-light-trail i:nth-child(4){left:61%;top:34%;width:4px;height:4px}.author-light-trail i:nth-child(5){left:78%;top:29%;background:#7ba9ba}.author-light-trail i:nth-child(6){right:3%;top:14%;width:3px;height:3px}

.reading-count{min-width:4.2rem;padding:.48rem .68rem;border:1px solid #e8c88855;border-radius:999px;background:#ffffff0a;text-align:center;font-weight:800}
.reading-swipe-hint{display:none}

.outro>div{position:relative;z-index:1}
.outro-constellation{position:absolute;z-index:0;right:4%;top:50%;width:min(39vw,520px);height:auto;translate:0 -50%;opacity:.5;pointer-events:none;filter:drop-shadow(0 0 10px #d4a45c45)}
.outro-constellation path{fill:none;stroke:#b17b3f;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.outro-constellation circle{fill:#b17b3f;stroke:#fff8e7;stroke-width:1.5;opacity:0}

@media(max-width:920px){
  .author-light-trail{left:-4%;top:-2rem;width:min(70vw,430px)}
  .outro-constellation{right:-12%;width:min(70vw,470px);opacity:.28}
}
@media(max-width:680px){
  .reading-swipe-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;width:max-content;max-width:calc(100% - 1rem);max-height:42px;margin:.85rem auto 0;padding:.5rem .76rem;border:1px solid #ffffff55;border-radius:999px;background:#ffffff0d;color:#f3f6f8;font-size:.67rem;font-weight:800;letter-spacing:.035em;transition:opacity .28s ease,transform .28s ease,visibility .28s,max-height .28s ease,margin .28s ease,padding .28s ease}
  .reading-swipe-hint i{font-style:normal;color:#f1c477;font-size:1rem;animation:swipe-hint 1.55s ease-in-out infinite}
  .reading-swipe-hint.is-dismissed{max-height:0;margin-top:0;padding-top:0;padding-bottom:0;border-width:0;opacity:0;visibility:hidden;transform:translateY(-4px)}
  .reading-count{font-size:.68rem}
  .outro-constellation{right:-10%;top:auto;bottom:-5%;width:68vw;translate:0 0;opacity:.22}
}
@media(max-width:800px){
  .values-inner{grid-template-columns:1fr;gap:3rem}
  .values-seal{width:min(62vw,320px)}
  .values-copy{text-align:center}
  .values-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}
  .values-promises{text-align:left}
}
@media(max-width:540px){
  .values-section{padding:4.5rem 6%}
  .values-section:before{min-width:320px;min-height:320px;left:-42vw;top:18%}
  .values-inner{gap:2.5rem}
  .values-seal{width:min(68vw,265px)}
  .values-copy h2{font-size:clamp(2.55rem,11vw,3.55rem)}
  .values-copy>p:not(.eyebrow){font-size:.98rem;line-height:1.75}
  .values-promises{grid-template-columns:1fr;gap:.7rem}
  .values-promises article{min-height:0;padding:1.15rem 1.2rem}
  .values-promises article>span{float:left;margin-right:.8rem}
  .values-promises h3{margin:.35rem 0 .65rem}
  .values-promises p{clear:both;font-size:.88rem}
  .preview-symbol{width:54px;height:54px;font-size:1rem!important}
}
@keyframes swipe-hint{0%,100%{transform:translateX(-3px)}50%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){
  .author-portrait-wrap .author-image img{transform:scale(1.04);transition:none}
  .author-light-trail{opacity:.28;transform:none}
  .outro-constellation path{stroke-dashoffset:0}.outro-constellation circle{opacity:1}
  .reading-swipe-hint i{animation:none}
}

/* Opening: one physical page at a time, centered in the viewport. */
.story-scroll{height:auto;min-height:100svh}
.story-sticky{position:relative;height:100svh;min-height:620px}
.story-sticky:after{display:none}
.story-sticky:before{background:radial-gradient(circle at 50% 60%,#ffe5ab70,transparent 38%),radial-gradient(circle at 12% 15%,#fff,transparent 34%)}
.story-night{background:radial-gradient(circle at 50% 50%,#41678b 0,#172d4f 44%,#061326 100%)}
.story-opening-copy,.story-final-copy{left:50%;right:auto;width:min(790px,90vw);text-align:center;translate:-50% 0}
.story-opening-copy{top:clamp(5.5rem,12svh,8.2rem)}
.story-opening-copy .eyebrow,.story-final-copy .eyebrow{justify-content:center}
.story-opening-copy h1{max-width:none;margin:.7rem 0 .5rem;font-size:clamp(2.8rem,4.6vw,5.1rem);line-height:1.03}
.story-opening-copy h1 span{display:inline}
.story-opening-copy>p:not(.eyebrow),.story-final-copy>p:not(.eyebrow){margin:0 auto}
.story-final-copy{top:50%;translate:-50% -50%;z-index:6}
.story-final-copy h2{max-width:790px;margin:1.15rem auto 1.2rem;font-size:clamp(3rem,5.5vw,6rem)}
.story-book-scene{left:50%;right:auto;top:62%;bottom:auto;width:min(40vw,50svh,500px);aspect-ratio:1;translate:-50% -50%}
.story-book{inset:0;perspective:1800px}
.story-pages{position:absolute;inset:0;display:block;opacity:1;border:0;border-radius:4px 10px 10px 4px;background:#f8f2e6;overflow:visible;filter:none;transform:none;box-shadow:0 9px 0 #17263a,0 18px 28px #0c1b2e57,0 37px 65px #14243a54}
.story-page-base,.story-page-turn{position:absolute;inset:0;border-radius:4px 9px 9px 4px;background:#f9f3e8}
.story-page-base{overflow:hidden}
.story-page-base{box-shadow:inset 10px 0 14px #30271230}
.story-page-turn{z-index:2;transform-origin:left center;transform-style:preserve-3d;visibility:hidden;background:transparent;will-change:transform}
.story-page-turn:after{content:none}
.story-page-turn-face,.story-page-turn-back{position:absolute;inset:0;overflow:hidden;border:1px solid #d9c9a8;border-radius:4px 9px 9px 4px;backface-visibility:hidden}
.story-page-turn-face{background:#f9f3e8;box-shadow:8px 14px 24px #07182b63,inset 9px 0 12px #1b294124}
.story-page-turn-face:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#1123395c,transparent 17%,transparent 72%,#fff8e465)}
.story-page-turn-back{transform:rotateY(180deg);background:linear-gradient(110deg,#e9dfca 0%,#fffaf0 20%,#f9f1df 75%,#c5b89e 100%);box-shadow:-8px 14px 24px #07182b61,inset -13px 0 20px #17283c2b,inset 0 0 24px #fff8}
.story-page-turn-back:after{content:'';position:absolute;inset:5%;border:1px solid #ab976b30;border-radius:3px}
.story-page-base img,.story-page-turn-face img{display:block;width:100%;height:100%;object-fit:cover}
.story-page-word{position:absolute;z-index:3;left:7%;top:8%;bottom:auto;padding:.1em .18em .22em;color:#fff3d1;font-family:Georgia,serif;font-size:clamp(2.65rem,5.8vw,5.3rem);font-weight:700;font-style:italic;line-height:1.06;letter-spacing:-.055em;text-shadow:0 3px 2px #07192dcc,0 5px 24px #05162af0,0 0 32px #f7c77080;white-space:nowrap;pointer-events:none;opacity:0;isolation:isolate}
.story-page-word:before{content:'';position:absolute;z-index:-1;inset:-1.15em -2.2em -1.1em -1.25em;background:radial-gradient(ellipse at 28% 34%,#06172dcc 0%,#07182c9e 30%,#07182c55 54%,transparent 76%);filter:blur(13px)}
.story-page-word[data-word="mut"]{left:7%;top:8%;bottom:auto;color:#ffedbd}
.story-page-word[data-word="familie"]{left:7%;top:8%;bottom:auto;font-size:clamp(2rem,4.7vw,4.1rem)}
.story-book-shadow{z-index:-1;left:-24%;right:-24%;bottom:-11%;height:20%;transform:none;background:radial-gradient(ellipse at center,#071528b8 0%,#1424398a 35%,#14243900 72%);filter:blur(13px)}
.story-sparks{z-index:0;inset:-19%;opacity:.12}
.story-scroll-hint{bottom:3%;color:#44596c}
.story-skip{gap:.55rem;min-height:40px;padding:.45rem .9rem;border:1px solid #45627a30;border-radius:999px;background:#fffaf0db;color:#203b56;text-decoration:none;font-size:.72rem;letter-spacing:.045em;box-shadow:0 8px 22px #12283b24;transition:background .2s,transform .2s}
.story-skip:hover,.story-skip:focus-visible{background:#fff;transform:translateY(-2px)}
.story-skip span{width:auto;height:auto;border:0;color:#b87837;font-size:1.15rem;line-height:1}
.story-skip span:after{content:none}
@media(max-width:920px){
  .story-scroll{height:auto;min-height:100svh}
  .story-sticky{position:relative;min-height:610px}
  .story-opening-copy{top:clamp(4.5rem,10svh,7rem);left:50%;right:auto;width:90vw}
  .story-opening-copy h1{font-size:clamp(2.4rem,7vw,4rem)}
  .story-book-scene{left:50%;right:auto;top:57%;bottom:auto;width:min(62vw,47svh,470px);translate:-50% -50%}
  .story-final-copy{left:50%;right:auto;width:88vw;top:49%;translate:-50% -50%}
}
@media(max-width:540px){
  .story-scroll{height:auto;min-height:100svh}
  .story-sticky{position:relative;min-height:570px}
  .story-opening-copy{top:clamp(4rem,11svh,5.5rem);left:50%;right:auto;width:91vw}
  .story-opening-copy h1{font-size:clamp(2rem,9vw,3.15rem)}
  .story-opening-copy h1 span{display:block}
  .story-book-scene{top:59%;width:min(78vw,44svh,390px)}
  .story-page-word{font-size:clamp(2.25rem,10vw,3.9rem)}
  .story-page-word[data-word="familie"]{font-size:clamp(1.7rem,7.7vw,3rem)}
  .story-final-copy{left:50%;right:auto;width:90vw;top:49%}
  .story-final-copy h2{font-size:clamp(2.15rem,9vw,3.2rem)}
  .story-scroll-hint{bottom:1.8%}
}
@media(max-height:680px){
  .story-opening-copy{top:clamp(3.6rem,8svh,5.3rem)}
  .story-book-scene{top:60%;width:min(38vw,43svh,400px)}
  .story-scroll-hint{display:none}
}
@media(max-height:680px) and (max-width:920px){.story-book-scene{top:60%;width:min(68vw,42svh,350px)}}
@media(prefers-reduced-motion:reduce){
  .story-scroll{height:auto;min-height:100svh}
  .story-sticky{position:relative;min-height:max(570px,100svh)}
  .story-opening-copy{display:none}
  .story-final-copy{opacity:1!important;transform:none!important;pointer-events:auto!important;top:clamp(5rem,15svh,9rem);translate:-50% 0}
  .story-final-copy h2{font-size:clamp(2.2rem,5vw,4rem)}
  .story-book-scene{top:auto;bottom:8%;left:50%;width:min(38vw,40svh,350px);translate:-50% 0;transform:none!important;opacity:1!important}
  .story-pages{display:block!important;opacity:1!important}
  .story-page-word,.story-page-turn{display:none}
  .story-night{opacity:1!important}
  .story-scroll-hint{display:none}
}

/* One scroll starts the page turns; visitors can continue to the book at once. */
.story-scroll{height:160svh;min-height:0}
.story-sticky{position:sticky;top:0;height:100svh;min-height:min(620px,100svh)}
.story-book-shadow{left:3%;right:3%;bottom:-8%;height:13%;background:radial-gradient(ellipse at center,#07182f80 0%,#15294335 43%,transparent 76%);filter:blur(13px)}
.story-skip{min-height:0;padding:.3rem .1rem .45rem;border:0;border-bottom:1px solid #9c714b89;border-radius:0;background:transparent;box-shadow:none;color:#26435c;letter-spacing:.075em}
.story-skip:hover,.story-skip:focus-visible{background:transparent;transform:translateY(-2px);border-color:#9c714b}

/* Editorial navigation: quiet labels and a fine orbit for the current section. */
.main-nav{gap:clamp(.7rem,1.8vw,1.75rem);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.main-nav a{position:relative;gap:.45rem;padding:.65rem .25rem;border-radius:0;background:transparent;color:#29445b;font-family:Georgia,serif;font-size:1rem;font-weight:400;transition:color .25s}
.main-nav a span{font-family:Manrope,Arial,sans-serif;font-size:.59rem;transform:translateY(-4px)}
.main-nav a:hover,.main-nav a:focus-visible{background:transparent;color:#a46b32;transform:none}
.main-nav .nav-label{position:relative;z-index:0;font-weight:400;white-space:nowrap}
.main-nav .nav-label:after{content:'';position:absolute;z-index:-1;inset:-.42rem -.68rem;border:1px solid #bc905d;border-radius:54% 46% 52% 48%;opacity:0;transform:rotate(-11deg) scale(.82);transition:opacity .32s,transform .4s;pointer-events:none}
.main-nav a.is-current{color:#9c642e}
.main-nav a.is-current .nav-label:after{opacity:.9;transform:rotate(-7deg) scale(1);animation:nav-orbit 18s ease-in-out infinite alternate}
@keyframes nav-orbit{to{transform:rotate(7deg) scale(1.04);border-radius:47% 53% 48% 52%}}
.header-cta,.pill-btn,.story-cta{border-radius:12px}
.header-cta{box-shadow:0 7px 17px #203b5624}
.header-cta:before{content:none}
.header-cta .header-cta-full{font-size:inherit;color:inherit;margin:0}
.header-cta .header-cta-short{display:none}
.header-cta .header-cta-arrow{color:#f4c77f;font-size:1.05rem;margin-left:.6rem}

/* The quality seal lands once, then a small spark continues around the ring. */
.values-seal{position:relative;isolation:isolate;overflow:visible}
.values-seal img{position:relative;z-index:1}
.seal-ring{position:absolute;z-index:0;inset:-8%;border:2px solid #e2b964;border-radius:50%;opacity:0;background:radial-gradient(circle,#f2ce8240,transparent 64%);box-shadow:0 0 22px #e0b46088,0 0 56px #e9bc6440,inset 0 0 23px #f2db9e99;pointer-events:none}
.values-seal.is-stamped img{animation:seal-stamp 1.05s cubic-bezier(.18,.77,.23,1) both}
.values-seal.is-stamped .seal-ring{animation:seal-ring-bloom 1.12s ease-out .12s both,seal-ring-glow 3.5s ease-in-out 1.25s infinite alternate}
.seal-spark-track{position:absolute;z-index:2;inset:-10%;border-radius:50%;opacity:0;pointer-events:none}
.seal-spark-track i{position:absolute;top:0;left:50%;width:8px;height:8px;border-radius:50%;background:#fff3c4;box-shadow:0 0 7px 3px #fff9dc,0 0 18px 8px #eab65b,0 0 30px 12px #d79c3b78;translate:-50% 0}
.values-seal.is-stamped .seal-spark-track{animation:seal-spark-appear .6s 1.15s both,seal-spark-orbit 11s 1.15s linear infinite}
@keyframes seal-stamp{0%{opacity:0;transform:translateY(-35px) scale(1.22) rotate(-7deg);filter:blur(2px)}48%{opacity:1;transform:translateY(0) scale(.91) rotate(2deg);filter:none}73%{transform:scale(1.055) rotate(-1deg)}100%{opacity:1;transform:none}}
@keyframes seal-ring-bloom{0%{opacity:0;transform:scale(.62)}60%{opacity:1;transform:scale(1.13)}100%{opacity:.75;transform:scale(1)}}
@keyframes seal-ring-glow{to{box-shadow:0 0 30px #e0b460aa,0 0 68px #e9bc6455,inset 0 0 28px #f2db9ebb}}
@keyframes seal-spark-appear{to{opacity:1}}
@keyframes seal-spark-orbit{to{transform:rotate(360deg)}}

@media(max-width:920px){
  .story-scroll{height:160svh}
  .story-sticky{position:sticky;top:0;min-height:min(610px,100svh)}
  .header-inner{display:grid;grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);align-items:center;gap:.5rem}
  .brand{grid-column:2;grid-row:1;justify-self:center;width:clamp(155px,35vw,210px);height:72px}
  .menu-toggle{grid-column:1;grid-row:1;justify-self:start;order:0;width:44px;height:44px;border-radius:11px;background:transparent}
  .header-cta{grid-column:3;grid-row:1;justify-self:end;margin-left:0;width:auto;height:44px;padding:.5rem .75rem;font-size:.79rem;border-radius:11px}
  .header-cta .header-cta-full{display:none}
  .header-cta .header-cta-short{display:inline;color:#fff;font-size:.79rem;margin:0}
  .header-cta .header-cta-arrow{font-size:1rem;margin-left:.35rem}
  .main-nav{top:calc(100% - 2px);left:4%;right:4%;gap:0;padding:.5rem 1rem;border:1px solid #d8dfdb;border-radius:12px;background:#fbfcfa;box-shadow:0 20px 42px #142b3b36}
  .main-nav a{padding:1rem .55rem;font-size:1.08rem;border-bottom:1px solid #dbe1de}
  .main-nav a:last-child{border-bottom:0}
}
@media(max-width:540px){
  .story-scroll{height:160svh}
  .story-sticky{position:sticky;min-height:min(570px,100svh)}
  .header-inner{min-height:73px;padding:.2rem 4%;gap:.2rem}
  .brand{width:clamp(145px,43vw,184px);height:66px}
  .header-cta{width:auto;height:43px;padding:.48rem .65rem}
  .menu-toggle{width:43px;height:43px}
}
@media(max-height:680px) and (max-width:920px){.story-sticky{min-height:min(570px,100svh)}}
@media(max-width:360px){.brand{width:145px}.header-cta,.menu-toggle{height:40px}}
@media(prefers-reduced-motion:reduce){
  .story-scroll{height:auto;min-height:100svh}
  .story-sticky{position:relative;min-height:max(570px,100svh)}
  .values-seal.is-stamped img,.values-seal.is-stamped .seal-ring,.values-seal.is-stamped .seal-spark-track,.main-nav a.is-current .nav-label:after{animation:none}
  .seal-ring{opacity:.65}.seal-spark-track{display:none}
}

/* Calmer pacing and tighter placement on the first screen. */
.story-scroll{height:150svh}
.story-page-word{font-size:clamp(2.3rem,4.7vw,4.4rem);font-weight:400;text-shadow:0 3px 14px #07192dd9,0 0 18px #f7c77059}
.story-page-word:before{background:radial-gradient(ellipse at 28% 34%,#06172cbd 0%,#07182c8f 32%,#07182c4a 57%,transparent 78%)}
.story-page-word[data-word="familie"]{font-size:clamp(1.95rem,3.9vw,3.65rem)}
.story-final-copy{top:46%}
.story-final-copy .eyebrow:before,.story-final-copy .eyebrow:after{content:'';display:block;width:clamp(34px,5vw,70px);height:1px;background:currentColor;opacity:.72}
.reader-cta-stars{display:flex;justify-content:center;gap:.5rem;filter:none}
.reader-cta-stars i{width:5px;height:5px;border-radius:50%;background:#f4ca7f;box-shadow:0 0 10px #f4ca7f99}
.reader-cta-stars i:nth-child(2){width:7px;height:7px;margin-top:-4px;background:#fff0c7}
@media(min-width:921px){
  .header-inner{min-height:108px}
  .brand{width:320px;height:98px}
  .story-opening-copy{top:clamp(4.25rem,8svh,6.25rem)}
  .story-book-scene{top:60%;width:min(39vw,48svh,480px)}
}

/* Smaller menu, kept close to the menu control. */
.main-nav a.is-current .nav-label:after{animation-duration:26s}
@media(max-width:920px){
  .story-scroll{height:150svh}
  .story-final-copy{top:46%}
  .brand{width:clamp(175px,38vw,230px);height:78px}
  .main-nav{top:calc(100% + 5px);left:4%;right:auto;width:min(294px,92vw);padding:.3rem .75rem;border-radius:14px;background:#fffdf8;box-shadow:0 14px 38px #142b3b28}
  .main-nav a{min-height:44px;padding:.6rem .45rem;font-size:.94rem;gap:.6rem}
  .main-nav a span{font-size:.6rem}
  .main-nav a.is-current .nav-label:after{animation:none;opacity:.65}
  .menu-toggle{border-color:#d6deda;background:#f8faf7}
  .menu-toggle span{width:16px}
  .header-cta{border:1px solid #cbd8d4;background:#f8faf7;color:#173750;box-shadow:none}
  .header-cta .header-cta-short{color:#173750}
}
@media(max-width:540px){
  .story-scroll{height:145svh}
  .brand{width:clamp(160px,46vw,198px);height:70px}
  .story-page-word{font-size:clamp(2.05rem,8.3vw,3.2rem)}
  .story-page-word[data-word="familie"]{font-size:clamp(1.7rem,7vw,2.65rem)}
  .main-nav{width:min(286px,92vw)}
  .story-final-copy{top:45%}
}

/* The seal gains colour with the scroll; its single gold spark stays calm and slow. */
.values-seal{--seal-gray:1;--seal-saturation:.72;--seal-ring-opacity:.18;background:#fffefa;box-shadow:0 16px 38px #20384d17}
.values-seal img{filter:grayscale(var(--seal-gray)) saturate(var(--seal-saturation)) contrast(1.015);will-change:filter}
.seal-ring{inset:-5%;border:0;box-shadow:none;background:none;opacity:1}
.seal-ring svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 6px #d5ad6638)}
.seal-ring circle{fill:none;stroke:#caa65f;stroke-width:.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:var(--seal-ring-opacity)}
.values-seal.is-stamped img{animation:none}
.values-seal.is-stamped .seal-ring{animation:none}
.values-seal.is-stamped .seal-ring circle{animation:none}
.seal-spark-track{inset:-7%;transform-origin:center;opacity:var(--seal-spark-opacity,.2);transition:opacity .3s linear;animation:seal-spark-orbit 15s linear infinite}
.seal-spark-track i{width:7px;height:7px;background:#f5d282;box-shadow:0 0 4px 1px #fff5d5,0 0 12px 4px #c9924f9c,0 0 22px 7px #dba64b60}
.values-seal.is-stamped .seal-spark-track{opacity:var(--seal-spark-opacity,.2);transition:opacity .3s linear;animation:seal-spark-orbit 15s linear infinite}

/* Warm editorial closing page for the sample chapter. */
.reading-cta-cream{color:#173650!important;background:radial-gradient(circle at 50% 24%,#fffdf6 0,#fbf5e8 44%,#f3ead8 100%)!important}
.reading-cta-cream:before{background:radial-gradient(circle at 18% 20%,#c79545 0 1.5px,transparent 2.5px),radial-gradient(circle at 83% 27%,#d7b16c 0 1.5px,transparent 2.5px),radial-gradient(circle at 76% 81%,#b98b43 0 1.5px,transparent 2.5px),radial-gradient(circle at 25% 75%,#d7b16c 0 1.5px,transparent 2.5px);background-size:128px 128px,157px 157px,139px 139px,173px 173px;opacity:.28}
.reading-cta-cream h4{color:#173650;margin:.65rem 0 1rem}
.reading-cta-cream>p{color:#536575;margin:.15rem 0 1.4rem}
.reading-cta-cream .reader-cta-kicker{margin:0;color:#a16c35;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.reading-cta-cream .reader-cta-stars i{background:#c89b50;box-shadow:0 0 9px #c89b5066}
.reader-buy-button{min-height:48px;padding:.78rem 1.35rem;border:1px solid #173650;border-radius:999px;background:#173650;color:#fffaf0;font:inherit;font-size:.78rem;font-weight:800;letter-spacing:.035em;box-shadow:0 10px 24px #1736501f;cursor:not-allowed;opacity:1}
.dialog-preview-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin:1.5rem 0 .4rem}
.dialog-bonus-link{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:48px;padding:.78rem 1.25rem;border:1px solid #e4bb70;border-radius:999px;background:#f1c979;color:#132b45;text-decoration:none;font-size:.8rem;font-weight:800;letter-spacing:.025em;box-shadow:0 10px 28px #02081438;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.dialog-bonus-link:hover,.dialog-bonus-link:focus-visible{transform:translateY(-2px);background:#f7d58f;box-shadow:0 14px 32px #02081452}
.dialog-password-note{color:#aebfd0;font-size:.72rem;letter-spacing:.025em}
@media(max-width:520px){.dialog-preview-actions{flex-direction:column;gap:.65rem}.dialog-bonus-link{width:100%;max-width:290px}}
@media(prefers-reduced-motion:reduce){
  .story-scroll{height:auto}
  .values-seal.is-stamped img,.values-seal.is-stamped .seal-ring,.values-seal.is-stamped .seal-ring circle,.values-seal.is-stamped .seal-spark-track{animation:none}
  .values-seal img{filter:none}.seal-ring{opacity:.7}.seal-ring circle{stroke-dashoffset:0}.seal-spark-track{display:none}
}

/* Final opening proportions: the header and opening now share the first viewport. */
.story-scroll{height:138svh}
.story-sticky{height:calc(100svh - 108px);min-height:560px}
@media(min-width:921px){.story-opening-copy{top:clamp(3.5rem,7svh,5.2rem)}}
@media(max-width:920px){
  .story-scroll{height:136svh}
  .story-sticky{height:calc(100svh - 78px);min-height:535px}
  .story-opening-copy{top:clamp(3.7rem,9svh,5.5rem)}
}
@media(max-width:540px){
  .story-scroll{height:134svh}
  .story-sticky{height:calc(100svh - 73px);min-height:510px}
}
@media(prefers-reduced-motion:reduce){
  .story-scroll{height:auto}
  .story-sticky{height:auto;min-height:max(570px,calc(100svh - 108px))}
}

/* Personal signature: written once when the author copy enters the viewport. */
.author-signature-wrap{position:relative;display:block;width:clamp(205px,20vw,250px);margin:1.7rem 0 .9rem;isolation:isolate}
.author-signature{display:block;width:100%;aspect-ratio:3/1;border:0;overflow:visible;background:transparent!important;color-scheme:only light}
.author-signature img{display:block;width:100%;height:auto}
.author-copy .author-mail{transition:opacity .65s ease,transform .65s ease,color .25s,border-color .25s}
.motion-ready .author-signature-wrap:not(.is-writing)+.author-mail{opacity:0;transform:translateY(7px);pointer-events:none}
.motion-ready .author-signature-wrap.is-writing+.author-mail{animation:signature-link-in .65s ease 3.85s both}
@keyframes signature-link-in{from{opacity:0;transform:translateY(7px);pointer-events:none}to{opacity:1;transform:none;pointer-events:auto}}
@media(max-width:540px){.author-signature-wrap{width:clamp(175px,52vw,215px);margin:1.45rem 0 .75rem}}
@media(prefers-reduced-motion:reduce){
  .author-copy .author-mail{transition:none;animation:none!important;opacity:1!important;transform:none!important}
}

/* Each highlighted word catches the light in turn, then rests before the next pass. */
@supports(-webkit-background-clip:text){
  .word-sheen{padding-right:.065em;background-image:linear-gradient(105deg,currentColor 0%,currentColor 44%,#f4dba5 50%,currentColor 56%,currentColor 100%);background-size:270% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  [data-reveal].is-visible .word-sheen,.story-opening-copy .word-sheen{animation:word-sheen-sweep 10s linear calc(.35s + var(--word-delay,0s)) infinite}
  @keyframes word-sheen-sweep{0%{background-position:100% 0}13%,100%{background-position:0 0}}
}
.story-opening-copy h1 span.word-sheen{display:inline}
@media(max-width:540px){.book-side h2{font-size:clamp(2.5rem,9.5vw,3.55rem);letter-spacing:-.055em;line-height:1.14}}
@media(prefers-reduced-motion:reduce){[data-reveal].is-visible .word-sheen,.story-opening-copy .word-sheen{animation:none}}

/* The final blue sky keeps breathing softly after the page turns are over. */
.story-night>i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff2c8;box-shadow:0 0 7px 2px #ffdca180,0 0 16px 5px #f8c87638;opacity:0;pointer-events:none}
.story-night>i:nth-child(1){left:12%;top:31%}.story-night>i:nth-child(2){right:14%;top:20%}.story-night>i:nth-child(3){left:21%;bottom:22%}.story-night>i:nth-child(4){right:8%;bottom:24%}.story-night>i:nth-child(5){left:7%;top:67%}.story-night>i:nth-child(6){right:24%;top:11%}
.story-night.is-complete>i{animation:night-twinkle 7.2s ease-in-out infinite}
.story-night.is-complete>i:nth-child(2){animation-delay:1.2s}.story-night.is-complete>i:nth-child(3){animation-delay:2.4s}.story-night.is-complete>i:nth-child(4){animation-delay:3.6s}.story-night.is-complete>i:nth-child(5){animation-delay:4.8s}.story-night.is-complete>i:nth-child(6){animation-delay:6s}
@keyframes night-twinkle{0%,19%,100%{opacity:0;transform:scale(.6)}8%{opacity:.9;transform:scale(1.4)}}
@media(prefers-reduced-motion:reduce){.story-night.is-complete>i{animation:none}}

/* Local preview: upcoming Milo book teaser */
.next-book-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#fbf7ed 0%,#f5eee2 56%,#e7eee9 100%);padding:clamp(5rem,9vw,8rem) 5%;border-bottom:1px solid #e0ddd3}.next-book-inner{position:relative;max-width:1120px;margin:auto;display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:clamp(3rem,8vw,8rem);align-items:center}.next-book-art{position:relative;width:min(100%,350px);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle at 42% 35%,#fffaf0 0 14%,#f6d7b8 15%,#efa97f 34%,#d9785f 61%,#c65d54 100%);box-shadow:0 22px 45px #a85c4828,inset -20px -24px 30px #9f4f4855}.next-book-art:before{content:'';position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle at 42% 32%,#fff9 0 2%,transparent 3%),radial-gradient(circle at 68% 62%,#fff4 0 1.5%,transparent 2%),radial-gradient(circle at 26% 72%,#fff5 0 1.2%,transparent 2%);opacity:.7}.next-book-orbit{position:absolute;inset:8%;border:1px solid #fff0d080;border-radius:50%;transform:rotate(-18deg) scaleY(.55)}.next-book-knot{position:absolute;right:19%;top:17%;display:grid;place-items:center;width:clamp(3.3rem,7vw,5rem);height:clamp(3.3rem,7vw,5rem);border-radius:50%;background:#923e3e;color:#ffe8c7;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;box-shadow:0 8px 18px #7f3f3c55}.next-book-spark{position:absolute;left:18%;bottom:22%;color:#fff1c7;font-size:clamp(1.6rem,3vw,2.3rem);filter:drop-shadow(0 0 8px #fff2bb)}.next-book-copy h2{margin:1rem 0 1.4rem;color:#3e2930;font-size:clamp(2.8rem,5vw,5.3rem);line-height:1.02;letter-spacing:-.065em}.next-book-copy h2 em{font-style:normal;color:#c55f4d}.next-book-copy>p:not(.eyebrow){max-width:600px;color:#665861;font-size:1.05rem;line-height:1.8}.next-book-copy .next-book-lead{max-width:610px;color:#4e343b;font-size:clamp(1.12rem,1.5vw,1.35rem)!important;font-weight:700;line-height:1.55}.next-book-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.7rem}.next-book-meta span{padding:.55rem .85rem;border:1px solid #d8b7a9;border-radius:999px;color:#79514d;font-size:.78rem;font-weight:800;letter-spacing:.03em}.next-book-note{display:block;margin-top:1.45rem;color:#a35a4c;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:920px){.next-book-inner{grid-template-columns:1fr;gap:2.7rem}.next-book-copy{text-align:center}.next-book-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.next-book-meta{justify-content:center}.next-book-art{width:min(72vw,310px)}}
/* Milo teaser image and a gentle feeling-core pulse. */
.next-book-art{overflow:hidden;background:#f7eee1;box-shadow:0 22px 45px #a85c4828}.next-book-art img{display:block;width:100%;height:100%;object-fit:cover;animation:wutwuschel-breathe 5.5s ease-in-out infinite}.next-book-pulse{position:absolute;right:24%;bottom:31%;width:13%;aspect-ratio:1;border-radius:50%;background:#ffe68c;box-shadow:0 0 0 0 #ffd97888;animation:feeling-pulse 3.6s ease-out infinite;pointer-events:none}.next-book-art:after{content:'';position:absolute;inset:0;border:1px solid #fff8;border-radius:inherit;pointer-events:none}@keyframes wutwuschel-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}@keyframes feeling-pulse{0%{box-shadow:0 0 0 0 #ffd97888;opacity:.8}70%{box-shadow:0 0 0 16px #ffd97800;opacity:1}100%{box-shadow:0 0 0 0 #ffd97800;opacity:.8}}
@media(prefers-reduced-motion:reduce){.next-book-art img,.next-book-pulse{animation:none}}

/* Milo: illustrated editorial teaser, using the supplied cover and character art. */
.milo-section{--milo-ink:#382d31;--milo-rust:#b64b32;position:relative;overflow:hidden;background:#f8efe0;color:var(--milo-ink);padding:clamp(4rem,7vw,7rem) 5%;isolation:isolate}
.milo-section:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 2% 45%,#f9c38c55,transparent 31%),radial-gradient(circle at 94% 92%,#dd816842,transparent 28%);pointer-events:none}
.milo-inner{max-width:1260px;margin:auto}.milo-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:clamp(2rem,4vw,4rem);border-top:1px solid #bc8b6b;padding-top:1.1rem;font-size:.7rem;font-weight:800;letter-spacing:.16em;color:#8b5947}.milo-status{display:flex;align-items:center;gap:.6rem;white-space:nowrap}.milo-status i{width:.5rem;height:.5rem;border-radius:50%;background:#d96744;box-shadow:0 0 0 4px #d9674422}
.milo-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2.5rem,7vw,7rem);align-items:center}.milo-cover-wrap{position:relative;max-width:620px;padding:0 3% 1.3rem}.milo-cover{position:relative;z-index:1;transform:rotate(-2deg);box-shadow:0 32px 52px #633d3040,0 7px 13px #633d302b;border:8px solid #fff8ec;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s}.milo-cover:hover{transform:rotate(0deg) translateY(-8px);box-shadow:0 42px 65px #633d3045}.milo-cover img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.milo-cover-caption{position:absolute;z-index:2;top:-2rem;left:-1.3rem;transform:rotate(-8deg);font-family:Georgia,serif;font-size:clamp(1.15rem,2vw,1.8rem);font-style:italic;line-height:1.13;color:#a74e35;text-shadow:0 1px #f8efe0}.milo-cover-edition{display:block;margin-top:1.4rem;text-align:right;font-size:.62rem;font-weight:800;letter-spacing:.16em;color:#9d6e56}
.milo-copy{max-width:580px}.milo-kicker{font-size:.68rem!important;font-weight:800!important;letter-spacing:.16em;color:#a35842!important;margin:0 0 1.2rem!important}.milo-copy h2{font-size:clamp(2.7rem,4.55vw,5.2rem);line-height:.99;letter-spacing:-.064em;margin:0 0 1.4rem;font-weight:800;color:#302e38}.milo-copy h2 em{display:block;font-style:normal;color:var(--milo-rust)}.milo-copy>p:not(.milo-kicker){max-width:39rem;font-size:1rem;line-height:1.68;color:#665857;margin:.8rem 0}.milo-copy .milo-lead{font-size:clamp(1.12rem,1.5vw,1.35rem)!important;line-height:1.48!important;font-weight:700;color:#3d3335!important}
.milo-moment{position:relative;display:grid;grid-template-columns:40% 1fr;min-height:208px;margin:2rem 0 1.4rem;overflow:hidden;background:#fff8e9;border:1px solid #e8c5a9;box-shadow:8px 8px 0 #ddab8159}.milo-moment:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:#cc6545}.milo-moment-art{position:relative;overflow:hidden;background:#fff8e9}.milo-moment-art img{position:absolute;bottom:-1%;left:50%;height:97%;width:auto;max-width:none;transform:translateX(-50%);mix-blend-mode:multiply}.milo-wuschel-small{opacity:1}.milo-wuschel-big{opacity:0}.milo-moment-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.7rem;padding:1.1rem .9rem 1.1rem 0;position:relative;z-index:1}.milo-moment-label{font-size:.6rem;font-weight:900;letter-spacing:.14em;color:#a15d47}.milo-moment-copy strong{font-family:Georgia,serif;font-size:clamp(1.1rem,2vw,1.65rem);font-weight:700;line-height:1.18;color:#553b3e}.milo-moment-copy strong em{font-style:italic;color:#b64b32}.milo-replay{padding:.3rem 0;border:0;border-bottom:1px solid #a15d47;background:transparent;color:#8e4f3c;font-family:inherit;font-size:.75rem;font-weight:700;line-height:1.3;cursor:pointer}.milo-replay:hover,.milo-replay:focus-visible{color:#532e27;border-color:#532e27}.milo-replay span{font-size:1rem}.milo-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d8b29b;padding-top:.8rem;color:#9c644e;font-size:.66rem;font-weight:800;letter-spacing:.12em}.milo-footer span:last-child{font-size:1.7rem;line-height:1;color:#d47b61}
.milo-section.is-playing .milo-wuschel-small{animation:milo-small 8s cubic-bezier(.25,.7,.25,1) both}.milo-section.is-playing .milo-wuschel-big{animation:milo-big 8s cubic-bezier(.25,.7,.25,1) both}.milo-section.is-playing .milo-moment-copy strong{animation:milo-text 8s ease both}
@keyframes milo-small{0%,21%{opacity:1;transform:translateX(-50%) scale(.85)}36%,65%{opacity:0;transform:translateX(-50%) scale(.54)}80%,100%{opacity:1;transform:translateX(-50%) scale(.87)}}
@keyframes milo-big{0%,24%{opacity:0;transform:translateX(-50%) scale(.42)}40%,61%{opacity:1;transform:translateX(-50%) scale(1)}78%,100%{opacity:0;transform:translateX(-50%) scale(.48)}}
@keyframes milo-text{0%,25%,100%{transform:translateY(0)}45%{transform:translateY(-3px)}70%{transform:translateY(2px)}}
@media(max-width:900px){.milo-layout{grid-template-columns:1fr;gap:3rem}.milo-cover-wrap{width:min(100%,540px);margin:auto}.milo-copy{max-width:650px;margin:auto}.milo-copy h2{font-size:clamp(3rem,8vw,5rem)}}
@media(max-width:560px){.milo-section{padding:4rem 6%}.milo-heading{font-size:.58rem;letter-spacing:.08em}.milo-cover-wrap{padding:0 3% 0}.milo-cover{border-width:5px}.milo-cover-caption{left:0;top:-1.55rem;font-size:1.05rem}.milo-cover-edition{font-size:.52rem}.milo-layout{gap:2.5rem}.milo-copy h2{font-size:clamp(2.7rem,11vw,4rem)}.milo-moment{min-height:190px;grid-template-columns:42% 1fr}.milo-moment-copy{padding-right:.4rem}.milo-moment-copy strong{font-size:1.12rem}.milo-moment-art img{height:90%}}
@media(prefers-reduced-motion:reduce){.milo-cover{transition:none}.milo-section.is-playing .milo-wuschel-small,.milo-section.is-playing .milo-wuschel-big,.milo-section.is-playing .milo-moment-copy strong{animation:none}.milo-replay{display:none}}
.milo-replay{font-family:inherit;font-size:.75rem;font-weight:700;line-height:1.3}.milo-section.is-playing .milo-wuschel-big{height:108%;bottom:-5%}

/* Two-book overview: a calm editorial bridge from the opening into both story worlds. */
.books-overview{position:relative;overflow:hidden;padding:clamp(4.5rem,8vw,7.5rem) 5%;background:#f8f7f2;color:#1b3045;border-bottom:1px solid #dce3df;scroll-margin-top:1rem}
.books-overview:before{content:"";position:absolute;inset:auto -12vw -32vw auto;width:62vw;height:62vw;border:1px solid #cfa96735;border-radius:50%;box-shadow:0 0 0 5vw #cfa96709,0 0 0 10vw #31577508;pointer-events:none}
.books-overview-inner{position:relative;max-width:1240px;margin:auto}.books-overview-head{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(280px,.65fr);column-gap:clamp(2rem,8vw,8rem);align-items:end;margin-bottom:clamp(2.4rem,5vw,4.5rem)}.books-overview-head .eyebrow{grid-column:1/-1;margin:0 0 1rem}.books-overview-head h2{margin:0;font-size:clamp(3rem,5.3vw,5.8rem);line-height:1.02;letter-spacing:-.072em;font-weight:700}.books-overview-head h2 em{font-style:normal;color:#9c673d}.books-overview-head>p:not(.eyebrow){max-width:500px;margin:0 0 .45rem;color:#596978;font-size:1.05rem;line-height:1.8}
.book-worlds{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:clamp(1rem,2vw,1.7rem)}.book-world{position:relative;display:grid;grid-template-columns:minmax(180px,.82fr) minmax(220px,1.18fr);min-height:390px;overflow:hidden;border-radius:30px;color:inherit;box-shadow:0 20px 55px #1b30451b;transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s}.book-world:hover,.book-world:focus-visible{transform:translateY(-7px);box-shadow:0 30px 70px #1b30452a}.book-world-index{position:absolute;z-index:3;left:1.4rem;top:1.35rem;font-size:.68rem;font-weight:800;letter-spacing:.15em}.book-world-art{position:relative;display:block;min-height:390px;overflow:hidden}.book-world-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:4.6rem clamp(1.5rem,3.2vw,3rem) 2.2rem}.book-world-copy strong{display:block;font-size:clamp(1.75rem,3vw,3rem);line-height:1.03;letter-spacing:-.055em}.book-world-copy strong em{display:block;font-style:normal}.book-world-copy small{display:block;max-width:330px;margin:1.15rem 0 1.6rem;font-size:.92rem;line-height:1.6}.book-world-copy>span{display:flex;align-items:center;gap:.65rem;padding-bottom:.35rem;border-bottom:1px solid currentColor;font-size:.76rem;font-weight:800;letter-spacing:.04em}.book-world-copy>span b{font-size:1rem}
.book-world-leon{background:linear-gradient(135deg,#102641,#173d61);color:#f8f4e9}.book-world-leon .book-world-index{color:#f0c982}.book-world-leon .book-world-art{background:radial-gradient(circle at 55% 50%,#f6d898,#1a3e62 62%,#0c213b)}.book-world-leon .book-world-art img{position:absolute;left:50%;bottom:-5%;width:min(88%,330px);max-width:none;transform:translateX(-50%) rotate(-3deg);border-radius:3px;box-shadow:-7px 9px 0 #071528,0 24px 46px #020a16a8;transition:transform .55s cubic-bezier(.2,.75,.2,1)}.book-world-leon:hover .book-world-art img{transform:translateX(-50%) rotate(-1deg) translateY(-7px)}.book-world-leon .book-world-copy strong em{color:#f0c982}.book-world-leon .book-world-copy small{color:#d5e0e8}
.book-world-milo{grid-template-columns:1fr;background:linear-gradient(145deg,#fff3e2,#f7d8c3);color:#4b3031}.book-world-milo .book-world-index{color:#a4513e}.book-world-milo .book-world-art{min-height:235px}.book-world-milo .book-world-copy{min-height:155px;padding:1rem 1.65rem 1.65rem}.book-world-milo .book-world-copy strong{font-size:clamp(1.7rem,2.55vw,2.65rem)}.book-world-milo .book-world-copy strong em{display:inline;color:#bc4d34}.book-world-milo .book-world-copy small{margin:.75rem 0 1rem;color:#6c5551}.book-world-milo .book-world-art img{position:absolute;height:auto;max-width:none;filter:drop-shadow(0 9px 9px #8f5b4025)}.book-world-milo .world-milo{left:3%;bottom:-14%;width:65%}.book-world-milo .world-wuschel{right:2%;bottom:-8%;width:51%;transform:scaleX(-1);transform-origin:center bottom;transition:transform .55s cubic-bezier(.2,.75,.2,1)}.book-world-milo:hover .world-wuschel{transform:scaleX(-1) scale(1.035)}
@media(max-width:940px){.books-overview-head{grid-template-columns:1fr;gap:1.2rem}.books-overview-head .eyebrow{grid-column:auto}.books-overview-head>p:not(.eyebrow){margin:0}.book-worlds{grid-template-columns:1fr}.book-world{min-height:350px}.book-world-milo{grid-template-columns:minmax(230px,.9fr) minmax(260px,1.1fr)}.book-world-milo .book-world-art{min-height:350px}.book-world-milo .book-world-copy{min-height:350px;padding:4.5rem 2rem 2rem}.book-world-milo .world-milo{width:66%;left:0;bottom:0}.book-world-milo .world-wuschel{width:53%;right:-1%;bottom:3%}}
@media(max-width:620px){.books-overview{padding:4.25rem 5%}.books-overview-head{margin-bottom:2rem}.books-overview-head h2{font-size:clamp(2.8rem,13vw,4.2rem)}.book-world,.book-world-milo{grid-template-columns:1fr;min-height:0;border-radius:23px}.book-world-art,.book-world-milo .book-world-art{min-height:270px}.book-world-copy,.book-world-milo .book-world-copy{min-height:0;padding:1.35rem 1.4rem 1.6rem}.book-world-copy strong,.book-world-milo .book-world-copy strong{font-size:clamp(1.8rem,8.2vw,2.5rem)}.book-world-copy small{margin:.8rem 0 1.1rem}.book-world-leon .book-world-art img{width:min(67%,270px);bottom:-12%}.book-world-milo .world-milo{left:1%;bottom:-7%;width:62%}.book-world-milo .world-wuschel{right:2%;bottom:-2%;width:49%}}

/* Open storybook composition: no cover, card or manual replay control. */
.milo-showcase{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 52% 55%,#fffaf0 0%,#fff4e5 55%,#fbe9d9 100%);color:#3b3032;padding:clamp(4.5rem,7vw,7rem) 5% clamp(4rem,6vw,6rem)}
.milo-showcase:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 17% 65%,#f4c6a050,transparent 30%),radial-gradient(circle at 82% 63%,#f6a76f3a,transparent 32%);pointer-events:none}
.milo-showcase-inner{max-width:1140px;margin:auto;text-align:center}.milo-showcase-kicker{margin:0 0 1.1rem;font-size:.82rem;font-weight:800;letter-spacing:.17em;color:#9c5c42}
.milo-showcase-title{margin:0 auto;font-family:"Trebuchet MS",Arial,sans-serif;font-size:clamp(3.1rem,6.5vw,6.3rem);font-weight:900;line-height:1.1;letter-spacing:-.07em;text-wrap:balance}.milo-showcase-title span{color:#315d88}.milo-showcase-title small{display:inline-block;margin:0 .03em;color:#794633;font-family:Georgia,serif;font-size:.43em;font-style:italic;font-weight:700;letter-spacing:-.05em;transform:rotate(-5deg) translateY(-.11em)}.milo-showcase-title em{color:#c44a30;font-style:normal}
.milo-play-scene{position:relative;width:min(100%,900px);height:clamp(350px,42vw,510px);margin:clamp(1rem,2.5vw,2.4rem) auto 1.2rem}.milo-play-scene:after{content:"";position:absolute;left:16%;right:12%;bottom:2%;height:6%;z-index:-1;border-radius:50%;background:#79554322;filter:blur(13px)}.milo-feeling-glow{position:absolute;right:2%;bottom:-2%;width:54%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f6ac674d 0%,#f8c49728 38%,transparent 70%);opacity:.45;pointer-events:none}.milo-playing{position:absolute;left:7%;bottom:0;width:54%;height:auto;filter:drop-shadow(0 10px 10px #8f604523)}.milo-wuschel{position:absolute;right:4%;bottom:0;width:44%;aspect-ratio:1;transform:scale(.61);transform-origin:50% 92%;filter:drop-shadow(0 8px 9px #a0543927)}.milo-wuschel img{position:absolute;left:0;bottom:0;width:100%;height:auto;max-width:none;transform:scaleX(-1)}.milo-wuschel-calm{opacity:1}.milo-wuschel-angry{opacity:0}
.milo-showcase-lead{max-width:780px;margin:0 auto .75rem;font-size:clamp(1.45rem,2.4vw,2.2rem);font-weight:800;line-height:1.3;letter-spacing:-.045em;color:#413438;text-wrap:balance}.milo-showcase-note{max-width:700px;margin:0 auto;color:#715e59;font-size:1.03rem;line-height:1.65}.milo-showcase-note span{color:#a94e36;font-weight:700;white-space:nowrap}
.milo-showcase.is-in-view .milo-wuschel{animation:milo-grow-calm 12s ease-in-out infinite}.milo-showcase.is-in-view .milo-wuschel-calm{animation:milo-calm-face 12s ease-in-out infinite}.milo-showcase.is-in-view .milo-wuschel-angry{animation:milo-angry-face 12s ease-in-out infinite}.milo-showcase.is-in-view .milo-feeling-glow{animation:milo-glow-grow 12s ease-in-out infinite}
@keyframes milo-grow-calm{0%,17%{transform:scale(.61)}45%,56%{transform:scale(1.08)}85%,100%{transform:scale(.61)}}
@keyframes milo-calm-face{0%,39%{opacity:1}43%,63%{opacity:0}67%,100%{opacity:1}}
@keyframes milo-angry-face{0%,39%{opacity:0}43%,63%{opacity:1}67%,100%{opacity:0}}
@keyframes milo-glow-grow{0%,20%,100%{opacity:.35;transform:scale(.8)}48%,57%{opacity:.9;transform:scale(1.13)}}
@media(max-width:660px){.milo-showcase{padding:4rem 5% 4.5rem}.milo-showcase-kicker{font-size:.73rem;letter-spacing:.11em}.milo-showcase-title{font-size:clamp(2.65rem,10vw,4.2rem);line-height:1.07}.milo-showcase-title small{font-size:.48em}.milo-showcase-title em{display:block}.milo-play-scene{height:clamp(290px,78vw,440px);margin:.5rem auto .8rem}.milo-playing{left:-2%;width:64%}.milo-wuschel{right:-3%;width:53%}.milo-feeling-glow{right:-12%;width:70%}.milo-showcase-lead{font-size:clamp(1.45rem,5.5vw,1.8rem)}.milo-showcase-note{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.milo-showcase.is-in-view .milo-wuschel,.milo-showcase.is-in-view .milo-wuschel-calm,.milo-showcase.is-in-view .milo-wuschel-angry,.milo-showcase.is-in-view .milo-feeling-glow{animation:none}.milo-wuschel{transform:scale(.72)}}

/* Leon overview card: the complete current cover is now the direct book entry. */
.book-world{width:100%;padding:0;border:0;-webkit-appearance:none;appearance:none;font:inherit;text-align:left;cursor:pointer}
.book-world-leon .book-world-art{background:radial-gradient(circle at 52% 47%,#315d82 0,#173d61 53%,#0c213b 100%)}
.book-world-leon .book-world-art img{left:50%;top:52%;bottom:auto;width:min(74%,300px);height:auto;transform:translate(-50%,-50%) rotate(-3deg);border-radius:4px 8px 8px 4px;box-shadow:-7px 5px 0 #071528,5px 5px 0 #e7ddc8,0 24px 46px #020a16a8}
.book-world-leon:hover .book-world-art img,.book-world-leon:focus-visible .book-world-art img{transform:translate(-50%,-53%) rotate(-1deg)}
@media(max-width:620px){
  .book-world-leon .book-world-art{min-height:315px}
  .book-world-leon .book-world-art img{top:54%;bottom:auto;width:min(73%,255px)}
}

/* October cover refresh and final desktop dialog balance. */
.story-pages{box-shadow:0 7px 0 #17263a,0 13px 20px #0c1b2e42,0 24px 38px #14243a38}
.story-book-shadow{left:8%;right:8%;bottom:-4%;height:8%;background:radial-gradient(ellipse at center,#07182f70 0%,#1529432b 45%,transparent 76%);filter:blur(8px)}

@media(min-width:821px){
  .milo-dialog-titlebar{width:min(640px,60%);margin:2.8rem auto -3.2rem}
  .milo-dialog-layout{padding-top:1.5rem;align-items:start}
  .milo-dialog-visual{min-height:510px}
  .milo-dialog-boy{bottom:14%}
  .milo-dialog-wuschel{bottom:15%}
  .milo-dialog-glow{bottom:8%}
}

/* Two calmer, roomier book entrances. All detail content opens in a dialog. */
.books-overview{padding:clamp(6rem,10vw,9rem) 5%}
.books-overview-inner{max-width:1320px}
.books-overview-head{margin-bottom:clamp(3.8rem,6vw,5.8rem)}
.book-worlds{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.6rem,3vw,2.6rem)}
.book-world{grid-template-columns:1fr;min-height:0;border-radius:34px}
.book-world-art,.book-world-milo .book-world-art{min-height:360px}
.book-world-copy,.book-world-milo .book-world-copy{min-height:235px;padding:2rem clamp(1.7rem,3vw,2.6rem) 2.2rem}
.book-world-copy strong,.book-world-milo .book-world-copy strong{font-size:clamp(2rem,3.25vw,3.25rem)}
.book-world-leon .book-world-art img{top:55%;width:min(60%,292px)}
.book-world-note{position:absolute;z-index:2;left:1.8rem;top:4.7rem;color:#f5dcae;font-family:Georgia,serif;font-size:clamp(.9rem,1.3vw,1.12rem);font-style:italic;line-height:1.18;transform:rotate(-6deg);text-shadow:0 2px 12px #071528}
.book-world-milo .book-world-art{background:radial-gradient(circle at 62% 52%,#fff9ed 0,#f8dfc8 52%,#f2cdb5 100%)}
.book-world-milo .world-milo{left:7%;bottom:-8%;width:57%}
.book-world-milo .world-wuschel{right:4%;bottom:-1%;width:43%}
@media(max-width:940px){
  .book-worlds{grid-template-columns:1fr;gap:2rem}
  .book-world,.book-world-milo{grid-template-columns:minmax(240px,.9fr) minmax(290px,1.1fr);min-height:420px}
  .book-world-art,.book-world-milo .book-world-art{min-height:420px}
  .book-world-copy,.book-world-milo .book-world-copy{min-height:420px;padding:5.5rem 2.4rem 2.5rem}
  .book-world-leon .book-world-art img{top:55%;width:min(69%,290px)}
  .book-world-milo .world-milo{left:1%;bottom:0;width:66%}
  .book-world-milo .world-wuschel{right:0;bottom:3%;width:51%}
}
@media(max-width:620px){
  .books-overview{padding:5.5rem 5% 6.5rem}
  .books-overview-head{margin-bottom:3rem}
  .book-worlds{gap:1.7rem}
  .book-world,.book-world-milo{grid-template-columns:1fr;min-height:0;border-radius:25px}
  .book-world-art,.book-world-milo .book-world-art{min-height:335px}
  .book-world-copy,.book-world-milo .book-world-copy{min-height:0;padding:1.75rem 1.55rem 2rem}
  .book-world-leon .book-world-art img{top:56%;width:min(70%,255px)}
  .book-world-note{left:1.35rem;top:4.4rem;font-size:.92rem}
  .book-world-milo .world-milo{left:1%;bottom:-3%;width:64%}
  .book-world-milo .world-wuschel{right:1%;bottom:1%;width:49%}
}

/* Milo detail dialog: a feeling grows, peaks and settles again. */
.milo-dialog{width:min(1180px,calc(100vw - 32px));max-height:92dvh;margin:auto;padding:0;border:0;border-radius:30px;background:transparent;color:#413438;overflow:visible}
.milo-dialog::backdrop{background:#281713d9;backdrop-filter:blur(8px)}
.milo-dialog-card{position:relative;max-height:92dvh;overflow-x:hidden;overflow-y:auto;border:1px solid #f5d5ba;border-radius:30px;background:radial-gradient(circle at 20% 35%,#fff9ed 0,#fbecd9 45%,#f6ddca 100%);box-shadow:0 40px 110px #1d0e0b99;isolation:isolate}
.milo-dialog-close{position:sticky;z-index:10;display:flex;align-items:center;gap:.75rem;top:1rem;margin:1rem 1rem -3.4rem auto;padding:.68rem .78rem .68rem 1rem;border:1px solid #8e5a493b;border-radius:999px;background:#fff9efeb;color:#6b433c;font-size:.78rem;font-weight:800;cursor:pointer;box-shadow:0 8px 24px #6f3e2822;backdrop-filter:blur(8px)}
.milo-dialog-close span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#bb563f;color:#fff;font-size:1.2rem;line-height:1}
.milo-dialog-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(370px,.95fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(4.5rem,7vw,7rem) clamp(2rem,5vw,5rem) clamp(3.5rem,6vw,5rem)}
.milo-dialog-visual{position:relative;min-height:590px}
.milo-dialog-visual:after{content:"";position:absolute;left:7%;right:2%;bottom:4%;height:8%;z-index:-1;border-radius:50%;background:#854e3929;filter:blur(16px)}
.milo-dialog-boy{position:absolute;z-index:2;left:-3%;bottom:3%;width:63%;height:auto;filter:drop-shadow(0 12px 13px #79503d2d)}
.milo-dialog-wuschel{position:absolute;z-index:3;right:-2%;bottom:4%;width:52%;aspect-ratio:1;transform:scale(.54);transform-origin:50% 92%;filter:drop-shadow(0 13px 14px #8d3d2c35)}
.milo-dialog-wuschel img{position:absolute;left:0;bottom:0;width:100%;height:auto;max-width:none;transform:scaleX(-1)}
.milo-dialog-wuschel-calm{opacity:1}.milo-dialog-wuschel-angry{opacity:0}
.milo-dialog-glow{position:absolute;z-index:0;right:-12%;bottom:-2%;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffae5d70 0,#f5835c38 37%,transparent 69%);opacity:.28;transform:scale(.7)}
.milo-dialog-word{position:absolute;z-index:5;padding:.45rem .75rem;border-radius:999px;background:#fff9efdc;color:#a44b39;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 8px 22px #7b3e2b25;opacity:0}
.word-small{right:12%;top:21%}.word-big{right:4%;top:12%;background:#bb503e;color:#fff4df;font-size:1rem}.word-calm{right:14%;top:22%;color:#55705f}
.milo-dialog-copy{position:relative;z-index:4}
.milo-dialog-kicker{margin:0 0 1rem;color:#a75640;font-size:.72rem;font-weight:900;letter-spacing:.17em}
.milo-dialog-copy h2{max-width:570px;margin:0 0 1.35rem;color:#3d3033;font-size:clamp(2.6rem,4.7vw,5.2rem);font-weight:800;line-height:.99;letter-spacing:-.068em;text-wrap:balance}
.milo-dialog-copy h2 em{display:block;color:#bd4e37;font-style:normal}
.milo-dialog-lead{max-width:560px;margin:0 0 1.35rem;color:#573b3e!important;font-size:clamp(1.2rem,1.7vw,1.45rem)!important;font-weight:800;line-height:1.45!important}
.milo-dialog-copy>p:not(.milo-dialog-kicker):not(.milo-dialog-lead){max-width:590px;margin:.7rem 0;color:#725f5b;font-size:1rem;line-height:1.72}
.milo-dialog-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.45rem 0}
.milo-dialog-meta span{padding:.5rem .75rem;border:1px solid #bd765a61;border-radius:999px;background:#fff9ef80;color:#845247;font-size:.72rem;font-weight:800}
.milo-dialog-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:1.35rem 0}
.milo-dialog-themes span{display:flex;flex-direction:column;gap:.45rem;min-height:84px;padding:.8rem;border:1px solid #b8695245;border-radius:15px;background:#fffaf199;color:#664b49;font-size:.74rem;font-weight:800;line-height:1.35}
.milo-dialog-themes b{color:#c15d45;font-size:.65rem;letter-spacing:.12em}
.milo-dialog-availability{display:flex;align-items:center;gap:.8rem;margin-top:1.4rem;padding:1rem 1.1rem;border-radius:17px;background:#47353a;color:#fff9ef}
.milo-dialog-availability>span{width:10px;height:10px;border-radius:50%;background:#ed9a5c;box-shadow:0 0 0 6px #ed9a5c25,0 0 18px #ed9a5c}
.milo-dialog-availability strong,.milo-dialog-availability small{display:block}.milo-dialog-availability strong{font-size:.9rem}.milo-dialog-availability small{margin-top:.25rem;color:#e7d4c9;font-size:.73rem}
.milo-dialog-ripples{position:absolute;z-index:0;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.milo-dialog-ripples i{position:absolute;left:34%;top:50%;width:90px;aspect-ratio:1;border:2px solid #d96b4b50;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.2)}
.milo-dialog[open]{animation:milo-dialog-in .48s cubic-bezier(.2,.78,.25,1) both}
.milo-dialog[open]::backdrop{animation:popup-backdrop-in .35s ease-out both}
.milo-dialog[open] .milo-dialog-boy{animation:milo-boy-in .85s cubic-bezier(.2,.8,.2,1) .08s both}
.milo-dialog[open] .milo-dialog-copy{animation:milo-copy-in .6s ease-out .55s both}
.milo-dialog[open] .milo-dialog-wuschel{animation:milo-popup-grow 7.2s cubic-bezier(.25,.72,.28,1) .25s both}
.milo-dialog[open] .milo-dialog-wuschel-calm{animation:milo-popup-calm 7.2s ease .25s both}
.milo-dialog[open] .milo-dialog-wuschel-angry{animation:milo-popup-angry 7.2s ease .25s both}
.milo-dialog[open] .milo-dialog-glow{animation:milo-popup-glow 7.2s ease .25s both}
.milo-dialog[open] .word-small{animation:milo-word-small 7.2s ease .25s both}.milo-dialog[open] .word-big{animation:milo-word-big 7.2s ease .25s both}.milo-dialog[open] .word-calm{animation:milo-word-calm 7.2s ease .25s both}
.milo-dialog[open] .milo-dialog-ripples i{animation:milo-ripple 2.4s ease-out 2.5s both}.milo-dialog[open] .milo-dialog-ripples i:nth-child(2){animation-delay:2.85s}.milo-dialog[open] .milo-dialog-ripples i:nth-child(3){animation-delay:3.2s}
@keyframes milo-dialog-in{from{opacity:0;transform:translateY(24px) scale(.93)}to{opacity:1;transform:none}}
@keyframes milo-boy-in{from{opacity:0;transform:translateX(-35px) scale(.9)}to{opacity:1;transform:none}}
@keyframes milo-copy-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes milo-popup-grow{0%,17%{transform:scale(.54) rotate(-2deg)}48%,61%{transform:scale(1.08) rotate(2deg)}88%,100%{transform:scale(.62) rotate(0)}}
@keyframes milo-popup-calm{0%,37%{opacity:1}44%,66%{opacity:0}74%,100%{opacity:1}}
@keyframes milo-popup-angry{0%,37%{opacity:0}44%,66%{opacity:1}74%,100%{opacity:0}}
@keyframes milo-popup-glow{0%,15%{opacity:.25;transform:scale(.7)}49%,63%{opacity:.95;transform:scale(1.14)}88%,100%{opacity:.22;transform:scale(.76)}}
@keyframes milo-word-small{0%,5%{opacity:0;transform:translateY(8px)}10%,19%{opacity:1;transform:none}25%,100%{opacity:0}}
@keyframes milo-word-big{0%,42%{opacity:0;transform:scale(.7)}49%,61%{opacity:1;transform:scale(1)}68%,100%{opacity:0;transform:scale(.8)}}
@keyframes milo-word-calm{0%,76%{opacity:0;transform:translateY(8px)}84%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes milo-ripple{0%{opacity:.75;transform:translate(-50%,-50%) scale(.15)}100%{opacity:0;transform:translate(-50%,-50%) scale(9)}}
@media(max-width:820px){
  .milo-dialog{inset:8px;width:auto;max-width:none;height:auto;max-height:none;margin:0;border-radius:20px}
  .milo-dialog-card{max-height:calc(100dvh - 16px);border-radius:20px}
  .milo-dialog-layout{grid-template-columns:1fr;gap:1rem;padding:4.5rem 6% 3rem}
  .milo-dialog-visual{min-height:430px;width:min(100%,620px);margin:auto}
  .milo-dialog-copy{max-width:650px;margin:auto}
}
@media(max-width:540px){
  .milo-dialog-close{top:.65rem;margin:.65rem .65rem -3rem auto}
  .milo-dialog-layout{padding:4rem 5% 2.5rem}
  .milo-dialog-visual{min-height:315px}
  .milo-dialog-boy{left:-7%;width:66%}
  .milo-dialog-wuschel{right:-5%;width:55%}
  .milo-dialog-copy h2{font-size:clamp(2.45rem,12vw,3.6rem)}
  .milo-dialog-copy>p:not(.milo-dialog-kicker):not(.milo-dialog-lead){font-size:.96rem}
  .milo-dialog-themes{grid-template-columns:1fr}
  .milo-dialog-themes span{min-height:0;flex-direction:row;align-items:center;gap:.7rem}
  .milo-dialog-word{font-size:.58rem}.word-big{font-size:.72rem}
}
@media(prefers-reduced-motion:reduce){
  .milo-dialog[open],.milo-dialog[open]::backdrop,.milo-dialog[open] .milo-dialog-boy,.milo-dialog[open] .milo-dialog-copy,.milo-dialog[open] .milo-dialog-wuschel,.milo-dialog[open] .milo-dialog-wuschel-calm,.milo-dialog[open] .milo-dialog-wuschel-angry,.milo-dialog[open] .milo-dialog-glow,.milo-dialog[open] .milo-dialog-word,.milo-dialog[open] .milo-dialog-ripples i{animation:none}
  .milo-dialog-wuschel{transform:scale(.62)}.milo-dialog-ripples,.milo-dialog-word{display:none}
}

/* Final breathing room for the two book worlds. */
.book-world-art,.book-world-milo .book-world-art{min-height:470px}
.book-world-leon .book-world-art img{top:62%;width:min(62%,300px)}
.book-world-note{left:2rem;top:5.7rem;max-width:180px;font-size:1.08rem;line-height:1.24}
.book-world-copy,.book-world-milo .book-world-copy{min-height:255px;padding-top:2.35rem;padding-bottom:2.55rem}
@media(max-width:940px){
  .book-world,.book-world-milo{min-height:470px}
  .book-world-art,.book-world-milo .book-world-art{min-height:470px}
  .book-world-leon .book-world-art img{top:62%;width:min(70%,300px)}
  .book-world-copy,.book-world-milo .book-world-copy{min-height:470px}
}
@media(max-width:620px){
  .book-worlds{gap:2.5rem}
  .book-world,.book-world-milo{min-height:0}
  .book-world-art,.book-world-milo .book-world-art{min-height:470px}
  .book-world-leon .book-world-art img{top:64%;width:min(74%,275px)}
  .book-world-note{left:1.55rem;top:5.6rem;max-width:180px;font-size:1.04rem;line-height:1.22}
  .book-world-copy,.book-world-milo .book-world-copy{min-height:0;padding:2.15rem 1.65rem 2.4rem}
}

/* Individual pacing: Leon breathes, Milo starts sooner. */
.book-world-leon .book-world-art{min-height:540px}
.book-world-leon .book-world-art img{top:63%;width:min(62%,300px)}
.book-world-milo .book-world-art{min-height:390px}
.book-world-milo .world-milo{left:5%;bottom:-4%;width:63%}
.book-world-milo .world-wuschel{right:2%;bottom:1%;width:48%}
@media(max-width:940px){
  .book-world-leon .book-world-art{min-height:520px}
  .book-world-milo .book-world-art{min-height:420px}
}
@media(max-width:620px){
  .book-world-leon .book-world-art{min-height:540px}
  .book-world-leon .book-world-art img{top:63%;width:min(74%,275px)}
  .book-world-milo .book-world-art{min-height:350px}
  .book-world-milo .world-milo{left:-1%;bottom:-2%;width:68%}
  .book-world-milo .world-wuschel{right:-1%;bottom:1%;width:53%}
}

/* The original hand-painted Milo title now leads the popup. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.milo-dialog-titlebar{position:relative;z-index:5;width:min(760px,72%);margin:clamp(4.6rem,7vw,5.8rem) auto -1.2rem;padding:0 1rem}
.milo-dialog-titlebar img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 14px #7d382c1a)}
.milo-dialog-layout{padding-top:clamp(2.5rem,4vw,3.5rem)}
.milo-dialog-copy .milo-dialog-heading{max-width:570px;margin:0 0 1.35rem;color:#3d3033;font-size:clamp(2.25rem,3.9vw,4.35rem);font-weight:800;line-height:1.01;letter-spacing:-.065em;text-wrap:balance}
.milo-dialog-copy .milo-dialog-heading em{display:block;color:#bd4e37;font-style:normal}
.milo-dialog[open] .milo-dialog-titlebar{animation:milo-title-in .72s cubic-bezier(.2,.8,.2,1) .16s both}
@keyframes milo-title-in{from{opacity:0;transform:translateY(-18px) scale(.92)}to{opacity:1;transform:none}}
@media(max-width:820px){
  .milo-dialog-titlebar{width:min(88%,690px);margin:5.2rem auto -.4rem}
  .milo-dialog-layout{padding-top:1.6rem}
}
@media(max-width:540px){
  .milo-dialog-titlebar{width:92%;margin:4.8rem auto .1rem;padding:0 .4rem}
  .milo-dialog-layout{padding-top:1rem}
  .milo-dialog-visual{min-height:285px}
  .milo-dialog-copy .milo-dialog-heading{font-size:clamp(2.1rem,10.5vw,3.15rem)}
}
@media(prefers-reduced-motion:reduce){.milo-dialog[open] .milo-dialog-titlebar{animation:none}}

/* Final polish: balanced cover spacing, cohesive dialog entrances and restrained page depth. */
.book-world-leon .book-world-art{min-height:460px}
.book-world-leon .book-world-art img{top:55%;width:min(64%,300px)}

.book-dialog[open]{animation:popup-shell-in .36s cubic-bezier(.2,.78,.25,1) both}
.book-dialog[open] .dialog-layout{animation:popup-layout-in .42s ease-out .06s both}
.book-dialog[open] .dialog-visual{animation:popup-book-arrive 1.02s cubic-bezier(.18,.78,.2,1) .08s both}
.book-dialog[open] .dialog-copy{animation:popup-copy-in .44s ease-out .4s both}
.book-dialog[open] .popup-magic{animation:popup-magic-stage 1.8s ease-out both}
.book-dialog[open] .magic-orbit{animation:popup-orbit 1.55s cubic-bezier(.18,.76,.2,1) .06s both}
.book-dialog[open] .popup-magic i{animation:popup-spark .9s ease-out calc(.12s + var(--spark-delay,0s)) both}

.milo-dialog[open]{animation:milo-dialog-in .38s cubic-bezier(.2,.78,.25,1) both}
.milo-dialog[open] .milo-dialog-titlebar{animation:milo-title-in .56s cubic-bezier(.2,.8,.2,1) .06s both}
.milo-dialog[open] .milo-dialog-boy{animation:milo-boy-in .68s cubic-bezier(.2,.8,.2,1) .1s both}
.milo-dialog[open] .milo-dialog-copy{animation:milo-copy-in .46s ease-out .34s both}

.motion-ready .author-signature-wrap.is-writing+.author-mail{animation:signature-link-in .55s ease 2.35s both}

@media(min-width:681px){
  .book-reader{filter:drop-shadow(0 15px 19px #03081559)}
  .reader-cover{box-shadow:0 8px 0 #060d1d,7px 13px 18px #0207135c}
  .book-reader .reading-spread.is-turning-forward{box-shadow:7px 2px 14px #040a1945}
  .book-reader .reading-spread.is-turning-backward{box-shadow:-7px 2px 14px #040a1945}
  .book-reader .reading-spread.is-turning-forward:after,.book-reader .reading-spread.is-turning-backward:after{background:linear-gradient(90deg,#0000 42%,#8a765226 68%,#fff6 97%)}
}

@media(max-width:940px){
  .book-world-leon .book-world-art{min-height:455px}
  .book-world-leon .book-world-art img{top:54%;width:min(70%,292px)}
}

@media(max-width:680px){
  .book-dialog[open]{animation:popup-shell-in .3s cubic-bezier(.2,.78,.25,1) both}
  .book-dialog[open] .dialog-layout{animation:popup-layout-in .38s ease-out .04s both}
  .book-dialog[open] .dialog-visual{animation:popup-book-arrive .7s cubic-bezier(.18,.78,.2,1) .06s both}
  .book-dialog[open] .dialog-copy{animation:popup-copy-in .38s ease-out .24s both}
  .book-dialog[open] .dialog-close{animation:popup-copy-in .25s ease-out .08s both}
}

@media(max-width:620px){
  .book-world-leon .book-world-art{min-height:450px}
  .book-world-leon .book-world-art img{top:55%;width:min(74%,275px)}
}

@media(prefers-reduced-motion:reduce){
  .book-dialog[open],.book-dialog[open]::backdrop,.book-dialog[open] .dialog-layout,.book-dialog[open] .dialog-visual,.book-dialog[open] .dialog-copy,.book-dialog[open] .dialog-close,.book-dialog[open] .popup-magic,.book-dialog[open] .magic-orbit,.book-dialog[open] .popup-magic i,.milo-dialog[open],.milo-dialog[open]::backdrop,.milo-dialog[open] .milo-dialog-titlebar,.milo-dialog[open] .milo-dialog-boy,.milo-dialog[open] .milo-dialog-copy{animation:none}
}

/* Editorial story line and matching availability note for Leon. */
.book-world-note{left:50%;top:4.25rem;display:flex;align-items:center;gap:.55rem;width:max-content;max-width:calc(100% - 3rem);color:#f2d49a;font-size:.96rem;font-style:italic;line-height:1.2;letter-spacing:.015em;text-align:center;transform:translateX(-50%);text-shadow:0 2px 12px #071528}
.book-world-note:before,.book-world-note:after{content:"";width:22px;height:1px;background:#efc87d80}
.leon-dialog-availability{display:flex;align-items:center;gap:.8rem;margin-top:1.35rem;padding:1rem 1.1rem;border:1px solid #e7c27630;border-radius:17px;background:#091b33;color:#fff9ef;box-shadow:inset 0 1px #ffffff0d}
.leon-dialog-availability>span{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#efc56f;box-shadow:0 0 0 6px #efc56f20,0 0 18px #efc56f80}
.leon-dialog-availability strong,.leon-dialog-availability small{display:block}.leon-dialog-availability strong{font-size:.9rem}.leon-dialog-availability small{margin-top:.25rem;color:#cbd8e6;font-size:.73rem;line-height:1.4}
@media(max-width:620px){.book-world-note{top:4.1rem;font-size:.9rem}.book-world-note:before,.book-world-note:after{width:16px}.leon-dialog-availability{align-items:flex-start}}

/* Final card balance: both book previews share one visual rhythm. */
.book-world-leon .book-world-art,
.book-world-milo .book-world-art{min-height:460px}
.book-world-milo .world-milo{left:4%;bottom:5%;width:65%}
.book-world-milo .world-wuschel{right:1%;bottom:8%;width:50%}

@media(max-width:940px){
  .book-world-leon .book-world-art,
  .book-world-milo .book-world-art{min-height:455px}
  .book-world-milo .world-milo{left:0;bottom:5%;width:68%}
  .book-world-milo .world-wuschel{right:-1%;bottom:9%;width:53%}
}

@media(max-width:620px){
  .book-world-leon .book-world-art,
  .book-world-milo .book-world-art{min-height:420px}
  .book-world-leon .book-world-art img{top:56%;width:min(72%,270px)}
  .book-world-milo .world-milo{left:-1%;bottom:5%;width:70%}
  .book-world-milo .world-wuschel{right:-2%;bottom:9%;width:55%}
}

/* Final desktop correction: keep the title, artwork and copy visually connected. */
@media(min-width:821px){
  .milo-dialog-titlebar{width:min(640px,60%);margin:2.8rem auto -3.2rem}
  .milo-dialog-layout{padding-top:1.5rem;align-items:start}
  .milo-dialog-visual{min-height:510px}
  .milo-dialog-boy{bottom:14%}
  .milo-dialog-wuschel{bottom:15%}
  .milo-dialog-glow{bottom:8%}
}

/* The two story cards share a measured art and copy area. */
@media(min-width:941px){
  .book-worlds{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
  .book-world,.book-world-milo{grid-template-columns:1fr;grid-template-rows:460px 255px;height:100%}
  .book-world-leon .book-world-art,.book-world-milo .book-world-art{min-height:0}
  .book-world-copy,.book-world-milo .book-world-copy{min-height:0}
  .book-world-milo .world-milo{left:8%;bottom:4%;width:55%}
  .book-world-milo .world-wuschel{right:5%;bottom:8%;width:44%}
}
.book-world-milo .book-world-note{color:#874536;text-shadow:0 1px 12px #fff6ed}
.book-world-milo .book-world-note:before,.book-world-milo .book-world-note:after{background:#ac614b72}

/* The hand-painted title belongs with Milo's illustration on desktop. */
@media(min-width:821px){
  .milo-dialog-layout{
    grid-template-areas:"title copy" "art copy";
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:auto 1fr;
    column-gap:clamp(2rem,4vw,3.5rem);
    row-gap:0;
    padding:3.7rem clamp(2rem,4vw,3.6rem) 3rem;
  }
  .milo-dialog-titlebar{grid-area:title;width:min(100%,540px);margin:0 auto;padding:0}
  .milo-dialog-visual{grid-area:art;min-height:420px}
  .milo-dialog-copy{grid-area:copy;padding-top:1.6rem}
  .milo-dialog-boy{bottom:3%}
  .milo-dialog-wuschel{bottom:5%}
  .milo-dialog-glow{bottom:0}
}
@media(max-width:820px){
  .milo-dialog-layout{grid-template-areas:"title" "art" "copy";row-gap:0}
  .milo-dialog-titlebar{grid-area:title;width:min(88%,690px);margin:0 auto;padding:0}
  .milo-dialog-visual{grid-area:art}
  .milo-dialog-copy{grid-area:copy;padding-top:0}
}
@media(max-width:620px){
  .book-world,.book-world-milo{grid-template-rows:420px minmax(245px,auto)}
  .book-world-leon .book-world-art,.book-world-milo .book-world-art{min-height:0}
  .book-world-copy,.book-world-milo .book-world-copy{min-height:245px}
  .book-world-milo .book-world-note{font-size:.86rem}
}

/* Keep the word vignette inside the page without clipping the 3D page turn. */
.story-word-layer{position:absolute;inset:0;z-index:3;overflow:hidden;border-radius:inherit;pointer-events:none;contain:paint}
.story-page-word:before{inset:-.65em -1.1em -.7em -.75em;filter:blur(9px)}

/* More space between the editorial caption and the cover, in the same card. */
.book-world-leon .book-world-note{top:3.85rem;font-size:clamp(.95rem,1.1vw,1.08rem);line-height:1.3;letter-spacing:0}
.book-world-leon .book-world-art img{top:58%;width:min(62%,292px)}
.book-world-leon .book-world-note:before,.book-world-leon .book-world-note:after{width:18px}
@media(max-width:620px){
  .book-world-leon .book-world-art img{top:60%;width:min(70%,260px)}
  .book-world-leon .book-world-note{top:3.8rem;font-size:.95rem}
  .book-world-leon .book-world-note:before,.book-world-leon .book-world-note:after{width:12px}
}

/* Two quiet, floating book covers: starlight for Leon and warm feeling rings for Milo. */
.book-world-art{isolation:isolate}
.book-world-art:before,.book-world-art:after{content:"";position:absolute;pointer-events:none}
.book-world-leon .book-world-art:before{z-index:0;inset:9% 6% 2%;background:radial-gradient(circle at 14% 29%,#ffdf9a 0 2px,transparent 3px),radial-gradient(circle at 79% 21%,#fff0c5 0 1.5px,transparent 3px),radial-gradient(circle at 85% 68%,#f4ca79 0 2px,transparent 3px),radial-gradient(circle at 24% 74%,#fff1c8 0 1px,transparent 3px),radial-gradient(circle at 66% 47%,#f7d692 0 1px,transparent 2px),radial-gradient(circle at 36% 17%,#ffffff 0 1px,transparent 2px),radial-gradient(circle at 8% 56%,#c7ddeb 0 1px,transparent 2px),radial-gradient(circle at 91% 47%,#ffe8ab 0 1.5px,transparent 3px),radial-gradient(circle at 19% 48%,#f5d38c 0 1px,transparent 2px),radial-gradient(circle at 44% 84%,#fff4da 0 1px,transparent 2px),radial-gradient(circle at 72% 81%,#d4e5ed 0 1px,transparent 2px),radial-gradient(circle at 6% 87%,#f6cf87 0 1px,transparent 2px),radial-gradient(circle at 93% 12%,#fff4db 0 1px,transparent 2px),radial-gradient(circle at 31% 38%,#d8e7ee 0 1px,transparent 2px),radial-gradient(circle at 62% 12%,#fbd894 0 1px,transparent 2px);opacity:.8;animation:book-starlight 6.5s ease-in-out infinite alternate}
.book-world-stars{position:absolute;z-index:0;inset:0;pointer-events:none}
.book-world-stars i,.leon-dialog-stars i{position:absolute;font-style:normal;line-height:1;color:#ffe2a0;text-shadow:0 0 9px #ffe1a0a8,0 0 23px #f3b85478;animation:leon-sparkle 5.6s ease-in-out infinite}
.book-world-stars i:before,.leon-dialog-stars i:before{content:"✦"}
.book-world-stars i:nth-child(1){left:14%;top:38%;font-size:16px}
.book-world-stars i:nth-child(2){right:12%;top:29%;font-size:12px;animation-delay:-2.1s}
.book-world-stars i:nth-child(3){right:8%;bottom:21%;font-size:10px;animation-delay:-3.8s}
.book-world-milo .book-world-art{background:radial-gradient(circle at 50% 55%,#fff9ed 2%,#f7dfc9 64%,#f3cdb5 100%)}
.book-world-milo .book-world-art:before{z-index:0;inset:18% 10% 5%;border:1px solid #ce76512e;border-radius:50%;box-shadow:0 0 0 28px #e89d7520,0 0 0 59px #e9b08d12;transform:scale(.86);animation:wuschel-background-breathe 9s ease-in-out infinite}
.book-world-leon .book-world-art:after,.book-world-milo .book-world-art:after{z-index:0;left:24%;right:24%;bottom:7%;height:5%;border-radius:50%;background:#071b3152;filter:blur(17px);opacity:.48}
.book-world-milo .book-world-art:after{background:#91533d68;opacity:.35}
.book-world-leon .book-world-art img,.book-world-milo .book-world-art .world-cover{z-index:1;left:50%;top:59%;bottom:auto;width:min(62%,292px);height:auto;max-width:none;border-radius:4px 8px 8px 4px;transform:translate(-50%,-50%) rotate(-3deg);box-shadow:-6px 6px 0 #0c1d34,4px 5px 0 #eee2c8,0 20px 34px #06152860;filter:none;animation:book-cover-drift 6.8s ease-in-out infinite}
.book-world-milo .book-world-art .world-cover{top:59%;box-shadow:-6px 6px 0 #aa6d56,4px 5px 0 #fffaf0,0 20px 34px #7946304d;animation-delay:-3.4s}
.book-world-leon:hover .book-world-art img,.book-world-leon:focus-visible .book-world-art img,.book-world-milo:hover .book-world-art .world-cover,.book-world-milo:focus-visible .book-world-art .world-cover{animation-duration:4.8s}
@keyframes book-cover-drift{0%,100%{transform:translate(-50%,-50%) rotate(-3deg)}50%{transform:translate(-50%,-53%) rotate(-1deg)}}
@keyframes book-starlight{0%{opacity:.35;transform:translateY(5px)}100%{opacity:.86;transform:translateY(-6px)}}
@keyframes leon-sparkle{0%,100%{opacity:.22;transform:scale(.7)}48%{opacity:.78;transform:scale(1.12)}67%{opacity:.5;transform:scale(.9)}}
@keyframes wuschel-background-breathe{0%,100%{opacity:.44;transform:scale(.86) rotate(-4deg)}50%{opacity:.85;transform:scale(1) rotate(4deg)}}
.dialog-content>.leon-dialog-stars{position:absolute;z-index:0;inset:0 0 auto;height:min(680px,85dvh);overflow:hidden;pointer-events:none;background:radial-gradient(circle at 9% 18%,#f7d28e 0 1px,transparent 2px),radial-gradient(circle at 27% 10%,#d7e9f0 0 1px,transparent 2px),radial-gradient(circle at 47% 24%,#ffe4a4 0 1.5px,transparent 3px),radial-gradient(circle at 72% 12%,#ffe9be 0 1px,transparent 2px),radial-gradient(circle at 91% 31%,#c8dfed 0 1px,transparent 2px),radial-gradient(circle at 83% 63%,#f3ce83 0 1px,transparent 2px),radial-gradient(circle at 11% 65%,#fff0d2 0 1px,transparent 2px),radial-gradient(circle at 36% 83%,#d4e8f1 0 1px,transparent 2px),radial-gradient(circle at 59% 76%,#ffe5ab 0 1px,transparent 2px),radial-gradient(circle at 96% 82%,#f5d999 0 1px,transparent 2px);mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%);animation:leon-sky-breathe 8s ease-in-out infinite alternate}
.leon-dialog-stars i:nth-child(1){left:8%;top:30%;font-size:17px}
.leon-dialog-stars i:nth-child(2){left:45%;top:12%;font-size:12px;animation-delay:-2s}
.leon-dialog-stars i:nth-child(3){right:8%;top:54%;font-size:11px;animation-delay:-4s}
@keyframes leon-sky-breathe{from{opacity:.42}to{opacity:.84}}
@media(min-width:621px) and (max-width:940px){
  .book-world-leon .book-world-art img,.book-world-milo .book-world-art .world-cover{width:min(75%,285px)}
}
@media(max-width:620px){
  .book-world-leon .book-world-art img,.book-world-milo .book-world-art .world-cover{top:59%;width:min(70%,260px)}
  .book-world-leon .book-world-art:after,.book-world-milo .book-world-art:after{bottom:9%}
}
@media(prefers-reduced-motion:reduce){
  .book-world-leon .book-world-art img,.book-world-milo .book-world-art .world-cover,.book-world-leon .book-world-art:before,.book-world-milo .book-world-art:before,.book-world-stars i,.leon-dialog-stars,.leon-dialog-stars i{animation:none}
}
.preview-item{font:inherit;text-align:left;color:inherit;cursor:pointer;position:relative;min-height:108px}
.preview-item .preview-copy{min-width:0;margin:0}
.preview-item .preview-label{color:#efd19d;font-size:.65rem;letter-spacing:.01em;margin-top:.45rem}
.preview-item.is-suggested{border-color:#e9c785;animation:teaser-invitation 2.8s ease-in-out infinite}
.preview-item[aria-expanded="true"]{border-color:#edcc8c;background:#edcc8c15;transform:none;animation:none}
.preview-item.is-viewed:not([aria-expanded="true"]):not(.is-suggested){border-color:#9aafad66}
.preview-item:focus-visible,.teaser-panel button:focus-visible{outline:2px solid #fff0be;outline-offset:4px}
@keyframes teaser-invitation{0%,100%{box-shadow:0 0 0 0 #eac48000}50%{box-shadow:0 0 0 5px #eac48021;background:#eac48012}}
.teaser-panel{margin:1.3rem 0 1.7rem;border:1px solid #ddbd8266;border-radius:18px;padding:1rem;background:#06182c;scroll-margin:2rem;animation:teaser-appear .25s ease-out}
.teaser-panel[hidden],.teaser-panel [hidden]{display:none!important}
@keyframes teaser-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.teaser-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.teaser-header h4{margin:0;font-size:1.12rem;line-height:1.3;color:#f7d69d;font-weight:600;letter-spacing:-.02em}
.teaser-header button{border:1px solid #ffffff38;border-radius:30px;background:#ffffff0b;color:#e3eaf0;padding:.6rem .85rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;font:inherit;font-size:.76rem}
.teaser-header button span{font-size:1.25rem;line-height:1}
.teaser-body video{width:100%;display:block;aspect-ratio:16/9;border-radius:10px;background:#071a2d}
.teaser-caption,.teaser-status{color:#bacadc;font-size:.8rem;line-height:1.6;margin:.85rem .15rem 0}
.teaser-status:empty{display:none}
.teaser-placeholder{padding:2rem 1rem;text-align:center;background:radial-gradient(ellipse at 50% 30%,#234862,#071a2d 75%);border-radius:10px}
.teaser-headphones{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 1rem;border-radius:50%;border:1px solid #ebcd90;color:#ebcd90;font-size:2rem}
.teaser-placeholder strong{display:block;font-size:1.2rem;color:#f6dcaa}
.teaser-placeholder p{margin:.75rem 0 .4rem;font-size:.94rem;color:#e3eaf0}
.teaser-placeholder>span:last-child{font-size:.8rem;color:#b9c8d8}
.teaser-next{margin-top:1rem;padding:.7rem 1rem;border:1px solid #d7b97a66;border-radius:25px;background:#d7b97a15;color:#f3d69f;font:inherit;font-size:.82rem;cursor:pointer}
@media(max-width:520px){.preview-item{min-height:88px}.preview-item .preview-symbol{width:54px;height:54px}.teaser-panel{padding:.8rem}.teaser-header{gap:.5rem}.teaser-header h4{font-size:1rem}.teaser-header button{font-size:.7rem;padding:.5rem .65rem}.teaser-placeholder{padding:1.5rem .8rem}.teaser-placeholder strong{font-size:1.03rem}}
@media(prefers-reduced-motion:reduce){.preview-item.is-suggested,.teaser-panel{animation:none}.preview-item.is-suggested{box-shadow:0 0 0 2px #eac48036}}
.preview-item strong{font-size:.88rem}
.preview-item .preview-copy>span:not(.preview-label){font-size:.78rem}
.preview-item .preview-label{font-size:.75rem}
.teaser-actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem}
.teaser-header button[data-close-teaser]{width:42px;height:42px;display:grid;place-items:center;flex:none;padding:0;font-size:1.5rem}
.teaser-next{min-height:42px;margin:0;padding:.55rem .9rem;border-color:#e1c18088;background:#e1c1801b;color:#ffe0a5;font-size:.82rem;font-weight:700}
.teaser-next:hover{background:#e1c1802b}
.dialog-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0 .4rem;padding-top:1.1rem;border-top:1px solid #ffffff24}
.dialog-preview-footer .dialog-preview-actions{margin:0;justify-content:flex-start}
.dialog-preview .dialog-link{margin:0;padding:.35rem 0;border:0;border-bottom:1px solid #adbdca;border-radius:0;background:transparent;box-shadow:none;color:#c8d5df;font-size:.84rem;font-weight:600;white-space:nowrap}
.dialog-preview .dialog-link:hover,.dialog-preview .dialog-link:focus-visible{background:transparent;color:#fff;border-bottom-color:#fff}
@media(max-width:620px){
  .teaser-header{display:grid;grid-template-columns:1fr;gap:.5rem}
  .teaser-actions{justify-content:space-between;gap:.35rem}
  .teaser-next{min-height:42px;padding:.45rem .6rem;font-size:.76rem}
  .dialog-preview-footer{flex-direction:column;align-items:center;gap:1.15rem}
  .dialog-preview-footer .dialog-preview-actions{justify-content:center}
}

/* Compact audiobook preview; media is fetched only after selection. */
.teaser-audio-intro{display:flex;align-items:center;gap:1.2rem;margin:0 0 1rem}
.teaser-audio-intro img{width:104px;height:104px;flex:none;border-radius:8px;object-fit:cover;box-shadow:0 5px 18px #0005}
.teaser-audio-intro p{margin:0;color:#f6dcaa;font-size:1.15rem;line-height:1.4}
.teaser-body audio{display:block;width:100%;height:54px;color-scheme:dark}
@media(max-width:520px){.teaser-audio-intro{gap:.85rem}.teaser-audio-intro img{width:80px;height:80px}.teaser-audio-intro p{font-size:1rem}}

/* Illustrated book presentation: midnight blue, warm paper and restrained gold. */
.leon-showcase{margin:0 clamp(3rem,6vw,5rem);padding:1rem 0 2.8rem}
.leon-family-banner{position:relative;overflow:hidden;border-radius:20px;background:#081b36;border:1px solid #eacb9233}
.leon-family-banner>img{display:block;width:100%;height:auto}
.leon-family-copy{position:absolute;left:4%;top:50%;width:43%;transform:translateY(-50%)}
.leon-family-copy h3,.leon-book-glimpse h3,.leon-life-head h3{margin:.5rem 0;color:#fff5e5;font-size:clamp(1.5rem,2.6vw,2.4rem);line-height:1.17;letter-spacing:-.035em;font-weight:600}
.leon-family-copy .dialog-kicker{color:#f0cf96;font-size:.65rem;letter-spacing:.15em}
.leon-book-glimpse{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:2.5rem 0}
.leon-book-glimpse>img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 12px 24px #030c1d40}
.leon-book-glimpse p:not(.dialog-kicker){margin:.9rem 0 0;color:#cbd6e4;font-size:1rem;line-height:1.6}
.leon-life-head{margin:.2rem 0 1.4rem}
.leon-life-head h3{font-size:clamp(1.45rem,2.2vw,2rem)}
.leon-life-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.leon-life-grid article{overflow:hidden;min-width:0;border:1px solid #e9ce9f24;border-radius:16px;background:#ffffff05}
.leon-life-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.leon-life-grid article>div{padding:1rem .9rem 1.1rem}
.leon-life-grid h4{margin:0;color:#f0d2a0;font-size:1.05rem;line-height:1.4;font-weight:600}
.leon-life-grid p{margin:.4rem 0 0;color:#cbd6e4;font-size:.86rem;line-height:1.5}
.preview-grid-visual .preview-item{display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;gap:0}
.preview-grid-visual .preview-item>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:none}
.preview-grid-visual .preview-item:last-child>img{object-fit:contain;background:radial-gradient(ellipse,#294262,#10243d);padding:1rem}
.preview-grid-visual .preview-copy{padding:1rem;display:flex;flex-direction:column;flex:1}
.preview-grid-visual .preview-copy strong{font-size:1rem}
@media(max-width:800px){.leon-showcase{margin:0 6%;padding-top:.5rem}.leon-family-copy h3{font-size:clamp(1.1rem,3.4vw,1.8rem)}.leon-book-glimpse{grid-template-columns:1fr;gap:1.2rem;padding:1.8rem 0}.leon-book-glimpse>div{padding:0 .2rem}.leon-book-glimpse h3 br{display:none}.preview-grid-visual .preview-item:last-child{grid-column:auto}.preview-grid-visual{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.leon-family-banner>img{height:260px;object-fit:cover;object-position:80% center}.leon-family-copy{position:relative;left:auto;top:auto;width:auto;transform:none;padding:1.2rem}.leon-family-copy h3{font-size:1.7rem}.leon-family-copy .dialog-kicker{margin-top:0}.leon-life-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:85%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.7rem;scrollbar-color:#d7b97a66 #10243d;scrollbar-width:thin}.leon-life-grid article{scroll-snap-align:start}.leon-life-grid img{aspect-ratio:4/3}.leon-showcase{padding-bottom:1.5rem}.preview-grid-visual{grid-template-columns:1fr}.preview-grid-visual .preview-item{display:grid;grid-template-columns:105px 1fr;align-items:center}.preview-grid-visual .preview-item>img{width:105px;height:120px;aspect-ratio:auto;object-fit:cover}.preview-grid-visual .preview-item:last-child>img{padding:.5rem}.preview-grid-visual .preview-copy{padding:.8rem}.preview-grid-visual .preview-copy strong{font-size:.95rem}}

/* Keep the complete illustrations visible on small screens. */
.leon-life-grid img{aspect-ratio:1;object-fit:contain}
.leon-book-glimpse{border-radius:16px}
@media(max-width:620px){
  .leon-family-banner>img{height:auto;object-fit:contain}
  .leon-life-grid img{aspect-ratio:1;object-fit:contain}
  .preview-grid-visual .preview-item>img{height:105px;object-fit:contain}
}