.turn{perspective:1400px;-webkit-perspective:1400px}.turn-page{visibility:hidden;transition:visibility 0s linear .52s}.turn-board{transform-origin:left center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.75,.25,1)}.turn-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.turn-host[data-turn=open] .turn-face{transform:translateZ(3px)}.turn-inside{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg) translateZ(3px);background:radial-gradient(120% 90% at 100% 50%,#4a1d29 0,#2a1118 45%,#120b0e 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.turn-edge{left:calc(100% - 3px);width:6px;transform:rotateY(90deg);background:linear-gradient(90deg,#0b0708,#241a1d 30%,#4a3a3e 50%,#241a1d 70%,#0b0708)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.turn-host:focus-visible .turn-board,.turn-host:hover .turn-board{transform:rotateY(-28deg)}.turn-host:focus-visible .turn-face,.turn-host:hover .turn-face{transform:translateZ(3px)}.turn-host:focus-visible .turn-page,.turn-host:hover .turn-page{visibility:visible;transition-delay:0s}}.turn-host[data-turn=open]{position:relative;z-index:30}.turn-host[data-turn=open] .turn-board{transform:rotateY(-165deg);transition-duration:.56s}.turn-host[data-turn=open] .turn-page{visibility:visible;transition-delay:0s}@keyframes turnVeil{0%,35%{opacity:0}to{opacity:1}}.turn-veil{animation:turnVeil .76s ease-in forwards}