.album-transition-veil{position:fixed;inset:0;z-index:200;background:radial-gradient(circle at center,#163a58aa,#020812f5 72%);opacity:0;pointer-events:none;animation:album-veil-in 1.15s ease forwards}
.album-transition{position:fixed;z-index:201;perspective:1600px;transform-style:preserve-3d;transform-origin:center;filter:drop-shadow(0 24px 35px #000c);transition:left 1.05s cubic-bezier(.18,.72,.16,1),top 1.05s cubic-bezier(.18,.72,.16,1),width 1.05s cubic-bezier(.18,.72,.16,1),height 1.05s cubic-bezier(.18,.72,.16,1),filter .8s ease}
.album-transition.open{left:var(--open-left)!important;top:var(--open-top)!important;width:var(--open-width)!important;height:var(--open-height)!important;filter:drop-shadow(0 12px 22px #0008)}
.transition-pages,.transition-cover{position:absolute;border-radius:9px;overflow:hidden;backface-visibility:hidden}
.transition-pages{right:0;top:0;width:200%;height:100%;display:grid;place-items:center;background-color:#fff;background-image:url("../assets/hub/album_aberto.png");background-size:100% 100%;background-position:center;background-repeat:no-repeat;border:2px solid #d4b952;box-shadow:inset 14px 0 20px #5c492633,inset -8px 0 12px #5c492622;color:transparent;font-size:7px;font-weight:950;letter-spacing:.1em;clip-path:inset(0 0 0 50%);transition:clip-path .86s cubic-bezier(.2,.72,.2,1) .16s}
.transition-pages::after{content:"";position:absolute;left:49%;top:0;bottom:0;width:2%;background:linear-gradient(90deg,#6c573744,#fff8,#6c573733)}
.transition-pages i{position:absolute;inset:5px;border:1px solid #b69a4a55;border-radius:6px;opacity:.35}.transition-pages i:nth-child(2){inset:8px}.transition-pages i:nth-child(3){inset:11px}
.transition-cover{inset:0;z-index:2;transform-origin:0 50%;transform-style:preserve-3d;transition:transform .86s cubic-bezier(.2,.65,.25,1) .18s;box-shadow:8px 8px 18px #0008}
.transition-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 14%,transparent 82%,#fff4);opacity:0;transition:opacity .6s ease}
.transition-cover img{width:100%;height:100%;object-fit:cover;display:block}.album-transition.open .transition-pages{clip-path:inset(0)}.album-transition.open .transition-cover{transform:rotateY(-178deg)}.album-transition.open .transition-cover::after{opacity:1}.opening-album .home{animation:home-recede 1.05s ease forwards}
@keyframes album-veil-in{30%{opacity:.3}100%{opacity:1}}@keyframes home-recede{to{filter:blur(5px) brightness(.55);transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.album-transition{transition-duration:.42s}.transition-cover{transition-duration:.36s;transition-delay:.05s}.album-transition-veil{animation-duration:.46s}.opening-album .home{animation-duration:.42s}}