.phone-slot{position:relative;transition:transform .8s cubic-bezier(.2,1,.3,1),opacity .8s ease;cursor:pointer;flex-shrink:0}.phone-slot:nth-child(1){transform:translateX(80px) rotateY(20deg) scale(.8);opacity:.3;z-index:1}.phone-slot:nth-child(2){transform:scale(1);opacity:1;z-index:10}.phone-slot:nth-child(3){transform:translateX(-80px) rotateY(-20deg) scale(.8);opacity:.3;z-index:1}.phone-frame{width:var(--phone-w);height:var(--phone-h);border-radius:var(--phone-r);background:#1a1a1a;padding:var(--border);position:relative}.phone-screen{width:100%;height:100%;border-radius:35px;overflow:hidden;position:relative;background:#000}.phone-thumb{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.phone-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75px;height:75px;border-radius:50%;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);z-index:10}.phone-play-icon{width:0;height:0;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent var(--gold-light);margin-left:5px}.phone-meta{position:absolute;bottom:0;left:0;right:0;padding:40px 15px 25px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);text-align:center;z-index:5}.phone-meta-title{font-family:"Cormorant Garamond",serif;font-size:20px;color:#fff}.pf-dot{width:30px;height:2px;background:rgba(108,183,78,.2);cursor:pointer;transition:.3s}.pf-dot.active{width:55px;background:var(--gold)}.lightbox.open{opacity:1;pointer-events:all}@media (max-width:600px){.phone-meta-title{font-size:14px}.phone-slot:nth-child(1){transform:translateX(40px) rotateY(20deg) scale(.85)}.phone-slot:nth-child(3){transform:translateX(-40px) rotateY(-20deg) scale(.85)}}