/* Shared, accessible editorial system for the two review directions. */
:root{--paper:#fff;--ink:#10273f;--blue:#0057ce;--yellow:#ffda24;--line:#dce5ed;--max:1440px}
body{background:#fff;color:var(--ink);font-size:17px}
.header{background:#fffffff5;border-bottom:1px solid #eef1f5;padding:18px max(28px,calc((100vw - 1500px)/2));min-height:100px;gap:24px}
.brand{width:330px;max-width:29vw}
.desktop-nav{gap:28px;font-size:15px;font-weight:750}
.desktop-nav a{min-height:44px;display:flex;align-items:center}
.header-actions{gap:16px}.header-cta{order:2}
.button{border-radius:6px;min-height:50px;padding:13px 23px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:16px;font-weight:850;line-height:1.3;box-shadow:none;letter-spacing:0;transition:background .2s,transform .2s}
.button.primary{background:var(--yellow);color:var(--ink);border:2px solid var(--yellow)}
.button.primary:hover{background:#f4ca00;border-color:#f4ca00;transform:translateY(-2px)}
.button.ink{background:var(--ink);color:white}
.header-cta{font-size:14px;min-height:44px;padding:10px 17px;gap:17px}
.search-toggle,.menu-toggle{width:44px;height:44px}
.mobile-nav{background:#fff;border-bottom:1px solid var(--line)}.mobile-nav a{min-height:48px}
.design-switch{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 24px;background:#f5f8fc;border-bottom:1px solid #e6edf4;font-size:13px;line-height:1.25}
.design-switch>span{margin-right:12px;color:#42576c}
.design-switch a{padding:12px 16px;min-height:44px;display:flex;align-items:center;border:1px solid transparent;border-radius:5px}
.design-switch a[aria-current]{background:#fff;border-color:#a8bed4;color:#004eae;font-weight:850}
.new-hero{max-width:1560px;margin:auto;display:grid;grid-template-columns:35% 65%;align-items:center;padding:42px 44px 30px;min-height:530px;overflow:hidden}
.new-hero-copy{padding-left:10px;position:relative;z-index:2}
.eyebrow{font-size:12px;letter-spacing:.12em;color:#435b71;font-weight:850;line-height:1.5;margin:0 0 18px}
.new-hero-copy h1{font:900 clamp(48px,4.5vw,72px)/1.08 var(--body);letter-spacing:-.055em;color:var(--ink);margin:0 0 27px;white-space:nowrap}
.new-hero-copy h1>span{color:var(--blue)}
.new-hero-copy h1:after{content:'';display:block;width:65%;height:7px;margin:14px 0 0 5px;background:var(--yellow);clip-path:polygon(0 25%,95% 0,100% 60%,3% 100%);transform:rotate(-2deg)}
.new-hero-copy>p:not(.eyebrow):not(.hero-micro){font-size:19px;line-height:1.6;max-width:360px;margin-bottom:26px}
.new-hero-copy .hero-micro{margin:17px 0 0;font-size:13px;color:#4a6175}
.character-stage{position:relative;aspect-ratio:1.72;min-width:0;width:100%;isolation:isolate}
.pixel-setting{position:absolute;inset:-13% -4% auto;width:108%;max-width:none;height:120%;object-fit:cover;z-index:-2}
.stage-friend{position:absolute;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;z-index:2;transform-origin:center bottom}
.stage-friend img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transition:transform .25s;filter:drop-shadow(0 6px 3px #13305016);mix-blend-mode:normal;background:transparent}
.stage-friend:hover img{transform:translateY(-7px) rotate(-2deg)}
.stage-label{position:absolute;top:-32px;left:25%;font:26px/1 var(--hand);color:var(--accent);white-space:nowrap;transform:rotate(-6deg)}
.stage-label>span{display:block;font-size:22px;line-height:.7;margin:2px 0 0 20px}
.stage-lex .stage-label{top:10%;left:22%}.stage-pip .stage-label{top:11%;left:50%}.stage-tux .stage-label{top:15%;left:75%}.stage-zag .stage-label{top:8%;left:57%}.stage-patch .stage-label{top:-12%;left:40%}
.stage-bit{left:0%;bottom:8%;width:21%;height:48%}
.stage-lex{left:16%;bottom:42%;width:22%;height:44%}
.stage-pip{left:27%;bottom:3%;width:26%;height:52%}
.stage-dot{left:44%;bottom:43%;width:20%;height:49%}
.stage-tux{left:50%;bottom:5%;width:24%;height:59%}
.stage-zag{left:73%;bottom:9%;width:17%;height:56%}
.stage-patch{left:84%;bottom:0%;width:17%;height:43%}
.blue-stage .stage-label{display:none}
.blue-stage .stage-bit{bottom:14%}.blue-stage .stage-lex{bottom:44%}.blue-stage .stage-dot{bottom:46%}.blue-stage .stage-pip{bottom:11%}.blue-stage .stage-tux{bottom:14%}.blue-stage .stage-zag{bottom:19%}.blue-stage .stage-patch{bottom:12%}
.plinth{position:absolute;background:linear-gradient(100deg,#f3f0e9,#fff 70%);border:1px solid #f3f1ec;z-index:-1;box-shadow:9px 10px 14px #16233008}
.plinth-one{left:19%;bottom:12%;width:18%;height:31%}.plinth-two{left:46%;bottom:12%;width:18%;height:32%}
.stage-pixels i{position:absolute;width:3%;aspect-ratio:1;bottom:7%;background:#1ba7ef;box-shadow:3px 4px 2px #0001}
.stage-pixels i:nth-child(1){left:1%}.stage-pixels i:nth-child(2){left:26%;background:#ffd21c;bottom:12%}.stage-pixels i:nth-child(3){left:76%;background:#21a55b;bottom:9%}.stage-pixels i:nth-child(4){right:0;background:#f34d42;bottom:7%}
.section{max-width:1440px;padding:68px 48px;margin:auto}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.section-heading h2,.creator-note h2{font:52px/1.05 var(--hand);color:var(--ink);letter-spacing:-.01em;margin:0}
.section-heading>p{font-size:16px;margin:0 0 3px;color:#465f75}
.section-heading .eyebrow{margin-bottom:11px}
.collection{border-top:1px solid var(--line);padding-top:40px}
.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 26px}
.book-card{min-width:0}
.cover-stage{position:relative;padding:32px 20px 20px;background:#f3f7fb;border-radius:4px;display:block;perspective:1100px;overflow:visible}
.cover-stage .cover{width:100%;aspect-ratio:1;object-fit:cover;box-shadow:5px 8px 14px #112b4329;transform-origin:left center;transition:transform .3s,box-shadow .3s}
.cover-stage:hover .cover{transform:rotateY(-12deg) rotate(-2deg) translateY(-5px);box-shadow:11px 13px 20px #112b4333}
.cover-stage>.status{top:9px;left:12px;background:transparent;color:#42596c;padding:0;font-size:11px;font-weight:800;border-radius:0;line-height:1.3}
.peek{display:none}
.book-info{padding-top:17px}
.book-world{font-size:11px;color:#465e72;letter-spacing:.07em;margin-bottom:7px}
.book-info h3{font:29px/1.15 var(--hand);margin:0 0 8px}
.book-theme{font-size:14px;margin-bottom:10px;color:#465e72}
.text-link{display:inline-flex;gap:20px;align-items:center;min-height:44px;font-size:15px;font-weight:850;color:#004eae;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.text-link:hover{color:#112b43;text-decoration-thickness:2px}
.collection-note{font-size:14px;line-height:1.6;color:#465e72;margin:32px 0 0}
.design-showcase .collection{margin:0 32px;max-width:none;padding:27px 28px 22px;background:#f5faff;border:1px solid #e2edf6;border-radius:12px;display:grid;grid-template-columns:190px 1fr;gap:10px 25px}
.design-showcase .collection .section-heading{display:block;padding-top:12px;margin:0}
.design-showcase .collection .section-heading h2{font-size:37px;color:var(--blue)}
.design-showcase .collection .section-heading>p{font-size:14px;margin-top:12px}
.design-showcase .collection .eyebrow{font-size:10px;letter-spacing:.05em}
.design-showcase .book-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;align-items:start}
.design-showcase .cover-stage{background:transparent;padding:0;overflow:visible}
.design-showcase .cover-stage>.status{display:none}
.design-showcase .book-world,.design-showcase .book-theme,.design-showcase .book-info .text-link{display:none}
.design-showcase .book-info h3{font:15px/1.35 var(--body);font-weight:800;text-align:center}
.design-showcase .book-info{padding-top:12px}
.design-showcase .collection-note{grid-column:2;font-size:12px;margin:8px 0 0}
.friends{border-bottom:1px solid var(--line)}
.friend-rail{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;overflow:visible;padding:0;margin:0}
.friend{background:transparent!important;border-radius:0;padding:0 5px 10px;text-align:center;transition:transform .2s;position:relative}
.friend-art{height:180px;padding:0;background:transparent!important;border-radius:0}
.friend-art img{height:100%;width:100%;object-fit:contain;mix-blend-mode:normal;background:transparent}
.friend:hover{transform:translateY(-5px)}.friend:hover .friend-art{background:transparent!important}
.friend h3{font:31px/1.1 var(--hand);color:var(--accent);margin:15px 0 6px}
.friend p{font-size:14px;line-height:1.45;margin:0;color:var(--ink)}
.creator-note{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1200px}
.creator-note p:not(.eyebrow){font-size:21px;line-height:1.6;margin-bottom:17px;max-width:490px}
.value-row{display:flex;justify-content:center;gap:50px;padding:23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;font-weight:750;background:#f7faff}
.value-row span:before{content:'';display:inline-block;width:8px;height:8px;background:var(--blue);margin-right:10px}
.footer{background:#fff;padding-top:40px}.footer-top{padding-bottom:28px}.footer-top>p{display:none}.footer-top>.brand{width:290px}
.footer-top nav{font-size:14px;gap:8px 28px}.footer-top nav a{min-height:36px;display:flex;align-items:center}.footer-bottom{font-size:12px;color:#465e72}
.detail-cover{background:#f3f7fb;border-radius:5px}.detail-note{display:none}.book-detail{gap:70px}
.detail-copy .status{background:#edf3f9;color:var(--ink);font-size:13px;padding:5px 12px;border-radius:4px}
.detail-copy h1{font-size:58px;line-height:1.05}.detail-subtitle{color:var(--ink);font-size:26px}
.description{font-size:18px}.byline{font-size:14px}.book-facts span{font-size:12px}.release-note{font-size:14px}
.sample-section .section-heading h2{font-size:42px}.sample-button>span{background:#fff;color:var(--ink);font-size:14px;min-height:44px;display:flex;align-items:center}
.character-note{background:#f5f9fc}.character-note>div>img{mix-blend-mode:normal}.character-note h2{color:var(--ink)}
.book-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.activity-grid{gap:22px}.activity{border:1px solid var(--line);background:#f6faff}.activity summary{min-height:210px}.activity-number{font-size:12px}.activity summary p{font-size:15px}
.about-hero h1{font-size:76px}.about-hero p{font-size:18px}.prose p{font-size:18px}
.not-found img{mix-blend-mode:normal}
@media(min-width:1600px){.design-showcase .collection{max-width:1536px;margin:auto}}
@media(max-width:1200px){.header{padding:16px 24px}.brand{width:280px}.desktop-nav{gap:20px;font-size:14px}.header-cta{display:none}.new-hero{padding:40px 30px 25px;min-height:480px;grid-template-columns:36% 64%}.new-hero-copy h1{font-size:63px}.new-hero-copy>p:not(.eyebrow):not(.hero-micro){font-size:17px}.stage-label{font-size:23px}.friend-art{height:145px}.design-showcase .collection{grid-template-columns:160px 1fr;gap:20px;margin:0 24px;padding:24px 20px}.design-showcase .book-grid{gap:12px}.design-showcase .book-info h3{font-size:13px}.design-showcase .collection .section-heading h2{font-size:31px}}
@media(max-width:900px){.header{min-height:86px}.brand{max-width:none;width:285px}.desktop-nav{display:none}.menu-toggle{display:block}.new-hero{grid-template-columns:1fr;min-height:0;padding:36px 28px 15px}.new-hero-copy{text-align:center;padding:0}.new-hero-copy .eyebrow{justify-content:center}.new-hero-copy h1{font-size:66px;white-space:normal}.new-hero-copy h1:after{width:190px;margin:10px auto 0}.new-hero-copy>p:not(.eyebrow):not(.hero-micro){max-width:440px;margin:0 auto 22px;font-size:18px}.new-hero-copy .hero-micro{margin-top:12px}.character-stage{max-width:800px;margin:48px auto 0;aspect-ratio:1.85}.blue-stage{margin-top:25px}.section{padding:50px 28px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}.section-heading h2{font-size:44px}.friend-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px}.friend-art{height:160px}.creator-note{gap:45px}.creator-note p:not(.eyebrow){font-size:18px}.design-showcase .collection{display:block;padding:28px 24px}.design-showcase .collection .section-heading{display:flex;align-items:end;margin:0 0 25px}.design-showcase .collection .section-heading h2{font-size:40px}.design-showcase .collection .section-heading>p{margin:0}.design-showcase .collection .eyebrow{font-size:11px}.design-showcase .book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px}.design-showcase .book-info h3{font-size:15px}.design-showcase .collection-note{margin-top:22px}.value-row{gap:25px;font-size:13px}.detail-copy h1{font-size:42px}.book-detail{gap:35px}.section-heading{align-items:start}.creator-note h2{font-size:46px}}
@media(max-width:600px){html{scroll-padding-top:90px}.header{padding:13px 18px;gap:8px;min-height:78px}.brand{width:235px;max-width:calc(100vw - 130px)}.header-actions{gap:0}.design-switch{padding:7px 12px;gap:4px}.design-switch>span{display:none}.design-switch a{font-size:12px;padding:11px 14px}.new-hero{padding:30px 16px 12px}.new-hero-copy{text-align:left;padding:0 8px}.new-hero-copy .eyebrow{justify-content:start;font-size:11px;margin-bottom:14px}.new-hero-copy h1{font-size:clamp(49px,13vw,67px);margin-bottom:22px}.new-hero-copy h1:after{margin:10px 0 0;width:180px;height:6px}.new-hero-copy>p:not(.eyebrow):not(.hero-micro){font-size:17px;max-width:340px;margin:0 0 22px;line-height:1.5}.new-hero-copy .button{min-height:50px;width:auto;padding:12px 24px}.new-hero-copy .hero-micro{font-size:12px}.character-stage{margin:45px auto 12px;aspect-ratio:1.48}.blue-stage{margin-top:20px;margin-bottom:0}.pixel-setting{height:105%;width:116%;left:-8%;top:-3%}.stage-label{font-size:17px;top:-25px;left:10%}.stage-label>span{font-size:17px}.stage-dot{height:43%;bottom:48%;left:46%}.stage-lex{height:39%;bottom:46%;left:13%}.stage-bit{height:39%;width:23%;bottom:9%}.stage-pip{height:46%;width:28%;left:20%;bottom:3%}.stage-tux{height:51%;width:26%;left:44%}.stage-zag{height:47%;width:20%;left:67%;bottom:9%}.stage-patch{height:37%;width:21%;left:80%;bottom:0}.blue-stage .stage-dot{bottom:48%}.blue-stage .stage-lex{bottom:45%}.blue-stage .stage-pip{bottom:7%}.blue-stage .stage-bit{bottom:12%}.blue-stage .stage-tux{bottom:9%}.blue-stage .stage-zag{bottom:14%}.blue-stage .stage-patch{bottom:5%}.section{padding:38px 22px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:40px}.section-heading>p{margin-top:13px;font-size:15px}.eyebrow{font-size:11px}.book-grid,.book-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.cover-stage{padding:30px 12px 15px}.cover-stage>.status{font-size:10px;left:10px}.book-info h3{font-size:25px;line-height:1.1}.book-info{padding-top:13px}.book-theme{font-size:13px;margin:0}.book-world{font-size:10px}.book-info .text-link{font-size:14px;min-height:44px}.collection-note{font-size:13px;margin-top:25px}.friend-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.friend{width:auto;flex-basis:auto}.friend-art{height:170px}.friend h3{font-size:30px}.friend p{font-size:14px}.creator-note{display:block}.creator-note h2{font-size:45px;margin-bottom:23px}.creator-note p:not(.eyebrow){font-size:18px}.value-row{flex-wrap:wrap;gap:9px 22px;font-size:12px;padding:20px}.footer-top>.brand{max-width:none;width:270px}.footer-top nav{font-size:14px}.footer-bottom{font-size:12px;line-height:1.5}.design-showcase .collection{margin:0 15px;padding:24px 17px}.design-showcase .collection .section-heading{display:block}.design-showcase .collection .section-heading>p{margin-top:12px}.design-showcase .collection .section-heading h2{font-size:38px}.design-showcase .book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 18px}.design-showcase .book-info h3{font-size:15px;text-align:left}.design-showcase .collection-note{font-size:13px}.detail-copy h1{font-size:47px}.detail-subtitle{font-size:26px}.description{font-size:17px}.book-detail{gap:30px}.detail-cover{padding:27px}.book-grid.three .book-card:last-child{display:none}.sample-button>span{font-size:12px;min-height:36px;padding:7px 10px}.sample-section .section-heading h2{font-size:37px}.section-heading .text-link{margin-top:14px}.character-note{padding:35px 24px}.about-hero h1{font-size:61px}.about-hero p{font-size:17px}.prose p{font-size:17px}.activity-grid{grid-template-columns:1fr}.activity summary{min-height:0}.activity summary p{font-size:15px}.activity-number{font-size:11px}.image-dialog{width:96vw}.book-facts span{font-size:11px}.more-books h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.stage-friend:hover img,.friend:hover,.cover-stage:hover .cover,.button:hover{transform:none}}
.text-link{border-bottom:0}.new-hero-copy h1{color:var(--ink)}
@media(max-width:600px){.friend-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-right:-22px;padding-right:22px;padding-bottom:20px;scrollbar-width:thin}.friend{flex:0 0 145px;scroll-snap-align:start}.friend-art{height:155px}.new-hero-copy h1{font-size:clamp(42px,11.7vw,65px)}.stage-tux .stage-label{top:5%;left:80%}.stage-pip .stage-label{top:0%;left:65%}.stage-zag .stage-label{top:-4%;left:57%}.stage-lex .stage-label{top:-8%;left:22%}.stage-bit .stage-label{top:-17%;left:5%}.stage-dot .stage-label{top:-17%;left:35%}.stage-patch .stage-label{top:-22%;left:40%}}