.media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5%}.device{position:relative;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 18px 40px -16px rgba(0,0,0,.4)}.device-phone{height:80%;aspect-ratio:830/1800;border-radius:10%/4.6%}.device-offset{transform:translateY(5%)}.device-screen{height:82%;aspect-ratio:1440/1000;border-radius:6px}.device-image{object-fit:cover;object-position:top}.media-logo{position:relative;width:clamp(150px,26%,440px);height:30%}.media-logo img{object-fit:contain}.device-video{object-fit:cover;object-position:top}.device-video,.media-composition{position:absolute;inset:0;width:100%;height:100%}.media-composition{object-fit:contain}html.arrive-on .arrive{opacity:0;transform:scale(1.02);transition:opacity .42s var(--ease-out),transform .62s var(--ease-out)}html.arrive-on .arrive[data-arrived]{opacity:1;transform:none}html.arrive-on .arrive[data-arrived=instant]{transition:none}