WPP Media_Costa Coffee_Demo_v1_Oct25

[{"selector":"#anim-72c9dbbc-fab1-423b-a8fb-91bdfcc73747","keyframes":{"opacity":[0,1]},"delay":100,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-853c3447-789d-497d-b813-34ac6296b37b","keyframes":{"transform":["translate3d(0px, 93.36649%, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a9ac93e8-5c10-4033-8201-adf2190aba1c","keyframes":{"opacity":[0,1]},"delay":200,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c45b2992-e6de-40a3-a8c2-ffb330d0d42d","keyframes":{"transform":["translate3d(0px, 86.98414%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5947cba7-5fe3-4296-a7d8-1c075f15c0dd","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4e5635c5-f7d8-4f01-a9ba-48116e54d328","keyframes":{"transform":["translate3d(0px, 93.36649%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e0401631-8d6e-4208-a1d1-b50c66ddc38f [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-762b7457-c707-48f8-87f6-3f8a81490bbb","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a79cd8b6-ed99-4d1f-8cc6-8c18d9056cec","keyframes":{"transform":["translate3d(0px, -156.39728%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-87206776-a8ab-4133-9282-0b961a01ce43","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bb9f70e5-613d-4308-ae2b-917c931258ce","keyframes":{"transform":["translate3d(0px, -947.13288%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-699703d8-992d-4ae9-87e5-176d8c557391","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6f0761ef-5fa0-4cb1-89be-63b23811aae0","keyframes":{"transform":["translate3d(0px, -757.9126%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4f61c980-067a-494b-bbf1-0c6a07f1e6b3","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c3ef905a-62a0-4bcf-a71d-6325f935f482","keyframes":{"transform":["translate3d(0px, -1193.25387%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2b106cf1-a4db-46a2-8fda-41871a262500","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-08f3f018-756e-4896-9eaa-d60c55c3c8d2","keyframes":{"transform":["translate3d(0px, -318.32146%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-361e9505-497b-4557-8af8-ef8c52a0be91","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f5e35d06-8273-46f3-8e7c-ccc0c70aafd7","keyframes":{"transform":["translate3d(0px, -192.29394%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-90c5bcdb-29b4-4751-b3a0-69b0f451e0a1","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4d502289-027e-47c2-80e7-c09c0b7e16d6","keyframes":{"transform":["translate3d(0px, -461.46136%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Find your Costa

Smooth maple,

[{"selector":"#anim-c6a55db4-e841-4500-a52a-99a797db84dc [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(2.1677574989291197e-15%, 2.5711699942025077e-7%) scale(0.847457627118644)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-d59a2ca9-b8d4-46d5-8ce5-374510fc0a97","keyframes":{"opacity":[0,1]},"delay":100,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-02ef0cdd-ddb6-46ae-aab7-abde825018ff","keyframes":{"transform":["translate3d(-79.39914%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-550ffbf5-32b3-44b5-84d7-23f8313b7e95","keyframes":{"opacity":[0,1]},"delay":200,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3084ffda-9501-4da9-8575-7efe692220f2","keyframes":{"transform":["translate3d(-79.5422%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-de12d8b8-e312-409e-961e-fe4e64d28dc6","keyframes":{"opacity":[0,1]},"delay":300,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d2fe318e-cc53-4063-941d-9e8cd4ec5aad","keyframes":{"transform":["translate3d(-79.5422%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-801ddcb9-4197-43c9-9bb7-b0be6221bda0","keyframes":{"opacity":[0,1]},"delay":100,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3b4c48c9-84a4-4076-b373-4b6238eb26e7","keyframes":{"transform":["translate3d(0px, 142.62023%, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0446ded5-1641-4a89-8387-c60f4b3c0b43","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6eb1a429-74cc-41f7-859a-9e40213ce912","keyframes":{"transform":["translate3d(0px, 142.62023%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-32902ce7-0e6a-4d29-8366-8bdaaace68e7","keyframes":{"opacity":[0,1]},"delay":200,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f260ff08-1076-4440-8590-451c7db23563","keyframes":{"transform":["translate3d(0px, 162.41271%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2667adc4-06a7-44fd-9df8-403ed212a4df","keyframes":{"transform":["scale(1)","scale(1.3)","scale(0.97)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":7}] [{"selector":"#anim-dec357a4-ce01-4c22-845a-6844a89355a9","keyframes":{"transform":["scale(1)","scale(1.3)","scale(0.97)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":7}] [{"selector":"#anim-9971509d-484c-423c-a88f-2fe836155785","keyframes":{"transform":["scale(1)","scale(1.3)","scale(0.97)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":7}] Circled Dot Circled Dot Circled Dot See the menu

[{"selector":"#anim-ff45d5a5-1d34-474c-ae4b-68c255a18be6 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-6.896551724137934%, -6.7919012228321725%) scale(0.8620689655172413)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-60efae73-a227-4aeb-8aaf-525d22ce4864","keyframes":{"transform":["scale(1)","scale(1.2)","scale(0.98)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":10}] [{"selector":"#anim-1ebe6f5d-569d-4843-a1b5-25d539db9c8d","keyframes":{"transform":["scale(1)","scale(1.2)","scale(0.98)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":10}] [{"selector":"#anim-699f2432-aeeb-4ff9-b826-2f7de38fe002","keyframes":{"transform":["scale(1)","scale(1.2)","scale(0.98)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":10}] [{"selector":"#anim-b6d76cac-9c87-46e8-845c-5de454b7a4bf","keyframes":{"opacity":[0,1]},"delay":300,"duration":1500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Find your Costa See the menu

Smooth maple,

roasted hazelnut,

crafted the Costa way.