.book-stage{--w:300px;--h:432px;--d:54px;--hw:calc(var(--w) / 2);--hh:calc(var(--h) / 2);--hd:calc(var(--d) / 2);--nhw:calc(var(--w) / -2);--nhh:calc(var(--h) / -2);--nhd:calc(var(--d) / -2);--fore-radius:24px;--rx:-10deg;--ry:28deg;--rz:-3deg;--cover-hi:#262626;--cover-lo:#0c0d0d;--spine-hi:#202123;--spine-lo:#0b0c0c;--paper:#f6f6f3;--paper-line:#dcdcd5;--paper-hi:#fbfbf9;--paper-shade:#e9e9e3;--gold:#c9a72a;--ink-white:#ffffff;--ink-grey:#c9c9c9;position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-geist),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;opacity:0;animation:bm-stageIn .9s ease .05s forwards}.book-stage,.book-stage *{box-sizing:border-box}.book-stage .scene{width:var(--w);height:var(--h);perspective:1600px;perspective-origin:50% 42%}.book-stage .tilt{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--mx,0deg)) rotateY(var(--my,0deg));transition:transform .35s cubic-bezier(.22,.61,.36,1)}.book-stage .float{animation:bm-float 7.5s ease-in-out infinite}.book-stage .book,.book-stage .float{width:100%;height:100%;transform-style:preserve-3d}.book-stage .book{position:relative;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotate(var(--rz));animation:bm-bookIn 1.5s cubic-bezier(.16,.84,.32,1) both}.book-stage .face{position:absolute;top:50%;left:50%;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.book-stage .back,.book-stage .front{width:var(--w);height:var(--h);margin-left:var(--nhw);margin-top:var(--nhh)}.book-stage .front{transform:translateZ(var(--hd));border-radius:2px var(--fore-radius) var(--fore-radius) 2px;background:radial-gradient(135% 120% at 26% 18%,var(--cover-hi) 0,#141414 46%,var(--cover-lo) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.05)}.book-stage .front:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 6px 12px,rgba(255,255,255,.035) 13px 14px,transparent 14px),linear-gradient(90deg,rgba(0,0,0,.45),transparent 14%,transparent 86%,rgba(0,0,0,.35));pointer-events:none}.book-stage .back{transform:rotateY(180deg) translateZ(var(--hd));border-radius:2px 13px 13px 2px;background:radial-gradient(120% 120% at 70% 30%,#1b1b1b 0,#0c0c0c 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.book-stage .spine{width:var(--d);height:var(--h);margin-left:var(--nhd);margin-top:var(--nhh);transform:rotateY(-90deg) translateZ(var(--hw));background:linear-gradient(90deg,var(--spine-lo),var(--spine-hi) 42%,#16181a 60%,var(--spine-lo)),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 4px);box-shadow:inset 0 0 18px rgba(0,0,0,.55)}.book-stage .spine .stitle{position:absolute;inset:0;display:grid;place-items:center;writing-mode:vertical-rl;transform:rotate(180deg);font-weight:700;font-size:11px;letter-spacing:.18em;color:#cfcfcf;opacity:.6;text-transform:uppercase}.book-stage .pages{background:linear-gradient(var(--paper),var(--paper-shade))}.book-stage .top{transform:rotateX(90deg) translateZ(var(--hh));background:linear-gradient(90deg,rgba(0,0,0,.16),transparent 14%,transparent 92%,rgba(0,0,0,.06)),repeating-linear-gradient(0deg,var(--paper-hi) 0 1px,var(--paper-line) 1px 1.7px),linear-gradient(var(--paper-hi),var(--paper));box-shadow:inset 0 2px 6px rgba(255,255,255,.25)}.book-stage .bottom,.book-stage .top{width:calc(var(--w) - var(--fore-radius));height:var(--d);margin-left:var(--nhw);margin-top:var(--nhd)}.book-stage .bottom{transform:rotateX(-90deg) translateZ(var(--hh));background:repeating-linear-gradient(0deg,var(--paper) 0 1px,var(--paper-line) 1px 1.6px),linear-gradient(var(--paper),var(--paper-shade))}.book-stage .fore{width:var(--d);height:calc(var(--h) - 2 * var(--fore-radius));margin-left:var(--nhd);margin-top:calc(var(--nhh) + var(--fore-radius));transform:rotateY(90deg) translateZ(var(--hw));background:linear-gradient(0deg,rgba(0,0,0,.18),transparent 14%,transparent 90%,rgba(0,0,0,.18)),repeating-linear-gradient(90deg,var(--paper) 0 1px,var(--paper-line) 1px 1.7px),linear-gradient(90deg,var(--paper),var(--paper-shade))}.book-stage .art{position:absolute;inset:0;pointer-events:none;opacity:.8}.book-stage .art svg{width:100%;height:100%;display:block}.book-stage .art .geo{fill:none;stroke:rgba(255,255,255,.12);stroke-width:.9;vector-effect:non-scaling-stroke}.book-stage .art .geo.faint{stroke:rgba(255,255,255,.07)}.book-stage .art .geo.dot{fill:rgba(255,255,255,.28);stroke:none}.book-stage .art .draw{stroke-dasharray:1;stroke-dashoffset:1;animation:bm-draw 1.5s ease forwards}.book-stage .art .dotin{opacity:0;animation:bm-fadeDot .5s ease forwards}.book-stage .title{position:absolute;left:28px;bottom:62px;line-height:.92;font-weight:800;letter-spacing:-.02em}.book-stage .title span{display:block;font-size:46px;opacity:0;transform:translateY(14px);animation:bm-rise .7s cubic-bezier(.2,.7,.3,1) forwards;text-shadow:0 1px 10px rgba(0,0,0,.35)}.book-stage .title .l1{color:var(--gold);margin-bottom:-6px;animation-delay:1.05s}.book-stage .title .l2{color:var(--ink-white);margin:-2px 0 -2px -1px;animation-delay:1.18s}.book-stage .title .l3{color:var(--ink-grey);margin-top:-6px;animation-delay:1.31s}.book-stage .shadow{position:absolute;left:50%;top:calc(50% + 250px);width:480px;height:96px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(0,0,0,.4),rgba(0,0,0,.18) 50%,transparent 80%);filter:blur(22px);z-index:-1;animation:bm-shadowPulse 7.5s ease-in-out infinite}.book-stage.no-float .float{animation:none}.book-stage.is-static{opacity:1;animation:none}.book-stage.is-static .book,.book-stage.is-static .float,.book-stage.is-static .shadow{animation:none}.book-stage.is-static .art .draw{animation:none;stroke-dashoffset:0}.book-stage.is-static .art .dotin{animation:none;opacity:1}.book-stage.is-static .title span{animation:none;opacity:1;transform:none}.book-stage.is-static .tilt{transition:none}@keyframes bm-stageIn{0%{opacity:0}to{opacity:1}}@keyframes bm-bookIn{0%{transform:rotateX(calc(var(--rx) - 6deg)) rotateY(74deg) rotate(var(--rz)) translateY(30px) scale(.94)}to{transform:rotateX(var(--rx)) rotateY(var(--ry)) rotate(var(--rz)) translateY(0) scale(1)}}@keyframes bm-float{0%,to{transform:translateY(0) rotateY(0deg) rotate(0deg)}50%{transform:translateY(-14px) rotateY(-4deg) rotate(.4deg)}}@keyframes bm-shadowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.85}50%{transform:translate(-50%,-50%) scale(.86);opacity:.55}}@keyframes bm-draw{to{stroke-dashoffset:0}}@keyframes bm-fadeDot{to{opacity:1}}@keyframes bm-rise{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.book-stage{opacity:1}.book-stage,.book-stage .book,.book-stage .float,.book-stage .shadow{animation:none}.book-stage .art .draw{animation:none;stroke-dashoffset:0}.book-stage .art .dotin,.book-stage .title span{animation:none;opacity:1}.book-stage .title span{transform:none}.book-stage .tilt{transition:none}}