@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--ink:#151a39;--yellow:#ffe24b;--sky:#38c9f5;--pink:#ff6c9b;--green:#59d85d;--blue:#466cf0;--orange:#ff8c44;--cream:#fff9ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fffdf6;font-family:'Nunito',Arial,sans-serif;font-weight:700;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Baloo 2',Arial,sans-serif;line-height:.98;letter-spacing:-.045em}h1{font-size:clamp(3.2rem,7.7vw,7rem);font-weight:800}h2{font-size:clamp(2.5rem,5.8vw,5rem);font-weight:800}h3{font-weight:800}p{font-size:1.08rem;line-height:1.65}img{display:block;max-width:100%}.wrap{max-width:1260px;margin:auto;padding-left:28px;padding-right:28px}.announcement{background:var(--ink);color:#fff;text-align:center;font-size:.68rem;letter-spacing:.17em;font-weight:900;padding:10px 15px}.announcement span{color:var(--yellow);padding:0 20px}.site-header{background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 5px 0 #151a3910}.header-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1500px;margin:auto;padding:13px 26px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-family:'Baloo 2';font-size:2rem;font-weight:800;line-height:.8;letter-spacing:-.05em}.brand b{color:#f4578c}.brand small{display:block;font-family:'Nunito';font-size:.57rem;letter-spacing:.2em;margin-top:9px}.brand-paw{background:var(--yellow);width:51px;height:51px;border-radius:15px;display:grid;place-items:center;font-size:1.6rem;transform:rotate(-10deg);border:2px solid var(--ink)}.main-nav{display:flex;align-items:center;gap:clamp(10px,1.5vw,23px);flex-wrap:wrap}.main-nav a{font-weight:900;font-size:.69rem;letter-spacing:.05em}.main-nav a:hover,.text-cta:hover{color:#ef4684}.lang-menu{position:relative;flex-shrink:0}.lang-menu button{border:2px solid var(--ink);background:var(--yellow);color:var(--ink);border-radius:12px;padding:12px 14px;cursor:pointer;font-size:.72rem;font-weight:900}.lang-panel{display:none;position:absolute;right:0;top:calc(100% + 10px);background:#fff;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:15px;width:225px;padding:8px;z-index:40}.lang-panel.open,.lang-menu:hover .lang-panel{display:grid}.lang-panel a{padding:10px 12px;border-radius:8px;font-size:.85rem}.lang-panel a:hover{background:var(--yellow)}.btn{display:inline-flex;gap:15px;align-items:center;justify-content:center;padding:17px 24px;border-radius:11px;font-size:.82rem;font-weight:900;letter-spacing:.025em;box-shadow:5px 5px 0 var(--ink);border:2px solid var(--ink);transition:transform .15s,box-shadow .15s}.btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.btn-yellow{background:var(--yellow)}.btn-outline{border-color:#fff;color:#fff;box-shadow:5px 5px 0 #ffffff66}.btn-dark{background:var(--ink);color:#fff}.btn-outline-dark{background:#fff;margin:10px}.eyebrow,.intro-number{font-size:.73rem;letter-spacing:.19em;font-weight:900;text-transform:uppercase}.hero{position:relative;overflow:hidden;background:#32bff0;border-bottom:8px solid var(--ink)}.hero-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:660px;gap:40px;position:relative}.hero-copy{position:relative;z-index:3;padding:72px 0 90px}.hero h1{color:white;font-size:clamp(4.4rem,7.7vw,8.2rem);text-shadow:5px 5px 0 #151a39;line-height:.9;margin:27px 0}.hero h1 em{font-style:normal;color:var(--yellow)}.word-splash{color:var(--pink)}.hero-copy p{font-size:1.25rem;max-width:510px;font-weight:900}.hero-ribbon{display:inline-block;transform:rotate(-2deg);border:3px solid var(--ink);background:var(--yellow);padding:11px 16px;border-radius:8px;font-size:.82rem;font-weight:900;box-shadow:4px 4px var(--ink)}.hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px}.hero-caption{font-size:.81rem;font-weight:900;margin-top:33px}.hero-visual{position:relative;min-height:600px;display:flex;justify-content:center;align-items:center}.sunburst{position:absolute;width:640px;height:640px;background:repeating-conic-gradient(from 0deg,#ffe877 0 12deg,#ffd94c 12deg 24deg);border-radius:50%;border:8px solid var(--ink);transform:rotate(-13deg);opacity:.95}.photo-frame{width:min(72%,420px);height:535px;border:8px solid white;outline:5px solid var(--ink);border-radius:190px 190px 28px 28px;overflow:hidden;position:relative;transform:rotate(5deg);box-shadow:18px 20px 0 #151a3960}.photo-frame img{width:100%;height:100%;object-fit:cover}.hero-sticker{position:absolute;border:3px solid var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;font:900 1.4rem/.95 'Baloo 2';box-shadow:5px 5px 0 var(--ink)}.sticker-a{background:var(--pink);width:145px;height:145px;left:0;top:15%;transform:rotate(-18deg)}.sticker-b{background:#77ed6a;width:130px;height:130px;right:0;bottom:15%;transform:rotate(14deg);font-size:3rem}.sticker-b small{font-size:1rem}.hero-star{position:absolute;font-size:5rem;color:#fff}.s1{top:1%;right:4%}.s2{bottom:6%;left:4%;color:#ff6d9e}.hero-bottom{position:absolute;bottom:0;left:0;right:0;text-align:center;background:var(--ink);color:#fff;padding:12px;font-weight:900;font-size:.75rem;letter-spacing:.12em}.marquee{background:var(--yellow);border-bottom:4px solid var(--ink);padding:16px 0;overflow:hidden;white-space:nowrap;font-weight:900;font-size:1.13rem;letter-spacing:.14em}.marquee div{min-width:1200px;text-align:center}.home-intro{display:grid;grid-template-columns:130px 1.15fr .8fr;align-items:center;gap:35px;padding-top:110px;padding-bottom:110px}.home-intro h2{margin-bottom:15px}.pink-underline{color:#ef478c}.home-intro p{max-width:540px}.intro-number{align-self:start;padding-top:12px;writing-mode:vertical-rl}.intro-art{position:relative;background:var(--pink);transform:rotate(5deg);border:6px solid var(--ink);border-radius:24px;box-shadow:13px 13px 0 var(--yellow)}.intro-art img{aspect-ratio:4/5;object-fit:cover;border-radius:16px}.text-cta{display:inline-block;border-bottom:4px solid currentColor;font-weight:900;font-size:.95rem;padding-bottom:6px;margin-top:12px}.worlds{background:#fff0c8;padding:90px 0 110px;border-top:5px solid var(--ink);border-bottom:5px solid var(--ink)}.section-heading{text-align:center;max-width:850px;margin:0 auto 50px}.section-heading h2{margin:18px 0}.section-heading p{font-size:1.18rem}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.world{min-height:490px;padding:36px 40px 45px;border:5px solid var(--ink);border-radius:28px;box-shadow:12px 12px 0 var(--ink);position:relative;overflow:hidden;transition:transform .2s}.world:hover{transform:translateY(-8px)}.fun-world{background:#73e57b}.learn-world{background:#7bb6ff}.world-index{font-size:.7rem;letter-spacing:.15em;font-weight:900}.world-big{font-size:5.6rem;position:absolute;right:8%;top:17%;transform:rotate(-15deg)}.world h3{font-size:clamp(3.7rem,5.4vw,6rem);margin:85px 0 15px}.world h3 span{font-size:1.2rem;vertical-align:top}.world p{max-width:370px}.world-button{display:inline-block;background:#fff;border:3px solid var(--ink);padding:13px 18px;border-radius:10px;font-size:.84rem;font-weight:900;margin-top:14px}.spotlight{background:var(--pink);padding:110px 0}.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.spotlight-pic{position:relative;transform:rotate(-4deg);background:#fff;border:7px solid var(--ink);padding:12px;box-shadow:14px 14px var(--ink)}.spotlight-pic img{width:100%;max-height:560px;object-fit:cover}.image-label{position:absolute;left:-20px;bottom:25px;background:var(--yellow);border:3px solid var(--ink);padding:12px;font-weight:900;transform:rotate(-4deg)}.spotlight h2{font-size:clamp(4rem,6vw,7rem);margin:25px 0}.spotlight h2 span{color:#fff;text-shadow:3px 3px var(--ink)}.spotlight p{font-weight:900;font-size:1.2rem}.home-language{background:#673ee8;color:white;text-align:center;padding:100px 0}.home-language h2{margin:22px 0}.home-language h2 span{color:var(--yellow)}.home-language p{max-width:650px;margin:0 auto 30px}.language-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:13px;margin:30px 0}.language-pills a{background:#fff;color:var(--ink);border:3px solid var(--ink);padding:15px 17px;border-radius:100px;box-shadow:4px 4px 0 #181331;font-weight:900}.home-language small{opacity:.85}.end-cta{background:var(--orange);padding:95px 0;overflow:hidden}.end-cta .wrap{position:relative}.end-cta h2{font-size:clamp(5rem,11vw,10rem);line-height:.83;margin:25px 0 35px}.end-cta p{font-weight:900;letter-spacing:.12em}.huge-paw{position:absolute;right:3%;bottom:-110px;font-size:20rem;opacity:.3;transform:rotate(-20deg)}.site-footer{background:var(--ink);color:white;padding-top:65px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:65px}.foot-brand{font:900 2.6rem 'Baloo 2'}.foot-grid p{max-width:260px}.foot-grid b{color:var(--yellow);display:block;margin-bottom:20px;letter-spacing:.14em;font-size:.83rem}.foot-grid a{display:block;margin:11px 0;font-size:.9rem}.foot-grid a:hover{color:var(--yellow)}.footer-bottom{border-top:1px solid #ffffff32;text-align:center;padding:24px;font-size:.73rem;color:#ffffffaa}.inner-hero{padding:85px 0 105px;border-bottom:6px solid var(--ink)}.inner-hero h1{max-width:1040px;margin:22px 0}.inner-hero h1 em{font-style:normal;color:white;text-shadow:3px 3px var(--ink)}.inner-hero p{max-width:660px;font-size:1.3rem;font-weight:900}.catalog-hero{background:var(--yellow)}.green-hero{background:var(--green)}.blue-hero{background:#84bbff}.preview-hero{background:var(--pink)}.about-hero{background:var(--sky)}.contact-hero{background:var(--orange)}.language-hero{background:#815de5;color:white}.jump-links{display:flex;gap:18px;flex-wrap:wrap}.jump-links a{border:2px solid var(--ink);background:#fff;padding:12px 18px;border-radius:8px;font-weight:900}.section{padding:95px 0}.blue-section{background:#eaf2ff}.book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.book-card{min-width:0;background:white;border:3px solid var(--ink);border-radius:17px;overflow:hidden;box-shadow:5px 6px 0 var(--ink);transition:transform .18s}.book-card:hover{transform:translateY(-7px)}.book-art{aspect-ratio:3/4;display:flex;flex-direction:column;position:relative;align-items:center;justify-content:space-between;padding:16px 12px 18px;text-align:center;color:var(--ink);overflow:hidden}.book-card.fun:nth-child(5n+1) .book-art{background:#ff8da3}.book-card.fun:nth-child(5n+2) .book-art{background:#ffe064}.book-card.fun:nth-child(5n+3) .book-art{background:#66decf}.book-card.fun:nth-child(5n+4) .book-art{background:#a9a0ff}.book-card.fun:nth-child(5n+5) .book-art{background:#a0e977}.book-card.learn:nth-child(5n+1) .book-art{background:#86bdff}.book-card.learn:nth-child(5n+2) .book-art{background:#fbc786}.book-card.learn:nth-child(5n+3) .book-art{background:#bdaaff}.book-card.learn:nth-child(5n+4) .book-art{background:#75dbd2}.book-card.learn:nth-child(5n+5) .book-art{background:#ff8ea7}.book-art:before{content:'';position:absolute;width:220%;height:75%;background:#ffffff29;transform:rotate(-32deg);top:10%;left:-40%}.book-topline{font-size:.67rem;font-weight:900;letter-spacing:.17em;z-index:1}.book-emoji{font-size:4.3rem;z-index:1;filter:drop-shadow(3px 5px 0 #0002)}.book-art strong{font:800 clamp(1.3rem,1.8vw,2rem)/.92 'Baloo 2';z-index:1}.book-art small{z-index:1;font-size:.65rem;letter-spacing:.1em;font-weight:900}.book-art-paw{position:absolute;font-size:7rem;opacity:.08;transform:rotate(-35deg)}.book-meta{padding:20px 14px 18px}.small-tag{font-size:.64rem;font-weight:900;letter-spacing:.13em}.book-meta h3{font-size:1.35rem;line-height:1.05;margin:12px 0}.book-meta p{font-size:.83rem;line-height:1.4;min-height:80px}.card-more{font-size:.73rem;font-weight:900;border-top:1px solid #ddd;padding-top:12px;display:flex;justify-content:space-between}.note-strip{margin-top:35px;margin-bottom:65px;font-size:.95rem}.center-action{text-align:center;margin-top:55px}.detail-hero{background:#ffeecb;padding:85px 0}.detail-layout{display:grid;grid-template-columns:40% 1fr;align-items:center;gap:9%}.detail-art img{max-height:590px;width:100%;object-fit:cover;border:8px solid white;outline:4px solid var(--ink);transform:rotate(-3deg);box-shadow:13px 13px 0 var(--yellow)}.detail-placeholder{min-height:500px;border:6px solid var(--ink);border-radius:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;transform:rotate(-3deg);text-align:center}.detail-placeholder.fun{background:#74e68a}.detail-placeholder.learn{background:#86bdff}.detail-placeholder span{font-size:8rem}.detail-placeholder strong{font:800 2.5rem 'Baloo 2'}.backlink{display:block;font-size:.76rem;font-weight:900;margin-bottom:35px}.detail-layout h1{font-size:clamp(3.6rem,6vw,6.8rem);margin:20px 0}.detail-lead{font-size:1.4rem}.coming{background:#fff;border:2px dashed var(--ink);padding:17px;margin:25px 0;font-size:.81rem;font-weight:900}.detail-below{background:#7cdbef;padding:80px 0}.detail-below h2{margin-bottom:10px}.preview-explainer{max-width:650px;margin-bottom:55px}.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.gallery figure{min-width:0;margin:0;background:#fff;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:8px}.gallery figure:nth-child(even){transform:rotate(2deg)}.gallery figure:nth-child(odd){transform:rotate(-2deg)}.gallery img{width:100%;aspect-ratio:2/3;object-fit:cover}.gallery figcaption{display:flex;justify-content:space-between;font-weight:900;font-size:.75rem;padding:14px 5px 5px}.about-main,.lang-page{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.about-image img,.lang-page img{border:8px solid white;outline:4px solid var(--ink);box-shadow:15px 15px 0 var(--yellow);max-height:650px;width:100%;object-fit:cover}.about-main h2{margin:25px 0}.contact-content{max-width:720px}.lang-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.lang-cards>div{border:3px solid var(--ink);border-radius:12px;padding:22px;background:#e9f8e7}.lang-cards>div+div{background:#dfebff}.lang-cards b,.lang-cards small{display:block;margin-top:10px}
@media(max-width:1100px){.header-wrap{flex-wrap:wrap}.main-nav{order:3;justify-content:center;width:100%;padding-top:10px;border-top:1px solid #eee}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery{grid-template-columns:repeat(3,1fr)}.hero-layout{min-height:570px}.hero-visual{min-height:500px}.sunburst{width:500px;height:500px}.photo-frame{height:430px}.home-intro{grid-template-columns:60px 1fr .9fr}}@media(max-width:720px){.wrap{padding-left:18px;padding-right:18px}.announcement{font-size:.55rem}.announcement span{padding:0 6px}.header-wrap{padding:12px 16px;gap:10px}.brand{font-size:1.65rem}.brand-paw{width:43px;height:43px}.lang-menu button{font-size:.64rem}.main-nav{gap:12px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:9px}.main-nav a{white-space:nowrap;font-size:.68rem}.hero-layout{display:flex;flex-direction:column;gap:0}.hero-copy{padding:50px 0 16px;text-align:center}.hero h1{font-size:clamp(4rem,15vw,6rem);margin:22px 0}.hero-copy p{font-size:1rem}.hero-actions{justify-content:center}.hero-caption{margin-top:20px}.hero-visual{width:100%;min-height:440px}.sunburst{width:390px;height:390px}.photo-frame{height:355px;width:65%}.sticker-a{width:95px;height:95px;font-size:1rem;left:2%}.sticker-b{width:95px;height:95px;font-size:2rem;right:1%}.home-intro{grid-template-columns:1fr;gap:25px;padding-top:65px;padding-bottom:75px}.intro-number{writing-mode:initial}.intro-art{max-width:370px;margin:10px auto}.worlds,.spotlight,.home-language,.end-cta{padding:70px 0}.world-grid,.spotlight-grid,.about-main,.lang-page,.detail-layout{grid-template-columns:1fr;gap:65px}.world{min-height:400px}.world h3{font-size:4.7rem;margin-top:70px}.spotlight h2{font-size:4.5rem}.end-cta h2{font-size:5.5rem}.huge-paw{font-size:10rem}.foot-grid{grid-template-columns:1fr 1fr;gap:25px}.foot-grid>div:first-child{grid-column:1/-1}.inner-hero{padding:60px 0 75px}.inner-hero h1{font-size:clamp(3.3rem,11vw,5rem)}.section{padding:65px 0}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.book-card{border-width:2px;border-radius:10px;box-shadow:3px 3px var(--ink)}.book-art{padding:9px 4px}.book-topline{font-size:.46rem}.book-emoji{font-size:2.4rem}.book-art strong{font-size:clamp(.91rem,3vw,1.4rem)}.book-art small{font-size:.4rem}.book-meta{padding:12px 7px}.book-meta h3{font-size:1rem}.book-meta p{font-size:.67rem;min-height:98px}.small-tag{font-size:.55rem}.card-more{font-size:.58rem}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lang-cards{grid-template-columns:1fr}.detail-placeholder{min-height:330px}.detail-placeholder span{font-size:5rem}.detail-layout h1{font-size:3.7rem}}
@media(max-width:380px){.book-grid{gap:6px}.book-meta h3{font-size:.84rem}.book-meta p{font-size:.62rem}.brand small{font-size:.43rem}}

/* Official cover gallery */
.book-art{padding:0!important;display:block!important;background:#fff!important;aspect-ratio:2/3!important;}
.book-art:before{display:none!important}.book-art .cover-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;}
.book-card:hover .cover-image{filter:saturate(1.12)}
.detail-art img{aspect-ratio:2/3;object-fit:contain;max-height:680px;background:#fff;}
@media(max-width:720px){.book-art{aspect-ratio:2/3!important}}

/* Official Rex Tales panorama and latest book cover */
.rex-masthead{background:#7cd4ff;overflow:hidden;border-bottom:7px solid #151a39}
.rex-masthead img{display:block;width:100%;height:auto;max-height:510px;object-fit:cover}
.pizza-feature{background:#ffbad6;border-top:6px solid #151a39;border-bottom:6px solid #151a39;padding:85px 0}
.pizza-feature-grid{display:grid;grid-template-columns:1.2fr .75fr;gap:8%;align-items:center}
.pizza-feature h2{margin:24px 0;color:#15203d}.pizza-feature h2 span{color:#ed1961}
.pizza-feature p{max-width:520px;font-weight:850}.pizza-cover{max-width:370px;justify-self:center;transform:rotate(4deg);box-shadow:15px 15px 0 #151a39;border:7px solid white;outline:4px solid #151a39}
.pizza-cover img{width:100%;display:block}
@media(max-width:720px){.rex-masthead img{min-height:145px;object-fit:cover;object-position:center}.pizza-feature{padding:65px 0}.pizza-feature-grid{grid-template-columns:1fr;gap:40px}.pizza-cover{max-width:260px}.pizza-feature h2{font-size:3.3rem}}

/* REX TALES STUDIO REDESIGN — 2026-10-30 */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@500;600;700;800;900&display=swap');
:root{--ink:#13214b;--yellow:#ffda3d;--navy:#11244d;--fun:#54d96a;--learn:#54baff}
body{background:#fffdf8;color:var(--ink);font-family:'Nunito',system-ui,sans-serif}
.site-header{box-shadow:0 4px 18px #14224b14}.header-wrap{max-width:1440px}.main-nav a{font-size:.78rem}.brand{font-size:2.05rem}
.rex-masthead{border-bottom:0;background:#d4efff}.rex-masthead img{height:clamp(155px,20vw,300px);width:100%;object-fit:cover;object-position:center center;max-height:none}
.new-hero{background:linear-gradient(120deg,#ffed83 0%,#ffdc62 54%,#ffb94d 100%);overflow:hidden;position:relative;border-bottom:7px solid var(--ink)}
.new-hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff9e 1.3px,transparent 1.3px);background-size:25px 25px;opacity:.6}
.new-hero-grid{display:grid;grid-template-columns:51% 49%;align-items:center;min-height:580px;position:relative;gap:0}
.new-hero-copy{position:relative;z-index:3;padding:76px 0 83px}.mini-label,.section-overline{font-size:.81rem;letter-spacing:.13em;font-weight:900;text-transform:uppercase}.mini-label{display:inline-block;background:#fff;border:2px solid var(--ink);border-radius:99px;padding:10px 17px}
.new-hero h1{font-family:'Baloo 2',system-ui,sans-serif;font-size:clamp(3.8rem,6.4vw,6.9rem);line-height:.88;letter-spacing:-.048em;margin:30px 0 25px;color:#11244d}.new-hero h1 span{color:#f04483}.new-hero h1 em{color:#1570de;font-style:normal}.new-hero-copy>p{max-width:530px;font-size:1.24rem;line-height:1.5;font-weight:800}.new-actions{display:flex;gap:18px;flex-wrap:wrap;margin:30px 0 24px}.new-btn-white{background:#fff}.reading-ribbon{font-size:.75rem;font-weight:900;letter-spacing:.045em}.reading-ribbon span{color:#ee4383;padding:0 7px}
.hero-cover-stage{height:560px;position:relative;min-width:0}.stage-sun{position:absolute;width:480px;height:480px;border-radius:50%;background:#fff9da;border:7px solid var(--ink);left:50%;top:43%;transform:translate(-50%,-50%);box-shadow:0 0 0 23px #ffffff60}.stage-cover{position:absolute;display:block;overflow:hidden;border:6px solid white;outline:3px solid var(--ink);border-radius:10px;box-shadow:12px 16px 0 #18264e38;background:#fff;width:200px;aspect-ratio:2/3;transition:transform .2s}.stage-cover img{width:100%;height:100%;object-fit:cover}.stage-cover-main{width:255px;left:50%;top:13%;transform:translateX(-50%) rotate(-2deg);z-index:3}.stage-cover-left{left:2%;top:25%;transform:rotate(-13deg);z-index:2}.stage-cover-right{right:1%;top:25%;transform:rotate(12deg);z-index:2}.stage-cover:hover{z-index:6;transform:translateY(-9px) rotate(0)}.stage-cover-main:hover{transform:translate(-50%,-9px) rotate(0)}.sticker-circle{position:absolute;right:1%;bottom:10%;width:108px;height:108px;border-radius:50%;background:#f95e9b;border:4px solid var(--ink);color:#fff;box-shadow:5px 6px 0 var(--ink);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:5;font:900 2.4rem/.8 'Baloo 2';transform:rotate(12deg)}.sticker-circle small{font:900 .65rem/1.15 'Nunito';text-align:center;margin-top:5px}
.bright-ticker{background:#163d95;color:#fff;text-align:center;padding:18px 0;border-bottom:6px solid var(--ink);font-size:clamp(.75rem,1.4vw,1rem);font-weight:900;letter-spacing:.06em}.bright-ticker span{color:#ffdf57;margin:0 16px}
.collection-section{background:#fff9ec;padding:105px 0 115px}.collection-header{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:15px 0 40px}.collection-header h2{font-size:clamp(3.5rem,5.7vw,6.1rem);margin:0}.collection-header h2 em{font-style:normal;color:#ed4886}.collection-header p{max-width:330px;font-size:1.15rem;font-weight:800;margin:0}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.collection-panel{display:grid;grid-template-columns:54% 46%;align-items:center;border-radius:28px;border:4px solid var(--ink);min-height:435px;padding:30px 14px 30px 34px;overflow:hidden;box-shadow:9px 10px 0 var(--ink);transition:transform .2s}.collection-panel:hover{transform:translateY(-7px)}.collection-fun{background:#80ea83}.collection-learn{background:#87c9ff}.collection-panel .collection-pill{display:inline-block;border-radius:100px;background:#fff;border:2px solid var(--ink);padding:7px 11px;font-size:.67rem;font-weight:900}.collection-panel h3{font-size:clamp(2.8rem,4.3vw,4.8rem);margin:40px 0 14px;line-height:.84}.collection-panel p{font-size:.98rem;font-weight:800;line-height:1.5}.collection-link{display:inline-block;background:#fff;border:2px solid var(--ink);border-radius:9px;padding:12px;font-size:.7rem;font-weight:900}.collection-panel img{width:100%;max-width:216px;aspect-ratio:2/3;object-fit:cover;border:5px solid #fff;box-shadow:5px 7px 0 #13214b55;transform:rotate(7deg);justify-self:center}
.feature-band{background:#ffb8d6;border-top:6px solid var(--ink);border-bottom:6px solid var(--ink);overflow:hidden;padding:80px 0}.feature-band-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:80px;max-width:1120px;position:relative}.feature-band h2{font-size:clamp(3.3rem,5.8vw,6.1rem);line-height:.91;margin:24px 0}.feature-band h2 em{font-style:normal;color:#e52e76}.feature-band p{max-width:520px;font-size:1.18rem;font-weight:800}.feature-book{width:100%;max-width:300px;justify-self:center;border:7px solid #fff;outline:4px solid var(--ink);box-shadow:12px 12px 0 #17214755;transform:rotate(4deg);border-radius:4px}.feature-book img{display:block;width:100%;height:auto;max-height:450px;object-fit:contain}.floating-pizza{position:absolute;font-size:5rem;right:28%;bottom:5%;transform:rotate(-20deg)}
.preview-band{padding:95px 0;background:#6bd6e6;border-bottom:6px solid var(--ink)}.preview-band-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:100px;align-items:center;max-width:1080px}.preview-band-image{display:block;width:100%;max-width:290px;position:relative;transform:rotate(-5deg);border:7px solid #fff;outline:4px solid var(--ink);box-shadow:12px 12px 0 #13214b50}.preview-band-image img{display:block;width:100%;height:auto}.peek-stamp{position:absolute;right:-60px;bottom:15px;transform:rotate(16deg);background:#ffe24b;padding:15px;border-radius:50%;font-size:.9rem;font-weight:900;border:3px solid var(--ink);text-align:center}.preview-band h2{font-size:clamp(3.7rem,6.5vw,6.8rem);margin:24px 0}.preview-band p{max-width:550px;font-weight:800;font-size:1.15rem}
.language-section{background:#6645d6;color:#fff;padding:93px 0;text-align:center}.language-section h2{font-size:clamp(3.3rem,5.8vw,6rem);margin:22px 0}.language-section h2 em{font-style:normal;color:#ffde4c}.language-section p{max-width:650px;margin:0 auto 30px;font-weight:800}.new-lang-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:30px 0}.new-lang-grid a{background:#fff;color:#14224b;padding:22px 7px;border:3px solid var(--ink);box-shadow:4px 4px 0 #13214b;display:flex;flex-direction:column;gap:7px;border-radius:16px;font-size:1.5rem;transition:transform .2s}.new-lang-grid a:hover{transform:translateY(-6px)}.new-lang-grid strong{font-size:.95rem}.new-lang-grid small{font-size:.68rem}.language-disclaimer{font-size:.76rem;opacity:.85}.closing-section{padding:75px 0;background:#ff954b}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.closing-inner h2{font-size:clamp(3.2rem,5.8vw,6.2rem);margin:12px 0}.closing-inner span{font-size:.85rem;letter-spacing:.14em;font-weight:900}
/* Universal book sizing and gallery accessibility */
.book-art .cover-image{width:100%;aspect-ratio:2/3;object-fit:cover}.book-card{box-shadow:4px 5px 0 var(--ink)}.detail-art{max-width:370px}.detail-art img{height:auto;max-height:540px}.site-footer{background:#11244d}
@media(max-width:1100px){.stage-cover{width:160px}.stage-cover-main{width:220px}.hero-cover-stage{height:480px}.collection-grid{gap:18px}.collection-panel{padding:25px 12px 25px 23px}.collection-panel h3{font-size:3.4rem}.new-lang-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.rex-masthead img{height:145px;object-position:40% center}.new-hero-grid{grid-template-columns:1fr;gap:0}.new-hero-copy{padding:57px 0 15px;text-align:center}.new-hero h1{font-size:clamp(3.55rem,12vw,5.8rem)}.new-hero-copy>p{margin:auto;font-size:1.03rem}.new-actions{justify-content:center}.reading-ribbon{font-size:.62rem}.hero-cover-stage{height:420px;margin-top:5px}.stage-sun{width:330px;height:330px}.stage-cover{width:145px}.stage-cover-main{width:205px}.stage-cover-left{left:3%;top:20%}.stage-cover-right{right:3%;top:20%}.sticker-circle{right:2%;bottom:5%;width:85px;height:85px}.collection-section{padding:65px 0}.collection-header{display:block}.collection-header p{margin-top:20px}.collection-grid{grid-template-columns:1fr;gap:20px}.collection-panel{min-height:350px;grid-template-columns:55% 45%}.collection-panel h3{font-size:clamp(2.9rem,9vw,4rem);margin:30px 0 13px}.collection-panel img{max-width:176px}.feature-band{padding:64px 0}.feature-band-grid{grid-template-columns:1fr;gap:45px}.feature-band h2{font-size:clamp(3.5rem,12vw,5.5rem)}.feature-book{max-width:235px}.floating-pizza{display:none}.preview-band-grid{grid-template-columns:1fr;gap:55px}.preview-band-image{max-width:230px;margin:auto}.preview-band-copy{text-align:center}.preview-band p{margin:0 auto 25px}.language-section{padding:65px 0}.new-lang-grid{grid-template-columns:repeat(2,1fr)}.closing-inner{flex-direction:column;align-items:flex-start}.collection-panel .collection-pill{font-size:.55rem}}
@media(max-width:420px){.hero-cover-stage{height:345px}.stage-cover{width:115px}.stage-cover-main{width:165px}.stage-sun{width:280px;height:280px}.sticker-circle{width:70px;height:70px;font-size:1.8rem}.collection-panel{padding:22px 8px 22px 18px}.collection-panel h3{font-size:2.6rem}.collection-panel p{font-size:.83rem}.collection-link{font-size:.58rem}.collection-panel img{max-width:125px}.feature-band-grid{gap:28px}.reading-ribbon{line-height:1.8}}

/* Rex Tales banner: show ENTIRE supplied artwork at native aspect ratio. */
.rex-masthead {width:100%;height:auto;min-height:0;max-height:none;overflow:visible;line-height:0;background:#d4efff;border:0;}
.rex-masthead img {display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center center;}
@media(max-width:760px){.rex-masthead,.rex-masthead img{height:auto;min-height:0;max-height:none;object-fit:contain;object-position:center center;}}

/* Page-only correction: remove excessive space above the two collections. */
.collection-section{padding-top:26px}
@media(max-width:760px){.collection-section{padding-top:22px}}

/* 2026-10-30: Remove oversized blank bands between preview and language sections. */
.preview-band { padding-bottom: 18px; }
.language-section { padding-top: 26px; }
@media (max-width: 760px) {
  .preview-band { padding-bottom: 18px; }
  .language-section { padding-top: 24px; }
}

/* Homepage compact layout: eliminate oversized empty bands from every section. */
.compact-home .new-hero-copy{padding-top:24px;padding-bottom:14px}
.compact-home .new-hero-grid{padding-top:0;padding-bottom:0;align-items:center}
.compact-home .new-hero h1{margin:10px 0 12px;line-height:1.03}
.compact-home .new-hero-copy>p{margin-top:8px;margin-bottom:14px}
.compact-home .new-hero .btn-row{margin:12px 0}
.compact-home .collection-section{padding:24px 0 38px!important}
.compact-home .collection-header{margin:0 0 20px!important;padding:0!important;align-items:center}
.compact-home .collection-header h2{margin:0!important;line-height:1.05}
.compact-home .collection-header p{margin:0!important}
.compact-home .collection-cards{margin-top:0!important}
.compact-home .feature-band{padding:28px 0!important}
.compact-home .feature-band-grid{gap:26px!important;align-items:center}
.compact-home .feature-band h2{margin:10px 0 12px;line-height:1.03}
.compact-home .feature-band p{margin:0 0 14px}
.compact-home .preview-band{padding:24px 0 28px!important;min-height:0!important}
.compact-home .preview-band-grid{gap:24px!important;align-items:center}
.compact-home .preview-band-copy h2{margin:10px 0 10px;line-height:1.05}
.compact-home .preview-band-copy p{margin:0 0 14px}
.compact-home .language-section{padding:28px 0 34px!important;min-height:0!important}
.compact-home .language-section h2{margin:10px 0 12px!important;line-height:1.03}
.compact-home .language-section p{margin:0 auto 18px!important}
.compact-home .closing-section{padding:28px 0!important}
.compact-home .closing-section h2{margin:8px 0!important;line-height:1.05}
.compact-home section{scroll-margin-top:80px}
@media(max-width:760px){
.compact-home .collection-section,.compact-home .feature-band,.compact-home .preview-band,.compact-home .language-section,.compact-home .closing-section{padding-top:22px!important;padding-bottom:24px!important}
.compact-home .collection-header{gap:12px!important}
.compact-home .new-hero-copy{padding:20px 0 12px}
.compact-home .feature-band-grid,.compact-home .preview-band-grid{gap:16px!important}
}

/* Homepage bottom cleanup: compact real content, no empty CTA strip. */
.site-footer{padding-top:20px!important}
.site-footer .foot-grid{padding-top:4px;padding-bottom:18px!important;gap:22px!important;align-items:start}
.site-footer .foot-grid p{margin:9px 0 12px;line-height:1.4}
.site-footer .foot-grid b{margin-bottom:12px}
.site-footer .foot-grid a{margin:6px 0}
.site-footer .footer-bottom{padding:13px 18px!important}
.compact-home .language-section{padding-bottom:22px!important}
.compact-home .language-disclaimer{margin-top:8px}
@media(max-width:760px){.site-footer{padding-top:18px!important}.site-footer .foot-grid{padding-bottom:12px!important;gap:16px!important}}

/* Footer: one compact language row and no empty band above copyright. */
.site-footer{padding-top:20px!important}
.site-footer .foot-grid{grid-template-columns:1.6fr 1fr 1fr;gap:26px!important;padding-bottom:12px!important;margin-bottom:0!important}
.site-footer .foot-grid>div:first-child{grid-column:auto}
.site-footer .footer-languages{display:flex;align-items:center;flex-wrap:wrap;gap:12px 26px;padding-top:12px;padding-bottom:14px;margin-top:0;margin-bottom:0;border-top:1px solid #ffffff36}
.site-footer .footer-languages b{color:var(--yellow);letter-spacing:.12em;font-size:.78rem;flex-shrink:0}
.site-footer .footer-languages nav{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center}
.site-footer .footer-languages a{font-size:.9rem;line-height:1.2;font-weight:800}
.site-footer .footer-languages a:hover{color:var(--yellow)}
.site-footer .footer-bottom{margin:0!important;padding:11px 12px!important}
@media(max-width:760px){.site-footer .foot-grid{grid-template-columns:1fr 1fr;gap:16px!important;padding-bottom:10px!important}.site-footer .foot-grid>div:first-child{grid-column:1/-1}.site-footer .footer-languages{display:block;padding-top:12px;padding-bottom:12px}.site-footer .footer-languages b{display:block;margin-bottom:10px}.site-footer .footer-languages nav{gap:10px 16px}}

/* Rex Tales official glossy green/blue collection paws: only header icon */
.brand-paw{background:transparent url("assets/rex-paws-logo.png") center / contain no-repeat!important;border:0!important;border-radius:0!important;transform:none!important;font-size:0!important;color:transparent!important;line-height:0!important;box-shadow:none!important;}
.brand-paw>*{display:none!important;}

/* REX TALES mobile layout repair — isolated to narrow screens */
@media (max-width: 760px) {
 html,body {max-width:100%;overflow-x:hidden;}
 .site-header {position:relative;}
 .header-wrap {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px 8px;}
 .header-wrap .brand {min-width:0;gap:8px;font-size:clamp(1.45rem,5.2vw,1.85rem);}
 .header-wrap .brand small {font-size:.49rem;letter-spacing:.1em;margin-top:7px;}
 .header-wrap .brand-paw {width:43px;height:43px;flex:none;}
 .header-wrap .lang-menu {grid-column:2;grid-row:1;}
 .header-wrap .lang-menu button {padding:10px 9px;font-size:.67rem;white-space:nowrap;}
 .header-wrap .main-nav {order:initial;grid-column:1/-1;grid-row:2;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:visible;white-space:normal;padding:8px 0 0;border-top:1px solid #e9e9e9;}
 .header-wrap .main-nav a {display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;min-height:43px;padding:7px 3px;font-size:clamp(.57rem,2.3vw,.76rem);line-height:1.18;}
 .announcement {font-size:.57rem;line-height:1.55;padding:7px 10px;letter-spacing:.065em;}
 .announcement span {padding:0 5px;}
 .rex-masthead {width:100%;height:auto!important;min-height:0!important;max-height:none!important;line-height:0;}
 .rex-masthead img {display:block;width:100%;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;aspect-ratio:auto!important;}
 .compact-home .new-hero-copy {padding:24px 0 14px;}
 .compact-home .new-hero h1 {font-size:clamp(3rem,11.3vw,5.5rem);line-height:.98;}
 .compact-home .new-hero-grid {min-height:0;}
 .compact-home .new-hero-copy > p {max-width:95%;}
 .compact-home .hero-cover-stage {height:365px;margin:4px 0 12px;}
 .compact-home .stage-sun {width:275px;height:275px;}
 .compact-home .stage-cover {width:112px;}
 .compact-home .stage-cover-main {width:172px;}
 .compact-home .stage-cover-left {left:3%;top:22%;}
 .compact-home .stage-cover-right {right:3%;top:22%;}
 .compact-home .collection-section,.compact-home .feature-band,.compact-home .preview-band,.compact-home .language-section {padding-top:26px!important;padding-bottom:30px!important;}
 .compact-home .collection-header h2,.compact-home .feature-band h2,.compact-home .preview-band h2,.compact-home .language-section h2 {font-size:clamp(2.5rem,9vw,4rem);}
 .compact-home .collection-panel {min-height:310px;}
 .compact-home .new-lang-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
 .compact-home .new-lang-grid a {min-width:0;padding:12px 4px;}
 .site-footer .footer-languages nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
}
@media (max-width:380px) {
 .header-wrap .brand {font-size:1.3rem;}
 .header-wrap .brand small {font-size:.42rem;}
 .header-wrap .lang-menu button {font-size:.59rem;padding:9px 6px;}
 .compact-home .hero-cover-stage {height:310px;}
 .compact-home .stage-cover-main {width:145px;}
 .compact-home .stage-cover {width:98px;}
}