.tool-album{background:#f0eadf;color:#9a8466;--card-accent:#9a8466}.album-art{position:relative;height:340px;width:100%;display:grid;place-items:center;perspective:900px;margin:15px 0}.album-cover,.album-page{position:absolute;width:190px;height:245px;border-radius:8px 19px 19px 8px;transform:rotate(-13deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.album-page{background:#fffdf2;box-shadow:4px 5px 0 #d6cbb8}.page-back{transform:translate(34px,8px) rotate(9deg);background:#e8d7b6}.page-middle{transform:translate(18px,4px) rotate(-2deg)}.album-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#aabc8d;box-shadow:inset 10px 0 0 #81996c,7px 10px 0 #84996b,14px 24px 25px #7b795122;border:1px solid #9eb17f;color:#fdf8dd}.album-cover:after{content:'';position:absolute;inset:13px 13px 13px 21px;border:1px solid #dde6c999;border-radius:4px 12px 12px 4px}.album-cover span{font:14px/1.6 Georgia,serif;letter-spacing:2px;text-align:center}.album-cover i{font-size:68px;line-height:1;font-style:normal;color:#f4e7ac}.album-cover small{font:8px Georgia,serif;letter-spacing:1.4px}.album-label{position:absolute;bottom:2px;right:14px;transform:rotate(-5deg);font-size:11px;color:#ac9b7f}.tool-album:hover .album-cover{transform:translate(-17px,-6px) rotate(-22deg)}.tool-album:hover .page-back{transform:translate(42px,10px) rotate(15deg)}.tool-album:hover .page-middle{transform:translate(16px,2px) rotate(2deg)}.tool-album .tool-heading h3{color:#414636}@media(prefers-reduced-motion:reduce){.album-cover,.album-page{transition:none}}