.hero-world{--hero-bg: #063c2a;--hero-bg-deep: #031f18;--hero-accent: #b7f07a;--hero-ink: #ffffff;--hero-muted: rgba(240, 253, 244, .76);--hero-line: rgba(255, 255, 255, .18);isolation:isolate;color:var(--hero-ink);background:linear-gradient(135deg,var(--hero-bg-deep),var(--hero-bg));background:radial-gradient(circle at 76% 38%,color-mix(in srgb,var(--hero-accent) 21%,transparent),transparent 28%),radial-gradient(circle at 16% 12%,rgba(255,255,255,.1),transparent 24%),linear-gradient(135deg,var(--hero-bg-deep),var(--hero-bg))}.hero-world:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.22;background-image:linear-gradient(var(--hero-line) 1px,transparent 1px),linear-gradient(90deg,var(--hero-line) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}.hero-world:after{content:"";position:absolute;left:50%;bottom:-18%;width:70%;height:42%;z-index:-1;border-radius:50%;transform:translate(-18%) perspective(500px) rotateX(72deg);background:radial-gradient(ellipse,color-mix(in srgb,var(--hero-accent) 25%,transparent),transparent 68%);filter:blur(12px)}.hero-world--midnight{--hero-bg: #242066;--hero-bg-deep: #0c102d;--hero-accent: #ffbf69;--hero-muted: rgba(238, 242, 255, .78)}.hero-world--paper{--hero-bg: #8b4b2d;--hero-bg-deep: #3f1f18;--hero-accent: #ffd98e;--hero-muted: rgba(255, 247, 237, .82)}.hero-world .hero-badge{color:var(--hero-ink);border-color:var(--hero-line);background:#ffffff17}.hero-badge__spark{width:.55rem;height:.55rem;border-radius:999px;background:var(--hero-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--hero-accent) 18%,transparent),0 0 20px var(--hero-accent)}.hero-world .hero-title{color:var(--hero-ink);text-wrap:balance}.hero-world .hero-title__highlight{color:var(--hero-accent);font-style:italic}.hero-world .hero-subtitle{color:var(--hero-muted)}.hero-world .hero-microcopy,.hero-world__edition{color:color-mix(in srgb,var(--hero-ink) 52%,transparent)}.hero-action--primary{color:var(--hero-bg-deep);background:var(--hero-accent);box-shadow:0 18px 50px color-mix(in srgb,var(--hero-accent) 24%,transparent)}.hero-action--secondary{color:var(--hero-ink);border-color:var(--hero-line);background:#ffffff12}.hero-action--secondary:hover{background:#ffffff24}.hero-action:focus-visible{outline:3px solid var(--hero-accent);outline-offset:4px}.hero-world .book-card{box-shadow:0 35px 80px #00000061,0 8px 20px #00000047}.hero-world .floating-book:focus-visible{outline:3px solid var(--hero-accent);outline-offset:8px;border-radius:.75rem}.hero-world--still .floating-book,.hero-world--still .book-card,.hero-world--still .particle{animation:none!important}.hero-world--still .book-scene{transform:none!important}@media (prefers-reduced-motion: reduce){.floating-book,.particle,.hero-content,.hero-badge,.hero-title,.hero-subtitle,.hero-ctas{animation:none!important;transition:opacity .3s ease!important}}.particle{position:absolute;width:6px;height:6px;background:#ffffff4d;border-radius:50%;pointer-events:none}.particle-1{top:20%;left:15%;animation:particleFloat 8s ease-in-out infinite}.particle-2{top:60%;left:80%;animation:particleFloat 10s ease-in-out infinite 2s}.particle-3{top:40%;left:50%;animation:particleFloat 12s ease-in-out infinite 4s}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(30px,-40px) scale(1.5);opacity:.6}}.animate-pulse-slow{animation:pulseSlow 6s ease-in-out infinite}.animation-delay-2000{animation-delay:2s}@keyframes pulseSlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.hero-content{opacity:0;animation:heroReveal .8s ease-out .2s forwards}.hero-badge{opacity:0;transform:translateY(20px);animation:slideUp .6s ease-out .3s forwards}.hero-title{opacity:0;transform:translateY(30px);animation:slideUp .8s ease-out .5s forwards}.hero-subtitle{opacity:0;transform:translateY(20px);animation:slideUp .6s ease-out .7s forwards}.hero-ctas{opacity:0;transform:translateY(20px);animation:slideUp .6s ease-out .9s forwards}@keyframes heroReveal{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.book-scene{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1200px;perspective-origin:50% 50%}.book-container{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .15s ease-out}.floating-book{position:absolute;display:block;cursor:pointer;transform-style:preserve-3d;transform:translateZ(var(--z-depth, 50px)) rotate(var(--rotate-start, 0deg));animation:floatBook 5s ease-in-out infinite;animation-delay:var(--float-delay, 0s);transition:transform .4s cubic-bezier(.34,1.56,.64,1);z-index:calc(var(--z-depth, 50) / 10)}.floating-book:hover{transform:translateZ(calc(var(--z-depth, 50px) + 60px)) rotate(0) scale(1.15);z-index:100}@keyframes floatBook{0%,to{transform:translateZ(var(--z-depth, 50px)) rotate(var(--rotate-start, 0deg)) translateY(0)}50%{transform:translateZ(var(--z-depth, 50px)) rotate(var(--rotate-start, 0deg)) translateY(-15px)}}.book-card{position:relative;width:140px;height:200px;border-radius:8px;overflow:visible;box-shadow:0 25px 50px -12px #0006,0 10px 20px -5px #0003;transition:box-shadow .4s ease;transform-style:preserve-3d}.floating-book:hover .book-card{box-shadow:0 35px 70px -15px #00000080,0 15px 30px -8px #0000004d,0 0 40px #fff3}.book-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;backface-visibility:hidden}.book-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:linear-gradient(135deg,#fff6,#fff0);border-radius:12px;opacity:0;transition:opacity .4s ease;pointer-events:none}.floating-book:hover .book-glow{opacity:1}.book-spine{position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent);border-radius:8px 0 0 8px;pointer-events:none}.book-1{animation-delay:.1s;opacity:0;animation:floatBookEntrance .8s ease-out .2s forwards,floatBook 5s ease-in-out 1s infinite}.book-2{animation-delay:.2s;opacity:0;animation:floatBookEntrance .8s ease-out .35s forwards,floatBook 5.5s ease-in-out 1.15s infinite}.book-3{animation-delay:.3s;opacity:0;animation:floatBookEntrance .8s ease-out .5s forwards,floatBook 6s ease-in-out 1.3s infinite}.book-4{animation-delay:.4s;opacity:0;animation:floatBookEntrance .8s ease-out .65s forwards,floatBook 5.2s ease-in-out 1.45s infinite}.book-5{animation-delay:.5s;opacity:0;animation:floatBookEntrance .8s ease-out .8s forwards,floatBook 5.8s ease-in-out 1.6s infinite}.book-6{animation-delay:.6s;opacity:0;animation:floatBookEntrance .8s ease-out .95s forwards,floatBook 6.2s ease-in-out 1.75s infinite}@keyframes floatBookEntrance{0%{opacity:0;transform:translateZ(calc(var(--z-depth, 50px) - 100px)) rotate(var(--rotate-start, 0deg)) translateY(50px) scale(.8)}to{opacity:1;transform:translateZ(var(--z-depth, 50px)) rotate(var(--rotate-start, 0deg)) translateY(0) scale(1)}}@media (min-width: 1280px){.book-card{width:160px;height:230px}}.kinetic-marquee{overflow-x:hidden!important;white-space:nowrap;-webkit-overflow-scrolling:touch;touch-action:pan-y}.kinetic-marquee.active{cursor:grabbing}.kinetic-marquee .marquee-track{will-change:scroll-position}
