:root{--book-height:400px;--book-width:276px;--book-depth:78px;--book-color:#ebeeef;--text-color:#111;--font-sans:"Outfit",sans-serif}.interactive-book-container{font-family:var(--font-sans);color:var(--text-color);display:flex;align-items:center;justify-content:center;height:100%;width:100%}.book-perspective{perspective:900px;z-index:10;display:inline-block}.book{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;width:var(--book-width);height:var(--book-height);border-radius:5.4px 1.8px 1.8px 5.4px;background:linear-gradient(180deg,#ffffff1a 0,#fff0 50%,#fff0 100%),var(--book-color);box-shadow:0 1.8px 3.6px rgb(0 0 0/5%),0 10.8px 21.6px rgb(0 0 0/8%),inset 0 -.9px rgb(0 0 0/10%),inset 0 1.8px 1.8px rgb(255 255 255/10%),inset 3.6px 0 3.6px rgb(0 0 0/10%)}.book .book-bind{opacity:.2;background:linear-gradient(90deg,rgb(255 255 255/0),rgb(255 255 255/0) 12%,rgb(255 255 255/25%) 29.25%,rgb(255 255 255/0) 50.5%,rgb(255 255 255/0) 75.25%,rgb(255 255 255/25%) 91%,rgb(255 255 255/0)),linear-gradient(90deg,rgb(0 0 0/3%),rgb(0 0 0/10%) 12%,rgb(0 0 0/0) 30%,rgb(0 0 0/2%) 50%,rgb(0 0 0/20%) 73.5%,rgb(0 0 0/50%) 75.25%,rgb(0 0 0/15%) 85.25%,rgb(0 0 0/0));width:12px;height:100%}.book-cover{flex:1;padding:12px;background-color:#ebeeef;background-image:url(/assets/hpcover.png);background-size:contain;background-repeat:no-repeat;background-position:50%}.book-rotate-wrapper{cursor:pointer;width:fit-content;transform-style:preserve-3d;min-width:var(--book-width);min-height:var(--book-height);transition:transform .25s ease-out;position:relative;transform:rotate(0deg)}.book-rotate-wrapper>:first-child{min-width:var(--book-width);height:var(--book-height);position:absolute}.book-rotate-wrapper .book-side{height:calc(var(--book-height) - 2 * 3px);width:calc(var(--book-depth) - 2px);transform:translateX(calc(var(--book-width) - var(--book-depth) / 2 - 3px)) rotateY(90deg) translateX(calc(var(--book-depth) / 2));background:linear-gradient(90deg,rgb(234 234 234),rgb(0 0 0/0) 70%),linear-gradient(rgb(255 255 255),rgb(250 250 250));position:absolute;top:3px}.book-rotate-wrapper .book-back{width:var(--book-width);height:var(--book-height);border-radius:5.4px 1.8px 1.8px 5.4px;background:var(--book-color);transform:translateZ(calc(-1 * var(--book-depth)));position:absolute;left:0}.book-link{transform-origin:center center}@media (width >= 769px){.book-link:hover .book-rotate-wrapper{transform:rotateY(-20deg) scale(1.066) translateX(-.5em)}}.stretch-vert{transform:scaleY(1.1);transform-origin:center}.hero-node-active{animation:heroPulse 2s ease-in-out infinite}@keyframes heroPulse{0%,to{stroke-opacity:.8;filter:drop-shadow(0 0 8px currentColor)}50%{stroke-opacity:1;filter:drop-shadow(0 0 16px currentColor)}}.hero-connector-active{animation:heroConnectorPulse 3s ease-in-out infinite}@keyframes heroConnectorPulse{0%,to{stroke-opacity:.6}50%{stroke-opacity:1}}