.memory-album{min-width:0;margin:8px -12px 0}
.bb-layout .memory-album .work-grid{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:28px 24% 30px;grid-template-rows:none;align-items:center;overscroll-behavior-x:contain}
.bb-layout .memory-album .work-card{flex:0 0 76%;min-width:0;display:flex;flex-direction:column;padding:10px 10px 0;background:#fff3fa;border:1px solid #bd91b8;border-radius:2px;box-shadow:4px 7px 0 #d5b2cc;scroll-snap-align:center;transform:rotate(-4deg);overflow:visible;transition:transform .25s;grid-row:auto;grid-column:auto}
.bb-layout .memory-album .work-card:nth-child(even){transform:rotate(4deg)}
.bb-layout .memory-album .work-card.is-current{transform:rotate(1deg)}
.bb-layout .memory-album .work-card img{height:340px;width:100%;object-fit:cover;object-position:center;transform:none;border-radius:0}
.bb-layout .memory-album .work-card-label{position:static;background:none;color:#542c49;font:600 24px/1.2 'Cormorant Garamond',Georgia,serif;padding:18px 6px 20px;display:flex;justify-content:space-between;gap:12px}
.memory-album .album-controls{display:flex;gap:18px;align-items:center;justify-content:center;margin:14px 0 18px;color:#704363;font-size:13px}
.album-controls button{width:46px;height:44px;border:3px double #a4779d;border-radius:4px;background:linear-gradient(#fff3fb,#ecc9e3);color:#603553;font:22px 'DM Sans',sans-serif;cursor:pointer}
.album-controls button:disabled{opacity:.4;cursor:default}
.memory-album .work-card:focus-visible{outline:3px solid #743f6b;outline-offset:5px}
@media(max-width:640px){.bb-layout .memory-album .work-grid{gap:18px;padding:20px 12% 25px}.bb-layout .memory-album .work-card{flex-basis:100%;padding:7px 7px 0}.bb-layout .memory-album .work-card img{height:290px}.bb-layout .memory-album .work-card-label{font-size:22px;padding:14px 5px 16px}.memory-album .album-controls{gap:12px}}
@media(prefers-reduced-motion:reduce){.bb-layout .memory-album .work-card{transition:none}}

.bb-layout .memory-album .work-card{padding-bottom:20px}

/* Preserve portrait framing at every card width; focus landscape crops on faces. */
.bb-layout .memory-album .work-card img{height:auto;aspect-ratio:4/5;object-position:var(--photo-focus,50% 20%)}
.bb-layout .memory-album img[src$="pink-cosplay.jpg"]{--photo-focus:57% 35%}
.bb-layout .memory-album img[src$="forest-armor.jpg"]{--photo-focus:45% 30%}
.bb-layout .memory-album img[src$="blue-cosplay.jpg"]{--photo-focus:52% 50%}

.bb-layout .memory-album .work-grid::-webkit-scrollbar{display:none}
