/* The selected pixel-world design, carried through the book catalogue. */
.header{background:#fff}
.button.secondary{background:#fff;color:#0754a4;border-color:#0754a4}
.button.secondary:hover{background:#edf6ff;box-shadow:none}
.brand img{clip-path:polygon(0 0,100% 0,100% 74%,20% 74%,20% 94%,0 94%)}
.design-world .new-hero-copy .eyebrow{font-size:12px;letter-spacing:.075em;max-width:560px;margin:0 auto 14px;line-height:1.5}
.design-world .stage-dot{left:15.5%;bottom:16%;width:18%;height:67%}
.design-world .stage-tux{left:44%;bottom:18%;width:20%;height:65%}
.design-world .stage-lex{left:31%;bottom:10%;width:18%;height:55%}
.design-world .stage-pip{left:60%;bottom:11%;width:24%;height:70%}
/* Scale the whole row uniformly on tablets, rather than stretching tall silhouettes. */
@media(min-width:601px){.design-world .character-stage{height:auto;aspect-ratio:1160/345}}
@media(min-width:1500px){.design-world .character-stage{aspect-ratio:1250/380}}
@media(min-width:601px) and (max-width:900px){.design-world .new-hero{height:560px}}
.section-heading h2,.creator-note h2,.character-note h2,.about-hero h1,.prose h2{font-family:var(--body);font-weight:900;letter-spacing:-.045em;line-height:1.12}
.section-heading h2{font-size:46px;color:var(--blue)}
.collection{border:0;padding-top:64px!important;padding-bottom:72px}
.collection .section-heading{margin-bottom:48px;align-items:center}
.collection .section-heading h2:after{content:'';display:block;width:110px;height:6px;background:var(--yellow);margin-top:13px;clip-path:polygon(0 30%,98% 0,100% 65%,1% 100%)}
.collection .book-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:58px 34px}
.collection .book-card{grid-column:span 2}
.collection .book-card:nth-child(5){grid-column:2/span 2}
.book-card{border:0;background:transparent;display:flex;flex-direction:column}
.cover-stage{background:transparent;padding:10px 17px 20px;perspective:1400px;border-radius:0}
.book-mockup{position:relative;display:block;transform:perspective(1400px) rotateY(-13deg) rotateZ(-1deg);transform-origin:center center;transition:transform .35s;isolation:isolate;filter:drop-shadow(8px 15px 10px #15345326)}
.book-mockup:before{content:'';position:absolute;top:1%;bottom:0;left:0;width:100%;z-index:-2;background:var(--book-color);border-radius:2px 5px 5px 2px;transform:translate(8px,4px)}
.book-mockup:after{content:'';position:absolute;left:100%;top:1%;width:8px;height:99%;background:repeating-linear-gradient(90deg,#fdfbf5 0 1px,#d9d9cf 1px 2px,#fff 2px 3px);border-top:2px solid #f5f2e8;border-bottom:2px solid var(--book-color);transform:skewY(19deg);transform-origin:left top;z-index:-1}
.book-mockup .cover{position:relative;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;box-shadow:none;border-radius:1px 2px 2px 1px;transform:none!important}
.book-mockup .cover:after{content:none}
@media(hover:hover) and (pointer:fine){.cover-stage:hover .book-mockup{transform:perspective(1400px) rotateY(-5deg) rotateZ(0deg) translateY(-7px)}}
.cover-stage:hover .cover{box-shadow:none}
.book-info{padding:13px 0 0;display:flex;flex-direction:column;flex:1}
.book-world{font-size:10px;letter-spacing:.08em;font-weight:800;color:#46617b;margin-bottom:9px}
.book-info h3{font:850 22px/1.2 var(--body);letter-spacing:-.035em;margin-bottom:9px}
.book-info h3 a:hover{color:var(--blue)}
.book-theme{font-size:14px;color:#456075;margin-bottom:12px}
.book-card .cover-stage{margin-bottom:10px}
.cover-availability{position:absolute;bottom:7%;left:0;right:0;text-align:center;z-index:3;white-space:nowrap;background:#101c2bad;color:#fff;padding:6px 10px;border:0;border-radius:0;font:800 11px/1.3 var(--body);letter-spacing:.045em;box-shadow:0 3px 8px #10273f18}
.book-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:5px}
.book-actions .book-theme{flex:1 1 105px;margin:0;font-size:14px;line-height:1.45}
.book-actions .book-explore{flex:0 0 auto;border-radius:100px;font-size:14px;min-height:44px;padding:9px 15px;gap:12px}
.book-detail{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);padding-top:50px;gap:80px;align-items:center}
.detail-cover{background:radial-gradient(ellipse at center,#e4f4ff,transparent 70%);border-radius:0;padding:32px 34px 42px;perspective:1600px;position:relative}
.detail-cover>.book-mockup{max-width:490px;margin:auto}
.detail-cover img{box-shadow:none;transform:none}
.detail-copy .eyebrow{margin-bottom:12px;font-size:11px;color:#46617b}
.detail-copy .status{border:0;border-radius:0;padding:0;background:none;color:#46617b;font:21px/1.3 var(--hand);margin-bottom:16px}
.detail-copy h1{font:900 clamp(34px,3.3vw,52px)/1.09 var(--body);letter-spacing:-.045em;margin:0 0 16px}
.detail-subtitle{font:27px/1.2 var(--hand);color:var(--accent);margin-bottom:13px}
.byline{font-size:13px;color:#46617b;margin-bottom:25px}
.description{font-size:17px;line-height:1.7;max-width:530px;margin-bottom:23px}
.book-facts{display:flex;flex-wrap:wrap;gap:0;margin:0 0 25px;color:#46617b}
.book-facts span{background:none;border:0;padding:0;font-size:13px}
.book-facts span+span:before{content:'·';margin:0 12px}
.detail-copy .button{border-radius:100px;min-height:52px;padding:13px 25px}
.sample-section{padding-top:35px}
.sample-section .section-heading h2{font-size:42px}
.sample-button{box-shadow:0 16px 32px #15345315;border:1px solid #e6edf2}
.character-note{background:#f1f8fc;border-radius:0;max-width:1344px}
.character-note h2{font-size:43px}
.more-books .book-grid{gap:44px;max-width:1080px;margin:auto}
.more-books .cover-stage{padding:15px 35px 25px}
.more-books .section-heading{margin-bottom:35px}
.about-hero h1{font-size:clamp(48px,6vw,76px);color:var(--blue)}
.about-world{max-height:none;max-width:1500px;margin:0 auto;height:auto;overflow:hidden}
.about-world picture{display:block}
.about-world img{display:block;width:100%;height:auto;max-width:100%;margin:0;object-fit:contain}
.prose h2{font-size:38px}
.footer{padding-bottom:28px}
@media(max-width:1050px){.collection .book-grid{gap:45px 25px}.book-info h3{font-size:20px}.book-detail{gap:35px}.detail-cover{padding:25px 20px}}
@media(max-width:900px){.collection .book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection .book-card,.collection .book-card:nth-child(5){grid-column:auto}.collection .book-card:last-child{grid-column:2}.book-detail{gap:30px}.detail-copy h1{font-size:36px}.detail-subtitle{font-size:24px}.description{font-size:16px}.more-books .book-grid{gap:25px}.more-books .cover-stage{padding:10px 15px 20px}}
@media(max-width:600px){
 .design-world .new-hero-copy .eyebrow{font-size:10px;letter-spacing:.055em;max-width:300px;min-height:30px;margin-bottom:12px}
 .design-world .new-hero{height:648px}
 .design-world .stage-dot{left:10.5%;bottom:48%;width:27%;height:46%}
 .design-world .stage-tux{left:44.5%;bottom:49%;width:30%;height:46%}
 .design-world .stage-lex{left:25%;bottom:3%;width:26%;height:40%}
 .design-world .stage-pip{left:45%;bottom:8%;width:33%;height:48%}
 .collection{padding-top:38px!important;padding-bottom:45px}.collection .section-heading{margin-bottom:30px}
 .section-heading h2,.sample-section .section-heading h2{font-size:35px}
 .collection .book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 20px}
 .collection .book-card:last-child{grid-column:auto}
 .cover-stage{padding:8px 9px 17px 2px}
 .book-mockup:after{width:5px}.book-mockup:before{transform:translate(5px,3px)}
 .book-info h3{font-size:19px;line-height:1.2}.book-world{font-size:9px;line-height:1.5;letter-spacing:.04em}
 .book-theme{font-size:13px;line-height:1.5}
 .cover-availability{font-size:9px;padding:4px 7px;letter-spacing:.02em}
 .about-hero h1{font-size:clamp(39px,11.5vw,48px)}
 .book-detail{padding-top:25px;gap:28px}.detail-cover{padding:12px 36px 25px}.detail-cover>.book-mockup{max-width:310px}
 .detail-copy h1{font-size:37px}.detail-copy .status{font-size:20px}.detail-subtitle{font-size:25px}.detail-copy .button{width:auto}
 .byline{margin-bottom:20px}.description{font-size:17px}.book-facts span{font-size:12px}.book-facts span+span:before{margin:0 9px}
 .sample-section{padding-top:20px}.sample-button{margin:0;width:100%}.sample-button>span{font-size:12px;min-height:44px}
 .character-note h2{font-size:35px}.more-books .book-grid.three{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 8px 20px;gap:24px}.more-books .book-grid.three .book-card{display:block;flex:0 0 100%;max-width:330px;scroll-snap-align:start}.more-books .cover-stage{padding:12px 18px 22px}
 .about-world{width:100%;height:auto}.about-world img{width:100%;margin:0;height:auto}.prose h2{font-size:33px}
}
@media(prefers-reduced-motion:reduce){.book-mockup,.cover-stage:hover .book-mockup{transform:none;transition:none}}