.profile-banner::before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(135deg,var(--surface-raised,#17131f),var(--surface-deep,#0c0b12))}
.cng-creator-banner-media{position:absolute;inset:0;display:block;overflow:hidden;background:color-mix(in srgb,var(--surface-raised,#17131f) 82%,transparent)}
.cng-creator-banner-media>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-position:center}
.cng-creator-banner-backdrop{z-index:1;object-fit:cover;filter:blur(24px) brightness(.52) saturate(.82);transform:scale(1.08)}
.cng-creator-banner-image{z-index:2;object-fit:contain}
.profile-banner-media{position:absolute;inset:0;width:100%;height:100%;display:block;object-position:center}
.profile-banner-backdrop{z-index:1;object-fit:cover;filter:blur(24px) brightness(.52) saturate(.82);transform:scale(1.08)}
.profile-banner-image{z-index:2;object-fit:contain}
.profile-banner.has-image::before{z-index:3;background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--surface-deep,#0c0b12) 28%,transparent))}
.profile-banner::after{z-index:4}
.profile-banner.has-image::after{content:none}
.directory-banner.has-image::after{content:none}
.directory-banner.has-image::before{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,transparent 62%,rgba(8,8,12,.16));pointer-events:none}
@media(prefers-color-scheme:light){.cng-creator-banner-media{background:#ebe8f0}.cng-creator-banner-backdrop{filter:blur(24px) brightness(.78) saturate(.72)}}