/* Photos and videos share a readable responsive stage; readers are larger. */
.site-body.page-creator-detail { --creator-image-preview-height:min(54vh,440px); }
.site-body [data-creator-content] .space-view-focused-post,
.site-body [data-creator-focused] { --creator-image-preview-height:min(74vh,720px); }
.site-body.page-creator-detail .community-context.is-creator .community-context__cover {
  display:block!important; width:100%; height:auto; aspect-ratio:2 / 1; object-fit:cover;
}
.site-body.page-creator-detail .community-context__cover + .community-context__heading { padding-top:14px; }
.community-context__website { display:block; margin:0 0 16px; color:#325e47; font-size:13px; overflow-wrap:anywhere; }
.site-body [data-creator-content] .space-view-post-media-wrap,
.site-body.page-creator-detail .elm-public-post__media.is-photo,
.site-body.page-creator-detail .guest-public__post-media-shell {
  position:relative!important; display:block!important; isolation:isolate;
  min-height:0!important; height:var(--creator-image-preview-height,440px)!important;
  max-height:none!important; aspect-ratio:auto!important; padding:0!important;
  width:100%!important; max-width:100%; margin:12px 0 0!important;
  overflow:hidden!important; border-radius:12px; background:#eeece6!important;
}
/* Nonnegative layers avoid Safari painting a filtered backdrop behind the card. */
.site-body [data-creator-content] .space-view-post-media-wrap[style]::before,
.site-body.page-creator-detail .elm-public-post__media.is-photo[style]::before,
.site-body.page-creator-detail .guest-public__post-media-shell > .guest-public__post-backdrop {
  content:''!important; display:block!important; position:absolute!important;
  inset:-24px!important; z-index:0!important; pointer-events:none;
  background-image:var(--post-media-bg); background-position:center; background-size:cover;
  -webkit-filter:blur(24px) saturate(.9) brightness(1.04);
  filter:blur(24px) saturate(.9) brightness(1.04)!important;
  transform:scale(1.08); opacity:.86;
}
.site-body [data-creator-content] .space-view-post-media-wrap[style]::after,
.site-body.page-creator-detail .elm-public-post__media.is-photo[style]::after,
.site-body.page-creator-detail .guest-public__post-media-shell::after {
  content:''!important; display:block!important; position:absolute; inset:0;
  z-index:1!important; background:rgba(245,243,239,.28)!important; pointer-events:none;
}
.site-body [data-creator-content] .space-view-post-media-wrap > .elm-media-guard-wrap,
.site-body.page-creator-detail .elm-public-post__media.is-photo > .elm-media-guard-wrap,
.site-body.page-creator-detail .guest-public__post-media-shell > .elm-media-guard-wrap {
  display:block!important; position:absolute!important; inset:0!important;
  width:100%!important; height:100%!important; max-width:100%; margin:0!important; z-index:2;
}
.site-body [data-creator-content] .space-view-post-media-wrap .space-view-post-media,
.site-body.page-creator-detail .elm-public-post__media.is-photo .elm-post-media,
.site-body.page-creator-detail .guest-public__post-media-shell .guest-public__post-media {
  display:block!important; position:absolute!important; inset:0!important;
  width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important;
  margin:0!important; object-fit:contain!important; object-position:center;
  transform:none!important; background:transparent!important; box-shadow:none; z-index:2;
}
.site-body [data-creator-content] .is-video > .post-video-preview { background:transparent; }
.site-body [data-creator-content] .is-video > .post-video-preview > .elm-media-guard-wrap {
  position:absolute; inset:0; display:block; width:100%; height:100%;
}
.site-body [data-creator-content] .post-video-preview img { width:100%; height:100%; object-fit:contain; }
.site-body.page-creator-detail .guest-public__video-thumb,
.site-body.page-creator-detail .guest-public__video-thumb > .elm-media-guard-wrap {
  position:absolute!important; inset:0!important; display:block!important;
  width:100%!important; height:100%!important; max-height:none!important;
  margin:0!important; z-index:2; background:transparent;
}
@media(max-width:760px) {
  .site-body.page-creator-detail .community-context[open] .community-context__cover { display:block!important; }
}