/* Only the two cover layers change; the existing hero grid and controls retain their styles. */
.ava-square-cover>.ava-post-square-image{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center}
.ava-has-backdrop{position:relative;isolation:isolate}
.ava-has-backdrop>main{position:relative;z-index:1}
.ava-post-backdrop{position:absolute;top:0;right:0;left:0;height:clamp(600px,52vw,800px);overflow:hidden;pointer-events:none;z-index:0;background:var(--bg,#111315)}
.ava-post-backdrop>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.5;filter:blur(6px);transform:scale(1.035)}
.ava-post-backdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(17,19,21,.4) 0%,rgba(17,19,21,.6) 38%,var(--bg,#111315) 100%),linear-gradient(to left,var(--bg,#111315) 0%,transparent 55%)}
@media(max-width:700px){.ava-post-backdrop{height:900px}.ava-post-backdrop>img{object-position:center top;opacity:.4}.ava-post-backdrop::after{background:linear-gradient(to bottom,rgba(17,19,21,.48),var(--bg,#111315) 95%)}.ava-square-cover>.ava-post-square-image{aspect-ratio:1/1}}

.card .art>img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center}