.hero-book{--hb-orange:#f74b1c;--hb-purple:#c380fe;--hb-purple-deep:#7724c1;--hb-cover:#0f1117;--hb-depth:32px;--hb-pages:28px;--hb-radius:3px;aspect-ratio:78/100;perspective:1600px;perspective-origin:48% 42%;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:72%;max-width:260px;margin-inline:auto;position:relative}@media (min-width:640px){.hero-book{width:100%;max-width:340px}}@media (min-width:1024px){.hero-book{max-width:380px}}@media (min-width:1280px){.hero-book{max-width:420px}}.hero-book__stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-book__float{z-index:3;width:78%;height:90%;transform-style:preserve-3d;will-change:transform;position:relative;transform:translate(0,0)}.hero-book:not(.hero-book--reduced) .hero-book__float{animation:5.5s ease-in-out infinite hero-book-float}.hero-book__mesh{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0;transform:rotateY(-18deg)rotateX(5deg)}.hero-book__shadow{filter:blur(8px);pointer-events:none;opacity:.75;will-change:transform,opacity;z-index:0;background:radial-gradient(#0000008c 0%,#0003 45%,#0000 72%);border-radius:50%;width:78%;height:12%;animation:5.5s ease-in-out infinite hero-book-shadow;position:absolute;bottom:-4%;left:50%;transform:translate(-50%)rotateX(80deg)}.hero-book--reduced .hero-book__shadow{animation:none}.hero-book__face{transform-style:preserve-3d;position:absolute}.hero-book__cover{border-radius:var(--hb-radius);background:var(--hb-cover);transform:translate3d(0,0,calc(var(--hb-depth)/2));backface-visibility:hidden;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff24,inset 0 -2px #00000073,inset 2px 0 #ffffff0f,2px 4px 14px #00000059}.hero-book__cover-img{object-fit:cover;object-position:center top;display:block;inset:0;width:100%!important;height:100%!important;position:absolute!important}.hero-book__cover-bevel{z-index:1;border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(135deg,#ffffff1a 0%,#0000 28% 72%,#00000047 100%);position:absolute;inset:0}.hero-book__cover-specular{z-index:2;border-radius:inherit;pointer-events:none;opacity:.55;background:linear-gradient(115deg,#0000 35%,#ffffff0f 48%,#0000 58%);position:absolute;inset:0}.hero-book__rim-orange{pointer-events:none;filter:blur(14px);opacity:.85;z-index:2;background:radial-gradient(at 30% 80%,#f74b1c73 0%,#f74b1c1f 40%,#0000 70%);border-radius:50%;height:42%;position:absolute;inset:auto -2% -4% -6%}.hero-book__rim-purple{pointer-events:none;filter:blur(16px);opacity:.75;z-index:2;background:radial-gradient(at 70% 20%,#c380fe61 0%,#7724c11f 45%,#0000 70%);border-radius:50%;width:55%;height:45%;position:absolute;inset:-8% -8% auto auto}.hero-book__ambient{pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 40%,#ffffff0f 0%,#0000 55%);position:absolute;inset:-12%}.hero-book__back{border-radius:var(--hb-radius);transform:translate3d(0,0,calc(var(--hb-depth)/-2))rotateY(180deg);backface-visibility:hidden;background:linear-gradient(160deg,#161922 0%,#0a0c10 100%);inset:0;box-shadow:inset 0 0 0 1px #ffffff0a}.hero-book__spine{width:var(--hb-depth);transform-origin:0;transform:translate3d(0,0,calc(var(--hb-depth)/2))rotateY(-90deg);background:linear-gradient(90deg,#050608 0%,#141820 22%,#0f1117 48%,#181c24 78%,#080a0e 100%);border-radius:6px 0 0 6px;top:0;bottom:0;left:0;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000073}.hero-book__spine:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff0f 0%,#0000 20% 80%,#0003 100%);position:absolute;inset:0}.hero-book__spine:after{content:"";opacity:.5;background:linear-gradient(#0000,#f74b1c47,#0000);border-radius:2px;position:absolute;inset:12% 42%}.hero-book__pages{width:var(--hb-pages);transform-origin:100%;transform:translate3d(0,0,calc(var(--hb-pages)/2))rotateY(90deg);background:linear-gradient(90deg,#0000002e 0%,#0000 16% 84%,#0000001a 100%),repeating-linear-gradient(#f8f7f3 0 2px,#e6e3dc 2px 3px,#f1efe9 3px 5px,#dcd8d0 5px 6px);border-radius:0 1px 1px 0;top:0;bottom:0;right:0;box-shadow:inset 4px 0 8px #00000024,inset -2px 0 4px #ffffff80}.hero-book__pages:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 5px,#00000012 5px 6px);position:absolute;inset:0}.hero-book__edge-light{width:3px;transform:translate3d(0,0,calc(var(--hb-depth)/2 + 1px));pointer-events:none;opacity:.7;background:linear-gradient(#c380fe26,#f74b1c8c,#f74b1c33);border-radius:2px;position:absolute;top:2%;bottom:2%;left:0}@keyframes hero-book-float{0%,to{transform:translate(0,0)rotateY(0)}50%{transform:translateY(-14px)rotateY(2.5deg)}}@keyframes hero-book-shadow{0%,to{opacity:.75;transform:translate(-50%)rotateX(80deg)scaleX(1)}50%{opacity:.45;transform:translate(-50%)rotateX(80deg)scaleX(.88)}}@media (prefers-reduced-motion:reduce){.hero-book:not(.hero-book--reduced) .hero-book__float,.hero-book__shadow{animation:none!important}.hero-book__float{transform:translate(0,0)!important}}