.design-zoom{position:absolute;top:.375rem;right:.375rem;z-index:10;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;background:#00000073;color:#fff9;cursor:pointer;border:none;padding:0;opacity:0;transition:opacity .2s ease,background .2s ease,color .2s ease}label:hover .design-zoom,.design-zoom:focus-visible{opacity:1}.design-zoom:hover{background:#000000bf;color:#fff}@media(hover:none){.design-zoom{opacity:.7}}@media(prefers-reduced-motion:reduce){.design-zoom,#designLightbox,#designLightbox .lightbox-inner,#lightboxImage,.lightbox-nav,.lightbox-dot{transition-duration:0ms}}#designLightbox{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}#designLightbox.is-open{opacity:1;pointer-events:auto}#designLightbox .lightbox-inner{transform:scale(.95);transition:transform .25s ease}#designLightbox.is-open .lightbox-inner{transform:scale(1)}#lightboxImage{transition:opacity .15s ease}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;background:#0006;color:#ffffffb3;border:none;cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease}.lightbox-nav:hover:not(:disabled){background:#000000b3;color:#fff}.lightbox-nav:disabled{opacity:.15;cursor:default;pointer-events:none}.lightbox-nav-prev{left:-3.5rem}.lightbox-nav-next{right:-3.5rem}@media(max-width:640px){.lightbox-nav-prev{left:.5rem}.lightbox-nav-next{right:.5rem}.lightbox-nav{background:#00000080}}.lightbox-dot{width:.5rem;height:.5rem;border-radius:9999px;background:#ffffff4d;border:none;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}.lightbox-dot.active{background:#dc2626;transform:scale(1.25)}.fold-scene{transition:opacity .4s ease}.fold-scene.is-fading{opacity:0}.fold-stage{position:relative;width:100%;aspect-ratio:1.414/1;perspective:800px}.fold-sheet{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(8deg);transition:opacity .3s ease;border-radius:4px;overflow:hidden}.fold-top{position:absolute;top:0;left:0;width:100%;height:50%;transform-style:preserve-3d;transform-origin:center bottom;will-change:transform;transition:transform 1.2s ease-in-out}.fold-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden}.fold-top-front{display:grid;grid-template-columns:1fr 1fr}.fold-top-front img{width:100%;height:100%;object-fit:cover;transform:rotate(180deg)}.fold-top-back{transform:rotateX(180deg);background:linear-gradient(145deg,#1a1512,#252017 60%,#1e1914)}.fold-bottom{position:absolute;bottom:0;left:0;width:100%;height:50%;display:grid;grid-template-columns:1fr 1fr}.fold-bl{position:relative;overflow:hidden}.fold-bl img{width:100%;height:100%;object-fit:cover}.fold-right{position:relative;transform-style:preserve-3d;transform-origin:left center;will-change:transform;transition:transform 1.2s ease-in-out}.fold-right-front img,.fold-right-back img{width:100%;height:100%;object-fit:cover}.fold-right-back{transform:rotateY(180deg)}.fold-card{position:absolute;bottom:0;left:0;width:50%;height:50%;transform-style:preserve-3d;transform:rotateX(8deg);opacity:0;pointer-events:none;transition:opacity .3s ease,transform 1.2s ease-in-out}.fold-card-front img,.fold-card-back img{width:100%;height:100%;object-fit:cover;border-radius:4px}.fold-card-back{transform:rotateY(180deg)}.fold-static{display:none;width:60%;border-radius:.75rem}.fold-book{position:absolute;bottom:0;left:0;width:50%;height:50%;transform-style:preserve-3d;transform:rotateX(8deg);opacity:0;pointer-events:none;transition:opacity .3s ease,transform 1.2s ease-in-out}.fold-book-base{position:relative;width:100%;height:100%;transform-style:preserve-3d}.fold-book-base-front img,.fold-book-base-back img,.fold-book-cover-front img,.fold-book-cover-back img{width:100%;height:100%;object-fit:cover;border-radius:4px}.fold-book-base-back{transform:rotateY(180deg)}.fold-book-cover{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:left center;transform:translateZ(1px);transition:transform 1.2s ease-in-out}.fold-book-cover-back{transform:rotateY(180deg)}[data-phase=fold-top] .fold-top,[data-phase=fold-right] .fold-top,[data-phase=flip] .fold-top,[data-phase=cover] .fold-top,[data-phase=open] .fold-top,[data-phase=spread] .fold-top,[data-phase=close] .fold-top,[data-phase=backflip] .fold-top,[data-phase=back] .fold-top{transform:rotateX(-180deg)}[data-phase=fold-right] .fold-right,[data-phase=flip] .fold-right,[data-phase=cover] .fold-right,[data-phase=open] .fold-right,[data-phase=spread] .fold-right,[data-phase=close] .fold-right,[data-phase=backflip] .fold-right,[data-phase=back] .fold-right{transform:rotateY(-180deg)}[data-phase=flip] .fold-sheet,[data-phase=cover] .fold-sheet,[data-phase=open] .fold-sheet,[data-phase=spread] .fold-sheet,[data-phase=close] .fold-sheet,[data-phase=backflip] .fold-sheet,[data-phase=back] .fold-sheet{opacity:0}[data-phase=flip] .fold-card,[data-phase=cover] .fold-card{opacity:1;transform:rotateX(8deg) rotateY(-180deg)}[data-phase=open] .fold-card,[data-phase=spread] .fold-card,[data-phase=close] .fold-card,[data-phase=backflip] .fold-card,[data-phase=back] .fold-card{transform:rotateX(8deg) rotateY(-180deg)}[data-phase=open] .fold-book,[data-phase=spread] .fold-book{opacity:1;transform:rotateX(8deg) translate(100%)}[data-phase=open] .fold-book-cover,[data-phase=spread] .fold-book-cover{transform:translateZ(1px) rotateY(-180deg)}[data-phase=close] .fold-book{opacity:1;transform:rotateX(8deg)}[data-phase=close] .fold-book-cover{transform:translateZ(1px)}[data-phase=backflip] .fold-book,[data-phase=back] .fold-book{opacity:1;transform:rotateX(8deg) rotateY(180deg)}[data-phase=backflip] .fold-book-cover,[data-phase=back] .fold-book-cover{transform:translateZ(1px)}.fold-arrow-hint{position:absolute;width:56px;height:56px;z-index:30;pointer-events:none;opacity:0;filter:drop-shadow(0 0 6px rgba(220,38,38,.7)) drop-shadow(0 1px 2px rgba(0,0,0,.8))}.fold-arrow-top{left:calc(50% - 28px);top:12%}.fold-arrow-right{left:calc(75% - 28px);top:calc(70% - 28px)}[data-phase=flat] .fold-arrow-top{animation:foldArrowInY 1.5s ease forwards}[data-phase=fold-top] .fold-arrow-top{animation:foldArrowOutY 1s ease forwards}@keyframes foldArrowInY{0%,55%{opacity:0;transform:translateY(-8px)}80%,to{opacity:1;transform:translateY(0)}}@keyframes foldArrowOutY{0%{opacity:1;transform:translateY(0)}55%{opacity:.9;transform:translateY(14px)}to{opacity:0;transform:translateY(22px)}}[data-phase=fold-top] .fold-arrow-right{animation:foldArrowInX 1.7s ease forwards}[data-phase=fold-right] .fold-arrow-right{animation:foldArrowOutX 1s ease forwards}@keyframes foldArrowInX{0%,65%{opacity:0;transform:translate(8px)}88%,to{opacity:1;transform:translate(0)}}@keyframes foldArrowOutX{0%{opacity:1;transform:translate(0)}55%{opacity:.9;transform:translate(-14px)}to{opacity:0;transform:translate(-22px)}}.fold-scene.is-resetting .fold-arrow-hint{animation:none!important;opacity:0!important}.fold-scene.is-resetting .fold-top,.fold-scene.is-resetting .fold-right,.fold-scene.is-resetting .fold-sheet,.fold-scene.is-resetting .fold-card,.fold-scene.is-resetting .fold-book,.fold-scene.is-resetting .fold-book-cover{transition-duration:0ms!important}.fold-step.is-active>span{background:#dc2626;color:#fff}.fold-step.is-active>div>p:first-child{color:#fff}@media(prefers-reduced-motion:reduce){.fold-stage{display:none}.fold-static{display:block}.fold-step>span{background:#dc26264d;color:#f87171}.fold-step>div>p:first-child{color:#fff9}}