/* Approved photo tile: unchanged 7:5 photo, plus 24px black base. */
body .folder.cwpt-host{height:auto!important;overflow:visible}
body a.cw-photo-tile{display:block!important;position:relative!important;width:100%;height:auto!important;aspect-ratio:auto!important;padding:0 0 24px!important;background:#000!important;border:0!important;border-radius:10px!important;overflow:hidden!important;isolation:isolate;text-decoration:none!important;-webkit-mask-image:none!important;box-sizing:border-box}
body .cw-photo-tile .cwpt-media{position:relative;display:block;width:100%;height:auto;aspect-ratio:1.4;overflow:hidden;border-radius:0}
body .cw-photo-tile .cwpt-media img{display:block;position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover!important;object-position:center top!important;border-radius:0!important;margin:0!important;transform:scale(1)!important;transform-origin:center top;transition:transform .38s ease!important}
body .cw-photo-tile::before{content:'';position:absolute;inset:0;z-index:5;border:1px solid rgba(24,39,50,.16);border-radius:inherit;pointer-events:none;box-sizing:border-box}
body .cw-photo-tile::after{content:'';position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.72);opacity:0;pointer-events:none;transition:opacity .28s ease}
body .cw-photo-tile .cwpt-base{position:absolute;inset:auto 0 0;height:56%;z-index:1;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.025) 8%,rgba(0,0,0,.095) 16%,rgba(0,0,0,.2) 24%,rgba(0,0,0,.33) 32%,rgba(0,0,0,.47) 40%,rgba(0,0,0,.61) 48%,rgba(0,0,0,.74) 56%,rgba(0,0,0,.84) 64%,#000 76%,#000 100%)}
body .cw-photo-tile .cwpt-caption{position:absolute;top:0;left:0;right:0;z-index:2;padding:0 14px;text-align:center;color:#fff;transform:translateY(calc(var(--cwpt-card-height,224px) - var(--cwpt-name-height,39px) - 12px - var(--cwpt-lift,0px)));transition:transform .28s ease;pointer-events:none}
body .cw-photo-tile .cwpt-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3;text-transform:none;text-wrap:pretty;overflow-wrap:anywhere;text-shadow:0 1px 3px #0009;transition:color .28s ease}
body .cw-photo-tile .cwpt-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin-top:8px;color:#fff;font-family:inherit;font-size:14px;font-weight:400;line-height:1.35;text-wrap:pretty;opacity:0;transform:translateY(24px);transition:opacity .12s ease,transform .28s ease}
body .cw-photo-tile:focus-visible{outline:3px solid #007bb7;outline-offset:3px}
@media(hover:hover) and (pointer:fine){
 body .cw-photo-tile:hover::after{opacity:1}
 body .cw-photo-tile:hover .cwpt-caption{transform:translateY(var(--cwpt-hover-y,32px))}
 body .cw-photo-tile:hover .cwpt-name{color:#f7dc29}
 body .cw-photo-tile:hover .cwpt-description{opacity:1;transform:translateY(0);transition:opacity .38s ease,transform .28s ease}
 body .cw-photo-tile:hover .cwpt-media img{transform:scale(1.045)!important}
}
body .cw-photo-tile:focus-visible::after{opacity:1}
body .cw-photo-tile:focus-visible .cwpt-caption{transform:translateY(var(--cwpt-hover-y,32px))}
body .cw-photo-tile:focus-visible .cwpt-name{color:#f7dc29}
body .cw-photo-tile:focus-visible .cwpt-description{opacity:1;transform:translateY(0);transition:opacity .38s ease,transform .28s ease}
@media(max-width:700px){body .cw-photo-tile .cwpt-name{font-size:13px}body .cw-photo-tile .cwpt-description{font-size:12px}body .cw-photo-tile .cwpt-caption{padding:0 8px}}
@media(prefers-reduced-motion:reduce){body .cw-photo-tile::after,body .cw-photo-tile .cwpt-caption,body .cw-photo-tile .cwpt-name,body .cw-photo-tile .cwpt-description,body .cw-photo-tile .cwpt-media img{transition:none!important}}
/* The image-only Finder promo shares its neighbors' 7:5 photo + 24px base height.
   A taller legacy floated tile otherwise traps the next card in column two. */
body .related .folder:has(> a[href="/costume-finder/"]){height:auto!important}
body .related .folder > a[href="/costume-finder/"]{position:relative;display:block;height:0!important;padding:calc(100% / 1.4 + 24px) 0 0!important;overflow:hidden;border-radius:10px;box-sizing:content-box}
body .related .folder > a[href="/costume-finder/"] > img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;object-fit:cover;margin:0}