.front-back:where(.astro-VQOIK2QI) .frontend:where(.astro-VQOIK2QI) h1:where(.astro-VQOIK2QI),.front-back:where(.astro-VQOIK2QI) .backend:where(.astro-VQOIK2QI) h1:where(.astro-VQOIK2QI){opacity:0;transition:all;transition-duration:1s}.front-back:where(.astro-VQOIK2QI) .frontend:where(.astro-VQOIK2QI).show h1:where(.astro-VQOIK2QI),.front-back:where(.astro-VQOIK2QI) .backend:where(.astro-VQOIK2QI).show h1:where(.astro-VQOIK2QI){opacity:1;transform:translateY(0);transition:all;transition-duration:1s}.macbook:where(.astro-VQOIK2QI){perspective:2400px;perspective-origin:50% 100%}.macbook:where(.astro-VQOIK2QI) .top:where(.astro-VQOIK2QI){transform:translateZ(0) rotateX(-80deg);transform-origin:bottom;perspective:1000px}.macbook:where(.astro-VQOIK2QI) .top:where(.astro-VQOIK2QI) .depth:where(.astro-VQOIK2QI){content:"";position:absolute;width:98%;height:40px;z-index:-1;background:linear-gradient(to bottom,#868686,#313131);transform:translateY(-15px)}.macbook:where(.astro-VQOIK2QI):hover .top:where(.astro-VQOIK2QI) .depth:where(.astro-VQOIK2QI){transform:translateY(5px)}.macbook:where(.astro-VQOIK2QI) .top:where(.astro-VQOIK2QI) .screen:where(.astro-VQOIK2QI){border-radius:5px;background-image:var(--website);background-size:cover;background-position-y:top;transform:rotateX(1deg);transform-origin:bottom;opacity:0;transition:all;transition-duration:.5s}.iphone:where(.astro-VQOIK2QI):after{content:" ";background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(0,0,0,1) 35%,rgba(0,0,0,1) 75%,rgba(255,255,255,1) 100%);position:absolute;width:55%;height:3%;filter:blur(30px);transform:rotate(-5deg) rotateX(65deg) translateY(30px) translate(-60px);transition:all;transition-duration:1s}.iphone:where(.astro-VQOIK2QI):hover{transform:rotate3d(1,1,1,10deg);transition-delay:0ms}.iphone:where(.astro-VQOIK2QI):hover:after{transform:rotate(-8deg) rotateX(65deg) translateY(30px) translate(-50px);transition:all;transition-duration:1s}.iphone:where(.astro-VQOIK2QI) .frame:where(.astro-VQOIK2QI){-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-size:cover;mask-size:cover}.iphone:where(.astro-VQOIK2QI) .frame:where(.astro-VQOIK2QI) .app-slide:where(.astro-VQOIK2QI){transform:rotate(-18.2deg) rotateY(5deg) rotateX(0) skewY(-1deg);width:55%;left:4%;top:11%;height:93%;border-radius:5%;overflow:hidden;transform-origin:left top}