/* Keep the complete frame. Atmospheric backplates fill changing aspect ratios. */
[data-preserve-frame]{isolation:isolate;background:#080808}
html body [data-preserve-frame][data-preserve-frame]>img{object-fit:contain!important;object-position:center!important;transform:none!important;z-index:1!important}
[data-preserve-frame]>.hero-backdrop{position:absolute;inset:-5%;z-index:0;pointer-events:none;background-size:cover;background-position:center;filter:blur(28px) brightness(.38);opacity:0;transition:opacity 1s ease}
[data-preserve-frame]>img.on+.hero-backdrop{opacity:1}
.rhero .photos::after{z-index:2;pointer-events:none}
.rhero-mark,.c-hero-t,.h-locks{z-index:3}
.proj-strip img{object-position:center!important}
@media(prefers-reduced-motion:reduce){[data-preserve-frame]>.hero-backdrop{transition:none}}