.article-image-placeholder { position: relative; min-height: min(620px, 60vw); border-radius: 72px 24px 72px 24px; box-shadow: var(--shadow-soft); }
.category-hero::before { content: ""; position: absolute; width: 210px; height: 210px; inset: 23% auto auto 8%; border-radius: 46% 54% 62% 38%; background: color-mix(in srgb, var(--category-accent) 65%, transparent); transform: rotate(18deg); }
@media (max-width: 520px) { .article-image-placeholder { min-height: 340px; border-radius: 38px 14px 38px 14px; } .category-hero::before { width: 130px; height: 130px; inset: auto -35px 8% auto; } }