.vf-shot{--shot-bg:#f3e6c6;--shot-line:rgba(171,161,12,.3);position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4/5;width:100%;max-width:520px;margin:0 auto;border-radius:clamp(24px,3vw,40px);background:var(--shot-bg);box-shadow:0 34px 60px -42px rgba(2,40,30,.45)}.vf-shot:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--shot-line);-webkit-mask:url(/media/pattern-lines.png) center/700px auto no-repeat;mask:url(/media/pattern-lines.png) center/700px auto no-repeat}.vf-shot--cream{--shot-bg:#f3e6c6;--shot-line:rgba(171,161,12,.3)}.vf-shot--teal{--shot-bg:#b8e2d4;--shot-line:hsla(0,0%,100%,.6)}.vf-shot--sky{--shot-bg:#8ca7f4;--shot-line:hsla(43,65%,86%,.55)}.vf-shot--emerald{--shot-bg:#027355;--shot-line:rgba(184,226,212,.2)}.vf-shot__phone{position:absolute;left:50%;top:10%;width:70%;transform:translateX(-50%);padding:clamp(6px,.8vw,10px);border-radius:clamp(30px,4vw,52px);background:#161616;box-shadow:0 26px 50px -20px rgba(2,30,22,.5)}.vf-shot__phone img{display:block;width:100%;height:auto;border-radius:clamp(24px,3.3vw,43px);background:#f4f2ec}