/* Static media for discovery screens. Geometry exists before bytes decode. */
.landing-portrait { position:relative; display:block; isolation:isolate; overflow:hidden; width:64px; height:64px; flex:0 0 auto; border-radius:12px; background:var(--ui-surface-raised); }
.media-placeholder { position:absolute; inset:0; display:grid; place-items:center; color:var(--ui-muted); font-size:24px; }
.landing-portrait-image { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.landing-artwork { position:absolute; inset:0; display:block; overflow:hidden; background:var(--ui-surface-raised); }
.landing-media-background,.landing-media-cover { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.landing-media-background { object-position:center; }
:is(.landing-portrait,.landing-artwork)>img { opacity:0; }
:is(.landing-portrait,.landing-artwork)>img[data-image-state=ready] { opacity:1; }
.landing-portrait[data-image-state=ready]>.media-placeholder { visibility:hidden; }