.memory-cover{isolation:isolate;perspective:1000px}
.memory-stage{position:relative;max-width:350px;margin-inline:auto;transform:rotateX(var(--memory-rx,0deg)) rotateY(var(--memory-ry,0deg));transition:transform .25s ease-out;transform-style:preserve-3d}
.memory-stage>.photo{position:relative;z-index:2;margin:0;will-change:transform}
.memory-satellites{position:absolute;inset:0;z-index:3;pointer-events:none}
.memory-piece{position:absolute;left:50%;top:50%;width:36%;height:48%;object-fit:contain;opacity:0;filter:drop-shadow(5px 12px 8px #302b252c);pointer-events:none;will-change:transform,opacity}
.memory-piece.piece-apple{width:25%;height:38%}.memory-piece.piece-cd{width:36%;height:34%}
.memory-flash{position:absolute;inset:-12%;z-index:4;background:radial-gradient(ellipse,#fffaf0cc,transparent 65%);opacity:0;pointer-events:none;mix-blend-mode:screen}
.memory-stage>.catalog-seal{z-index:5;left:-10px;bottom:6px;pointer-events:none;will-change:transform}
.cover-replay{display:none}
.memory-cover.is-interactive>.cover-replay{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;border-radius:5px;color:var(--green);z-index:6;-webkit-tap-highlight-color:transparent}
.cover-hint{position:absolute;bottom:-8px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:1px;opacity:.65}
.memory-cover.is-playing .cover-hint{opacity:0}
@media(max-width:760px){.memory-stage>.catalog-seal{left:-25px}.cover-hint{bottom:-13px;font-size:9px}.memory-cover{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.memory-stage{transform:none;transition:none}.memory-cover.is-interactive>.cover-replay{display:none}.memory-piece,.memory-flash{display:none}}

.memory-stage>.memory-black-photo{padding:0;background:transparent;border:0}
.memory-stage>.memory-black-photo img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}

/* Flat mustard label, with one fine burgundy ring. */
.memory-stage>.catalog-seal{left:-32px;bottom:-20px;width:112px;height:112px;border-radius:50%;background:var(--yellow);border:0;box-shadow:none;color:var(--red);font-size:18px;line-height:1.6}
.memory-stage>.catalog-seal:before{content:'';position:absolute;border:1px solid #852e2c8c;border-radius:50%;pointer-events:none}
.memory-stage>.catalog-seal:before{inset:6px}
.seal-pressed{position:relative;z-index:1;font-weight:400;text-shadow:none;letter-spacing:0}
@media(max-width:760px){.memory-stage>.catalog-seal{left:-32px;bottom:-16px;width:94px;height:94px;font-size:16px}.memory-stage>.catalog-seal:before{inset:5px}}