.iphone-mockup{--phone-roll: -5deg;position:relative;isolation:isolate;aspect-ratio:774 / 1650}.iphone-mockup--left{--phone-roll: 5deg}.iphone-mockup--front{--phone-roll: -1deg}.iphone-hardware{position:relative;width:100%;height:100%;transform:rotate(var(--phone-roll));filter:drop-shadow(12px 24px 22px #0008);transition:transform .7s cubic-bezier(.2,.65,.3,1)}.iphone-photo{position:absolute;max-width:none;width:114.5995%;height:107.5152%;left:-7.7519%;top:-3.5152%;pointer-events:none}.iphone-display{position:absolute;left:4.3928%;top:2.1818%;width:87.8553%;height:95.4545%;overflow:hidden;border-radius:15.8%/6.82%;background:#000}.iphone-display img{display:block;width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.iphone-camera{clip-path:ellipse(1.5% .75% at 56.93% 8.01%)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.iphone-mockup:hover .iphone-hardware{transform:rotate(calc(var(--phone-roll) * .7)) translateY(-5px)}}@media (max-width: 639px){.iphone-mockup{--phone-roll: -3deg}.iphone-mockup--left{--phone-roll: 3deg}.iphone-mockup--front{--phone-roll: -1deg}}@media (prefers-reduced-motion: reduce){.iphone-hardware{transition:none}}