/* Motion-led homepage, with a complete static/reduced-motion baseline. */
@font-face{font-family:Archivo Black;src:url('../assets/fonts/archivo-black-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--display:'Archivo Black','Arial Black',sans-serif;--spring:cubic-bezier(.2,1.5,.4,1);--bright-pink:#f13fe9;--soft-pink:#fbdafb}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}
body{background:#fff}.header{position:fixed;top:0;padding:20px 24px;pointer-events:none;transition:padding .3s}.header>*{pointer-events:auto}.header nav{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.header nav a{background:#fff29b;color:#090909}.header nav a:hover{background:#ffc628;transform:rotate(-3deg)}.header .brand,.header .nav-actions{transition:opacity .3s,transform .4s}.header.scrolled>.brand{opacity:0;pointer-events:none;transform:translateY(-50px)}.header.scrolled>.nav-actions{opacity:0;pointer-events:none;transform:translateY(-50px)}.header.scrolled:focus-within>.brand,.header.scrolled:focus-within>.nav-actions{opacity:1;pointer-events:auto;transform:none}.header nav a{transition:background .2s,transform .35s var(--spring)}.header .nav-actions>.button{display:none}
.image-cover{display:block;padding:0!important;aspect-ratio:600/780;box-shadow:none;border-radius:inherit;overflow:hidden}.image-cover img{display:block;width:100%;height:100%;object-fit:cover}.image-cover:not(:has(img)){background:var(--cover)}
h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.075em}h3{font-family:var(--display);font-weight:400;letter-spacing:-.05em}.motion-word{display:inline-block;transform-origin:bottom center}h1[data-split-heading],h2[data-split-heading]{overflow:clip;padding-bottom:.08em}.hand-note{font-family:Georgia,serif;font-style:italic;letter-spacing:-.045em;line-height:1.1}
.hero.hero-motion{display:block;min-height:810px;height:106svh;max-height:1200px;border-radius:0 0 90px 90px;background:#ffdb4a;padding:160px 24px 90px;isolation:isolate;overflow:clip}.hero-motion .hero-copy{width:min(66%,850px);z-index:2;position:relative;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.hero-motion h1{font-family:var(--display);font-size:clamp(4.5rem,8.25vw,8.8rem);line-height:.93;letter-spacing:-.085em;margin-bottom:30px}.hero-motion p{font-size:1rem;line-height:1.35;max-width:340px;font-weight:600}.hero-motion .hero-ctas{margin-top:16px}.hero-waves{position:absolute;inset:-12% -6%;z-index:-2;pointer-events:none;color:#fff098}.hero-waves svg{height:100%;width:100%;overflow:visible}.hero-waves path{fill:none;stroke-linecap:round;stroke-linejoin:round}.wave-light{stroke:#fff098;stroke-width:195px}.wave-orange{stroke:#f9a220;stroke-width:180px}.hero-scene{position:absolute;inset:0;perspective:1800px;pointer-events:none;z-index:1;transform-style:preserve-3d}.scene-book{position:absolute;display:block;pointer-events:auto;padding:0;width:clamp(230px,25vw,430px);aspect-ratio:600/780;perspective:1400px;transform-style:preserve-3d;border:0;background:none}.scene-book:hover{filter:none!important}.scene-book-0{left:4%;top:-32%;transform:rotate(-39deg) rotateY(-18deg);width:27vw}.scene-book-1{right:10%;top:26%;transform:rotate(-23deg) rotateY(-23deg);width:26vw}.scene-book-2{left:20%;bottom:-37%;transform:rotate(-41deg) rotateY(24deg);width:30vw}.book-object{display:block;position:absolute;inset:0;transform-style:preserve-3d;transition:filter .3s}.book-object>*{position:absolute;display:block}.book-face{inset:0;transform:translateZ(18px);backface-visibility:hidden;box-shadow:inset 5px 0 8px #0002}.book-face .book-cover{height:100%;width:100%;border-radius:3px 9px 9px 3px}.book-back{inset:-2px;transform:translateZ(-18px);border-radius:4px}.book-pages{inset:6px 1px 6px 8px;transform:translateZ(0);box-shadow:1px 0 0 16px #f4edda;border-radius:3px;background:repeating-linear-gradient(0deg,#fff 0 1px,#e2dac7 1px 2px)}.book-spine{width:36px;left:-18px;top:0;bottom:0;transform:rotateY(-90deg);writing-mode:vertical-rl;text-orientation:mixed;font-size:13px;font-weight:bold;letter-spacing:.12em;padding:25px 8px;color:#fff;box-shadow:inset -5px 0 6px #0003}.scene-book:focus-visible{outline-offset:24px}.hero-motion .hero-hand{right:3%;top:43%;font-size:1.3rem;transform:rotate(9deg);color:#554795;z-index:2}.hero-seal{position:absolute;bottom:30px;right:32px;border:3px solid white;border-radius:50%;font-size:2.4rem;line-height:1;color:white;width:56px;height:56px;transform:rotate(-12deg);transition:transform .5s var(--spring);z-index:2}.hero-seal:hover{transform:rotate(90deg) scale(1.15)}.hero-scroll{position:absolute;bottom:30px;left:26px;font-size:.72rem;z-index:2}
.button.split-button{background:transparent!important;border-radius:0;padding:0;gap:0;color:#fff;min-height:46px;font-size:.9rem;font-weight:700;filter:none!important}.split-button .button-label{background:#f50099;padding:15px 18px;border-radius:6px;display:block;min-height:46px;transform-origin:right center;transition:transform .6s var(--spring)}.split-button .button-arrow{background:#f50099;padding:12px 16px;border-radius:6px;font-size:1.1rem;min-height:46px;display:grid;place-content:center;transform-origin:left center;transition:transform .6s var(--spring)}.split-button:hover .button-label,.split-button:focus-visible .button-label{transform:rotate(-2deg) scale(1.03)}.split-button:hover .button-arrow,.split-button:focus-visible .button-arrow{transform:rotate(9deg) translateX(3px) scale(1.06)}.button-letter{display:inline-block}
.book-showcase{padding:110px 0 65px;overflow:clip;background:#fff}.showcase-heading{text-align:center;position:relative;padding:0 8%}.showcase-heading h2{font-size:clamp(2.5rem,5.2vw,5rem);margin:0 auto 24px;max-width:1000px}.showcase-heading p{font-size:1.1rem;line-height:1.4;font-weight:600}.showcase-heading .hand-note{position:absolute;left:6%;top:-20px;font-size:1.3rem;color:#65529c;transform:rotate(-8deg)}.carousel-controls{display:flex;justify-content:end;gap:8px;margin:65px 30px 0}.carousel-controls button{border-radius:50%;width:52px;height:52px;background:#090909;color:white;font-size:1.3rem}.carousel-controls button:disabled{opacity:.3}.drag-hint{font-size:.8rem;margin:auto 15px auto 0}.book-rail{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain;padding:95px 35px 75px;outline-offset:-5px}.book-rail::-webkit-scrollbar{display:none}.book-rail.dragging{cursor:grabbing;user-select:none}.book-rail.dragging *{cursor:grabbing!important;pointer-events:none}.book-track{display:flex;gap:38px;align-items:start;width:max-content}.shelf-card{width:clamp(255px,25vw,390px);flex:0 0 auto;perspective:1000px;padding-top:8px}.shelf-card:nth-child(even){padding-top:28px}.shelf-body{background:var(--card-color);color:white;border-radius:24px;padding:11px 11px 23px;position:relative;transform:rotate(var(--rest-rotation));transform-style:preserve-3d;transition:translate .5s var(--spring);isolation:isolate}.shelf-body::after{content:'';position:absolute;inset:0;background:var(--card-color);border-radius:24px;z-index:-1;transition:translate .5s var(--spring)}.shelf-body:hover,.shelf-body:focus-within{translate:0 -20px}.shelf-body:hover::after,.shelf-body:focus-within::after{translate:0 25px}.shelf-cover{width:100%;display:block;padding:0;border-radius:16px;overflow:hidden}.shelf-cover .book-cover{width:100%;border-radius:16px}.shelf-tags{display:flex;gap:5px;margin-top:14px;flex-wrap:wrap}.shelf-tags span{background:#e3d4ff;color:#151515;border-radius:20px;padding:3px 6px;font-size:.66rem;font-weight:bold}.shelf-tags span+span{background:#fff2b2}.shelf-title{font-family:var(--display);letter-spacing:-.06em;font-size:1.6rem;display:block;line-height:1;margin-top:9px}.shelf-body p{font-size:.82rem;line-height:1.2;margin:10px 0 7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.shelf-demo{font-size:.65rem;opacity:.8}.shelf-cta{position:absolute;left:50%;bottom:-30px;transform:translate(-50%,-15px) scale(.8);opacity:0;transition:transform .6s var(--spring),opacity .2s;white-space:nowrap}.shelf-body:hover .shelf-cta,.shelf-body:focus-within .shelf-cta{opacity:1;transform:translate(-50%,0) scale(1)}.card-sprouts{position:absolute;bottom:calc(100% - 3px);left:45%;width:60px;height:80px;z-index:-1;pointer-events:none}.card-sprouts i{position:absolute;bottom:0;width:30px;height:65px;background:var(--card-color);border-radius:100% 0 100% 0;transform-origin:bottom center;transform:scale(0) rotate(-70deg);transition:transform .5s var(--spring)}.card-sprouts i+ i{left:24px;height:80px;transform:scale(0) rotate(30deg)}.shelf-body:hover .card-sprouts i,.shelf-body:focus-within .card-sprouts i{transform:scale(1) rotate(-36deg)}.shelf-body:hover .card-sprouts i+i,.shelf-body:focus-within .card-sprouts i+i{transform:scale(1) rotate(14deg);transition-delay:.08s}.carousel-bottom{display:flex;justify-content:space-between;align-items:center;margin:0 40px}.carousel-position{font-size:.75rem;letter-spacing:.12em}
.fan-section{position:relative;margin:0 16px 16px;background:var(--soft-pink);border-radius:100px;overflow:clip;min-height:820px;padding:75px 5%}.fan-background{position:absolute;inset:20% -20% -90%;border:130px solid #fff0ff;border-radius:45%;transform:rotate(-20deg);pointer-events:none}.fan-heading{position:relative;display:flex;justify-content:space-between;align-items:start;z-index:1}.fan-heading h2{font-size:clamp(3rem,5vw,5rem);margin:0}.fan-heading .hand-note{position:static;transform:rotate(8deg);font-size:1.3rem;color:#65529c}.fan-cards{display:flex;justify-content:center;padding:95px 5% 40px}.fan-card{position:relative;flex:0 0 26%;width:26%;background:var(--fan-color);padding:25px 20px 30px;border-radius:25px;margin-left:-2%;transform:rotate(-5deg);transform-origin:center 85%;box-shadow:0 2px 0 #0001}.fan-card:first-child{margin-left:0}.fan-card:hover{z-index:3}.fan-step{display:block;text-align:center;font-family:Georgia,serif;font-style:italic;font-weight:bold;font-size:1.3rem}.fan-card>div{height:210px}.fan-card svg{height:100%;width:100%}.fan-card h3{font-size:1.9rem;line-height:1;margin:12px 0}.fan-card p{font-size:.9rem;line-height:1.35;margin:0}.fan-card:nth-child(2){transform:rotate(-7deg)}
.unbox-scroll{height:300svh;min-height:1800px;padding:0 16px 16px}.unbox-stage{height:100svh;min-height:620px;position:sticky;top:0;background:#9cf1f2;border-radius:100px;overflow:clip;isolation:isolate;perspective:1800px}.unbox-header{position:absolute;top:60px;left:65px;z-index:2}.unbox-header h2{font-size:3.5rem;margin:0}.unbox-header .eyebrow{margin-bottom:15px}.parcel-scene{position:absolute;inset:0;display:grid;place-items:center;perspective:1600px;transform-style:preserve-3d}.parcel{--box-depth:70px;width:min(43vw,560px);aspect-ratio:1.3;position:relative;transform-style:preserve-3d;transform:rotateX(42deg) rotateZ(-12deg);top:70px}.parcel-bed{position:absolute;inset:0;background:#f2ede7;border:14px solid #513b55;box-shadow:inset 0 0 25px #0004;transform:translateZ(0)}.parcel-hinge{position:absolute;inset:0;transform:translateZ(var(--box-depth));transform-style:preserve-3d}.parcel-lid{position:absolute;inset:0;transform:rotateX(0deg);transform-origin:50% 0%;transform-style:preserve-3d}.lid-outside,.lid-inside{position:absolute;inset:0;border-radius:8px 8px 0 0;backface-visibility:hidden;background:#40327b;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffdc55;border:4px solid #513b55;overflow:hidden}.lid-outside{transform:translateZ(2px);background:radial-gradient(ellipse at 120% 60%,#ff64b4 0 25%,transparent 25%),radial-gradient(ellipse at -15% 0,#f2a62a 0 32%,transparent 32%),#40327b}.lid-outside>span{font-family:Georgia,serif;font-weight:bold;font-size:2rem;letter-spacing:-.07em;margin-bottom:20px}.lid-outside>b{font-family:var(--display);font-size:clamp(1.5rem,3vw,3rem);line-height:.95;letter-spacing:-.08em}.lid-outside>i{font-style:normal;font-size:4rem;margin-top:10px}.lid-inside{transform:rotateX(180deg);background:#fff5e6;color:#493271}.lid-inside>span{font-family:Georgia,serif;font-style:italic;font-size:clamp(1.5rem,3vw,3rem);text-align:center}.lid-inside>i{font-size:4rem}.parcel-front{position:absolute;top:100%;height:var(--box-depth);left:0;right:0;background:linear-gradient(115deg,#c78cd8 0 30%,#f24096 30% 55%,#4a396f 55%);transform-origin:top;transform:rotateX(90deg);display:flex;align-items:center;justify-content:space-between;padding:0 25px;color:white;font-family:Georgia,serif;font-size:1.5rem;backface-visibility:hidden}.parcel-front i{font-style:normal;font-size:2.5rem}.parcel-side{position:absolute;left:0;top:0;width:var(--box-depth);height:100%;background:#493271;transform-origin:left;transform:rotateY(-90deg)}.parcel-books{position:absolute;inset:0;transform-style:preserve-3d}.parcel-book{position:absolute;width:44%;left:28%;top:1%;transform:translateZ(12px);box-shadow:6px 3px 0 #faf0db,10px 6px 0 #342e32;transform-style:preserve-3d}.parcel-book-1{transform:translateZ(22px) rotate(-2deg)}.parcel-book-2{transform:translateZ(32px) rotate(2deg)}.unbox-note{position:absolute;right:6%;top:45%;color:#65529c;font-size:1.6rem;max-width:230px;transform:rotate(7deg);opacity:0}.unbox-finale{position:absolute;right:7%;top:35%;width:40%;opacity:0;visibility:hidden;z-index:5}.unbox-finale h2{font-size:clamp(3rem,5vw,5rem);line-height:.95}.unbox-progress{position:absolute;bottom:30px;left:8%;right:8%;height:3px;background:#26221e20}.unbox-progress span{display:block;width:100%;height:100%;background:#493271;transform:scaleX(0);transform-origin:left}.unbox-scroll-hint{position:absolute;bottom:45px;text-align:center;width:100%;font-size:.65rem;letter-spacing:.16em}
.genre-explorer{background:var(--bright-pink);border-radius:100px;margin:0 0 16px;padding:90px 30px 100px;text-align:center;position:relative;overflow:clip}.genre-explorer h2{font-size:clamp(2rem,4vw,4rem);margin-bottom:20px}.genre-explorer>p{font-weight:600}.genre-stage{position:relative;margin-top:55px}.genre-list{position:relative;z-index:2;margin:auto;width:max-content;max-width:90%}.genre-list>a{display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:clamp(2.5rem,6.5vw,6.5rem);letter-spacing:-.085em;line-height:1.05;position:relative;padding:4px 0}.genre-line{display:block;height:1.12em;overflow:hidden}.genre-line>span{display:block;transition:transform .7s var(--spring);padding:0 .1em}.genre-line>span+span{color:#fff296;transform:translateY(0) rotate(6deg);transform-origin:left bottom}.genre-list a:hover .genre-line>span,.genre-list a:focus-visible .genre-line>span{transform:translateY(-100%) rotate(0)}.genre-arrow{position:absolute;right:-.9em;font-size:.55em;opacity:0;transform:translateX(-20px);transition:.4s var(--spring)}.genre-list a:hover .genre-arrow,.genre-list a:focus-visible .genre-arrow{opacity:1;transform:translateX(0)}.genre-floaters{position:absolute;inset:0;pointer-events:none;z-index:3}.genre-floater{position:absolute;width:15%;aspect-ratio:600/780;transform:scale(0);filter:drop-shadow(8px 15px 0 #0002);pointer-events:none}.genre-floater-0{left:6%;top:-10%}.genre-floater-1{right:7%;top:-5%}.genre-floater-2{left:12%;bottom:-12%}.genre-floater-3{right:9%;bottom:-10%}.genre-floater-cover{position:absolute;inset:0;opacity:0;transition:opacity .12s}.genre-floater-cover.active{opacity:1}.genre-footnote{display:block;position:relative;margin:70px 0 0 auto;width:200px;color:#493271;font-size:1.3rem;transform:rotate(-8deg)}.benefits{background:#fff}.benefits h2{font-size:clamp(2rem,4vw,4rem)}.benefit-grid>article{transition:scale .4s var(--spring)}.benefit-grid>article:hover{scale:1.04}.faq{background:#fff}.faq h2{font-size:3.5rem}.faq summary>span{transition:transform .4s var(--spring)}.faq details[open] summary>span{transform:rotate(45deg)}.faq details[open] p{animation:faq-reveal .4s ease-out}.free-section{border-radius:90px;margin:16px;background:#ffc7ec}.gallery{border-radius:90px;margin:16px}.gallery-grid button{transition:transform .75s var(--spring)}footer{border-radius:90px 90px 0 0;margin-top:16px}section:not(.hero) .section-heading h2{line-height:1.02}.book-card .image-cover{box-shadow:8px 6px 0 #e5dfcf}
@keyframes faq-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero.hero-motion{padding-top:180px}.scene-book-1{top:24%;right:14%;width:25vw}.scene-book-2{bottom:-43%}.showcase-heading .hand-note{left:3%}}
@media(max-width:1150px){.header nav a{font-size:.8rem;padding:12px}.header .brand{font-size:1.5rem}.header .nav-actions{gap:0}.hero.hero-motion{min-height:780px}.hero-motion h1{font-size:8.7vw}.hero-motion .hero-copy{width:69%}.scene-book-1{right:7%;top:36%;width:29vw}.scene-book-2{bottom:-32%;left:19%}.hero-motion .hero-hand{right:4%;top:24%}.showcase-heading .hand-note{position:relative;display:block;left:auto;top:auto;margin-bottom:25px}.fan-card h3{font-size:1.5rem}.fan-card p{font-size:.8rem}.fan-card>div{height:170px}.fan-section{min-height:710px}.fan-heading h2{font-size:3.5rem}.fan-heading .hand-note{font-size:1.1rem}.fan-cards{padding-inline:0}.unbox-header{left:45px}.unbox-header h2{font-size:2.8rem}.unbox-note{font-size:1.3rem;right:4%}.parcel{width:49vw}.unbox-finale{right:5%;width:45%}}
@media(max-width:800px){.header{position:fixed;background:transparent;padding:18px 20px}.header>.brand{background:#ffdb4a;padding:10px;border-radius:9px}.header .nav-actions{background:#ffdb4a;border-radius:30px;padding:3px}.header.scrolled>.brand,.header.scrolled>.nav-actions{opacity:1;pointer-events:auto;transform:none}.header nav{position:absolute;left:15px;right:15px;top:85px;transform:none;width:auto;white-space:normal;background:#fff29b}.header nav a{font-size:1rem;background:transparent}.hero.hero-motion{padding:145px 25px 70px;min-height:1010px;height:115svh;max-height:1200px;border-radius:0 0 60px 60px}.hero-motion .hero-copy{width:100%}.hero-motion h1{font-size:clamp(3.9rem,10.6vw,6rem);line-height:.95;width:100%;letter-spacing:-.09em}.hero-motion p{font-size:1rem}.hero-motion .hero-ctas{margin-top:18px}.scene-book-0{left:65%;top:-19%;width:32vw;min-width:190px}.scene-book-1{right:13%;top:auto;bottom:10%;width:36vw;min-width:220px}.scene-book-2{left:7%;bottom:-14%;width:33vw;min-width:205px}.hero-motion .hero-hand{top:auto;right:5%;bottom:43%;font-size:1.1rem;max-width:120px}.hero-scroll{left:25px;bottom:22px;font-size:.65rem}.hero-seal{bottom:22px;right:25px}.hero-waves{inset:0 -30% -10%}.book-showcase{padding:70px 0 45px}.showcase-heading{padding:0 25px}.showcase-heading h2{font-size:3rem}.showcase-heading p{font-size:1rem}.showcase-heading .hand-note{font-size:1.2rem}.carousel-controls{margin-top:40px}.book-rail{padding:60px 25px 65px;scroll-snap-type:x proximity}.shelf-card{width:300px;scroll-snap-align:center}.book-track{gap:30px}.shelf-body{padding:11px 11px 36px}.shelf-cta{opacity:1;transform:translate(-50%,0) scale(.9)}.card-sprouts{display:none}.fan-section{border-radius:60px;padding:55px 25px;margin:0 10px 10px;min-height:0}.fan-heading{flex-wrap:wrap;gap:30px}.fan-heading h2{font-size:3rem}.fan-heading .hand-note{display:none}.fan-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:50px}.fan-card{width:auto;margin:0;padding:20px;min-height:330px}.fan-card>div{height:160px}.fan-card h3{font-size:1.5rem}.fan-card p{font-size:.85rem}.fan-card:nth-child(even){transform:rotate(3deg)}.unbox-scroll{padding:0 10px 10px;height:280svh;min-height:1600px}.unbox-stage{border-radius:60px;min-height:600px}.unbox-header{top:55px;left:30px}.unbox-header h2{font-size:2.6rem}.unbox-header .eyebrow{font-size:.6rem}.parcel{width:65vw;top:30px}.unbox-note{font-size:1.2rem;right:5%;top:76%;text-align:right}.unbox-finale{top:auto;bottom:12%;right:6%;width:88%;text-align:right}.unbox-finale h2{font-size:3.2rem;max-width:360px;margin-left:auto;margin-bottom:18px}.unbox-finale .button{font-size:.8rem}.genre-explorer{padding:65px 20px;border-radius:60px}.genre-explorer h2{font-size:2.5rem}.genre-stage{margin-top:35px}.genre-list>a{font-size:8vw;padding:8px 0}.genre-floater{width:20%;opacity:.8}.genre-floater-0{left:-7%}.genre-floater-1{right:-7%}.genre-floater-2{left:-4%}.genre-floater-3{right:-5%}.genre-footnote{font-size:1.2rem;margin-top:40px}.free-section,.gallery{margin:10px;border-radius:60px}footer{border-radius:60px 60px 0 0}.about h1{font-size:3rem}main>.section:first-child{padding-top:135px}.collection .section-heading h2{font-size:2.8rem}}
@media(max-width:450px){.header{padding:12px}.header>.brand{font-size:1.25rem}.hero.hero-motion{padding:135px 20px 50px;min-height:900px;height:115svh;max-height:1080px}.hero-motion h1{font-size:12.2vw}.hero-motion p{font-size:.9rem}.scene-book-1{bottom:14%;right:6%;min-width:0;width:49vw}.scene-book-2{bottom:-11%;left:5%;width:42vw;min-width:0}.scene-book-0{top:-12%;width:40vw;min-width:0;left:64%}.hero-motion .hero-hand{bottom:44%;font-size:1rem;right:9%}.hero-scroll{font-size:.55rem;max-width:230px}.hero-seal{width:46px;height:46px;font-size:2rem}.showcase-heading h2{font-size:2.45rem;letter-spacing:-.08em}.showcase-heading .hand-note{font-size:1.05rem}.shelf-card{width:255px}.book-rail{padding-left:25px}.shelf-title{font-size:1.65rem}.fan-section{padding:45px 20px}.fan-heading h2{font-size:2.5rem}.fan-cards{gap:15px 10px}.fan-card{padding:16px 12px;min-height:300px}.fan-card>div{height:140px}.fan-card h3{font-size:1.3rem}.fan-card p{font-size:.75rem}.fan-step{font-size:1.1rem}.parcel{--box-depth:55px;width:73vw;top:30px}.parcel-front{font-size:1rem;padding:0 12px;height:55px}.parcel-side{width:55px}.lid-outside>span{font-size:1.35rem}.lid-outside>i{font-size:2rem}.unbox-finale h2{font-size:2.5rem}.unbox-finale{bottom:12%}.unbox-note{font-size:1rem;top:75%}.unbox-header{top:70px}.unbox-header h2{font-size:2.35rem}.genre-list{max-width:94%}.genre-list>a{font-size:8.8vw}.genre-arrow{display:none}.genre-explorer h2{font-size:2.1rem}.genre-footnote{margin-right:10px}.faq h2{font-size:2.5rem}.free-section h2,.gallery h2{font-size:2.2rem}.footer-top .brand{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.hero-scene,.book-object{animation:none!important;transform:none}.scene-book-0{display:none}.motion-word{transform:none!important;opacity:1!important}.hero-copy{transform:none!important}.unbox-scroll{height:auto;min-height:0}.unbox-stage{position:relative;height:auto;min-height:1000px}.parcel{top:-80px;transform:rotateX(30deg) rotateZ(-8deg) scale(.75)}.parcel-lid{transform:rotateX(115deg)}.unbox-header{opacity:1}.unbox-finale{visibility:visible;opacity:1;top:auto;bottom:90px;width:90%;right:5%;text-align:center}.unbox-finale h2{font-size:2.4rem;max-width:none}.unbox-scroll-hint,.unbox-progress{display:none}.shelf-cta{opacity:1;transform:translate(-50%,0)}.genre-line>span{transition:none}.fan-card{transform:none!important}.genre-floaters{display:none}}
@media(hover:none){.shelf-cta{opacity:1;transform:translate(-50%,0)}.genre-floaters{display:none}.drag-hint{font-size:0}.drag-hint::after{content:'Swipe to discover';font-size:.8rem}}

/* No motion runtime: do not leave a long, non-interactive pinned section. */
html:not(.motion-ready) .unbox-scroll{height:auto;min-height:0}
html:not(.motion-ready) .unbox-stage{position:relative;min-height:1050px;height:auto}
html:not(.motion-ready) .parcel{top:-80px;transform:rotateX(30deg) rotateZ(-8deg) scale(.75)}
html:not(.motion-ready) .parcel-lid{transform:rotateX(115deg)}
html:not(.motion-ready) .unbox-finale{visibility:visible;opacity:1;top:auto;bottom:90px;width:90%;right:5%;text-align:center}
html:not(.motion-ready) .unbox-finale h2{font-size:2.4rem;max-width:none}
html:not(.motion-ready) .unbox-scroll-hint,html:not(.motion-ready) .unbox-progress{display:none}
html:not(.motion-ready) .shelf-cta{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){html:not(.motion-ready) .unbox-stage{min-height:900px}}

/* Keep the supplied square and portrait covers intact in every motion scene. */
.image-cover{aspect-ratio:var(--book-ratio,600/780)}
.image-cover img{object-fit:contain}
.scene-book{aspect-ratio:var(--book-ratio,600/780)}
.genre-floater .image-cover{width:100%;height:100%;background:transparent}
.shelf-body{height:100%}
.shelf-body>p{min-height:5.5em}
.shelf-title{overflow-wrap:anywhere}
.book-description{max-width:850px;margin:5rem auto 0;line-height:1.8}
.book-description h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:2rem 0 1rem}
.book-description li{margin:.65rem 0}
.book-closing{font-weight:700;font-size:1.2rem}
.interior-notice{font-size:.85rem;line-height:1.6;opacity:.75}
#search-results .image-cover{height:70px;width:60px;background:transparent}
#search-results .image-cover img{height:100%;width:100%;object-fit:contain}
@media(min-width:801px){.collection .book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Complete the tray: all four walls span from the floor (z=0) to the
   hinge plane (z=--box-depth), including the 55px mobile depth. */
.parcel-right{position:absolute;right:0;top:0;width:var(--box-depth);height:100%;transform-origin:right;transform:rotateY(90deg);background:linear-gradient(90deg,#65506b,#493271);backface-visibility:visible}
.parcel-rear{position:absolute;left:0;right:0;top:0;height:var(--box-depth);transform-origin:top;transform:rotateX(90deg);background:linear-gradient(0deg,#66516e,#493271);backface-visibility:visible}
.parcel-front,.parcel-side{backface-visibility:visible}

/* Keep the complete tray separate from the featured books during the reveal. */
.parcel-shell{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 60%}
.header>.brand{color:#35245f;background:#fff5cf;border:1px solid #35245f20;border-radius:14px;padding:10px 16px;box-shadow:0 3px 14px #35245f12}
.hero-motion h1,.hero-motion .hero-copy>p{color:#35245f}
.hero-motion .hero-hand{color:#453060}
@media(min-width:801px){
 .hero-motion .hero-copy{width:54%;max-width:850px}
 .hero-motion h1{font-size:clamp(4rem,7.5vw,8rem)}
 .hero-motion .scene-book-0{left:auto;right:8%;top:-38%;width:22vw}
 .hero-motion .scene-book-2{left:54%;bottom:-37%;width:25vw}
}
@media(max-width:800px){
 .header>.brand{background:#fff5cf;color:#35245f}
 .hero-motion .scene-book-0{display:none}
 .unbox-finale{bottom:7%}
}
@media(prefers-reduced-motion:reduce){.parcel-shell{transform:translateZ(-420px) scale(.38);visibility:hidden}.parcel-book-0{transform:translateX(-72%) rotate(-14deg)}.parcel-book-1{transform:translateY(-22%)}.parcel-book-2{transform:translateX(72%) rotate(14deg)}}