.camera-shell{position:relative;flex:none;background:#161616}.camera-body{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:fill;pointer-events:none}.camera-shell>img:not(.camera-body){position:absolute;z-index:2;object-fit:contain;background:#111}.camera-shell.landscape{width:min(92%,760px);aspect-ratio:736/479}.camera-shell.landscape>img:not(.camera-body){left:6.3%;top:14%;width:58%;height:73%}.camera-shell.portrait{height:min(94%,720px);aspect-ratio:479/736}.camera-shell.portrait>img:not(.camera-body){left:13%;top:6.3%;width:73%;height:58%}
.hero-frame{background-repeat:no-repeat;background-position:center;background-size:100% 100%;overflow:visible}.hero-frame.landscape{aspect-ratio:736/479;height:auto!important;background-image:url("assets/ui/camera-horizontal.png")}.hero-frame.portrait{aspect-ratio:479/736;width:auto!important;background-image:url("assets/ui/camera-portrait.png")}.hero-frame .hero-shot{object-fit:contain;background:#111;z-index:2}.hero-frame.landscape .hero-shot{left:6.3%;top:14%;width:58%;height:73%}.hero-frame.portrait .hero-shot{left:13%;top:6.3%;width:73%;height:58%}.hero-frame .frame-index{z-index:3;right:7%;bottom:7%}
@media(max-width:767px){.camera-shell.landscape{width:98%}.camera-shell.portrait{height:96%}.hero-frame.landscape{width:76vw!important}.hero-frame.portrait{height:58dvh!important}}