/* Modern bookshop / Halloween interactive edition */
body{background:#faf8ff;color:#21192e;font-family:'Segoe UI',Arial,sans-serif}h1,h2,h3{font-family:'Segoe UI',Arial,sans-serif;font-weight:800;letter-spacing:-.055em}h1,h2{line-height:1.02}p{color:#756b80}em{font-style:normal;color:#b08aff}.header{max-width:1440px;padding:23px 5%;min-height:90px}.brand{letter-spacing:-1.7px}.brand span{color:#844aff}.header nav{font-size:13px}.nav-cta{background:#eee6ff;border:0;color:#6037a1;padding:12px 19px}.hero{max-width:calc(100% - 48px);background:#201332;background-image:radial-gradient(ellipse at 88% 15%,#67438766,transparent 45%),radial-gradient(ellipse at 60% 100%,#a45b4433,transparent 45%);border:1px solid #49375c;border-radius:30px;padding:65px max(40px,5vw) 62px;gap:45px;min-height:690px;overflow:hidden;position:relative}.hero-copy{position:relative;z-index:3}.hero h1{font-size:clamp(54px,6.1vw,90px);color:#fff;line-height:1.01;margin-bottom:27px}.hero h1 em{color:#c3a1ff}.hero .eyebrow{color:#c0acd2;font-size:10px;letter-spacing:2.4px}.dot{background:#bb8dff;box-shadow:0 0 14px #bb8dff}.hero .lede{color:#c3b7d0;line-height:1.75;font-size:17px}.button{border-radius:30px;box-shadow:none;background:#7546d8;padding:17px 25px;font-weight:650;transition:background .2s,transform .2s}.hero .button{background:#c6ff83;color:#253515}.hero .button:hover{background:#deffb7}.hero-note{color:#9e8bad;font-size:11px}.hero-note span{color:#bd9ce7}.hero-art{background:none;border-radius:0;isolation:auto;min-height:560px;display:block;width:100%}.hero-art .sticker{background:#baff87;color:#253515;border:0;outline:0;box-shadow:0 5px 25px #0002;border-radius:13px;left:auto;right:-10px;bottom:60px;font-size:9px;letter-spacing:1px;transform:rotate(8deg);padding:17px 20px;pointer-events:none}.hero-art .sticker strong{font-size:12px;letter-spacing:0}.ribbon{margin-top:24px;background:transparent;border:0;color:#7f7091;padding:17px;font-family:inherit;font-weight:600;font-size:14px;letter-spacing:.5px}.ribbon span[aria-hidden]{color:#ad8bcf}.story-note{background:#eee6fc;border:0;border-radius:24px;padding:37px}.story-note h3{font-family:inherit;font-weight:750;letter-spacing:-1px}.big-number{font-family:inherit;font-weight:850;color:#8d64c0}.section{padding-top:75px;padding-bottom:75px}.feature{gap:75px}.eyebrow{color:#877294;font-size:10px;letter-spacing:2px}.book-card .cover-link{border-radius:20px}.book-card h3{font-size:21px;font-weight:730;letter-spacing:-.65px}.text-link{color:#6b4199;border-color:#cfc0e2;font-weight:650}.author-strip{background:#eee9f8;border:0;border-radius:26px;max-width:1140px;padding:55px}.final-cta h2{font-size:58px}.product-art{border-radius:26px}.product-art.orange{background:#211432;min-height:610px;padding:0;overflow:hidden}.product-art.orange .magic-stage{height:590px}.product-art.orange .magic-book{width:54%;height:auto;aspect-ratio:1030/1491;left:28%;top:17%}.product-art.orange .magic-hint{color:#d1bee7}.book-card img{transition:transform .35s}.page-head h1{max-width:1050px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.magic-stage{position:relative;width:100%;height:560px;perspective:1200px;isolation:isolate}.moon{position:absolute;width:350px;height:350px;max-width:90%;top:70px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fae9c8,#d7aabc 60%,#a481b9);opacity:.8;box-shadow:0 0 85px #9f75cf40}.moon:after{content:'';position:absolute;inset:-22px;border:1px solid #c49ce72a;border-radius:50%}.stage-spark{position:absolute;color:#e0bcfc;line-height:1}.spark-one{top:34px;right:35px;font-size:42px}.spark-two{left:9px;bottom:135px;font-size:30px}.magic-book{display:block;position:absolute;left:29%;top:16%;width:53%;aspect-ratio:1030/1491;border:0;padding:0;background:none;cursor:pointer;transform:rotate(-7deg) rotateY(-13deg);transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.1,1);filter:drop-shadow(12px 25px 15px #08011280);z-index:4;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.magic-book:disabled{cursor:default}.magic-book:focus-visible{outline:3px solid #c6ff83;outline-offset:18px;border-radius:5px}.book-front,.book-pages,.book-back,.book-spine{position:absolute;inset:0;display:block;border-radius:3px 8px 8px 3px}.book-front{transform-origin:left center;transform:translateZ(14px);transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.2,.65,.18,1);z-index:5;backface-visibility:visible}.book-front:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0007,transparent 7%,#fff2 10%,transparent 16%);border-radius:inherit;pointer-events:none}.book-front img{height:100%;width:100%;object-fit:cover;border-radius:inherit;box-shadow:none;transform:none;max-height:none}.book-front:before{content:'';position:absolute;inset:0;background:#dccaa6;border:1px solid #b5a181;transform:rotateY(180deg) translateZ(1px);backface-visibility:hidden;z-index:1;box-shadow:inset -5px 0 20px #674a3e22}.book-pages{background:repeating-linear-gradient(0deg,#d4c9b2 0 1px,#fff6df 1px 3px);transform:translateZ(3px) translateX(6px);box-shadow:inset 5px 0 12px #0003;border:1px solid #d4c5a5}.book-back{background:#392638;transform:translateZ(-5px) translateX(8px);border:1px solid #8b6f75}.book-spine{inset:0 auto 0 -6px;width:16px;background:linear-gradient(90deg,#281526,#6f375a,#301a2e);transform:rotateY(-90deg) translateZ(2px);transform-origin:right}.page-inside{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;position:absolute;inset:4px;background:#fcf2db;color:#654570;font-family:Georgia,serif;line-height:1.4;padding:20px;text-align:center;box-shadow:inset 14px 0 19px #65523422}.page-inside strong{font-size:20px;font-weight:normal}.page-inside>span:last-child{font-family:Arial,sans-serif;font-size:7px;letter-spacing:2px}.page-moon{font-size:55px;line-height:1;color:#9971b1}.magic-book.is-open{transform:translateX(15%) rotate(-3deg) rotateY(-8deg)}.magic-book.is-open .book-front{transform:translateZ(14px) rotateY(-145deg)}.magic-hint{position:absolute;bottom:15px;left:0;width:100%;text-align:center;color:#e0caee;font-size:12px;letter-spacing:.4px;margin:0}.magic-hint>span:first-child{font-size:25px;vertical-align:middle;margin-right:5px;color:#c6ff83}.bat-swarm{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:visible}.flying-bat{position:absolute;left:55%;top:51%;width:var(--size,46px);height:auto;color:#140d1e;filter:drop-shadow(0 0 2px #d7b7e6aa);animation:bat-flight 2.6s var(--delay,0s) cubic-bezier(.18,.6,.25,1) both;opacity:0}.bat-left,.bat-right{transform-box:fill-box;transform-origin:center right;animation:wingbeat .16s ease-in-out infinite alternate}.bat-right{transform-origin:center left;animation-direction:alternate-reverse}@keyframes wingbeat{from{transform:scaleX(1) rotate(-8deg)}to{transform:scaleX(.42) rotate(16deg)}}@keyframes bat-flight{0%{opacity:0;transform:translate(0,15px) scale(.1) rotate(0)}8%{opacity:1}55%{opacity:1;transform:translate(calc(var(--dx)*.65),calc(var(--dy)*.45)) scale(.85) rotate(var(--rot))}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.1) rotate(calc(var(--rot)*1.4))}}@media(hover:hover){.magic-book:not(.is-open):hover{transform:rotate(-4deg) rotateY(-7deg) translateY(-8px)}}@media(max-width:1000px){.hero{min-height:610px;padding:45px 34px;gap:15px}.hero h1{font-size:62px}.hero-art,.magic-stage{min-height:490px;height:490px}.magic-book{top:20%;width:58%;left:27%}.moon{width:300px;height:300px;top:85px}.hero-art .sticker{right:-10px;bottom:60px;padding:14px}.product-art.orange{min-height:550px}.product-art.orange .magic-stage{height:530px}.product-art.orange .magic-book{top:22%}.feature{gap:40px}}@media(max-width:700px){.header{padding:19px 23px;min-height:104px;gap:16px}.header nav{font-size:11px}.nav-cta{padding:8px 10px}.hero{max-width:calc(100% - 24px);padding:34px 25px 20px;border-radius:24px;gap:10px;min-height:0}.hero h1{font-size:clamp(42px,11vw,64px);line-height:1.01;margin-bottom:22px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:20px}.hero .lede{font-size:15px;line-height:1.7;margin-bottom:15px}.hero .button{font-size:12px;padding:15px 20px}.hero-note{font-size:10px;line-height:1.5;gap:7px;margin-top:19px}.hero-art{max-width:420px;width:100%;min-height:430px;height:430px;margin:auto}.magic-stage{height:430px;min-height:0}.magic-book{top:16%;width:50%;left:30%}.moon{width:270px;height:270px;top:45px}.hero-art .sticker{right:-10px;bottom:50px;padding:12px 13px;font-size:8px}.hero-art .sticker strong{font-size:10px}.magic-hint{font-size:11px;bottom:6px}.spark-one{font-size:32px;top:24px;right:10px}.spark-two{bottom:110px;left:5px;font-size:24px}.page-inside{padding:12px;gap:18px}.page-inside strong{font-size:16px}.page-moon{font-size:36px}.page-inside>span:last-child{font-size:5px}.ribbon{gap:13px;font-size:12px;margin-top:10px}.section{padding-top:48px;padding-bottom:48px}.feature h2{font-size:38px}.story-note{padding:28px}.author-strip{margin:0 12px;padding:35px 25px;border-radius:24px}.final-cta h2{font-size:42px}.product-art.orange{min-height:460px}.product-art.orange .magic-stage{height:460px}.product-art.orange .magic-book{top:16%;width:51%;left:29%}.product-art.orange .moon{top:60px}.product-art.orange .magic-hint{bottom:25px}.book-card .cover-link{border-radius:16px}.book-card h3{font-size:19px}.page-head h1{font-size:44px}}@media(max-width:370px){.hero{padding-inline:19px}.hero h1{font-size:41px}.hero-art,.magic-stage{height:380px;min-height:0}.magic-book{width:51%;top:17%}.moon{width:230px;height:230px}.hero-art .sticker{bottom:55px}.magic-hint{font-size:10px}}@media(prefers-reduced-motion:reduce){.magic-book,.book-front{transition:none}.flying-bat{animation:none;display:none}.bat-left,.bat-right{animation:none}}