/* Match the media aspect ratio to the measured transparent screen opening.
   Screen opening: 91.1% of device width, 96.3% of device height.
   Only recordings already containing Dynamic Island omit the overlay island. */
body .ba-case .ba-phone,body .ob-case .ob-phone,body #selected-works .home-preview-media.fitted-phone{aspect-ratio:var(--phone-aspect,.4862)!important}
body .ba-case .ba-screen,body .ob-case .ob-screen{inset:1.85% 4.45%!important;border-radius:13% / 6.1%;overflow:hidden}
body .ba-case .ba-screen>video,body .ba-case .ba-screen>img,body .ob-case .ob-screen>video,body .ob-case .ob-screen>img{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important}
body .ba-case .ba-frame,body .ob-case .ob-device{object-fit:fill!important}
body #selected-works .home-preview-media.fitted-phone>video,body #selected-works .home-preview-media.fitted-phone>.home-preview-poster{inset:1.85% 4.45%!important;width:91.1%!important;height:96.3%!important;object-fit:contain!important;object-position:center!important;border-radius:13% / 6.1%!important}
body .has-recorded-island>.ba-frame,body .has-recorded-island>.ob-device,body #selected-works .home-preview-media.has-recorded-island::after{clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,20% 2.5%,20% 10%,80% 10%,80% 2.5%,20% 2.5%,0% 0%)}