.dd-portrait-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:24px 0 40px}.dd-portrait-card{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:18px;background:#f5e9e8;color:#fff;text-decoration:none;isolation:isolate}.dd-portrait-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.dd-portrait-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(40,30,33,.7));z-index:0}.dd-portrait-card>span{position:absolute;inset:auto 18px 20px;z-index:1}.dd-portrait-card small{display:block;font-size:9px;letter-spacing:1.5px;margin-bottom:8px;color:#fff}.dd-portrait-card strong{font-size:21px;line-height:1.3;display:block;font-weight:650}.dd-portrait-card em{position:absolute;right:0;bottom:0;font-style:normal}.dd-portrait-card:hover img{transform:scale(1.025)}.dd-portrait-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.dd-category-lead{display:grid;grid-template-columns:1fr 220px;gap:36px;align-items:center}.dd-category-lead img{width:220px;height:220px;object-fit:cover;border-radius:18px}
@media(max-width:760px){.dd-portrait-grid{grid-template-columns:repeat(5,145px);overflow-x:auto;gap:12px;padding:4px 4px 12px;scroll-snap-type:x proximity}.dd-portrait-card{scroll-snap-align:start}.dd-portrait-card>span{inset:auto 12px 14px}.dd-portrait-card strong{font-size:18px}.dd-portrait-card small{font-size:8px}.dd-category-lead{grid-template-columns:1fr 112px;gap:16px}.dd-category-lead img{width:112px;height:112px;border-radius:14px}}