URL: https://kazamagency.com/
Date: 09/06/24 09:24:26

Webpage Performance Test Result

Settings: Desktopv128CableFrankfurt, Germany
More
- Test runs: 1
- Connectivity: 5000/1000 Kbps, 28ms Latency
- Custom Metrics

Requests Details

Use this page to explore the metric timings and request waterfall for any run of your test.

Page Performance Metrics (Run 1)

TTFB	Start Render	FCP	Speed Index	LCP	CLS	TBT	DC Time	DC Requests	DC Bytes	Total Time	Total Requests	Page Weight
.631S	1.300S	1.371S	3.328S	12.151S	.002	.084S	11.911S	12	6,448KB	17.632S	13	6,448KB

Visual Page Loading Process (Explore)

Navigation Timings
domContentLoadedEvent	loadEvent
1.636s - 1.640s (0.004s)	11.866s - 11.890s (0.024s)

Custom Metrics Data

Colordepth: 24
Dpi: {"dppx":1,"dpcm":37.79527559055118,"dpi":96}
Images: [{"url":"https://kazamagency.com/media/pages/images/f069404191-1705595619/slide1-800x450-crop-50-0-50-0.webp","width":447,"height":794,"naturalWidth":446,"naturalHeight":251},{"url":"https://kazamagency.com/media/pages/images/c8c7b6573c-1713355634/ytbunibet-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/23f336584d-1705595576/capture-decran-2023-11-24-a-10.46.28-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/f7aeb36ef9-1708093262/happn-poster-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/d464056a23-1721895253/capture-decran-2024-07-25-a-10.13.19-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/c34a345f2f-1721903167/capture-decran-2024-07-25-a-12.25.25-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/0f6ce13ca3-1721915745/capture-decran-2024-07-25-a-10.35.11-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/f911a3a52c-1705595564/benebono-900x.jpg","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/75477916b3-1706275725/capture-decran-2024-01-26-a-14.24.56-900x.png","width":587,"height":1026,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/689b3044c7-1705595583/capture-decran-2023-11-24-a-16.52.15-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/41df6d2b59-1705595575/capture-decran-2023-11-24-a-11.16.02-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/e6220ddf6c-1705595583/capture-decran-2023-11-24-a-16.30.31-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/cb15bb1e42-1705595579/capture-decran-2023-11-24-a-14.27.23-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/663241c9c9-1705595586/capture-decran-2023-11-27-a-16.40.07-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/6f4a87fe84-1705595595/capture-decran-2023-12-20-a-14.32.09-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/8fd52937f9-1705595611/ilek-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/075e6c1a15-1705595613/lidl-cuisine-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/081bfd490b-1705595581/capture-decran-2023-11-24-a-15.22.56-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/d3e57f625f-1705595577/capture-decran-2023-11-24-a-12.11.06-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/95a629b6ac-1705595577/capture-decran-2023-11-24-a-12.16.41-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/eb646e574c-1705595587/capture-decran-2023-11-24-a-17.02.59-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/1ea4b0a705-1705595622/stellantis-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/cb6574643d-1705595617/ornikar-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/74e71674e6-1705595584/capture-decran-2023-11-27-a-16.20.53-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/a9e312e5a7-1705595625/tier-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/16923d6119-1705595586/capture-decran-2023-11-27-a-16.46.52-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/7a8d85fe4e-1705595570/capture-d-e-cran-2024-01-09-a-17-28-58-b-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/af1a5d5b8d-1705595587/capture-decran-2023-11-27-a-17.09.08-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/fb66ef96bd-1705595588/capture-decran-2023-12-04-a-15.36.46-900x.png","width":587,"height":1026,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/0a1d07b9ba-1705595567/capture-d-e-cran-2024-01-02-a-10-31-03-bb-900x.png","width":587,"height":1026,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/935b736e5d-1705595567/capture-d-e-cran-2024-01-02-a-15-37-00-b-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/4858262b94-1705595607/capture-decran-2024-01-02-a-10.42.17-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/d8a8c6d307-1705595593/capture-decran-2023-12-20-a-14.37.46-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/f9d27bb39d-1705595592/capture-decran-2023-12-20-a-11.50.58-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/5ff463417f-1705595591/capture-decran-2023-12-20-a-12.19.39-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/2c782f1736-1705595590/capture-decran-2023-12-20-a-11.02.59-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/0c4cb51e87-1705595597/capture-decran-2023-12-20-a-14.41.51-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/fc9bb2277c-1705595607/capture-decran-2024-01-02-a-16.57.17-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/d74a987951-1705595600/capture-decran-2023-12-20-a-15.44.06-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/00420a377e-1705595595/capture-decran-2023-12-20-a-15.03.37-900x.png","width":587,"height":1026,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/b4f10cfbcd-1705595601/capture-decran-2023-12-20-a-16.05.48-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/085592802e-1706263929/capture-d-e-cran-2024-01-26-a-11-11-37-bb-900x.png","width":587,"height":1026,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/e2a547caf1-1705595601/capture-decran-2023-12-20-a-16.43.45-900x.png","width":587,"height":1026,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/896f25feda-1705595571/capture-d-e-cran-2024-01-09-a-17-45-28-b-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/e1af7219f8-1705595601/capture-decran-2023-12-20-a-16.10.30-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0},{"url":"https://kazamagency.com/media/pages/images/060c84c0a5-1705595594/capture-decran-2023-12-20-a-14.20.25-900x.png","width":587,"height":330,"naturalWidth":0,"naturalHeight":0}]
Resolution: {"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
fonts: [{"family":"Poppins","display":"swap","status":"loaded","style":"normal","weight":"400"},{"family":"Poppins","display":"swap","status":"loaded","style":"normal","weight":"600"},{"family":"Poppins","display":"swap","status":"loaded","style":"normal","weight":"700"}]
generated-content-percent: 7.48
generated-content-size: 16.89
imgs-in-viewport: [{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/f069404191-1705595619\/slide1-900x506-crop-50-0-50-0.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"607\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/f069404191-1705595619\/slide1-900x506-crop-50-0-50-0.png\" style=\"object-position: 50.0% 50.0%; background: #746f61\" width=\"1080\" sizes=\"1905px\">","currentSrc":"https:\/\/kazamagency.com\/media\/pages\/images\/f069404191-1705595619\/slide1-800x450-crop-50-0-50-0.webp","srcSet":null,"sizes":"1905px","priority":null,"loading":"lazy","naturalWidth":446,"naturalHeight":251}]
imgs-no-alt: []
imgs-out-viewport: [{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/c8c7b6573c-1713355634\/ytbunibet-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"720\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/c8c7b6573c-1713355634\/ytbunibet-900x.png\" style=\"object-position: 50% 50%; background: #7a9453\" width=\"1280\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/23f336584d-1705595576\/capture-decran-2023-11-24-a-10.46.28-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1358\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/23f336584d-1705595576\/capture-decran-2023-11-24-a-10.46.28-900x.png\" style=\"object-position: 49.7% 46.4%; background: #6a665d\" width=\"2426\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/f7aeb36ef9-1708093262\/happn-poster-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"546\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/f7aeb36ef9-1708093262\/happn-poster-900x.png\" style=\"object-position: 50% 50%; background: #aca49f\" width=\"1114\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/d464056a23-1721895253\/capture-decran-2024-07-25-a-10.13.19-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1240\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/d464056a23-1721895253\/capture-decran-2024-07-25-a-10.13.19-900x.png\" style=\"object-position: 50% 50%; background: #50564d\" width=\"2220\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/c34a345f2f-1721903167\/capture-decran-2024-07-25-a-12.25.25-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"594\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/c34a345f2f-1721903167\/capture-decran-2024-07-25-a-12.25.25-900x.png\" style=\"object-position: 50% 50%; background: #85aad9\" width=\"1092\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/0f6ce13ca3-1721915745\/capture-decran-2024-07-25-a-10.35.11-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1160\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/0f6ce13ca3-1721915745\/capture-decran-2024-07-25-a-10.35.11-900x.png\" style=\"object-position: 50% 50%; background: #9ea8a4\" width=\"2090\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/f911a3a52c-1705595564\/benebono-900x.jpg","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"720\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/f911a3a52c-1705595564\/benebono-900x.jpg\" style=\"object-position: 50% 50%; background: #bd916d\" width=\"1280\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/75477916b3-1706275725\/capture-decran-2024-01-26-a-14.24.56-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1580\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/75477916b3-1706275725\/capture-decran-2024-01-26-a-14.24.56-900x.png\" style=\"object-position: 50% 50%; background: #cddff1\" width=\"890\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/689b3044c7-1705595583\/capture-decran-2023-11-24-a-16.52.15-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"880\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/689b3044c7-1705595583\/capture-decran-2023-11-24-a-16.52.15-900x.png\" style=\"object-position: 50% 50%; background: #77715a\" width=\"1750\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/41df6d2b59-1705595575\/capture-decran-2023-11-24-a-11.16.02-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"882\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/41df6d2b59-1705595575\/capture-decran-2023-11-24-a-11.16.02-900x.png\" style=\"object-position: 50% 50%; background: #684737\" width=\"1750\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/e6220ddf6c-1705595583\/capture-decran-2023-11-24-a-16.30.31-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"882\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/e6220ddf6c-1705595583\/capture-decran-2023-11-24-a-16.30.31-900x.png\" style=\"object-position: 50% 50%; background: #727e64\" width=\"1764\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/cb15bb1e42-1705595579\/capture-decran-2023-11-24-a-14.27.23-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"880\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/cb15bb1e42-1705595579\/capture-decran-2023-11-24-a-14.27.23-900x.png\" style=\"object-position: 50% 50%; background: #8d9287\" width=\"1750\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/663241c9c9-1705595586\/capture-decran-2023-11-27-a-16.40.07-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"872\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/663241c9c9-1705595586\/capture-decran-2023-11-27-a-16.40.07-900x.png\" style=\"object-position: 50% 50%; background: #494d4e\" width=\"1742\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/6f4a87fe84-1705595595\/capture-decran-2023-12-20-a-14.32.09-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1486\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/6f4a87fe84-1705595595\/capture-decran-2023-12-20-a-14.32.09-900x.png\" style=\"object-position: 50% 50%; background: #84629e\" width=\"2654\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/8fd52937f9-1705595611\/ilek-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"750\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/8fd52937f9-1705595611\/ilek-900x.png\" style=\"object-position: 50% 50%; background: #8f7d6c\" width=\"1758\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/075e6c1a15-1705595613\/lidl-cuisine-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1556\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/075e6c1a15-1705595613\/lidl-cuisine-900x.png\" style=\"object-position: 54.8% 48.3%; background: #a29b97\" width=\"2874\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/081bfd490b-1705595581\/capture-decran-2023-11-24-a-15.22.56-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"880\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/081bfd490b-1705595581\/capture-decran-2023-11-24-a-15.22.56-900x.png\" style=\"object-position: 50% 50%; background: #5e5b59\" width=\"1752\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/d3e57f625f-1705595577\/capture-decran-2023-11-24-a-12.11.06-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"884\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/d3e57f625f-1705595577\/capture-decran-2023-11-24-a-12.11.06-900x.png\" style=\"object-position: 50% 50%; background: #d9c2c0\" width=\"1754\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/95a629b6ac-1705595577\/capture-decran-2023-11-24-a-12.16.41-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"880\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/95a629b6ac-1705595577\/capture-decran-2023-11-24-a-12.16.41-900x.png\" style=\"object-position: 50% 50%; background: #bbb5be\" width=\"1754\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/eb646e574c-1705595587\/capture-decran-2023-11-24-a-17.02.59-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1360\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/eb646e574c-1705595587\/capture-decran-2023-11-24-a-17.02.59-900x.png\" style=\"object-position: 50% 50%; background: #877364\" width=\"2426\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/1ea4b0a705-1705595622\/stellantis-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"838\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/1ea4b0a705-1705595622\/stellantis-900x.png\" style=\"object-position: 50% 50%; background: #6e6a65\" width=\"1754\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/cb6574643d-1705595617\/ornikar-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"876\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/cb6574643d-1705595617\/ornikar-900x.png\" style=\"object-position: 50% 50%; background: #7f7e7c\" width=\"1750\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/74e71674e6-1705595584\/capture-decran-2023-11-27-a-16.20.53-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"868\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/74e71674e6-1705595584\/capture-decran-2023-11-27-a-16.20.53-900x.png\" style=\"object-position: 50% 50%; background: #d6d2d0\" width=\"1754\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/a9e312e5a7-1705595625\/tier-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"882\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/a9e312e5a7-1705595625\/tier-900x.png\" style=\"object-position: 50% 50%; background: #a09fa1\" width=\"1750\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/16923d6119-1705595586\/capture-decran-2023-11-27-a-16.46.52-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"880\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/16923d6119-1705595586\/capture-decran-2023-11-27-a-16.46.52-900x.png\" style=\"object-position: 50% 50%; background: #9b9892\" width=\"1750\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/7a8d85fe4e-1705595570\/capture-d-e-cran-2024-01-09-a-17-28-58-b-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1536\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/7a8d85fe4e-1705595570\/capture-d-e-cran-2024-01-09-a-17-28-58-b-900x.png\" style=\"object-position: 50% 50%; background: #faf6f7\" width=\"2684\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/af1a5d5b8d-1705595587\/capture-decran-2023-11-27-a-17.09.08-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"872\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/af1a5d5b8d-1705595587\/capture-decran-2023-11-27-a-17.09.08-900x.png\" style=\"object-position: 50% 50%; background: #a2aea9\" width=\"1744\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/fb66ef96bd-1705595588\/capture-decran-2023-12-04-a-15.36.46-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1378\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/fb66ef96bd-1705595588\/capture-decran-2023-12-04-a-15.36.46-900x.png\" style=\"object-position: 50% 50%; background: #a4877c\" width=\"784\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/0a1d07b9ba-1705595567\/capture-d-e-cran-2024-01-02-a-10-31-03-bb-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1694\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/0a1d07b9ba-1705595567\/capture-d-e-cran-2024-01-02-a-10-31-03-bb-900x.png\" style=\"object-position: 50% 50%; background: #8bbaa7\" width=\"974\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/935b736e5d-1705595567\/capture-d-e-cran-2024-01-02-a-15-37-00-b-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1410\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/935b736e5d-1705595567\/capture-d-e-cran-2024-01-02-a-15-37-00-b-900x.png\" style=\"object-position: 50% 50%; background: #95d0d1\" width=\"2110\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/4858262b94-1705595607\/capture-decran-2024-01-02-a-10.42.17-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1582\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/4858262b94-1705595607\/capture-decran-2024-01-02-a-10.42.17-900x.png\" style=\"object-position: 50% 50%; background: #d58d70\" width=\"2826\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/d8a8c6d307-1705595593\/capture-decran-2023-12-20-a-14.37.46-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1486\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/d8a8c6d307-1705595593\/capture-decran-2023-12-20-a-14.37.46-900x.png\" style=\"object-position: 50% 50%; background: #95919e\" width=\"2654\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/f9d27bb39d-1705595592\/capture-decran-2023-12-20-a-11.50.58-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1192\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/f9d27bb39d-1705595592\/capture-decran-2023-12-20-a-11.50.58-900x.png\" style=\"object-position: 50% 50%; background: #abaca6\" width=\"2676\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/5ff463417f-1705595591\/capture-decran-2023-12-20-a-12.19.39-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"944\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/5ff463417f-1705595591\/capture-decran-2023-12-20-a-12.19.39-900x.png\" style=\"object-position: 51.1% 50.0%; background: #eae6e7\" width=\"1816\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/2c782f1736-1705595590\/capture-decran-2023-12-20-a-11.02.59-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1380\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/2c782f1736-1705595590\/capture-decran-2023-12-20-a-11.02.59-900x.png\" style=\"object-position: 50% 50%; background: #6c6865\" width=\"2606\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/0c4cb51e87-1705595597\/capture-decran-2023-12-20-a-14.41.51-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1486\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/0c4cb51e87-1705595597\/capture-decran-2023-12-20-a-14.41.51-900x.png\" style=\"object-position: 50% 50%; background: #a9b4b8\" width=\"2654\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/fc9bb2277c-1705595607\/capture-decran-2024-01-02-a-16.57.17-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1356\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/fc9bb2277c-1705595607\/capture-decran-2024-01-02-a-16.57.17-900x.png\" style=\"object-position: 50% 50%; background: #aea5a0\" width=\"2596\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/d74a987951-1705595600\/capture-decran-2023-12-20-a-15.44.06-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1440\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/d74a987951-1705595600\/capture-decran-2023-12-20-a-15.44.06-900x.png\" style=\"object-position: 50% 50%; background: #bcb7b4\" width=\"2686\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/00420a377e-1705595595\/capture-decran-2023-12-20-a-15.03.37-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1198\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/00420a377e-1705595595\/capture-decran-2023-12-20-a-15.03.37-900x.png\" style=\"object-position: 50% 50%; background: #787dbf\" width=\"930\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/b4f10cfbcd-1705595601\/capture-decran-2023-12-20-a-16.05.48-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1454\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/b4f10cfbcd-1705595601\/capture-decran-2023-12-20-a-16.05.48-900x.png\" style=\"object-position: 50% 50%; background: #898892\" width=\"2566\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/085592802e-1706263929\/capture-d-e-cran-2024-01-26-a-11-11-37-bb-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1432\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/085592802e-1706263929\/capture-d-e-cran-2024-01-26-a-11-11-37-bb-900x.png\" style=\"object-position: 50% 50%; background: #c7c5c7\" width=\"890\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/e2a547caf1-1705595601\/capture-decran-2023-12-20-a-16.43.45-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"926\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/e2a547caf1-1705595601\/capture-decran-2023-12-20-a-16.43.45-900x.png\" style=\"object-position: 50% 50%; background: #795d98\" width=\"770\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/896f25feda-1705595571\/capture-d-e-cran-2024-01-09-a-17-45-28-b-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1278\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/896f25feda-1705595571\/capture-d-e-cran-2024-01-09-a-17-45-28-b-900x.png\" style=\"object-position: 50% 50%; background: #9579ed\" width=\"2386\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/e1af7219f8-1705595601\/capture-decran-2023-12-20-a-16.10.30-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1454\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/e1af7219f8-1705595601\/capture-decran-2023-12-20-a-16.10.30-900x.png\" style=\"object-position: 50% 50%; background: #ada090\" width=\"2566\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/kazamagency.com\/media\/pages\/images\/060c84c0a5-1705595594\/capture-decran-2023-12-20-a-14.20.25-900x.png","html":"<img alt=\"\" class=\"w-full h-full object-cover\" data-sizes=\"auto\" height=\"1486\" loading=\"lazy\" src=\"https:\/\/kazamagency.com\/media\/pages\/images\/060c84c0a5-1705595594\/capture-decran-2023-12-20-a-14.20.25-900x.png\" style=\"object-position: 50% 50%; background: #a09ab1\" width=\"2654\" sizes=\"587px\">","currentSrc":"","srcSet":null,"sizes":"587px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0}]
jsLibsVulns: []
meta-viewport: width=device-width, initial-scale=1.0
possibly-render-blocking-reqs: ["https:\/\/kazamagency.com\/dist\/assets\/index-DgKIJ09J.css","https:\/\/kazamagency.com\/dist\/assets\/index-Cv9SBT6u.css"]
rendered-html: <html lang="fr" class="scroll-pt-12 xl:scroll-pt-16"><head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://kazamagency.com/dist/assets/index-BY0Zlxer.js" rel="modulepreload"><link as="style" href="https://kazamagency.com/dist/assets/index-DgKIJ09J.css" rel="preload"><link as="style" href="https://kazamagency.com/dist/assets/index-Cv9SBT6u.css" rel="preload"><script src="https://kazamagency.com/dist/assets/index-BY0Zlxer.js" type="module"></script><link href="https://kazamagency.com/dist/assets/index-DgKIJ09J.css" rel="stylesheet"><link href="https://kazamagency.com/dist/assets/index-Cv9SBT6u.css" rel="stylesheet"> <title>Kazam! Agency</title> <meta content="Kazam! is home to creatives. We Love telling unique stories that connect with audiences on all platforms. We Help Brands navigate the future of content, in order to stay culturally relevant, to grow their brand and even to outperform the best performance campaigns." name="description"> <meta content="2024-05-16" name="date"> <meta content="Kazam! Agency" property="og:title"> <meta content="Kazam! is home to creatives. We Love telling unique stories that connect with audiences on all platforms. We Help Brands navigate the future of content, in order to stay culturally relevant, to grow their brand and even to outperform the best performance campaigns." property="og:description"> <meta content="Kazam! Production" property="og:site_name"> <meta content="website" property="og:type"> <meta content="all" name="robots"> <link href="https://kazamagency.com" rel="canonical"> <meta content="https://kazamagency.com" property="og:url"> <link href="https://kazamagency.com/en" hreflang="en"> <link href="https://kazamagency.com" hreflang="fr"> <link href="https://kazamagency.com" hreflang="x-default"> <meta content="en" property="og:locale:alternate"> <meta content="fr_FR" property="og:locale"> <meta content="summary_large_image" name="twitter:card"> <meta content="Kazam! Agency" name="twitter:title"> <meta content="Kazam! is home to creatives. We Love telling unique stories that connect with audiences on all platforms. We Help Brands navigate the future of content, in order to stay culturally relevant, to grow their brand and even to outperform the best performance campaigns." name="twitter:description"> <link rel="icon" href="/assets/favicon.svg"> <link rel="mask-icon" href="/assets/favicon.svg" color="#000000"> <meta name="theme-color" content="#000000"> </head> <body class="font-sans antialiased text-white bg-black text-body scrollbar-stable" style=""> <nav class="fixed top-0 right-0 transition-transform duration-500 ease-out left-0 z-40 xl:pt-8 md:pt-6 pt-12 pointer-events-none group from-black/80 to-black/0 data-[nav-scrolled-bg-value=gradient]:pb-12 data-[nav-scrolled-bg-value=solid]:bg-black data-[nav-scrolled-bg-value=gradient]:bg-gradient-to-b data-[nav-hidden-value=true]:-translate-y-full" data-controller="nav" data-nav-hidden-value="false" data-nav-minimized-value="false" data-nav-scrolled-bg-value="gradient"> <div class="outer-container"> <div class="flex justify-between items-center md:pb-6 pb-12 xl:pb-8 relative transition-colors duration-300 border-b border-[transparent] group-data-[nav-scrolled-bg-value=solid]:border-[#424242] xl:border-[transparent] pointer-events-auto"> <a href="https://kazamagency.com/" class="block h-8 md:h-6 w-[10.25rem] md:w-[7.6875rem]"> <svg viewBox="0 0 164 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.38 29.353H.92v2.18H7.38v-2.18Z" fill="#FFD500"></path> <path d="M48.783 29.353h-5.836v2.18h5.836v-2.18Z" fill="#FF5B00"></path> <path d="M101.396 29.353H95.56v2.18h5.836v-2.18Z" fill="#FFC700"></path> <path d="M146.648 29.353h-6.451v2.18h6.451v-2.18Z" fill="#2150CA"></path> <path d="M130.475 29.353h-6.451v2.18h6.451v-2.18Z" fill="#F03131"></path> <path d="M114.305 29.353h-6.451v2.18h6.451v-2.18Z" fill="#0A0"></path> <path d="M22.179 30.874v.66h-7.493L7.38 21.07v8.283H.919V0H7.38v17.886l6.796-10.255h7.287v.596L13.6 19.217l8.578 11.657ZM53.896 7.631v5.848h9.858L53.27 28.097v3.438h19.926v-5.963H62.303l10.678-14.89V7.63H53.896Zm-5.114 0v21.722h-5.836v-.23C40.858 30.919 38.173 32 35.242 32c-7.276 0-12.04-5.563-12.04-12.425 0-6.863 4.86-12.426 12.04-12.426 2.93 0 5.616 1.081 7.704 2.878v-.001l.264-2.396h5.572Zm-6.336 11.945c0-3.54-2.59-6.41-6.362-6.41-3.874 0-6.362 2.87-6.362 6.41s2.372 6.41 6.362 6.41c3.8 0 6.362-2.87 6.362-6.41ZM101.392 7.63v21.723h-5.835v-.23C93.469 30.919 90.783 32 87.853 32c-7.277 0-12.04-5.563-12.04-12.425 0-6.863 4.86-12.426 12.04-12.426 2.93 0 5.616 1.081 7.704 2.878v-.001l.264-2.396h5.571Zm-6.335 11.946c0-3.54-2.59-6.41-6.362-6.41-3.875 0-6.363 2.87-6.363 6.41s2.373 6.41 6.363 6.41c3.8 0 6.362-2.87 6.362-6.41ZM137.32 7.149c-4.209 0-6.913 2.392-8.408 4.125-1.037-2.156-3.575-4.125-7.526-4.125-3.638 0-6.035 1.877-7.298 3.283l-.166-2.802h-6.07v21.723h6.451V18.36c0-3.41 2.362-5.194 5.268-5.194 3.083 0 4.454 1.847 4.454 5.548v10.64h6.451V18.36c0-3.41 2.361-5.194 5.267-5.194 3.083 0 4.454 1.847 4.454 5.548v10.64h6.451V18.254c0-6.948-2.78-11.105-9.328-11.105Zm20.995 21.091c.358-2.076-.998-3.76-3.028-3.76-2.031 0-3.968 1.683-4.326 3.76-.358 2.077.998 3.76 3.029 3.76 2.031 0 3.967-1.683 4.325-3.76Zm-5.671-6.123h6.191L163.516 0h-6.531l-4.341 22.117Z" fill="currentcolor"></path> </svg> </a> <details class="absolute right-0 md:block md:opacity-100 xl:hidden opacity-0 transition-opacity peer group group-data-[nav-minimized-value=true]:opacity-100" data-action="toggle->nav#toggle" data-nav-target="details"> <summary class="w-7 h-7 list-none cursor-pointer md:w-6 m:h-6"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.734479 1.92966L23.5033 -3.54207e-07L23.2655 4.57263L0.496684 6.50229L0.734479 1.92966Z" class="transition origin-center group-open:-translate-x-1.5 group-open:scale-x-[1.2] group-open:translate-y-1.5 group-open:rotate-[50deg]" fill="currentcolor"></path> <path d="M0.734479 10.7559L23.5033 8.82629L23.2655 13.3989L0.496684 15.3286L0.734479 10.7559Z" class="transition-opacity group-open:opacity-0" fill="currentcolor"></path> <path d="M0.734479 19.4274L23.5033 17.4977L23.2655 22.0703L0.496684 24L0.734479 19.4274Z" class="transition origin-center group-open:-translate-x-1.5 group-open:scale-x-[1.2] group-open:-translate-y-1.5 group-open:-rotate-45" fill="currentcolor"></path> </svg> </summary> </details> <div class="grid grid-cols-[1fr] duration-300 transition-all ease-out overflow-hidden relative peer-open:!opacity-100 peer-open:!grid-cols-[1fr] group-data-[nav-minimized-value=true]:opacity-0 group-data-[nav-minimized-value=true]:grid-cols-[0fr] group-data-[nav-minimized-value=true]:mr-12 xl:group-data-[nav-minimized-value=true]:mr-0 xl:group-data-[nav-minimized-value=true]:opacity-100 xl:group-data-[nav-minimized-value=true]:grid-cols-[1fr] xl:grid-cols-[1fr] md:!opacity-0 md:grid-rows-[0fr] md:peer-open:grid-rows-[1fr] peer-open:delay-0 md:absolute md:top-10 md:z-50 md:-mx-6 md:container md:w-screen select-none"> <ul class="flex gap-8 min-w-0 min-h-0 md:group-data-[nav-scrolled-bg-value=solid]:bg-black"> <li class="md:my-6"> <a class="uppercase text-md" href="https://kazamagency.com/projets"> Projets </a> </li> <li class="md:my-6"> <a class="uppercase text-md" href="https://kazamagency.com/agence"> Agence </a> </li> <li class="md:my-6"> <a class="uppercase text-md" href="https://kazamagency.com/blog"> Journal </a> </li> <li class="ml-auto md:my-6"> <a class="uppercase text-md" href="https://kazamagency.com/en" data-taxi-ignore=""> en </a> </li> </ul> </div> <div class="hidden fixed inset-0 -z-[1] !bottom-[calc(100dvh-8.5rem)] bottom-[calc(100vh-8.5rem)] scale-y-0 peer-open:delay-0 delay-100 border-b border-gray opacity-0 peer-open:opacity-100 transition origin-top pointer-events-none md:block peer-open:scale-y-[100%] bg-black"></div> <div class="hidden fixed inset-0 opacity-0 transition-opacity duration-300 pointer-events-none md:block top-[8.5rem] peer-open:opacity-100 bg-black/50 peer-open:pointer-events-auto" data-action="click->nav#close"></div> </div> </div> </nav> <div data-taxi=""> <div class="flex flex-col min-h-screen antialiased overflow-clip" data-taxi-view=""> <main class="flex-grow"> <section class="min-h-[200vh]" data-controller="intro" data-intro-nav-outlet="[data-controller='nav']" data-block="intro-animation" data-prev-block="navigation" data-next-block="intro-text"> <div class="flex sticky top-0 flex-col justify-center items-center min-h-screen" data-intro-target="scrolly"> <figure class="flex absolute inset-0 justify-center items-center" data-intro-target="logo" style="opacity: 0;"> <video class="w-1/4 md:w-1/2 xl:w-1/3" autoplay="" muted="" playsinline=""> <source src="/assets/logo-animation.mp4" type="video/mp4"> </video> </figure> <figure class="overflow-hidden relative w-full h-full rounded opacity-0" data-intro-target="video" data-action="click->intro#scrollDown" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); height: 794px; width: 447px; opacity: 1;"> <picture class="block absolute inset-0 w-full h-full" style="--ratio: 1.7777777777778;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/f069404191-1705595619/slide1-400x225-crop-50-0-50-0.webp 400w, https://kazamagency.com/media/pages/images/f069404191-1705595619/slide1-800x450-crop-50-0-50-0.webp 800w, https://kazamagency.com/media/pages/images/f069404191-1705595619/slide1-1000x562-crop-50-0-50-0.webp 1000w, https://kazamagency.com/media/pages/images/f069404191-1705595619/slide1-1200x675-crop-50-0-50-0.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/f069404191-1705595619/slide1-400x225-crop-50-0-50-0.png 400w, https://kazamagency.com/media/pages/images/f069404191-1705595619/slide1-800x450-crop-50-0-50-0.png 800w, https://kazamagency.com/media/pages/images/f069404191-1705595619/slide1-1000x562-crop-50-0-50-0.png 1000w, https://kazamagency.com/media/pages/images/f069404191-1705595619/slide1-1200x675-crop-50-0-50-0.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="607" loading="lazy" src="https://kazamagency.com/media/pages/images/f069404191-1705595619/slide1-900x506-crop-50-0-50-0.png" style="object-position: 50.0% 50.0%; background: #746f61" width="1080" sizes="1905px"> </picture> <video class="object-cover absolute inset-0 w-full h-full" autoplay="" muted="" loop="" playsinline=""> <source src="https://kazamagency.com/media/pages/videos/684cf64fa3-1706604511/showreel-kazam-2023_30s.mp4" type="video/mp4"> </video> </figure> <button class="absolute bottom-12 left-1/2 w-12 h-12 rounded-full opacity-0 transition-colors -translate-x-1/2 hover:bg-white/10" data-intro-target="scrollIndicator" data-action="click->intro#scrollDown" style="opacity: 1;"> <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="23.5" transform="rotate(90 24 24)" stroke="currentcolor"></circle> <path d="M34 21 24 31 14 21" stroke="currentcolor" stroke-width="1.25"></path> </svg> </button> </div> </section> <section class="relative container flex flex-col items-center my-56 md:my-24 xl:my-40" data-controller="intro-text" data-block="intro-text" data-prev-block="intro-animation" data-next-block="projects-grid"> <h1 class="font-normal [&_.word]:overflow-hidden [&_strong]:font-semibold text-center uppercase text-h3 balanced words chars splitting" data-intro-text-target="text" style="--word-total: 12; --char-total: 66;"><span class="kazam-logo" aria-label="kazam!" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);"></span><strong><span class="word" data-word="is" style="--word-index: 0;"><span class="char" data-char="i" style="--char-index: 0; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">i</span><span class="char" data-char="s" style="--char-index: 1; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">s</span></span><span class="whitespace"> </span><span class="word" data-word="an" style="--word-index: 1;"><span class="char" data-char="a" style="--char-index: 2; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">a</span><span class="char" data-char="n" style="--char-index: 3; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">n</span></span><span class="whitespace"> </span><span class="word" data-word="international" style="--word-index: 2;"><span class="char" data-char="i" style="--char-index: 4; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">i</span><span class="char" data-char="n" style="--char-index: 5; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">n</span><span class="char" data-char="t" style="--char-index: 6; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">t</span><span class="char" data-char="e" style="--char-index: 7; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">e</span><span class="char" data-char="r" style="--char-index: 8; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">r</span><span class="char" data-char="n" style="--char-index: 9; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">n</span><span class="char" data-char="a" style="--char-index: 10; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">a</span><span class="char" data-char="t" style="--char-index: 11; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">t</span><span class="char" data-char="i" style="--char-index: 12; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">i</span><span class="char" data-char="o" style="--char-index: 13; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">o</span><span class="char" data-char="n" style="--char-index: 14; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">n</span><span class="char" data-char="a" style="--char-index: 15; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">a</span><span class="char" data-char="l" style="--char-index: 16; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">l</span></span><span class="whitespace"> </span><span class="word" data-word="creative" style="--word-index: 3;"><span class="char" data-char="c" style="--char-index: 17; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">c</span><span class="char" data-char="r" style="--char-index: 18; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">r</span><span class="char" data-char="e" style="--char-index: 19; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">e</span><span class="char" data-char="a" style="--char-index: 20; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">a</span><span class="char" data-char="t" style="--char-index: 21; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">t</span><span class="char" data-char="i" style="--char-index: 22; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">i</span><span class="char" data-char="v" style="--char-index: 23; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">v</span><span class="char" data-char="e" style="--char-index: 24; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">e</span></span><span class="whitespace"> </span><span class="word" data-word="agency" style="--word-index: 4;"><span class="char" data-char="a" style="--char-index: 25; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">a</span><span class="char" data-char="g" style="--char-index: 26; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">g</span><span class="char" data-char="e" style="--char-index: 27; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">e</span><span class="char" data-char="n" style="--char-index: 28; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">n</span><span class="char" data-char="c" style="--char-index: 29; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">c</span><span class="char" data-char="y" style="--char-index: 30; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">y</span></span></strong> <span class="word" data-word="shaping" style="--word-index: 5;"><span class="char" data-char="s" style="--char-index: 31; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">s</span><span class="char" data-char="h" style="--char-index: 32; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">h</span><span class="char" data-char="a" style="--char-index: 33; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">a</span><span class="char" data-char="p" style="--char-index: 34; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">p</span><span class="char" data-char="i" style="--char-index: 35; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">i</span><span class="char" data-char="n" style="--char-index: 36; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">n</span><span class="char" data-char="g" style="--char-index: 37; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">g</span></span> <strong><em><span class="word" data-word="the" style="--word-index: 6;"><span class="char" data-char="t" style="--char-index: 38; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">t</span><span class="char" data-char="h" style="--char-index: 39; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">h</span><span class="char" data-char="e" style="--char-index: 40; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">e</span></span><span class="whitespace"> </span><span class="word" data-word="future" style="--word-index: 7;"><span class="char" data-char="f" style="--char-index: 41; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">f</span><span class="char" data-char="u" style="--char-index: 42; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">u</span><span class="char" data-char="t" style="--char-index: 43; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">t</span><span class="char" data-char="u" style="--char-index: 44; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">u</span><span class="char" data-char="r" style="--char-index: 45; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">r</span><span class="char" data-char="e" style="--char-index: 46; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">e</span></span></em> <span class="word" data-word="of" style="--word-index: 8;"><span class="char" data-char="o" style="--char-index: 47; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">o</span><span class="char" data-char="f" style="--char-index: 48; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">f</span></span><span class="whitespace"> </span><span class="word" data-word="content" style="--word-index: 9;"><span class="char" data-char="c" style="--char-index: 49; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">c</span><span class="char" data-char="o" style="--char-index: 50; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">o</span><span class="char" data-char="n" style="--char-index: 51; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">n</span><span class="char" data-char="t" style="--char-index: 52; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">t</span><span class="char" data-char="e" style="--char-index: 53; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">e</span><span class="char" data-char="n" style="--char-index: 54; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">n</span><span class="char" data-char="t" style="--char-index: 55; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">t</span></span></strong> <span class="word" data-word="for" style="--word-index: 10;"><span class="char" data-char="f" style="--char-index: 56; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">f</span><span class="char" data-char="o" style="--char-index: 57; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">o</span><span class="char" data-char="r" style="--char-index: 58; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">r</span></span><span class="whitespace"> </span><span class="word" data-word="brands!" style="--word-index: 11;"><span class="char" data-char="b" style="--char-index: 59; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">b</span><span class="char" data-char="r" style="--char-index: 60; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">r</span><span class="char" data-char="a" style="--char-index: 61; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">a</span><span class="char" data-char="n" style="--char-index: 62; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">n</span><span class="char" data-char="d" style="--char-index: 63; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">d</span><span class="char" data-char="s" style="--char-index: 64; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">s</span><span class="char" data-char="!" style="--char-index: 65; translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 110%) rotate(10deg);">!</span></span></h1> <span class="my-10 w-px h-28 bg-white opacity-60 origin-top md:my-8 md:h-16" data-intro-text-target="line" style="translate: none; rotate: none; scale: none; transform: translate3d(0px, 0px, 0px) scale(1, 0.84);"></span> <h2 class="mb-2 text-lg font-semibold uppercase" data-intro-text-target="service" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 16px);">We do</h2> <ul class="flex gap-3 items-center text-lg uppercase lg:flex-col"> <li class="flex items-center [&>span:first-child]:first:hidden lg:[&>span:first-child]:first:block"> <span class="block w-1.5 lg:-ml-5 mr-3 h-1.5 rounded-full bg-yellow" data-intro-text-target="service" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 16px);"></span> <span class="inline-block" data-intro-text-target="service" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 16px);">TV Campaigns</span> </li> <li class="flex items-center [&>span:first-child]:first:hidden lg:[&>span:first-child]:first:block"> <span class="block w-1.5 lg:-ml-5 mr-3 h-1.5 rounded-full bg-orange" data-intro-text-target="service" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 16px);"></span> <span class="inline-block" data-intro-text-target="service" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 16px);">Social Media</span> </li> <li class="flex items-center [&>span:first-child]:first:hidden lg:[&>span:first-child]:first:block"> <span class="block w-1.5 lg:-ml-5 mr-3 h-1.5 rounded-full bg-green" data-intro-text-target="service" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 16px);"></span> <span class="inline-block" data-intro-text-target="service" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 16px);">Brand Content</span> </li> <li class="flex items-center [&>span:first-child]:first:hidden lg:[&>span:first-child]:first:block"> <span class="block w-1.5 lg:-ml-5 mr-3 h-1.5 rounded-full bg-red" data-intro-text-target="service" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 16px);"></span> <span class="inline-block" data-intro-text-target="service" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 16px);">Print</span> </li> <li class="flex items-center [&>span:first-child]:first:hidden lg:[&>span:first-child]:first:block"> <span class="block w-1.5 lg:-ml-5 mr-3 h-1.5 rounded-full bg-blue" data-intro-text-target="service" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 16px);"></span> <span class="inline-block" data-intro-text-target="service" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 16px);">Influence</span> </li> </ul> <div class="flex absolute inset-0 justify-center items-center h-full pointer-events-none -z-[1]" data-action="mousemove@window->intro-text#move"> <div class="flex justify-center items-center origin-center" data-intro-text-target="bubbleWrapper" style="opacity: 0.84;"> <div data-x="0.3" data-y="0.8" class="rounded-full opacity-25 w-[25rem] bg-yellow h-[25rem] blur-3xl" data-intro-text-target="bubble"></div> <div data-x="1" data-y="1" class="-mb-32 rounded-full opacity-25 w-[16rem] bg-red h-[16rem] blur-3xl" data-intro-text-target="bubble"></div> <div data-x="-1" data-y="-0.8" class="-mt-48 rounded-full opacity-25 w-[20rem] bg-blue h-[20rem] blur-3xl" data-intro-text-target="bubble"></div> </div> </div> </section> <section class="mb-32 md:mb-24 outer-container" data-controller="projects" data-projects-nav-outlet="nav" data-action="scroll@window->projects#scroll:passive" data-block="projects-grid" id="projects" data-prev-block="intro-text" data-next-block="logo-cta"> <div data-projects-target="nav" data-action="nav:toggle@window->projects#toggleFilter" class="flex sticky right-0 left-0 top-10 z-40 justify-center mx-auto mb-10 font-semibold whitespace-nowrap transition-opacity duration-300 pointer-events-none md:mb-6 xl:justify-between text-body md:top-[4.5rem] xl:top-[5.5rem]"> <details class="hidden pointer-events-auto lg:block peer group" data-projects-target="dropdown" data-action="toggle->projects#toggle"> <summary class="py-2.5 px-5 uppercase rounded-full border border-white transition duration-300 hover:text-black hover:bg-white aria-[current=true]:pointer-events-none aria-[current=true]:text-black aria-[current=true]:bg-white lg:aria-[current=true]:hidden flex cursor-pointer gap-2 select-none items-center list-none lg:bg-white text-black"> <span data-projects-target="currentFilter"> All Projects </span> <span class="w-2 h-2 transition-transform group-open:rotate-180"><svg viewBox="0 0 7 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 6 0 0h7L3.5 6Z" fill="currentcolor"></path> </svg></span> </summary> </details> <div class="fixed inset-0 top-20 opacity-0 transition-opacity duration-100 pointer-events-none md:top-16 peer-open:pointer-events-auto bg-black/50 -z-[1] blur-xl peer-open:opacity-100 md:bg-black/75" data-action="click->projects#close"></div> <div class="flex overflow-hidden gap-2 min-h-0 pointer-events-auto md:flex-col md:items-start lg:absolute lg:inset-x-0 lg:top-16 lg:flex-wrap lg:opacity-0 lg:transition-opacity lg:duration-300 lg:pointer-events-none peer-open:opacity-100 lg:peer-open:pointer-events-auto" data-projects-target="navChild"> <button data-filter="all" data-action="projects#filter" aria-current="true" data-transition="pagination" class="py-2.5 px-5 uppercase rounded-full border border-white transition duration-300 hover:text-black hover:bg-white aria-[current=true]:pointer-events-none aria-[current=true]:text-black aria-[current=true]:bg-white lg:aria-[current=true]:hidden">All Projects</button> <button data-filter="bee3e07c-7bcd-418c-aa53-982ea77deda5" data-transition="pagination" data-action="projects#filter" class="py-2.5 px-5 uppercase rounded-full border border-white transition duration-300 hover:text-black hover:bg-white aria-[current=true]:pointer-events-none aria-[current=true]:text-black aria-[current=true]:bg-white lg:aria-[current=true]:hidden">Brand Content</button> <button data-filter="1324fa17-5ae6-412f-b96e-345e13fefd8b" data-transition="pagination" data-action="projects#filter" class="py-2.5 px-5 uppercase rounded-full border border-white transition duration-300 hover:text-black hover:bg-white aria-[current=true]:pointer-events-none aria-[current=true]:text-black aria-[current=true]:bg-white lg:aria-[current=true]:hidden">Social</button> <button data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-transition="pagination" data-action="projects#filter" class="py-2.5 px-5 uppercase rounded-full border border-white transition duration-300 hover:text-black hover:bg-white aria-[current=true]:pointer-events-none aria-[current=true]:text-black aria-[current=true]:bg-white lg:aria-[current=true]:hidden">Campaigns</button> <button data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-transition="pagination" data-action="projects#filter" class="py-2.5 px-5 uppercase rounded-full border border-white transition duration-300 hover:text-black hover:bg-white aria-[current=true]:pointer-events-none aria-[current=true]:text-black aria-[current=true]:bg-white lg:aria-[current=true]:hidden">Snack Content</button> </div> <div class="flex gap-2 pl-4 ml-4 border-l pointer-events-auto xl:pl-0 xl:border-none border-gray" data-projects-target="navChild"> <button class="py-2.5 px-5 uppercase rounded-full border border-white transition duration-300 hover:text-black hover:bg-white aria-[current=true]:pointer-events-none aria-[current=true]:text-black aria-[current=true]:bg-white flex items-center md:aspect-square" aria-current="true" data-view="feed" data-action="projects#changeView"> <span class="block mr-2 -ml-1 w-5 h-5 md:-mx-2.5 2xl:-mx-2"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2 1.41a1 1 0 0 0-1 1v7.818a1 1 0 0 0 1 1h6.182a1 1 0 0 0 1-1V2.41a1 1 0 0 0-1-1H2Zm16 17.182a1 1 0 0 0 1-1V11.41a1 1 0 0 0-1-1h-6.182a1 1 0 0 0-1 1v6.182a1 1 0 0 0 1 1H18ZM10.818 2.41a1 1 0 0 1 1-1H18a1 1 0 0 1 1 1v5.364a1 1 0 0 1-1 1h-6.182a1 1 0 0 1-1-1V2.41ZM8.182 18.592a1 1 0 0 0 1-1v-3.727a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v3.727a1 1 0 0 0 1 1h6.182Z" fill="currentcolor"></path> </svg></span> <span class="2xl:hidden">Feed</span> </button> <button class="py-2.5 px-5 uppercase rounded-full border border-white transition duration-300 hover:text-black hover:bg-white aria-[current=true]:pointer-events-none aria-[current=true]:text-black aria-[current=true]:bg-white flex items-center md:aspect-square" aria-current="false" data-view="index" data-action="projects#changeView"> <span class="block mr-2 -ml-1 w-5 h-5 md:-mx-2.5 2xl:-mx-2"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 1.5H1v2.429h3V1.5ZM4 6.357H1v2.429h3V6.357ZM1 11.214h3v2.429H1v-2.429ZM4 16.071H1V18.5h3v-2.429ZM19 1.5H6v2.429h13V1.5ZM19 6.357H6v2.429h13V6.357ZM6 11.214h13v2.429H6v-2.429ZM19 16.071H6V18.5h13v-2.429Z" fill="currentcolor"></path> </svg></span> <span class="2xl:hidden">Index</span> </button> </div> </div> <div class="container-grid" data-controller="masonry" data-projects-target="feed" data-action="projects:reset@window->masonry#reset"> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/unibet-tele" style="padding-bottom: 56.25%; background: #7a9453" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.7777777777778;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/c8c7b6573c-1713355634/ytbunibet-400x.webp 400w, https://kazamagency.com/media/pages/images/c8c7b6573c-1713355634/ytbunibet-800x.webp 800w, https://kazamagency.com/media/pages/images/c8c7b6573c-1713355634/ytbunibet-1000x.webp 1000w, https://kazamagency.com/media/pages/images/c8c7b6573c-1713355634/ytbunibet-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/c8c7b6573c-1713355634/ytbunibet-400x.png 400w, https://kazamagency.com/media/pages/images/c8c7b6573c-1713355634/ytbunibet-800x.png 800w, https://kazamagency.com/media/pages/images/c8c7b6573c-1713355634/ytbunibet-1000x.png 1000w, https://kazamagency.com/media/pages/images/c8c7b6573c-1713355634/ytbunibet-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="720" loading="lazy" src="https://kazamagency.com/media/pages/images/c8c7b6573c-1713355634/ytbunibet-900x.png" style="object-position: 50% 50%; background: #7a9453" width="1280" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/51de9abff1-1713355853/unibet-2024.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Unibet</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/brevo" style="padding-bottom: 56.25%; background: #6a665d" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.7864506627393;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/23f336584d-1705595576/capture-decran-2023-11-24-a-10.46.28-400x.webp 400w, https://kazamagency.com/media/pages/images/23f336584d-1705595576/capture-decran-2023-11-24-a-10.46.28-800x.webp 800w, https://kazamagency.com/media/pages/images/23f336584d-1705595576/capture-decran-2023-11-24-a-10.46.28-1000x.webp 1000w, https://kazamagency.com/media/pages/images/23f336584d-1705595576/capture-decran-2023-11-24-a-10.46.28-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/23f336584d-1705595576/capture-decran-2023-11-24-a-10.46.28-400x.png 400w, https://kazamagency.com/media/pages/images/23f336584d-1705595576/capture-decran-2023-11-24-a-10.46.28-800x.png 800w, https://kazamagency.com/media/pages/images/23f336584d-1705595576/capture-decran-2023-11-24-a-10.46.28-1000x.png 1000w, https://kazamagency.com/media/pages/images/23f336584d-1705595576/capture-decran-2023-11-24-a-10.46.28-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1358" loading="lazy" src="https://kazamagency.com/media/pages/images/23f336584d-1705595576/capture-decran-2023-11-24-a-10.46.28-900x.png" style="object-position: 49.7% 46.4%; background: #6a665d" width="2426" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/471c142e7b-1705595645/brevo_30_230803_fr-copie.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Brevo</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="1324fa17-5ae6-412f-b96e-345e13fefd8b" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/happn" style="padding-bottom: 56.25%; background: #aca49f" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 2.040293040293;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/f7aeb36ef9-1708093262/happn-poster-400x.webp 400w, https://kazamagency.com/media/pages/images/f7aeb36ef9-1708093262/happn-poster-800x.webp 800w, https://kazamagency.com/media/pages/images/f7aeb36ef9-1708093262/happn-poster-1000x.webp 1000w, https://kazamagency.com/media/pages/images/f7aeb36ef9-1708093262/happn-poster-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/f7aeb36ef9-1708093262/happn-poster-400x.png 400w, https://kazamagency.com/media/pages/images/f7aeb36ef9-1708093262/happn-poster-800x.png 800w, https://kazamagency.com/media/pages/images/f7aeb36ef9-1708093262/happn-poster-1000x.png 1000w, https://kazamagency.com/media/pages/images/f7aeb36ef9-1708093262/happn-poster-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="546" loading="lazy" src="https://kazamagency.com/media/pages/images/f7aeb36ef9-1708093262/happn-poster-900x.png" style="object-position: 50% 50%; background: #aca49f" width="1114" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/62aea764fe-1708093488/happn_debrief_salle-de-sport_16-9.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">HAPPN</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Social</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/get-around" style="padding-bottom: 56.25%; background: rgb(80, 86, 77); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.7903225806452;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/d464056a23-1721895253/capture-decran-2024-07-25-a-10.13.19-400x.webp 400w, https://kazamagency.com/media/pages/images/d464056a23-1721895253/capture-decran-2024-07-25-a-10.13.19-800x.webp 800w, https://kazamagency.com/media/pages/images/d464056a23-1721895253/capture-decran-2024-07-25-a-10.13.19-1000x.webp 1000w, https://kazamagency.com/media/pages/images/d464056a23-1721895253/capture-decran-2024-07-25-a-10.13.19-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/d464056a23-1721895253/capture-decran-2024-07-25-a-10.13.19-400x.png 400w, https://kazamagency.com/media/pages/images/d464056a23-1721895253/capture-decran-2024-07-25-a-10.13.19-800x.png 800w, https://kazamagency.com/media/pages/images/d464056a23-1721895253/capture-decran-2024-07-25-a-10.13.19-1000x.png 1000w, https://kazamagency.com/media/pages/images/d464056a23-1721895253/capture-decran-2024-07-25-a-10.13.19-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1240" loading="lazy" src="https://kazamagency.com/media/pages/images/d464056a23-1721895253/capture-decran-2024-07-25-a-10.13.19-900x.png" style="object-position: 50% 50%; background: #50564d" width="2220" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/769116dcdd-1721915435/getaround_la-concurrence_16-9.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Getaround</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/atol" style="padding-bottom: 56.25%; background: rgb(133, 170, 217); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.8383838383838;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/c34a345f2f-1721903167/capture-decran-2024-07-25-a-12.25.25-400x.webp 400w, https://kazamagency.com/media/pages/images/c34a345f2f-1721903167/capture-decran-2024-07-25-a-12.25.25-800x.webp 800w, https://kazamagency.com/media/pages/images/c34a345f2f-1721903167/capture-decran-2024-07-25-a-12.25.25-1000x.webp 1000w, https://kazamagency.com/media/pages/images/c34a345f2f-1721903167/capture-decran-2024-07-25-a-12.25.25-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/c34a345f2f-1721903167/capture-decran-2024-07-25-a-12.25.25-400x.png 400w, https://kazamagency.com/media/pages/images/c34a345f2f-1721903167/capture-decran-2024-07-25-a-12.25.25-800x.png 800w, https://kazamagency.com/media/pages/images/c34a345f2f-1721903167/capture-decran-2024-07-25-a-12.25.25-1000x.png 1000w, https://kazamagency.com/media/pages/images/c34a345f2f-1721903167/capture-decran-2024-07-25-a-12.25.25-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="594" loading="lazy" src="https://kazamagency.com/media/pages/images/c34a345f2f-1721903167/capture-decran-2024-07-25-a-12.25.25-900x.png" style="object-position: 50% 50%; background: #85aad9" width="1092" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/0f8e414ab6-1721913951/atol_video_01_16-9.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Atol</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Snack Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/casden" style="padding-bottom: 56.25%; background: rgb(158, 168, 164); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.801724137931;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/0f6ce13ca3-1721915745/capture-decran-2024-07-25-a-10.35.11-400x.webp 400w, https://kazamagency.com/media/pages/images/0f6ce13ca3-1721915745/capture-decran-2024-07-25-a-10.35.11-800x.webp 800w, https://kazamagency.com/media/pages/images/0f6ce13ca3-1721915745/capture-decran-2024-07-25-a-10.35.11-1000x.webp 1000w, https://kazamagency.com/media/pages/images/0f6ce13ca3-1721915745/capture-decran-2024-07-25-a-10.35.11-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/0f6ce13ca3-1721915745/capture-decran-2024-07-25-a-10.35.11-400x.png 400w, https://kazamagency.com/media/pages/images/0f6ce13ca3-1721915745/capture-decran-2024-07-25-a-10.35.11-800x.png 800w, https://kazamagency.com/media/pages/images/0f6ce13ca3-1721915745/capture-decran-2024-07-25-a-10.35.11-1000x.png 1000w, https://kazamagency.com/media/pages/images/0f6ce13ca3-1721915745/capture-decran-2024-07-25-a-10.35.11-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1160" loading="lazy" src="https://kazamagency.com/media/pages/images/0f6ce13ca3-1721915745/capture-decran-2024-07-25-a-10.35.11-900x.png" style="object-position: 50% 50%; background: #9ea8a4" width="2090" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/02adec4f8f-1721916180/teaser-casden-site-b.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Casden</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Snack Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/bene-bono" style="padding-bottom: 56.25%; background: rgb(189, 145, 109); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.7777777777778;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/f911a3a52c-1705595564/benebono-400x.webp 400w, https://kazamagency.com/media/pages/images/f911a3a52c-1705595564/benebono-800x.webp 800w, https://kazamagency.com/media/pages/images/f911a3a52c-1705595564/benebono-1000x.webp 1000w, https://kazamagency.com/media/pages/images/f911a3a52c-1705595564/benebono-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/f911a3a52c-1705595564/benebono-400x.jpg 400w, https://kazamagency.com/media/pages/images/f911a3a52c-1705595564/benebono-800x.jpg 800w, https://kazamagency.com/media/pages/images/f911a3a52c-1705595564/benebono-1000x.jpg 1000w, https://kazamagency.com/media/pages/images/f911a3a52c-1705595564/benebono-1200x.jpg 1200w" type="image/jpg"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="720" loading="lazy" src="https://kazamagency.com/media/pages/images/f911a3a52c-1705595564/benebono-900x.jpg" style="object-position: 50% 50%; background: #bd916d" width="1280" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/229c9afc42-1705595643/benebono3.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Bene Bono</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/ma-ville-mon-shopping" style="padding-bottom: 174.757%; background: rgb(205, 223, 241); margin-top: 0px;" data-h="1025.8125"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 0.56329113924051;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/75477916b3-1706275725/capture-decran-2024-01-26-a-14.24.56-400x.webp 400w, https://kazamagency.com/media/pages/images/75477916b3-1706275725/capture-decran-2024-01-26-a-14.24.56-800x.webp 800w, https://kazamagency.com/media/pages/images/75477916b3-1706275725/capture-decran-2024-01-26-a-14.24.56-1000x.webp 1000w, https://kazamagency.com/media/pages/images/75477916b3-1706275725/capture-decran-2024-01-26-a-14.24.56-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/75477916b3-1706275725/capture-decran-2024-01-26-a-14.24.56-400x.png 400w, https://kazamagency.com/media/pages/images/75477916b3-1706275725/capture-decran-2024-01-26-a-14.24.56-800x.png 800w, https://kazamagency.com/media/pages/images/75477916b3-1706275725/capture-decran-2024-01-26-a-14.24.56-1000x.png 1000w, https://kazamagency.com/media/pages/images/75477916b3-1706275725/capture-decran-2024-01-26-a-14.24.56-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1580" loading="lazy" src="https://kazamagency.com/media/pages/images/75477916b3-1706275725/capture-decran-2024-01-26-a-14.24.56-900x.png" style="object-position: 50% 50%; background: #cddff1" width="890" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/dd188aa7e2-1706275379/manifesto-9_16_final.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Ma Ville Mon Shopping</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Snack Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/axonaut" style="padding-bottom: 56.25%; background: rgb(119, 113, 90); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.9886363636364;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/689b3044c7-1705595583/capture-decran-2023-11-24-a-16.52.15-400x.webp 400w, https://kazamagency.com/media/pages/images/689b3044c7-1705595583/capture-decran-2023-11-24-a-16.52.15-800x.webp 800w, https://kazamagency.com/media/pages/images/689b3044c7-1705595583/capture-decran-2023-11-24-a-16.52.15-1000x.webp 1000w, https://kazamagency.com/media/pages/images/689b3044c7-1705595583/capture-decran-2023-11-24-a-16.52.15-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/689b3044c7-1705595583/capture-decran-2023-11-24-a-16.52.15-400x.png 400w, https://kazamagency.com/media/pages/images/689b3044c7-1705595583/capture-decran-2023-11-24-a-16.52.15-800x.png 800w, https://kazamagency.com/media/pages/images/689b3044c7-1705595583/capture-decran-2023-11-24-a-16.52.15-1000x.png 1000w, https://kazamagency.com/media/pages/images/689b3044c7-1705595583/capture-decran-2023-11-24-a-16.52.15-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="880" loading="lazy" src="https://kazamagency.com/media/pages/images/689b3044c7-1705595583/capture-decran-2023-11-24-a-16.52.15-900x.png" style="object-position: 50% 50%; background: #77715a" width="1750" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/ce027399c5-1705595884/x2download.app-axonaut-pub-tv.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Axonaut</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="1324fa17-5ae6-412f-b96e-345e13fefd8b" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/too-good-to-go" style="padding-bottom: 56.25%; background: rgb(104, 71, 55); margin-top: -695.625px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.984126984127;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/41df6d2b59-1705595575/capture-decran-2023-11-24-a-11.16.02-400x.webp 400w, https://kazamagency.com/media/pages/images/41df6d2b59-1705595575/capture-decran-2023-11-24-a-11.16.02-800x.webp 800w, https://kazamagency.com/media/pages/images/41df6d2b59-1705595575/capture-decran-2023-11-24-a-11.16.02-1000x.webp 1000w, https://kazamagency.com/media/pages/images/41df6d2b59-1705595575/capture-decran-2023-11-24-a-11.16.02-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/41df6d2b59-1705595575/capture-decran-2023-11-24-a-11.16.02-400x.png 400w, https://kazamagency.com/media/pages/images/41df6d2b59-1705595575/capture-decran-2023-11-24-a-11.16.02-800x.png 800w, https://kazamagency.com/media/pages/images/41df6d2b59-1705595575/capture-decran-2023-11-24-a-11.16.02-1000x.png 1000w, https://kazamagency.com/media/pages/images/41df6d2b59-1705595575/capture-decran-2023-11-24-a-11.16.02-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="882" loading="lazy" src="https://kazamagency.com/media/pages/images/41df6d2b59-1705595575/capture-decran-2023-11-24-a-11.16.02-900x.png" style="object-position: 50% 50%; background: #684737" width="1750" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/7426190c85-1705595881/too-good-to-go-alimentaire-mon-cher-watson-__-brand-content.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Too Good To Go</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Social</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="bee3e07c-7bcd-418c-aa53-982ea77deda5" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/unibet" style="padding-bottom: 56.25%; background: rgb(114, 126, 100); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 2;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/e6220ddf6c-1705595583/capture-decran-2023-11-24-a-16.30.31-400x.webp 400w, https://kazamagency.com/media/pages/images/e6220ddf6c-1705595583/capture-decran-2023-11-24-a-16.30.31-800x.webp 800w, https://kazamagency.com/media/pages/images/e6220ddf6c-1705595583/capture-decran-2023-11-24-a-16.30.31-1000x.webp 1000w, https://kazamagency.com/media/pages/images/e6220ddf6c-1705595583/capture-decran-2023-11-24-a-16.30.31-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/e6220ddf6c-1705595583/capture-decran-2023-11-24-a-16.30.31-400x.png 400w, https://kazamagency.com/media/pages/images/e6220ddf6c-1705595583/capture-decran-2023-11-24-a-16.30.31-800x.png 800w, https://kazamagency.com/media/pages/images/e6220ddf6c-1705595583/capture-decran-2023-11-24-a-16.30.31-1000x.png 1000w, https://kazamagency.com/media/pages/images/e6220ddf6c-1705595583/capture-decran-2023-11-24-a-16.30.31-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="882" loading="lazy" src="https://kazamagency.com/media/pages/images/e6220ddf6c-1705595583/capture-decran-2023-11-24-a-16.30.31-900x.png" style="object-position: 50% 50%; background: #727e64" width="1764" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/a61ebd6f6d-1705595896/x2download.app-unibet-_-muscle-ton-jeu-ep14-sonny-anderson.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Unibet</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Brand Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/fruits" style="padding-bottom: 56.25%; margin-top: -695.625px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out"></picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/21d8a10551-1713347161/fruitz-prerolls-_-30s.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Fruitz</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="1324fa17-5ae6-412f-b96e-345e13fefd8b" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/fleeters" style="padding-bottom: 56.25%; background: rgb(141, 146, 135); margin-top: -695.625px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.9886363636364;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/cb15bb1e42-1705595579/capture-decran-2023-11-24-a-14.27.23-400x.webp 400w, https://kazamagency.com/media/pages/images/cb15bb1e42-1705595579/capture-decran-2023-11-24-a-14.27.23-800x.webp 800w, https://kazamagency.com/media/pages/images/cb15bb1e42-1705595579/capture-decran-2023-11-24-a-14.27.23-1000x.webp 1000w, https://kazamagency.com/media/pages/images/cb15bb1e42-1705595579/capture-decran-2023-11-24-a-14.27.23-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/cb15bb1e42-1705595579/capture-decran-2023-11-24-a-14.27.23-400x.png 400w, https://kazamagency.com/media/pages/images/cb15bb1e42-1705595579/capture-decran-2023-11-24-a-14.27.23-800x.png 800w, https://kazamagency.com/media/pages/images/cb15bb1e42-1705595579/capture-decran-2023-11-24-a-14.27.23-1000x.png 1000w, https://kazamagency.com/media/pages/images/cb15bb1e42-1705595579/capture-decran-2023-11-24-a-14.27.23-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="880" loading="lazy" src="https://kazamagency.com/media/pages/images/cb15bb1e42-1705595579/capture-decran-2023-11-24-a-14.27.23-900x.png" style="object-position: 50% 50%; background: #8d9287" width="1750" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/60dad6116c-1705595887/x2download.app-fleeters.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Fleeters</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Social</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/getaround" style="padding-bottom: 56.25%; background: rgb(73, 77, 78); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.9977064220183;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/663241c9c9-1705595586/capture-decran-2023-11-27-a-16.40.07-400x.webp 400w, https://kazamagency.com/media/pages/images/663241c9c9-1705595586/capture-decran-2023-11-27-a-16.40.07-800x.webp 800w, https://kazamagency.com/media/pages/images/663241c9c9-1705595586/capture-decran-2023-11-27-a-16.40.07-1000x.webp 1000w, https://kazamagency.com/media/pages/images/663241c9c9-1705595586/capture-decran-2023-11-27-a-16.40.07-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/663241c9c9-1705595586/capture-decran-2023-11-27-a-16.40.07-400x.png 400w, https://kazamagency.com/media/pages/images/663241c9c9-1705595586/capture-decran-2023-11-27-a-16.40.07-800x.png 800w, https://kazamagency.com/media/pages/images/663241c9c9-1705595586/capture-decran-2023-11-27-a-16.40.07-1000x.png 1000w, https://kazamagency.com/media/pages/images/663241c9c9-1705595586/capture-decran-2023-11-27-a-16.40.07-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="872" loading="lazy" src="https://kazamagency.com/media/pages/images/663241c9c9-1705595586/capture-decran-2023-11-27-a-16.40.07-900x.png" style="object-position: 50% 50%; background: #494d4e" width="1742" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/343164fc35-1705595765/getaround-spot-tv-20s-ad.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Getaround</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/durex" style="padding-bottom: 56.25%; background: rgb(132, 98, 158); margin-top: -695.625px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.78600269179;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/6f4a87fe84-1705595595/capture-decran-2023-12-20-a-14.32.09-400x.webp 400w, https://kazamagency.com/media/pages/images/6f4a87fe84-1705595595/capture-decran-2023-12-20-a-14.32.09-800x.webp 800w, https://kazamagency.com/media/pages/images/6f4a87fe84-1705595595/capture-decran-2023-12-20-a-14.32.09-1000x.webp 1000w, https://kazamagency.com/media/pages/images/6f4a87fe84-1705595595/capture-decran-2023-12-20-a-14.32.09-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/6f4a87fe84-1705595595/capture-decran-2023-12-20-a-14.32.09-400x.png 400w, https://kazamagency.com/media/pages/images/6f4a87fe84-1705595595/capture-decran-2023-12-20-a-14.32.09-800x.png 800w, https://kazamagency.com/media/pages/images/6f4a87fe84-1705595595/capture-decran-2023-12-20-a-14.32.09-1000x.png 1000w, https://kazamagency.com/media/pages/images/6f4a87fe84-1705595595/capture-decran-2023-12-20-a-14.32.09-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1486" loading="lazy" src="https://kazamagency.com/media/pages/images/6f4a87fe84-1705595595/capture-decran-2023-12-20-a-14.32.09-900x.png" style="object-position: 50% 50%; background: #84629e" width="2654" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/22bb0a8683-1705595760/durex-v4-h264-previsualisation.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Durex</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15, 100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/ilek" style="padding-bottom: 56.25%; background: rgb(143, 125, 108); margin-top: -695.625px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 2.344;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/8fd52937f9-1705595611/ilek-400x.webp 400w, https://kazamagency.com/media/pages/images/8fd52937f9-1705595611/ilek-800x.webp 800w, https://kazamagency.com/media/pages/images/8fd52937f9-1705595611/ilek-1000x.webp 1000w, https://kazamagency.com/media/pages/images/8fd52937f9-1705595611/ilek-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/8fd52937f9-1705595611/ilek-400x.png 400w, https://kazamagency.com/media/pages/images/8fd52937f9-1705595611/ilek-800x.png 800w, https://kazamagency.com/media/pages/images/8fd52937f9-1705595611/ilek-1000x.png 1000w, https://kazamagency.com/media/pages/images/8fd52937f9-1705595611/ilek-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="750" loading="lazy" src="https://kazamagency.com/media/pages/images/8fd52937f9-1705595611/ilek-900x.png" style="object-position: 50% 50%; background: #8f7d6c" width="1758" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/7896556e87-1705595780/ilek-burst-film-330sec.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Ilek</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Snack Content</li> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="bee3e07c-7bcd-418c-aa53-982ea77deda5" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/lidl-cuisine" style="padding-bottom: 56.25%; background: rgb(162, 155, 151); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.8470437017995;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/075e6c1a15-1705595613/lidl-cuisine-400x.webp 400w, https://kazamagency.com/media/pages/images/075e6c1a15-1705595613/lidl-cuisine-800x.webp 800w, https://kazamagency.com/media/pages/images/075e6c1a15-1705595613/lidl-cuisine-1000x.webp 1000w, https://kazamagency.com/media/pages/images/075e6c1a15-1705595613/lidl-cuisine-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/075e6c1a15-1705595613/lidl-cuisine-400x.png 400w, https://kazamagency.com/media/pages/images/075e6c1a15-1705595613/lidl-cuisine-800x.png 800w, https://kazamagency.com/media/pages/images/075e6c1a15-1705595613/lidl-cuisine-1000x.png 1000w, https://kazamagency.com/media/pages/images/075e6c1a15-1705595613/lidl-cuisine-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1556" loading="lazy" src="https://kazamagency.com/media/pages/images/075e6c1a15-1705595613/lidl-cuisine-900x.png" style="object-position: 54.8% 48.3%; background: #a29b97" width="2874" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/46575afc20-1705595761/flan-aux-pointes-d-asperges-vertes-avec-thierry-marx-_-lidl-cuisine.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Lidl Cuisine</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Brand Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/livi" style="padding-bottom: 56.25%; background: rgb(94, 91, 89); margin-top: -695.625px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.9909090909091;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/081bfd490b-1705595581/capture-decran-2023-11-24-a-15.22.56-400x.webp 400w, https://kazamagency.com/media/pages/images/081bfd490b-1705595581/capture-decran-2023-11-24-a-15.22.56-800x.webp 800w, https://kazamagency.com/media/pages/images/081bfd490b-1705595581/capture-decran-2023-11-24-a-15.22.56-1000x.webp 1000w, https://kazamagency.com/media/pages/images/081bfd490b-1705595581/capture-decran-2023-11-24-a-15.22.56-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/081bfd490b-1705595581/capture-decran-2023-11-24-a-15.22.56-400x.png 400w, https://kazamagency.com/media/pages/images/081bfd490b-1705595581/capture-decran-2023-11-24-a-15.22.56-800x.png 800w, https://kazamagency.com/media/pages/images/081bfd490b-1705595581/capture-decran-2023-11-24-a-15.22.56-1000x.png 1000w, https://kazamagency.com/media/pages/images/081bfd490b-1705595581/capture-decran-2023-11-24-a-15.22.56-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="880" loading="lazy" src="https://kazamagency.com/media/pages/images/081bfd490b-1705595581/capture-decran-2023-11-24-a-15.22.56-900x.png" style="object-position: 50% 50%; background: #5e5b59" width="1752" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/fe61bf1c55-1705595894/x2download.app-livi-__-digital-ad-__-42s.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Livi</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/galeries-lafayette" style="padding-bottom: 56.25%; background: rgb(217, 194, 192); margin-top: -695.625px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.9841628959276;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/d3e57f625f-1705595577/capture-decran-2023-11-24-a-12.11.06-400x.webp 400w, https://kazamagency.com/media/pages/images/d3e57f625f-1705595577/capture-decran-2023-11-24-a-12.11.06-800x.webp 800w, https://kazamagency.com/media/pages/images/d3e57f625f-1705595577/capture-decran-2023-11-24-a-12.11.06-1000x.webp 1000w, https://kazamagency.com/media/pages/images/d3e57f625f-1705595577/capture-decran-2023-11-24-a-12.11.06-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/d3e57f625f-1705595577/capture-decran-2023-11-24-a-12.11.06-400x.png 400w, https://kazamagency.com/media/pages/images/d3e57f625f-1705595577/capture-decran-2023-11-24-a-12.11.06-800x.png 800w, https://kazamagency.com/media/pages/images/d3e57f625f-1705595577/capture-decran-2023-11-24-a-12.11.06-1000x.png 1000w, https://kazamagency.com/media/pages/images/d3e57f625f-1705595577/capture-decran-2023-11-24-a-12.11.06-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="884" loading="lazy" src="https://kazamagency.com/media/pages/images/d3e57f625f-1705595577/capture-decran-2023-11-24-a-12.11.06-900x.png" style="object-position: 50% 50%; background: #d9c2c0" width="1754" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/6e737996a3-1705595890/x2download.app-galeries-lafayette-__-motion-design.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Galeries Lafayette</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Snack Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/les-georgettes" style="padding-bottom: 56.25%; background: rgb(187, 181, 190); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.9931818181818;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/95a629b6ac-1705595577/capture-decran-2023-11-24-a-12.16.41-400x.webp 400w, https://kazamagency.com/media/pages/images/95a629b6ac-1705595577/capture-decran-2023-11-24-a-12.16.41-800x.webp 800w, https://kazamagency.com/media/pages/images/95a629b6ac-1705595577/capture-decran-2023-11-24-a-12.16.41-1000x.webp 1000w, https://kazamagency.com/media/pages/images/95a629b6ac-1705595577/capture-decran-2023-11-24-a-12.16.41-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/95a629b6ac-1705595577/capture-decran-2023-11-24-a-12.16.41-400x.png 400w, https://kazamagency.com/media/pages/images/95a629b6ac-1705595577/capture-decran-2023-11-24-a-12.16.41-800x.png 800w, https://kazamagency.com/media/pages/images/95a629b6ac-1705595577/capture-decran-2023-11-24-a-12.16.41-1000x.png 1000w, https://kazamagency.com/media/pages/images/95a629b6ac-1705595577/capture-decran-2023-11-24-a-12.16.41-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="880" loading="lazy" src="https://kazamagency.com/media/pages/images/95a629b6ac-1705595577/capture-decran-2023-11-24-a-12.16.41-900x.png" style="object-position: 50% 50%; background: #bbb5be" width="1754" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/08960c8867-1705595892/x2download.app-les-georgettes-pub-tv-__-10-sec.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Les Georgettes</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/sendinblue" style="padding-bottom: 56.25%; background: rgb(135, 115, 100); margin-top: -695.625px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.7838235294118;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/eb646e574c-1705595587/capture-decran-2023-11-24-a-17.02.59-400x.webp 400w, https://kazamagency.com/media/pages/images/eb646e574c-1705595587/capture-decran-2023-11-24-a-17.02.59-800x.webp 800w, https://kazamagency.com/media/pages/images/eb646e574c-1705595587/capture-decran-2023-11-24-a-17.02.59-1000x.webp 1000w, https://kazamagency.com/media/pages/images/eb646e574c-1705595587/capture-decran-2023-11-24-a-17.02.59-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/eb646e574c-1705595587/capture-decran-2023-11-24-a-17.02.59-400x.png 400w, https://kazamagency.com/media/pages/images/eb646e574c-1705595587/capture-decran-2023-11-24-a-17.02.59-800x.png 800w, https://kazamagency.com/media/pages/images/eb646e574c-1705595587/capture-decran-2023-11-24-a-17.02.59-1000x.png 1000w, https://kazamagency.com/media/pages/images/eb646e574c-1705595587/capture-decran-2023-11-24-a-17.02.59-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1360" loading="lazy" src="https://kazamagency.com/media/pages/images/eb646e574c-1705595587/capture-decran-2023-11-24-a-17.02.59-900x.png" style="object-position: 50% 50%; background: #877364" width="2426" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/10ab4e37d4-1705595895/x2download.app-sendinblue-digital-ad-__-20-sec.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Sendinblue</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/stellantis-you" style="padding-bottom: 56.25%; background: rgb(110, 106, 101); margin-top: -695.625px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 2.0930787589499;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/1ea4b0a705-1705595622/stellantis-400x.webp 400w, https://kazamagency.com/media/pages/images/1ea4b0a705-1705595622/stellantis-800x.webp 800w, https://kazamagency.com/media/pages/images/1ea4b0a705-1705595622/stellantis-1000x.webp 1000w, https://kazamagency.com/media/pages/images/1ea4b0a705-1705595622/stellantis-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/1ea4b0a705-1705595622/stellantis-400x.png 400w, https://kazamagency.com/media/pages/images/1ea4b0a705-1705595622/stellantis-800x.png 800w, https://kazamagency.com/media/pages/images/1ea4b0a705-1705595622/stellantis-1000x.png 1000w, https://kazamagency.com/media/pages/images/1ea4b0a705-1705595622/stellantis-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="838" loading="lazy" src="https://kazamagency.com/media/pages/images/1ea4b0a705-1705595622/stellantis-900x.png" style="object-position: 50% 50%; background: #6e6a65" width="1754" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/872809f647-1705595896/x2download.app-stellantis-35sec.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Stellantis & You</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/ornikar" style="padding-bottom: 56.25%; background: rgb(127, 126, 124); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.9977168949772;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/cb6574643d-1705595617/ornikar-400x.webp 400w, https://kazamagency.com/media/pages/images/cb6574643d-1705595617/ornikar-800x.webp 800w, https://kazamagency.com/media/pages/images/cb6574643d-1705595617/ornikar-1000x.webp 1000w, https://kazamagency.com/media/pages/images/cb6574643d-1705595617/ornikar-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/cb6574643d-1705595617/ornikar-400x.png 400w, https://kazamagency.com/media/pages/images/cb6574643d-1705595617/ornikar-800x.png 800w, https://kazamagency.com/media/pages/images/cb6574643d-1705595617/ornikar-1000x.png 1000w, https://kazamagency.com/media/pages/images/cb6574643d-1705595617/ornikar-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="876" loading="lazy" src="https://kazamagency.com/media/pages/images/cb6574643d-1705595617/ornikar-900x.png" style="object-position: 50% 50%; background: #7f7e7c" width="1750" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/0c1ea1ab22-1705595833/ornikar-30s-ad.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Ornikar</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="bee3e07c-7bcd-418c-aa53-982ea77deda5" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/hyundai" style="padding-bottom: 56.25%; background: rgb(214, 210, 208); margin-top: -695.625px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 2.0207373271889;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/74e71674e6-1705595584/capture-decran-2023-11-27-a-16.20.53-400x.webp 400w, https://kazamagency.com/media/pages/images/74e71674e6-1705595584/capture-decran-2023-11-27-a-16.20.53-800x.webp 800w, https://kazamagency.com/media/pages/images/74e71674e6-1705595584/capture-decran-2023-11-27-a-16.20.53-1000x.webp 1000w, https://kazamagency.com/media/pages/images/74e71674e6-1705595584/capture-decran-2023-11-27-a-16.20.53-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/74e71674e6-1705595584/capture-decran-2023-11-27-a-16.20.53-400x.png 400w, https://kazamagency.com/media/pages/images/74e71674e6-1705595584/capture-decran-2023-11-27-a-16.20.53-800x.png 800w, https://kazamagency.com/media/pages/images/74e71674e6-1705595584/capture-decran-2023-11-27-a-16.20.53-1000x.png 1000w, https://kazamagency.com/media/pages/images/74e71674e6-1705595584/capture-decran-2023-11-27-a-16.20.53-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="868" loading="lazy" src="https://kazamagency.com/media/pages/images/74e71674e6-1705595584/capture-decran-2023-11-27-a-16.20.53-900x.png" style="object-position: 50% 50%; background: #d6d2d0" width="1754" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/ec9e6bc7f7-1705595779/hyundai-un-jeu-d-enfant-ad.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Hyundai</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Brand Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/tier" style="padding-bottom: 56.25%; background: rgb(160, 159, 161); margin-top: -695.625px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.984126984127;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/a9e312e5a7-1705595625/tier-400x.webp 400w, https://kazamagency.com/media/pages/images/a9e312e5a7-1705595625/tier-800x.webp 800w, https://kazamagency.com/media/pages/images/a9e312e5a7-1705595625/tier-1000x.webp 1000w, https://kazamagency.com/media/pages/images/a9e312e5a7-1705595625/tier-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/a9e312e5a7-1705595625/tier-400x.png 400w, https://kazamagency.com/media/pages/images/a9e312e5a7-1705595625/tier-800x.png 800w, https://kazamagency.com/media/pages/images/a9e312e5a7-1705595625/tier-1000x.png 1000w, https://kazamagency.com/media/pages/images/a9e312e5a7-1705595625/tier-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="882" loading="lazy" src="https://kazamagency.com/media/pages/images/a9e312e5a7-1705595625/tier-900x.png" style="object-position: 50% 50%; background: #a09fa1" width="1750" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/2727862839-1705595878/tier-ad.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Tier</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Snack Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/lmp" style="padding-bottom: 56.25%; background: rgb(155, 152, 146); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.9886363636364;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/16923d6119-1705595586/capture-decran-2023-11-27-a-16.46.52-400x.webp 400w, https://kazamagency.com/media/pages/images/16923d6119-1705595586/capture-decran-2023-11-27-a-16.46.52-800x.webp 800w, https://kazamagency.com/media/pages/images/16923d6119-1705595586/capture-decran-2023-11-27-a-16.46.52-1000x.webp 1000w, https://kazamagency.com/media/pages/images/16923d6119-1705595586/capture-decran-2023-11-27-a-16.46.52-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/16923d6119-1705595586/capture-decran-2023-11-27-a-16.46.52-400x.png 400w, https://kazamagency.com/media/pages/images/16923d6119-1705595586/capture-decran-2023-11-27-a-16.46.52-800x.png 800w, https://kazamagency.com/media/pages/images/16923d6119-1705595586/capture-decran-2023-11-27-a-16.46.52-1000x.png 1000w, https://kazamagency.com/media/pages/images/16923d6119-1705595586/capture-decran-2023-11-27-a-16.46.52-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="880" loading="lazy" src="https://kazamagency.com/media/pages/images/16923d6119-1705595586/capture-decran-2023-11-27-a-16.46.52-900x.png" style="object-position: 50% 50%; background: #9b9892" width="1750" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/ebc2d6b095-1705595807/lmp-digital-ad-30sec.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">LMP</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="1324fa17-5ae6-412f-b96e-345e13fefd8b" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/sagan" style="padding-bottom: 56.25%; background: rgb(250, 246, 247); margin-top: -695.625px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.7473958333333;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/7a8d85fe4e-1705595570/capture-d-e-cran-2024-01-09-a-17-28-58-b-400x.webp 400w, https://kazamagency.com/media/pages/images/7a8d85fe4e-1705595570/capture-d-e-cran-2024-01-09-a-17-28-58-b-800x.webp 800w, https://kazamagency.com/media/pages/images/7a8d85fe4e-1705595570/capture-d-e-cran-2024-01-09-a-17-28-58-b-1000x.webp 1000w, https://kazamagency.com/media/pages/images/7a8d85fe4e-1705595570/capture-d-e-cran-2024-01-09-a-17-28-58-b-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/7a8d85fe4e-1705595570/capture-d-e-cran-2024-01-09-a-17-28-58-b-400x.png 400w, https://kazamagency.com/media/pages/images/7a8d85fe4e-1705595570/capture-d-e-cran-2024-01-09-a-17-28-58-b-800x.png 800w, https://kazamagency.com/media/pages/images/7a8d85fe4e-1705595570/capture-d-e-cran-2024-01-09-a-17-28-58-b-1000x.png 1000w, https://kazamagency.com/media/pages/images/7a8d85fe4e-1705595570/capture-d-e-cran-2024-01-09-a-17-28-58-b-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1536" loading="lazy" src="https://kazamagency.com/media/pages/images/7a8d85fe4e-1705595570/capture-d-e-cran-2024-01-09-a-17-28-58-b-900x.png" style="object-position: 50% 50%; background: #faf6f7" width="2684" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/3dc9d44bbf-1705595863/sagan-total-energies-previsualisation.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Total Energies</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Social</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="bee3e07c-7bcd-418c-aa53-982ea77deda5" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/qonto" style="padding-bottom: 56.25%; background: rgb(162, 174, 169); margin-top: -695.625px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 2;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/af1a5d5b8d-1705595587/capture-decran-2023-11-27-a-17.09.08-400x.webp 400w, https://kazamagency.com/media/pages/images/af1a5d5b8d-1705595587/capture-decran-2023-11-27-a-17.09.08-800x.webp 800w, https://kazamagency.com/media/pages/images/af1a5d5b8d-1705595587/capture-decran-2023-11-27-a-17.09.08-1000x.webp 1000w, https://kazamagency.com/media/pages/images/af1a5d5b8d-1705595587/capture-decran-2023-11-27-a-17.09.08-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/af1a5d5b8d-1705595587/capture-decran-2023-11-27-a-17.09.08-400x.png 400w, https://kazamagency.com/media/pages/images/af1a5d5b8d-1705595587/capture-decran-2023-11-27-a-17.09.08-800x.png 800w, https://kazamagency.com/media/pages/images/af1a5d5b8d-1705595587/capture-decran-2023-11-27-a-17.09.08-1000x.png 1000w, https://kazamagency.com/media/pages/images/af1a5d5b8d-1705595587/capture-decran-2023-11-27-a-17.09.08-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="872" loading="lazy" src="https://kazamagency.com/media/pages/images/af1a5d5b8d-1705595587/capture-decran-2023-11-27-a-17.09.08-900x.png" style="object-position: 50% 50%; background: #a2aea9" width="1744" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/2983113023-1705595845/qonto-aurore-zani.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Qonto</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Brand Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="bee3e07c-7bcd-418c-aa53-982ea77deda5" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/free" style="padding-bottom: 174.757%; background: rgb(164, 135, 124); margin-top: 0px;" data-h="1025.8125"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 0.5689404934688;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/fb66ef96bd-1705595588/capture-decran-2023-12-04-a-15.36.46-400x.webp 400w, https://kazamagency.com/media/pages/images/fb66ef96bd-1705595588/capture-decran-2023-12-04-a-15.36.46-800x.webp 800w, https://kazamagency.com/media/pages/images/fb66ef96bd-1705595588/capture-decran-2023-12-04-a-15.36.46-1000x.webp 1000w, https://kazamagency.com/media/pages/images/fb66ef96bd-1705595588/capture-decran-2023-12-04-a-15.36.46-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/fb66ef96bd-1705595588/capture-decran-2023-12-04-a-15.36.46-400x.png 400w, https://kazamagency.com/media/pages/images/fb66ef96bd-1705595588/capture-decran-2023-12-04-a-15.36.46-800x.png 800w, https://kazamagency.com/media/pages/images/fb66ef96bd-1705595588/capture-decran-2023-12-04-a-15.36.46-1000x.png 1000w, https://kazamagency.com/media/pages/images/fb66ef96bd-1705595588/capture-decran-2023-12-04-a-15.36.46-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1378" loading="lazy" src="https://kazamagency.com/media/pages/images/fb66ef96bd-1705595588/capture-decran-2023-12-04-a-15.36.46-900x.png" style="object-position: 50% 50%; background: #a4877c" width="784" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/b740187029-1705595789/isia-free2-copie-3.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Free</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Brand Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/aircall" style="padding-bottom: 174.757%; background: rgb(139, 186, 167); margin-top: -695.625px;" data-h="1025.8125"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 0.57497048406139;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/0a1d07b9ba-1705595567/capture-d-e-cran-2024-01-02-a-10-31-03-bb-400x.webp 400w, https://kazamagency.com/media/pages/images/0a1d07b9ba-1705595567/capture-d-e-cran-2024-01-02-a-10-31-03-bb-800x.webp 800w, https://kazamagency.com/media/pages/images/0a1d07b9ba-1705595567/capture-d-e-cran-2024-01-02-a-10-31-03-bb-1000x.webp 1000w, https://kazamagency.com/media/pages/images/0a1d07b9ba-1705595567/capture-d-e-cran-2024-01-02-a-10-31-03-bb-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/0a1d07b9ba-1705595567/capture-d-e-cran-2024-01-02-a-10-31-03-bb-400x.png 400w, https://kazamagency.com/media/pages/images/0a1d07b9ba-1705595567/capture-d-e-cran-2024-01-02-a-10-31-03-bb-800x.png 800w, https://kazamagency.com/media/pages/images/0a1d07b9ba-1705595567/capture-d-e-cran-2024-01-02-a-10-31-03-bb-1000x.png 1000w, https://kazamagency.com/media/pages/images/0a1d07b9ba-1705595567/capture-d-e-cran-2024-01-02-a-10-31-03-bb-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1694" loading="lazy" src="https://kazamagency.com/media/pages/images/0a1d07b9ba-1705595567/capture-d-e-cran-2024-01-02-a-10-31-03-bb-900x.png" style="object-position: 50% 50%; background: #8bbaa7" width="974" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/b8ade7cbe2-1705595643/aircall-motion-01-it-1080x1920-fr-v04-b.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Aircall</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Snack Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="bee3e07c-7bcd-418c-aa53-982ea77deda5" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/artefact" style="padding-bottom: 56.25%; background: rgb(149, 208, 209); margin-top: -1391.25px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.4964539007092;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/935b736e5d-1705595567/capture-d-e-cran-2024-01-02-a-15-37-00-b-400x.webp 400w, https://kazamagency.com/media/pages/images/935b736e5d-1705595567/capture-d-e-cran-2024-01-02-a-15-37-00-b-800x.webp 800w, https://kazamagency.com/media/pages/images/935b736e5d-1705595567/capture-d-e-cran-2024-01-02-a-15-37-00-b-1000x.webp 1000w, https://kazamagency.com/media/pages/images/935b736e5d-1705595567/capture-d-e-cran-2024-01-02-a-15-37-00-b-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/935b736e5d-1705595567/capture-d-e-cran-2024-01-02-a-15-37-00-b-400x.png 400w, https://kazamagency.com/media/pages/images/935b736e5d-1705595567/capture-d-e-cran-2024-01-02-a-15-37-00-b-800x.png 800w, https://kazamagency.com/media/pages/images/935b736e5d-1705595567/capture-d-e-cran-2024-01-02-a-15-37-00-b-1000x.png 1000w, https://kazamagency.com/media/pages/images/935b736e5d-1705595567/capture-d-e-cran-2024-01-02-a-15-37-00-b-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1410" loading="lazy" src="https://kazamagency.com/media/pages/images/935b736e5d-1705595567/capture-d-e-cran-2024-01-02-a-15-37-00-b-900x.png" style="object-position: 50% 50%; background: #95d0d1" width="2110" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/7d0f5199b2-1705595724/bryan-emmanuel-data-coffee-b.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Artefact</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Brand Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/audible" style="padding-bottom: 56.25%; background: rgb(213, 141, 112); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.7863463969659;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/4858262b94-1705595607/capture-decran-2024-01-02-a-10.42.17-400x.webp 400w, https://kazamagency.com/media/pages/images/4858262b94-1705595607/capture-decran-2024-01-02-a-10.42.17-800x.webp 800w, https://kazamagency.com/media/pages/images/4858262b94-1705595607/capture-decran-2024-01-02-a-10.42.17-1000x.webp 1000w, https://kazamagency.com/media/pages/images/4858262b94-1705595607/capture-decran-2024-01-02-a-10.42.17-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/4858262b94-1705595607/capture-decran-2024-01-02-a-10.42.17-400x.png 400w, https://kazamagency.com/media/pages/images/4858262b94-1705595607/capture-decran-2024-01-02-a-10.42.17-800x.png 800w, https://kazamagency.com/media/pages/images/4858262b94-1705595607/capture-decran-2024-01-02-a-10.42.17-1000x.png 1000w, https://kazamagency.com/media/pages/images/4858262b94-1705595607/capture-decran-2024-01-02-a-10.42.17-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1582" loading="lazy" src="https://kazamagency.com/media/pages/images/4858262b94-1705595607/capture-decran-2024-01-02-a-10.42.17-900x.png" style="object-position: 50% 50%; background: #d58d70" width="2826" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/c5e004a922-1705595632/06-audible-tricoter-piloter-evader-16-9-bb.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Audible</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/bridge-finance" style="padding-bottom: 56.25%; background: rgb(149, 145, 158); margin-top: -695.625px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.78600269179;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/d8a8c6d307-1705595593/capture-decran-2023-12-20-a-14.37.46-400x.webp 400w, https://kazamagency.com/media/pages/images/d8a8c6d307-1705595593/capture-decran-2023-12-20-a-14.37.46-800x.webp 800w, https://kazamagency.com/media/pages/images/d8a8c6d307-1705595593/capture-decran-2023-12-20-a-14.37.46-1000x.webp 1000w, https://kazamagency.com/media/pages/images/d8a8c6d307-1705595593/capture-decran-2023-12-20-a-14.37.46-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/d8a8c6d307-1705595593/capture-decran-2023-12-20-a-14.37.46-400x.png 400w, https://kazamagency.com/media/pages/images/d8a8c6d307-1705595593/capture-decran-2023-12-20-a-14.37.46-800x.png 800w, https://kazamagency.com/media/pages/images/d8a8c6d307-1705595593/capture-decran-2023-12-20-a-14.37.46-1000x.png 1000w, https://kazamagency.com/media/pages/images/d8a8c6d307-1705595593/capture-decran-2023-12-20-a-14.37.46-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1486" loading="lazy" src="https://kazamagency.com/media/pages/images/d8a8c6d307-1705595593/capture-decran-2023-12-20-a-14.37.46-900x.png" style="object-position: 50% 50%; background: #95919e" width="2654" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/5231305d87-1705595671/bridge-finance-previsualisation.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Bridge Finance</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Snack Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/citya" style="padding-bottom: 56.25%; background: rgb(171, 172, 166); margin-top: -1391.25px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 2.244966442953;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/f9d27bb39d-1705595592/capture-decran-2023-12-20-a-11.50.58-400x.webp 400w, https://kazamagency.com/media/pages/images/f9d27bb39d-1705595592/capture-decran-2023-12-20-a-11.50.58-800x.webp 800w, https://kazamagency.com/media/pages/images/f9d27bb39d-1705595592/capture-decran-2023-12-20-a-11.50.58-1000x.webp 1000w, https://kazamagency.com/media/pages/images/f9d27bb39d-1705595592/capture-decran-2023-12-20-a-11.50.58-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/f9d27bb39d-1705595592/capture-decran-2023-12-20-a-11.50.58-400x.png 400w, https://kazamagency.com/media/pages/images/f9d27bb39d-1705595592/capture-decran-2023-12-20-a-11.50.58-800x.png 800w, https://kazamagency.com/media/pages/images/f9d27bb39d-1705595592/capture-decran-2023-12-20-a-11.50.58-1000x.png 1000w, https://kazamagency.com/media/pages/images/f9d27bb39d-1705595592/capture-decran-2023-12-20-a-11.50.58-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1192" loading="lazy" src="https://kazamagency.com/media/pages/images/f9d27bb39d-1705595592/capture-decran-2023-12-20-a-11.50.58-900x.png" style="object-position: 50% 50%; background: #abaca6" width="2676" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/07f2278b1b-1705595699/citya-vlongue-previsualisation.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Citya</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/hager" style="padding-bottom: 56.25%; background: rgb(234, 230, 231); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.9237288135593;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/5ff463417f-1705595591/capture-decran-2023-12-20-a-12.19.39-400x.webp 400w, https://kazamagency.com/media/pages/images/5ff463417f-1705595591/capture-decran-2023-12-20-a-12.19.39-800x.webp 800w, https://kazamagency.com/media/pages/images/5ff463417f-1705595591/capture-decran-2023-12-20-a-12.19.39-1000x.webp 1000w, https://kazamagency.com/media/pages/images/5ff463417f-1705595591/capture-decran-2023-12-20-a-12.19.39-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/5ff463417f-1705595591/capture-decran-2023-12-20-a-12.19.39-400x.png 400w, https://kazamagency.com/media/pages/images/5ff463417f-1705595591/capture-decran-2023-12-20-a-12.19.39-800x.png 800w, https://kazamagency.com/media/pages/images/5ff463417f-1705595591/capture-decran-2023-12-20-a-12.19.39-1000x.png 1000w, https://kazamagency.com/media/pages/images/5ff463417f-1705595591/capture-decran-2023-12-20-a-12.19.39-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="944" loading="lazy" src="https://kazamagency.com/media/pages/images/5ff463417f-1705595591/capture-decran-2023-12-20-a-12.19.39-900x.png" style="object-position: 51.1% 50.0%; background: #eae6e7" width="1816" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/072c65d18f-1705595806/hager-services-sans-promo-v02-previsualisation.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Hager</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Snack Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/fleet" style="padding-bottom: 56.25%; background: rgb(108, 104, 101); margin-top: -695.625px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.8884057971014;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/2c782f1736-1705595590/capture-decran-2023-12-20-a-11.02.59-400x.webp 400w, https://kazamagency.com/media/pages/images/2c782f1736-1705595590/capture-decran-2023-12-20-a-11.02.59-800x.webp 800w, https://kazamagency.com/media/pages/images/2c782f1736-1705595590/capture-decran-2023-12-20-a-11.02.59-1000x.webp 1000w, https://kazamagency.com/media/pages/images/2c782f1736-1705595590/capture-decran-2023-12-20-a-11.02.59-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/2c782f1736-1705595590/capture-decran-2023-12-20-a-11.02.59-400x.png 400w, https://kazamagency.com/media/pages/images/2c782f1736-1705595590/capture-decran-2023-12-20-a-11.02.59-800x.png 800w, https://kazamagency.com/media/pages/images/2c782f1736-1705595590/capture-decran-2023-12-20-a-11.02.59-1000x.png 1000w, https://kazamagency.com/media/pages/images/2c782f1736-1705595590/capture-decran-2023-12-20-a-11.02.59-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1380" loading="lazy" src="https://kazamagency.com/media/pages/images/2c782f1736-1705595590/capture-decran-2023-12-20-a-11.02.59-900x.png" style="object-position: 50% 50%; background: #6c6865" width="2606" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/34a4eae58c-1705595777/fleet-master-16-9-previsualisation.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Fleet</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/itranslate" style="padding-bottom: 56.25%; background: rgb(169, 180, 184); margin-top: -1391.25px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.78600269179;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/0c4cb51e87-1705595597/capture-decran-2023-12-20-a-14.41.51-400x.webp 400w, https://kazamagency.com/media/pages/images/0c4cb51e87-1705595597/capture-decran-2023-12-20-a-14.41.51-800x.webp 800w, https://kazamagency.com/media/pages/images/0c4cb51e87-1705595597/capture-decran-2023-12-20-a-14.41.51-1000x.webp 1000w, https://kazamagency.com/media/pages/images/0c4cb51e87-1705595597/capture-decran-2023-12-20-a-14.41.51-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/0c4cb51e87-1705595597/capture-decran-2023-12-20-a-14.41.51-400x.png 400w, https://kazamagency.com/media/pages/images/0c4cb51e87-1705595597/capture-decran-2023-12-20-a-14.41.51-800x.png 800w, https://kazamagency.com/media/pages/images/0c4cb51e87-1705595597/capture-decran-2023-12-20-a-14.41.51-1000x.png 1000w, https://kazamagency.com/media/pages/images/0c4cb51e87-1705595597/capture-decran-2023-12-20-a-14.41.51-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1486" loading="lazy" src="https://kazamagency.com/media/pages/images/0c4cb51e87-1705595597/capture-decran-2023-12-20-a-14.41.51-900x.png" style="object-position: 50% 50%; background: #a9b4b8" width="2654" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/82d24fd5e3-1705595824/itranslate-vl-prores422-hd-previsualisation.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Itranslate</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/better-and-stronger" style="padding-bottom: 56.25%; background: rgb(174, 165, 160); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.9144542772861;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/fc9bb2277c-1705595607/capture-decran-2024-01-02-a-16.57.17-400x.webp 400w, https://kazamagency.com/media/pages/images/fc9bb2277c-1705595607/capture-decran-2024-01-02-a-16.57.17-800x.webp 800w, https://kazamagency.com/media/pages/images/fc9bb2277c-1705595607/capture-decran-2024-01-02-a-16.57.17-1000x.webp 1000w, https://kazamagency.com/media/pages/images/fc9bb2277c-1705595607/capture-decran-2024-01-02-a-16.57.17-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/fc9bb2277c-1705595607/capture-decran-2024-01-02-a-16.57.17-400x.png 400w, https://kazamagency.com/media/pages/images/fc9bb2277c-1705595607/capture-decran-2024-01-02-a-16.57.17-800x.png 800w, https://kazamagency.com/media/pages/images/fc9bb2277c-1705595607/capture-decran-2024-01-02-a-16.57.17-1000x.png 1000w, https://kazamagency.com/media/pages/images/fc9bb2277c-1705595607/capture-decran-2024-01-02-a-16.57.17-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1356" loading="lazy" src="https://kazamagency.com/media/pages/images/fc9bb2277c-1705595607/capture-decran-2024-01-02-a-16.57.17-900x.png" style="object-position: 50% 50%; background: #aea5a0" width="2596" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/f5b1bdbb12-1705595664/better-and-stronger-v3-b.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Better and Stronger</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Snack Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="1324fa17-5ae6-412f-b96e-345e13fefd8b" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/picard" style="padding-bottom: 56.25%; background: rgb(188, 183, 180); margin-top: -695.625px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.8652777777778;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/d74a987951-1705595600/capture-decran-2023-12-20-a-15.44.06-400x.webp 400w, https://kazamagency.com/media/pages/images/d74a987951-1705595600/capture-decran-2023-12-20-a-15.44.06-800x.webp 800w, https://kazamagency.com/media/pages/images/d74a987951-1705595600/capture-decran-2023-12-20-a-15.44.06-1000x.webp 1000w, https://kazamagency.com/media/pages/images/d74a987951-1705595600/capture-decran-2023-12-20-a-15.44.06-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/d74a987951-1705595600/capture-decran-2023-12-20-a-15.44.06-400x.png 400w, https://kazamagency.com/media/pages/images/d74a987951-1705595600/capture-decran-2023-12-20-a-15.44.06-800x.png 800w, https://kazamagency.com/media/pages/images/d74a987951-1705595600/capture-decran-2023-12-20-a-15.44.06-1000x.png 1000w, https://kazamagency.com/media/pages/images/d74a987951-1705595600/capture-decran-2023-12-20-a-15.44.06-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1440" loading="lazy" src="https://kazamagency.com/media/pages/images/d74a987951-1705595600/capture-decran-2023-12-20-a-15.44.06-900x.png" style="object-position: 50% 50%; background: #bcb7b4" width="2686" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/6d07d0f4f6-1705595875/picard-recette-01-buche-16-9-previsualisation.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Picard</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Social</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/monisnap" style="padding-bottom: 174.757%; background: rgb(120, 125, 191); margin-top: -1391.25px;" data-h="1025.8125"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 0.7762938230384;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/00420a377e-1705595595/capture-decran-2023-12-20-a-15.03.37-400x.webp 400w, https://kazamagency.com/media/pages/images/00420a377e-1705595595/capture-decran-2023-12-20-a-15.03.37-800x.webp 800w, https://kazamagency.com/media/pages/images/00420a377e-1705595595/capture-decran-2023-12-20-a-15.03.37-1000x.webp 1000w, https://kazamagency.com/media/pages/images/00420a377e-1705595595/capture-decran-2023-12-20-a-15.03.37-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/00420a377e-1705595595/capture-decran-2023-12-20-a-15.03.37-400x.png 400w, https://kazamagency.com/media/pages/images/00420a377e-1705595595/capture-decran-2023-12-20-a-15.03.37-800x.png 800w, https://kazamagency.com/media/pages/images/00420a377e-1705595595/capture-decran-2023-12-20-a-15.03.37-1000x.png 1000w, https://kazamagency.com/media/pages/images/00420a377e-1705595595/capture-decran-2023-12-20-a-15.03.37-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1198" loading="lazy" src="https://kazamagency.com/media/pages/images/00420a377e-1705595595/capture-decran-2023-12-20-a-15.03.37-900x.png" style="object-position: 50% 50%; background: #787dbf" width="930" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/ba8e53add8-1705595816/monisnap-danse-de-la-joie.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Monisnap</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Snack Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="1324fa17-5ae6-412f-b96e-345e13fefd8b" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/sos-malus" style="padding-bottom: 56.25%; background: rgb(137, 136, 146); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.7647867950481;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/b4f10cfbcd-1705595601/capture-decran-2023-12-20-a-16.05.48-400x.webp 400w, https://kazamagency.com/media/pages/images/b4f10cfbcd-1705595601/capture-decran-2023-12-20-a-16.05.48-800x.webp 800w, https://kazamagency.com/media/pages/images/b4f10cfbcd-1705595601/capture-decran-2023-12-20-a-16.05.48-1000x.webp 1000w, https://kazamagency.com/media/pages/images/b4f10cfbcd-1705595601/capture-decran-2023-12-20-a-16.05.48-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/b4f10cfbcd-1705595601/capture-decran-2023-12-20-a-16.05.48-400x.png 400w, https://kazamagency.com/media/pages/images/b4f10cfbcd-1705595601/capture-decran-2023-12-20-a-16.05.48-800x.png 800w, https://kazamagency.com/media/pages/images/b4f10cfbcd-1705595601/capture-decran-2023-12-20-a-16.05.48-1000x.png 1000w, https://kazamagency.com/media/pages/images/b4f10cfbcd-1705595601/capture-decran-2023-12-20-a-16.05.48-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1454" loading="lazy" src="https://kazamagency.com/media/pages/images/b4f10cfbcd-1705595601/capture-decran-2023-12-20-a-16.05.48-900x.png" style="object-position: 50% 50%; background: #898892" width="2566" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/c242fba784-1705595645/5-mon-assureur-v1-previsualisation.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">SOS Malus</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Social</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/msi" style="padding-bottom: 174.757%; background: rgb(199, 197, 199); margin-top: -695.625px;" data-h="1025.8125"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 0.62150837988827;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/085592802e-1706263929/capture-d-e-cran-2024-01-26-a-11-11-37-bb-400x.webp 400w, https://kazamagency.com/media/pages/images/085592802e-1706263929/capture-d-e-cran-2024-01-26-a-11-11-37-bb-800x.webp 800w, https://kazamagency.com/media/pages/images/085592802e-1706263929/capture-d-e-cran-2024-01-26-a-11-11-37-bb-1000x.webp 1000w, https://kazamagency.com/media/pages/images/085592802e-1706263929/capture-d-e-cran-2024-01-26-a-11-11-37-bb-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/085592802e-1706263929/capture-d-e-cran-2024-01-26-a-11-11-37-bb-400x.png 400w, https://kazamagency.com/media/pages/images/085592802e-1706263929/capture-d-e-cran-2024-01-26-a-11-11-37-bb-800x.png 800w, https://kazamagency.com/media/pages/images/085592802e-1706263929/capture-d-e-cran-2024-01-26-a-11-11-37-bb-1000x.png 1000w, https://kazamagency.com/media/pages/images/085592802e-1706263929/capture-d-e-cran-2024-01-26-a-11-11-37-bb-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1432" loading="lazy" src="https://kazamagency.com/media/pages/images/085592802e-1706263929/capture-d-e-cran-2024-01-26-a-11-11-37-bb-900x.png" style="object-position: 50% 50%; background: #c7c5c7" width="890" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/bf10f7f9a1-1706263751/msi_vdef_francais_9-16.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">MSI</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Snack Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/sorabe" style="padding-bottom: 174.757%; background: rgb(121, 93, 152); margin-top: -695.625px;" data-h="1025.8125"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 0.83153347732181;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/e2a547caf1-1705595601/capture-decran-2023-12-20-a-16.43.45-400x.webp 400w, https://kazamagency.com/media/pages/images/e2a547caf1-1705595601/capture-decran-2023-12-20-a-16.43.45-800x.webp 800w, https://kazamagency.com/media/pages/images/e2a547caf1-1705595601/capture-decran-2023-12-20-a-16.43.45-1000x.webp 1000w, https://kazamagency.com/media/pages/images/e2a547caf1-1705595601/capture-decran-2023-12-20-a-16.43.45-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/e2a547caf1-1705595601/capture-decran-2023-12-20-a-16.43.45-400x.png 400w, https://kazamagency.com/media/pages/images/e2a547caf1-1705595601/capture-decran-2023-12-20-a-16.43.45-800x.png 800w, https://kazamagency.com/media/pages/images/e2a547caf1-1705595601/capture-decran-2023-12-20-a-16.43.45-1000x.png 1000w, https://kazamagency.com/media/pages/images/e2a547caf1-1705595601/capture-decran-2023-12-20-a-16.43.45-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="926" loading="lazy" src="https://kazamagency.com/media/pages/images/e2a547caf1-1705595601/capture-decran-2023-12-20-a-16.43.45-900x.png" style="object-position: 50% 50%; background: #795d98" width="770" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/0e9e90cb6d-1705595891/snapchat1-previsualisation.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Sorare</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Snack Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/reecall" style="padding-bottom: 56.25%; background: rgb(149, 121, 237); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.8669796557121;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/896f25feda-1705595571/capture-d-e-cran-2024-01-09-a-17-45-28-b-400x.webp 400w, https://kazamagency.com/media/pages/images/896f25feda-1705595571/capture-d-e-cran-2024-01-09-a-17-45-28-b-800x.webp 800w, https://kazamagency.com/media/pages/images/896f25feda-1705595571/capture-d-e-cran-2024-01-09-a-17-45-28-b-1000x.webp 1000w, https://kazamagency.com/media/pages/images/896f25feda-1705595571/capture-d-e-cran-2024-01-09-a-17-45-28-b-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/896f25feda-1705595571/capture-d-e-cran-2024-01-09-a-17-45-28-b-400x.png 400w, https://kazamagency.com/media/pages/images/896f25feda-1705595571/capture-d-e-cran-2024-01-09-a-17-45-28-b-800x.png 800w, https://kazamagency.com/media/pages/images/896f25feda-1705595571/capture-d-e-cran-2024-01-09-a-17-45-28-b-1000x.png 1000w, https://kazamagency.com/media/pages/images/896f25feda-1705595571/capture-d-e-cran-2024-01-09-a-17-45-28-b-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1278" loading="lazy" src="https://kazamagency.com/media/pages/images/896f25feda-1705595571/capture-d-e-cran-2024-01-09-a-17-45-28-b-900x.png" style="object-position: 50% 50%; background: #9579ed" width="2386" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/373c98988c-1705595870/reecall-v6-b.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Reecall</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Snack Content</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/tikamoon" style="padding-bottom: 56.25%; background: rgb(173, 160, 144); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.7647867950481;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/e1af7219f8-1705595601/capture-decran-2023-12-20-a-16.10.30-400x.webp 400w, https://kazamagency.com/media/pages/images/e1af7219f8-1705595601/capture-decran-2023-12-20-a-16.10.30-800x.webp 800w, https://kazamagency.com/media/pages/images/e1af7219f8-1705595601/capture-decran-2023-12-20-a-16.10.30-1000x.webp 1000w, https://kazamagency.com/media/pages/images/e1af7219f8-1705595601/capture-decran-2023-12-20-a-16.10.30-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/e1af7219f8-1705595601/capture-decran-2023-12-20-a-16.10.30-400x.png 400w, https://kazamagency.com/media/pages/images/e1af7219f8-1705595601/capture-decran-2023-12-20-a-16.10.30-800x.png 800w, https://kazamagency.com/media/pages/images/e1af7219f8-1705595601/capture-decran-2023-12-20-a-16.10.30-1000x.png 1000w, https://kazamagency.com/media/pages/images/e1af7219f8-1705595601/capture-decran-2023-12-20-a-16.10.30-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1454" loading="lazy" src="https://kazamagency.com/media/pages/images/e1af7219f8-1705595601/capture-decran-2023-12-20-a-16.10.30-900x.png" style="object-position: 50% 50%; background: #ada090" width="2566" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/92bcccdad3-1705595843/kazam-tikamoon-16-9-40s-v4-fr-previsualisation.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Tikamoon</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Campaigns</li> </ul> </div> </figcaption> </figure> </a> <a class="block group overflow-hidden rounded relative w-full h-0 col-span-2 xl:col-span-3 md:col-span-6" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="bee3e07c-7bcd-418c-aa53-982ea77deda5" data-masonry-target="item" data-projects-target="feedItem" href="https://kazamagency.com/projets/dext" style="padding-bottom: 56.25%; background: rgb(160, 154, 177); margin-top: 0px;" data-h="330.1875"> <figure> <picture class="block absolute inset-0 z-10 delay-100 pointer-events-none group-hover:opacity-0 transition-opacity duration-300 ease-in-out" style="--ratio: 1.78600269179;"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/060c84c0a5-1705595594/capture-decran-2023-12-20-a-14.20.25-400x.webp 400w, https://kazamagency.com/media/pages/images/060c84c0a5-1705595594/capture-decran-2023-12-20-a-14.20.25-800x.webp 800w, https://kazamagency.com/media/pages/images/060c84c0a5-1705595594/capture-decran-2023-12-20-a-14.20.25-1000x.webp 1000w, https://kazamagency.com/media/pages/images/060c84c0a5-1705595594/capture-decran-2023-12-20-a-14.20.25-1200x.webp 1200w" type="image/webp"> <source sizes="auto" srcset="https://kazamagency.com/media/pages/images/060c84c0a5-1705595594/capture-decran-2023-12-20-a-14.20.25-400x.png 400w, https://kazamagency.com/media/pages/images/060c84c0a5-1705595594/capture-decran-2023-12-20-a-14.20.25-800x.png 800w, https://kazamagency.com/media/pages/images/060c84c0a5-1705595594/capture-decran-2023-12-20-a-14.20.25-1000x.png 1000w, https://kazamagency.com/media/pages/images/060c84c0a5-1705595594/capture-decran-2023-12-20-a-14.20.25-1200x.png 1200w" type="image/png"> <img alt="" class="w-full h-full object-cover" data-sizes="auto" height="1486" loading="lazy" src="https://kazamagency.com/media/pages/images/060c84c0a5-1705595594/capture-decran-2023-12-20-a-14.20.25-900x.png" style="object-position: 50% 50%; background: #a09ab1" width="2654" sizes="587px"> </picture> <video loop="" muted="" class="absolute inset-0 w-full h-full pointer-events-none"> <source data-src="https://kazamagency.com/media/pages/videos/1863423000-1705595910/dext-ep1-livraison-previsualisation.mp4" type="video/mp4"> </video> <figcaption class="absolute inset-x-0 bottom-0 z-20 px-5 pt-14 pb-6 bg-gradient-to-b opacity-0 transition duration-300 group-hover:opacity-100 touch:opacity-100 from-black/0 to-black/60"> <div class="transition duration-300 translate-y-full group-hover:translate-y-0 touch:translate-y-0"> <h2 class="text-[clamp(2rem,3vw,4rem)] leading-[1.05] mb-1 xl:text-[clamp(1rem,4vw,4rem)] md:text-[clamp(2rem,7vw,3rem)] font-semibold">Dext</h2> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 text-body font-semibold">Brand Content</li> </ul> </div> </figcaption> </figure> </a> </div> <div class="hidden relative" data-projects-target="index"> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/unibet-tele"> <span class="transition-opacity group-hover:opacity-75">Unibet</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/51de9abff1-1713355853/unibet-2024.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/brevo"> <span class="transition-opacity group-hover:opacity-75">Brevo</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/471c142e7b-1705595645/brevo_30_230803_fr-copie.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="1324fa17-5ae6-412f-b96e-345e13fefd8b" data-projects-target="indexItem" href="https://kazamagency.com/projets/happn"> <span class="transition-opacity group-hover:opacity-75">HAPPN</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Social</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/62aea764fe-1708093488/happn_debrief_salle-de-sport_16-9.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/get-around"> <span class="transition-opacity group-hover:opacity-75">Getaround</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/769116dcdd-1721915435/getaround_la-concurrence_16-9.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-projects-target="indexItem" href="https://kazamagency.com/projets/atol"> <span class="transition-opacity group-hover:opacity-75">Atol</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Snack Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/0f8e414ab6-1721913951/atol_video_01_16-9.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-projects-target="indexItem" href="https://kazamagency.com/projets/casden"> <span class="transition-opacity group-hover:opacity-75">Casden</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Snack Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/02adec4f8f-1721916180/teaser-casden-site-b.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/bene-bono"> <span class="transition-opacity group-hover:opacity-75">Bene Bono</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/229c9afc42-1705595643/benebono3.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-projects-target="indexItem" href="https://kazamagency.com/projets/ma-ville-mon-shopping"> <span class="transition-opacity group-hover:opacity-75">Ma Ville Mon Shopping</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Snack Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden h-[70vh]" style="aspect-ratio: 0.57222222222222; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/dd188aa7e2-1706275379/manifesto-9_16_final.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/axonaut"> <span class="transition-opacity group-hover:opacity-75">Axonaut</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/ce027399c5-1705595884/x2download.app-axonaut-pub-tv.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="1324fa17-5ae6-412f-b96e-345e13fefd8b" data-projects-target="indexItem" href="https://kazamagency.com/projets/too-good-to-go"> <span class="transition-opacity group-hover:opacity-75">Too Good To Go</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Social</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/7426190c85-1705595881/too-good-to-go-alimentaire-mon-cher-watson-__-brand-content.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="bee3e07c-7bcd-418c-aa53-982ea77deda5" data-projects-target="indexItem" href="https://kazamagency.com/projets/unibet"> <span class="transition-opacity group-hover:opacity-75">Unibet</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Brand Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/a61ebd6f6d-1705595896/x2download.app-unibet-_-muscle-ton-jeu-ep14-sonny-anderson.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/fruits"> <span class="transition-opacity group-hover:opacity-75">Fruitz</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/21d8a10551-1713347161/fruitz-prerolls-_-30s.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="1324fa17-5ae6-412f-b96e-345e13fefd8b" data-projects-target="indexItem" href="https://kazamagency.com/projets/fleeters"> <span class="transition-opacity group-hover:opacity-75">Fleeters</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Social</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/60dad6116c-1705595887/x2download.app-fleeters.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/getaround"> <span class="transition-opacity group-hover:opacity-75">Getaround</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/343164fc35-1705595765/getaround-spot-tv-20s-ad.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/durex"> <span class="transition-opacity group-hover:opacity-75">Durex</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/22bb0a8683-1705595760/durex-v4-h264-previsualisation.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15, 100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/ilek"> <span class="transition-opacity group-hover:opacity-75">Ilek</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Snack Content</li> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/7896556e87-1705595780/ilek-burst-film-330sec.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="bee3e07c-7bcd-418c-aa53-982ea77deda5" data-projects-target="indexItem" href="https://kazamagency.com/projets/lidl-cuisine"> <span class="transition-opacity group-hover:opacity-75">Lidl Cuisine</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Brand Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/46575afc20-1705595761/flan-aux-pointes-d-asperges-vertes-avec-thierry-marx-_-lidl-cuisine.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/livi"> <span class="transition-opacity group-hover:opacity-75">Livi</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/fe61bf1c55-1705595894/x2download.app-livi-__-digital-ad-__-42s.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-projects-target="indexItem" href="https://kazamagency.com/projets/galeries-lafayette"> <span class="transition-opacity group-hover:opacity-75">Galeries Lafayette</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Snack Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/6e737996a3-1705595890/x2download.app-galeries-lafayette-__-motion-design.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/les-georgettes"> <span class="transition-opacity group-hover:opacity-75">Les Georgettes</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/08960c8867-1705595892/x2download.app-les-georgettes-pub-tv-__-10-sec.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/sendinblue"> <span class="transition-opacity group-hover:opacity-75">Sendinblue</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/10ab4e37d4-1705595895/x2download.app-sendinblue-digital-ad-__-20-sec.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/stellantis-you"> <span class="transition-opacity group-hover:opacity-75">Stellantis & You</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/872809f647-1705595896/x2download.app-stellantis-35sec.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/ornikar"> <span class="transition-opacity group-hover:opacity-75">Ornikar</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/0c1ea1ab22-1705595833/ornikar-30s-ad.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="bee3e07c-7bcd-418c-aa53-982ea77deda5" data-projects-target="indexItem" href="https://kazamagency.com/projets/hyundai"> <span class="transition-opacity group-hover:opacity-75">Hyundai</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Brand Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/ec9e6bc7f7-1705595779/hyundai-un-jeu-d-enfant-ad.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-projects-target="indexItem" href="https://kazamagency.com/projets/tier"> <span class="transition-opacity group-hover:opacity-75">Tier</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Snack Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/2727862839-1705595878/tier-ad.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/lmp"> <span class="transition-opacity group-hover:opacity-75">LMP</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/ebc2d6b095-1705595807/lmp-digital-ad-30sec.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="1324fa17-5ae6-412f-b96e-345e13fefd8b" data-projects-target="indexItem" href="https://kazamagency.com/projets/sagan"> <span class="transition-opacity group-hover:opacity-75">Total Energies</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Social</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/3dc9d44bbf-1705595863/sagan-total-energies-previsualisation.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="bee3e07c-7bcd-418c-aa53-982ea77deda5" data-projects-target="indexItem" href="https://kazamagency.com/projets/qonto"> <span class="transition-opacity group-hover:opacity-75">Qonto</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Brand Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/2983113023-1705595845/qonto-aurore-zani.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="bee3e07c-7bcd-418c-aa53-982ea77deda5" data-projects-target="indexItem" href="https://kazamagency.com/projets/free"> <span class="transition-opacity group-hover:opacity-75">Free</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Brand Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden h-[70vh]" style="aspect-ratio: 0.57222222222222; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/b740187029-1705595789/isia-free2-copie-3.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-projects-target="indexItem" href="https://kazamagency.com/projets/aircall"> <span class="transition-opacity group-hover:opacity-75">Aircall</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Snack Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden h-[70vh]" style="aspect-ratio: 0.57222222222222; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/b8ade7cbe2-1705595643/aircall-motion-01-it-1080x1920-fr-v04-b.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="bee3e07c-7bcd-418c-aa53-982ea77deda5" data-projects-target="indexItem" href="https://kazamagency.com/projets/artefact"> <span class="transition-opacity group-hover:opacity-75">Artefact</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Brand Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/7d0f5199b2-1705595724/bryan-emmanuel-data-coffee-b.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/audible"> <span class="transition-opacity group-hover:opacity-75">Audible</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/c5e004a922-1705595632/06-audible-tricoter-piloter-evader-16-9-bb.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-projects-target="indexItem" href="https://kazamagency.com/projets/bridge-finance"> <span class="transition-opacity group-hover:opacity-75">Bridge Finance</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Snack Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/5231305d87-1705595671/bridge-finance-previsualisation.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/citya"> <span class="transition-opacity group-hover:opacity-75">Citya</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/07f2278b1b-1705595699/citya-vlongue-previsualisation.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-projects-target="indexItem" href="https://kazamagency.com/projets/hager"> <span class="transition-opacity group-hover:opacity-75">Hager</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Snack Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/072c65d18f-1705595806/hager-services-sans-promo-v02-previsualisation.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/fleet"> <span class="transition-opacity group-hover:opacity-75">Fleet</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/34a4eae58c-1705595777/fleet-master-16-9-previsualisation.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/itranslate"> <span class="transition-opacity group-hover:opacity-75">Itranslate</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/82d24fd5e3-1705595824/itranslate-vl-prores422-hd-previsualisation.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-projects-target="indexItem" href="https://kazamagency.com/projets/better-and-stronger"> <span class="transition-opacity group-hover:opacity-75">Better and Stronger</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Snack Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/f5b1bdbb12-1705595664/better-and-stronger-v3-b.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="1324fa17-5ae6-412f-b96e-345e13fefd8b" data-projects-target="indexItem" href="https://kazamagency.com/projets/picard"> <span class="transition-opacity group-hover:opacity-75">Picard</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Social</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/6d07d0f4f6-1705595875/picard-recette-01-buche-16-9-previsualisation.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-projects-target="indexItem" href="https://kazamagency.com/projets/monisnap"> <span class="transition-opacity group-hover:opacity-75">Monisnap</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Snack Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden h-[70vh]" style="aspect-ratio: 0.57222222222222; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/ba8e53add8-1705595816/monisnap-danse-de-la-joie.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="1324fa17-5ae6-412f-b96e-345e13fefd8b" data-projects-target="indexItem" href="https://kazamagency.com/projets/sos-malus"> <span class="transition-opacity group-hover:opacity-75">SOS Malus</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Social</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/c242fba784-1705595645/5-mon-assureur-v1-previsualisation.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-projects-target="indexItem" href="https://kazamagency.com/projets/msi"> <span class="transition-opacity group-hover:opacity-75">MSI</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Snack Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden h-[70vh]" style="aspect-ratio: 0.57222222222222; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/bf10f7f9a1-1706263751/msi_vdef_francais_9-16.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-projects-target="indexItem" href="https://kazamagency.com/projets/sorabe"> <span class="transition-opacity group-hover:opacity-75">Sorare</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Snack Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden h-[70vh]" style="aspect-ratio: 0.57222222222222; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/0e9e90cb6d-1705595891/snapchat1-previsualisation.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="eb94b567-edd8-48d8-b3f9-ffbb9cc97f15" data-projects-target="indexItem" href="https://kazamagency.com/projets/reecall"> <span class="transition-opacity group-hover:opacity-75">Reecall</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Snack Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/373c98988c-1705595870/reecall-v6-b.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="100a6246-b4bb-4e66-bbeb-4eebab4d4ccd" data-projects-target="indexItem" href="https://kazamagency.com/projets/tikamoon"> <span class="transition-opacity group-hover:opacity-75">Tikamoon</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Campaigns</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/92bcccdad3-1705595843/kazam-tikamoon-16-9-40s-v4-fr-previsualisation.mp4" type="video/mp4"> </video> </figure> </div> <a class="border-y-[0.5px] peer md:flex-col md:items-start md:py-3 border-gray group items-center py-5 text-h3 md:text-h2 flex justify-between" data-action="mouseenter->projects#play mouseleave->projects#pause" data-filter="bee3e07c-7bcd-418c-aa53-982ea77deda5" data-projects-target="indexItem" href="https://kazamagency.com/projets/dext"> <span class="transition-opacity group-hover:opacity-75">Dext</span> <ul class="flex"> <li class="uppercase not-last:after:content-['|'] not-last:after:mx-2 md:not-last:after:mx-1 text-body font-semibold">Brand Content</li> </ul> </a> <div class="flex fixed inset-0 z-50 justify-center items-center opacity-0 pointer-events-none md:hidden [.peer:hover+&]:opacity-100"> <figure class="relative rounded overflow-hidden w-[40vw]" style="aspect-ratio: 1.7777777777778; background: #a09ab1;"> <video loop="" muted="" class="absolute inset-0 w-full h-full"> <source data-src="https://kazamagency.com/media/pages/videos/1863423000-1705595910/dext-ep1-livraison-previsualisation.mp4" type="video/mp4"> </video> </figure> </div> </div> </section> <section class="container flex flex-col items-center my-40 md:my-24 2xl:my-32" data-block="logo-cta" data-prev-block="projects-grid" data-next-block="footer"> <div class="mb-14 w-full max-w-[55%] [&>svg]:max-h-24 md:mb-10"><svg viewBox="0 0 164 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.38 29.353H.92v2.18H7.38v-2.18Z" fill="#FFD500"></path> <path d="M48.783 29.353h-5.836v2.18h5.836v-2.18Z" fill="#FF5B00"></path> <path d="M101.396 29.353H95.56v2.18h5.836v-2.18Z" fill="#FFC700"></path> <path d="M146.648 29.353h-6.451v2.18h6.451v-2.18Z" fill="#2150CA"></path> <path d="M130.475 29.353h-6.451v2.18h6.451v-2.18Z" fill="#F03131"></path> <path d="M114.305 29.353h-6.451v2.18h6.451v-2.18Z" fill="#0A0"></path> <path d="M22.179 30.874v.66h-7.493L7.38 21.07v8.283H.919V0H7.38v17.886l6.796-10.255h7.287v.596L13.6 19.217l8.578 11.657ZM53.896 7.631v5.848h9.858L53.27 28.097v3.438h19.926v-5.963H62.303l10.678-14.89V7.63H53.896Zm-5.114 0v21.722h-5.836v-.23C40.858 30.919 38.173 32 35.242 32c-7.276 0-12.04-5.563-12.04-12.425 0-6.863 4.86-12.426 12.04-12.426 2.93 0 5.616 1.081 7.704 2.878v-.001l.264-2.396h5.572Zm-6.336 11.945c0-3.54-2.59-6.41-6.362-6.41-3.874 0-6.362 2.87-6.362 6.41s2.372 6.41 6.362 6.41c3.8 0 6.362-2.87 6.362-6.41ZM101.392 7.63v21.723h-5.835v-.23C93.469 30.919 90.783 32 87.853 32c-7.277 0-12.04-5.563-12.04-12.425 0-6.863 4.86-12.426 12.04-12.426 2.93 0 5.616 1.081 7.704 2.878v-.001l.264-2.396h5.571Zm-6.335 11.946c0-3.54-2.59-6.41-6.362-6.41-3.875 0-6.363 2.87-6.363 6.41s2.373 6.41 6.363 6.41c3.8 0 6.362-2.87 6.362-6.41ZM137.32 7.149c-4.209 0-6.913 2.392-8.408 4.125-1.037-2.156-3.575-4.125-7.526-4.125-3.638 0-6.035 1.877-7.298 3.283l-.166-2.802h-6.07v21.723h6.451V18.36c0-3.41 2.362-5.194 5.268-5.194 3.083 0 4.454 1.847 4.454 5.548v10.64h6.451V18.36c0-3.41 2.361-5.194 5.267-5.194 3.083 0 4.454 1.847 4.454 5.548v10.64h6.451V18.254c0-6.948-2.78-11.105-9.328-11.105Zm20.995 21.091c.358-2.076-.998-3.76-3.028-3.76-2.031 0-3.968 1.683-4.326 3.76-.358 2.077.998 3.76 3.029 3.76 2.031 0 3.967-1.683 4.325-3.76Zm-5.671-6.123h6.191L163.516 0h-6.531l-4.341 22.117Z" fill="currentcolor"></path> </svg></div> <a class="py-3 px-6 mx-auto font-semibold text-center text-white bg-black rounded-full ring-1 ring-inset ring-white transition duration-300 hover:text-black hover:bg-white hover:scale-105 text-body" href="mailto:[email protected]"> Vous avez une idée ? Nous avons une vision. Parlons-en ! </a> </section> </main> <footer class="uppercase outer-container hover:[&_a]:text-gray [&_a]:transition-colors focus-visible:[&_a]:underline focus-visible:[&_a]:text-gray [&_a]:outline-none text-body" data-controller="footer"> <div class="grid grid-cols-2 gap-16 py-12 normal-case border-t border-white md:grid-cols-1 md:gap-8 min-h-[6rem]"> <div> <h2 class="font-normal text-h4"><span class="kazam-logo" aria-label="kazam!"></span> is a <strong>Biggie Group</strong> company</h2> <p class="mt-4 max-w-lg text-md">Group of omnichannel solutions mixing media, marketing, communication, influence and creation.</p> </div> <div class="grid grid-cols-2 gap-8"> <div> <h3 class="mb-4 max-w-xs font-bold md:mb-2">Biggie Group Agencies</h3> <ul> <li> <a href="https://www.beastly-agency.com/" target="_blank" rel="noopener noreferer me"> BEASTLY </a> </li> <li> <a href="https://kazamagency.com/" target="_blank" rel="noopener noreferer me"> KAZAM! </a> </li> <li> <a href="https://www.biggie.co/" target="_blank" rel="noopener noreferer me"> BIGGIE </a> </li> <li> <a href="https://www.ohlalarp.com/" target="_blank" rel="noopener noreferer me"> OHLALA </a> </li> </ul> </div> <div> <h3 class="mb-4 max-w-xs font-bold md:mb-2">Offices</h3> <ul> <li> Brussels </li> <li> Geneva </li> <li> Paris </li> <li> Zurich </li> <li> Milan </li> <li> Prague </li> <li> Dubai </li> <li> Sao Paulo </li> </ul> </div> </div> </div> <div class="flex relative py-8 border-t border-white min-h-[6rem]"> <ul class="grid flex-grow grid-cols-4 gap-8 -mt-1 md:grid-cols-1 md:gap-4 xl:grid-cols-2"> <li data-footer-target="element" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(-1rem, 0px);"><a href="mailto:[email protected]">[email protected]</a><br>+33 (0)6 32 52 44 07</li> <li data-footer-target="element" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(-1rem, 0px);"> <ul class="flex"> <li class="not-last:mr-3.5"> <a class="block p-2.5 w-10 h-10 rounded-full border border-white transition-colors hover:border-gray focus-visible:border-gray" aria-label="instagram" href="https://www.instagram.com/kazamparis/" target="_blank" rel="me nofollow noreferer"> <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 0c-4.347 0-4.89.02-6.596.096C7.7.176 6.54.444 5.52.84a7.835 7.835 0 0 0-2.835 1.845A7.807 7.807 0 0 0 .84 5.52C.444 6.54.175 7.7.096 9.404.016 11.111 0 11.654 0 16.001s.02 4.89.096 6.596c.08 1.703.348 2.864.744 3.884a7.846 7.846 0 0 0 1.845 2.835A7.824 7.824 0 0 0 5.52 31.16c1.021.395 2.181.666 3.884.744 1.707.08 2.25.096 6.596.096 4.347 0 4.89-.02 6.596-.096 1.703-.08 2.864-.349 3.884-.744a7.865 7.865 0 0 0 2.835-1.845 7.813 7.813 0 0 0 1.845-2.835c.395-1.02.665-2.181.744-3.884.08-1.707.096-2.25.096-6.596 0-4.347-.02-4.89-.096-6.597-.08-1.702-.35-2.865-.744-3.884a7.853 7.853 0 0 0-1.845-2.835A7.796 7.796 0 0 0 26.48.84C25.46.444 24.299.175 22.596.096 20.889.016 20.346 0 16 0Zm0 2.88c4.27 0 4.78.021 6.467.095 1.56.073 2.406.332 2.969.553.75.29 1.28.636 1.843 1.195.558.56.905 1.092 1.194 1.841.219.563.48 1.41.551 2.97.076 1.688.093 2.194.093 6.467 0 4.272-.02 4.78-.098 6.467-.082 1.56-.342 2.406-.562 2.97-.298.748-.638 1.28-1.198 1.842a4.994 4.994 0 0 1-1.84 1.195c-.56.218-1.42.48-2.98.55-1.699.076-2.199.094-6.479.094-4.281 0-4.781-.02-6.479-.1-1.561-.08-2.421-.34-2.981-.56-.759-.3-1.28-.64-1.839-1.2a4.86 4.86 0 0 1-1.2-1.84c-.22-.56-.478-1.42-.56-2.98-.06-1.68-.081-2.198-.081-6.458 0-4.262.021-4.782.081-6.482.082-1.56.34-2.419.56-2.979.28-.76.639-1.28 1.2-1.841C5.22 4.12 5.741 3.76 6.5 3.48c.56-.22 1.401-.48 2.961-.56 1.7-.06 2.2-.08 6.479-.08l.06.04Zm0 4.904a8.216 8.216 0 0 0-8.216 8.217c0 4.54 3.68 8.216 8.216 8.216 4.54 0 8.216-3.68 8.216-8.216 0-4.54-3.68-8.217-8.216-8.217Zm0 13.55a5.332 5.332 0 0 1-5.333-5.333A5.332 5.332 0 0 1 16 10.667a5.332 5.332 0 0 1 5.333 5.334A5.332 5.332 0 0 1 16 21.334ZM26.461 7.46c0 1.06-.861 1.92-1.92 1.92-1.06 0-1.92-.861-1.92-1.92a1.921 1.921 0 0 1 3.84 0Z" fill="currentcolor"></path> </svg> </a> </li> <li class="not-last:mr-3.5"> <a class="block p-2.5 w-10 h-10 rounded-full border border-white transition-colors hover:border-gray focus-visible:border-gray" aria-label="youtube" href="https://www.youtube.com/@kazam3704" target="_blank" rel="me nofollow noreferer"> <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M31.332 8.453a4.01 4.01 0 0 0-2.785-2.785C26.053 5 16.014 5 16.014 5s-10.013-.013-12.532.668A4.01 4.01 0 0 0 .697 8.453 41.675 41.675 0 0 0 0 16.196c-.008 2.587.226 5.169.697 7.713a4.01 4.01 0 0 0 2.785 2.785c2.491.67 12.532.67 12.532.67s10.012 0 12.533-.67a4.01 4.01 0 0 0 2.785-2.785c.461-2.545.684-5.127.667-7.713a41.667 41.667 0 0 0-.667-7.743ZM12.81 20.985v-9.594l8.356 4.805-8.356 4.79Z" fill="currentcolor"></path> </svg> </a> </li> <li class="not-last:mr-3.5"> <a class="block p-2.5 w-10 h-10 rounded-full border border-white transition-colors hover:border-gray focus-visible:border-gray" aria-label="linkedin" href="https://www.linkedin.com/company/kazam-paris/" target="_blank" rel="me nofollow noreferer"> <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M27.262 27.27h-4.739v-7.426c0-1.77-.036-4.05-2.47-4.05-2.47 0-2.847 1.927-2.847 3.92v7.555h-4.739V12h4.552v2.081h.062c.636-1.2 2.182-2.466 4.493-2.466 4.801 0 5.689 3.16 5.689 7.273l-.001 8.381ZM7.116 9.91a2.75 2.75 0 0 1-2.75-2.753 2.752 2.752 0 1 1 2.75 2.753Zm2.376 17.36H4.74V12h4.752v15.27ZM29.632 0H2.362C1.055 0 0 1.032 0 2.305v27.39C0 30.969 1.056 32 2.361 32h27.267c1.304 0 2.37-1.03 2.37-2.305V2.305c0-1.273-1.066-2.305-2.37-2.305h.004Z" fill="currentcolor"></path> </svg> </a> </li> </ul> </li> <li data-footer-target="element" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(-1rem, 0px);"> <ul> <li> <a href="https://kazamagency.com/confidentialite"> Politique de confidentialite </a> </li> <li> <a href="https://kazamagency.com/legal"> Mentions légales </a> </li> </ul> </li> <li class="text-end xl:text-start" data-footer-target="element" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(-1rem, 0px);"> <span class="block">©2024, Tous droits réservés</span> <span class="block">Site réalisé par <a href="https://studiofables.com/" target="_blank">Studio Fables</a></span> </li> </ul> </div> </footer> </div> </div> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebSite","url":"https:\/\/kazamagency.com","copyrightYear":"2024","description":"Kazam! is home to creatives.\nWe Love telling unique stories that connect with audiences on all platforms.\nWe Help Brands navigate the future of content, in order to stay culturally relevant, to grow their brand and even to outperform the best performance campaigns.","name":"Kazam! Agency","headline":"Home"}</script> <script> console.log('%ctobimori/kazam#8d21b9f', 'font-size: 12px; font-weight: bold; color: #000; background-color: #FFC700; padding: 10px 16px; margin: 20px 0; border-radius: 4px;') console.log('%cMade with ♥ in Europe by Studio Fables & Tobias Möritz', 'font-size: 12px; font-weight: bold; color: #FFC700; background-color: #000; padding: 10px 16px; margin: 20px 0; border-radius: 4px;') </script> </body></html>
securityHeaders: {"securityHeadersList":["x-content-type-options"],"securityHeadersGrade":"E","securityHeadersScore":20}

Waterfall View

Start Render

First Contentful Paint

Largest Contentful Paint

Layout Shift

DOM Interactive

DOM Content Loaded

On Load

Document Complete

Render Blocking Resource

Insecure Request

3xx response

4xx+ response

Doesn't Belong to Main Doc

customize waterfall • View all Images • View HTTP/2 Dependency Graph • Filmstrip

Connection View

DNS Lookup

Initial Connection

SSL Negotiation

Start Render

DOM Content Loaded

On Load

Document Complete

Request Details

Before Start Render

Before On Load

After On Load

3xx Response

4xx Response

Request Details
#	Resource	Content Type	Priority	Request Start	DNS Lookup	Initial Connection	SSL Negotiation	Time to First Byte	Content Download	Bytes Downloaded	CPU Time	Error/Status Code	IP
1	https://kazamagency.com/	text/html	Highest	0.174 s	44 ms	41 ms	84 ms	457 ms	58 ms	18.5 KB	2 ms	200	46.105.57.169
2	https://kazamagency....ts/index-BY0Zlxer.js	application/javascript	High	0.659 s	-	-	-	100 ms	141 ms	89.1 KB	162 ms	200	46.105.57.169
3	https://kazamagency....s/index-DgKIJ09J.css	text/css	Highest	0.66 s	-	-	-	69 ms	2 ms	8.9 KB	-	200	46.105.57.169
4	https://kazamagency....s/index-Cv9SBT6u.css	text/css	Highest	0.662 s	-	-	-	74 ms	20 ms	5.7 KB	-	200	46.105.57.169
5	https://kazamagency....s/logo-animation.mp4	video/mp4	Low	0.701 s	-	-	-	216 ms	61 ms	44.7 KB	-	206	46.105.57.169
6	https://kazamagency....l-kazam-2023_30s.mp4	video/mp4	Low	0.703 s	-	-	-	274 ms	821 ms	6,144.0 KB	-	206	46.105.57.169
7	https://kazamagency....-crop-50-0-50-0.webp	image/webp	High	1.248 s	-	-	-	9953 ms	322 ms	69.3 KB	-	200	46.105.57.169
8	https://kazamagency....sets/fonts/400.woff2	text/plain	Highest	1.282 s	-	-	-	10461 ms	10 ms	7.7 KB	-	200	46.105.57.169
9	https://kazamagency....sets/fonts/600.woff2	text/plain	Highest	1.284 s	-	-	-	10463 ms	24 ms	7.8 KB	-	200	46.105.57.169
10	https://kazamagency....sets/fonts/700.woff2	text/plain	Highest	1.287 s	-	-	-	10461 ms	24 ms	7.6 KB	-	200	46.105.57.169
11	https://kazamagency....-crop-50-0-50-0.webp	image/webp	Low	1.685 s	-	-	-	10173 ms	80 ms	45.0 KB	-	200	46.105.57.169
12	https://kazamagency....l-kazam-2023_30s.mp4	video/mp4	Low	1.805 s	-	-	-	10134 ms	-	-	-	206	46.105.57.169
13	https://kazamagency....m/assets/favicon.svg	image/svg+xml	High	11.916 s	-	-	-	5709 ms	7 ms	-	-	200	46.105.57.169

Request Headers

+ Expand All

Request 1: https://kazamagency.com/

URL: https://kazamagency.com/
Host: kazamagency.com
IP: 46.105.57.169
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://kazamagency.com/
Request Start: 0.174 s
DNS Lookup: 44 ms
Initial Connection: 41 ms
Time to First Byte: 457 ms
Content Download: 58 ms
Bytes In (downloaded): 18.5 KB
Uncompressed Size: 208.8 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: kazamagency.com
:method: GET
:path: /
:scheme: https
accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0, i
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: document
sec-fetch-mode: navigate
sec-fetch-site: cross-site
upgrade-insecure-requests: 1
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.09

Response Headers:

content-encoding: gzip
content-type: text/html; charset=UTF-8
date: Fri, 06 Sep 2024 09:22:40 GMT
server: Apache
vary: Accept-Encoding
x-content-type-options: nosniff
x-powered-by: PHP/8.2
:status: 200

Request 2: https://kazamagency.com/dist/assets/index-BY0Zlxer.js

URL: https://kazamagency.com/dist/assets/index-BY0Zlxer.js
Host: kazamagency.com
IP: 46.105.57.169
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 220, depends on 5, EXCLUSIVE
Initiated By: https://kazamagency.com/ line 7
Request Start: 0.659 s
Time to First Byte: 100 ms
Content Download: 141 ms
Bytes In (downloaded): 89.1 KB
Uncompressed Size: 253.6 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: kazamagency.com
:method: GET
:path: /dist/assets/index-BY0Zlxer.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://kazamagency.com
priority: u=1
referer: https://kazamagency.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=900
content-encoding: gzip
content-type: application/javascript
date: Fri, 06 Sep 2024 09:22:40 GMT
expires: Fri, 06 Sep 2024 09:37:40 GMT
last-modified: Mon, 08 Apr 2024 20:48:12 GMT
server: Apache
vary: Accept-Encoding
x-content-type-options: nosniff
:status: 200

Request 3: https://kazamagency.com/dist/assets/index-DgKIJ09J.css

URL: https://kazamagency.com/dist/assets/index-DgKIJ09J.css
Host: kazamagency.com
IP: 46.105.57.169
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 1, EXCLUSIVE
Initiated By: https://kazamagency.com/ line 7
Request Start: 0.660 s
Time to First Byte: 69 ms
Content Download: 2 ms
Bytes In (downloaded): 8.9 KB
Uncompressed Size: 43.6 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: kazamagency.com
:method: GET
:path: /dist/assets/index-DgKIJ09J.css
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0
referer: https://kazamagency.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=900
content-encoding: gzip
content-length: 9092
content-type: text/css
date: Fri, 06 Sep 2024 09:22:40 GMT
expires: Fri, 06 Sep 2024 09:37:40 GMT
last-modified: Mon, 08 Apr 2024 20:48:11 GMT
server: Apache
vary: Accept-Encoding
x-content-type-options: nosniff
:status: 200

Request 4: https://kazamagency.com/dist/assets/index-Cv9SBT6u.css

URL: https://kazamagency.com/dist/assets/index-Cv9SBT6u.css
Host: kazamagency.com
IP: 46.105.57.169
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 256, depends on 3, EXCLUSIVE
Initiated By: https://kazamagency.com/ line 7
Request Start: 0.662 s
Time to First Byte: 74 ms
Content Download: 20 ms
Bytes In (downloaded): 5.7 KB
Uncompressed Size: 34.6 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: kazamagency.com
:method: GET
:path: /dist/assets/index-Cv9SBT6u.css
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0
referer: https://kazamagency.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=900
content-encoding: gzip
content-length: 5792
content-type: text/css
date: Fri, 06 Sep 2024 09:22:40 GMT
expires: Fri, 06 Sep 2024 09:37:40 GMT
last-modified: Mon, 08 Apr 2024 20:48:12 GMT
server: Apache
vary: Accept-Encoding
x-content-type-options: nosniff
:status: 200

Request 5: https://kazamagency.com/assets/logo-animation.mp4

URL: https://kazamagency.com/assets/logo-animation.mp4
Host: kazamagency.com
IP: 46.105.57.169
Error/Status Code: 206
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 147, depends on 7, EXCLUSIVE
Initiated By: https://kazamagency.com/ line 252
Request Start: 0.701 s
Time to First Byte: 216 ms
Content Download: 61 ms
Bytes In (downloaded): 44.7 KB
Uncompressed Size: 44.7 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: kazamagency.com
:method: GET
:path: /assets/logo-animation.mp4
:scheme: https
accept: */*
accept-encoding: identity;q=1, *;q=0
accept-language: en-US,en;q=0.9
priority: i
range: bytes=0-
referer: https://kazamagency.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: video
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.09

Response Headers:

Content-Length: 45816
Content-Range: bytes 0-45815/45816
accept-ranges: bytes
cache-control: max-age=3600
content-type: video/mp4
date: Fri, 06 Sep 2024 09:22:40 GMT
expires: Fri, 06 Sep 2024 10:22:40 GMT
last-modified: Fri, 15 Dec 2023 18:51:09 GMT
server: Apache
x-content-type-options: nosniff
:status: 206
content-length: 45816
content-range: bytes 0-45815/45816

Request 6: https://kazamagency.com/media/pages/videos/684cf64fa3-1706604511/showreel-kazam-2023_30s.mp4

URL: https://kazamagency.com/media/pages/videos/684cf64fa3-1706604511/showreel-kazam-2023_30s.mp4
Host: kazamagency.com
IP: 46.105.57.169
Error/Status Code: 206
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 74, depends on 23, EXCLUSIVE
Initiated By: https://kazamagency.com/ line 252
Request Start: 0.703 s
Time to First Byte: 274 ms
Content Download: 821 ms
Bytes In (downloaded): 6,144.0 KB
Uncompressed Size: 469.1 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: kazamagency.com
:method: GET
:path: /media/pages/videos/684cf64fa3-1706604511/showreel-kazam-2023_30s.mp4
:scheme: https
accept: */*
accept-encoding: identity;q=1, *;q=0
accept-language: en-US,en;q=0.9
priority: i
range: bytes=0-
referer: https://kazamagency.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: video
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.09

Response Headers:

Content-Length: 51718612
Content-Range: bytes 0-51718611/51718612
accept-ranges: bytes
cache-control: max-age=3600
content-type: video/mp4
date: Fri, 06 Sep 2024 09:22:40 GMT
expires: Fri, 06 Sep 2024 10:22:40 GMT
last-modified: Tue, 30 Jan 2024 08:49:38 GMT
server: Apache
x-content-type-options: nosniff
:status: 206
content-length: 51718612
content-range: bytes 0-51718611/51718612

Request 7: https://kazamagency.com/media/pages/images/f069404191-1705595619/slide1-1200x675-crop-50-0-50-0.webp

URL: https://kazamagency.com/media/pages/images/f069404191-1705595619/slide1-1200x675-crop-50-0-50-0.webp
Host: kazamagency.com
IP: 46.105.57.169
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 220, depends on 19, EXCLUSIVE
Initiated By: https://kazamagency.com/ line 2424
Request Start: 1.248 s
Time to First Byte: 9953 ms
Content Download: 322 ms
Bytes In (downloaded): 69.3 KB
Uncompressed Size: 69.3 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: kazamagency.com
:method: GET
:path: /media/pages/images/f069404191-1705595619/slide1-1200x675-crop-50-0-50-0.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://kazamagency.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=900
content-length: 71008
content-type: image/webp
date: Fri, 06 Sep 2024 09:22:41 GMT
expires: Fri, 06 Sep 2024 09:37:41 GMT
last-modified: Tue, 30 Jan 2024 08:50:01 GMT
server: Apache
x-content-type-options: nosniff
:status: 200

Request 8: https://kazamagency.com/assets/fonts/400.woff2

URL: https://kazamagency.com/assets/fonts/400.woff2
Host: kazamagency.com
IP: 46.105.57.169
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://kazamagency.com/dist/assets/index-DgKIJ09J.css
Request Start: 1.282 s
Time to First Byte: 10461 ms
Content Download: 10 ms
Bytes In (downloaded): 7.7 KB
Uncompressed Size: 7.7 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: kazamagency.com
:method: GET
:path: /assets/fonts/400.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://kazamagency.com
priority: u=0
referer: https://kazamagency.com/dist/assets/index-DgKIJ09J.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.09

Response Headers:

accept-ranges: bytes
content-length: 7884
content-type: text/plain; charset=utf-8
date: Fri, 06 Sep 2024 09:22:41 GMT
last-modified: Fri, 15 Dec 2023 18:51:09 GMT
server: Apache
x-content-type-options: nosniff
:status: 200

Request 9: https://kazamagency.com/assets/fonts/600.woff2

URL: https://kazamagency.com/assets/fonts/600.woff2
Host: kazamagency.com
IP: 46.105.57.169
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 17, weight 256, depends on 15, EXCLUSIVE
Initiated By: https://kazamagency.com/dist/assets/index-DgKIJ09J.css
Request Start: 1.284 s
Time to First Byte: 10463 ms
Content Download: 24 ms
Bytes In (downloaded): 7.8 KB
Uncompressed Size: 7.8 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: kazamagency.com
:method: GET
:path: /assets/fonts/600.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://kazamagency.com
priority: u=0
referer: https://kazamagency.com/dist/assets/index-DgKIJ09J.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.09

Response Headers:

accept-ranges: bytes
content-length: 8000
content-type: text/plain; charset=utf-8
date: Fri, 06 Sep 2024 09:22:41 GMT
last-modified: Fri, 15 Dec 2023 18:51:09 GMT
server: Apache
x-content-type-options: nosniff
:status: 200

Request 10: https://kazamagency.com/assets/fonts/700.woff2

URL: https://kazamagency.com/assets/fonts/700.woff2
Host: kazamagency.com
IP: 46.105.57.169
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 19, weight 256, depends on 17, EXCLUSIVE
Initiated By: https://kazamagency.com/dist/assets/index-DgKIJ09J.css
Request Start: 1.287 s
Time to First Byte: 10461 ms
Content Download: 24 ms
Bytes In (downloaded): 7.6 KB
Uncompressed Size: 7.6 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: kazamagency.com
:method: GET
:path: /assets/fonts/700.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://kazamagency.com
priority: u=0
referer: https://kazamagency.com/dist/assets/index-DgKIJ09J.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.09

Response Headers:

accept-ranges: bytes
content-length: 7816
content-type: text/plain; charset=utf-8
date: Fri, 06 Sep 2024 09:22:41 GMT
last-modified: Fri, 15 Dec 2023 18:51:09 GMT
server: Apache
x-content-type-options: nosniff
:status: 200

Request 11: https://kazamagency.com/media/pages/images/f069404191-1705595619/slide1-800x450-crop-50-0-50-0.webp

URL: https://kazamagency.com/media/pages/images/f069404191-1705595619/slide1-800x450-crop-50-0-50-0.webp
Host: kazamagency.com
IP: 46.105.57.169
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 21, weight 147, depends on 13, EXCLUSIVE
Initiated By: https://kazamagency.com/ line 2424
Request Start: 1.685 s
Time to First Byte: 10173 ms
Content Download: 80 ms
Bytes In (downloaded): 45.0 KB
Uncompressed Size: 45.0 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: kazamagency.com
:method: GET
:path: /media/pages/images/f069404191-1705595619/slide1-800x450-crop-50-0-50-0.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://kazamagency.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=900
content-length: 46080
content-type: image/webp
date: Fri, 06 Sep 2024 09:22:41 GMT
expires: Fri, 06 Sep 2024 09:37:41 GMT
last-modified: Tue, 30 Jan 2024 15:52:57 GMT
server: Apache
x-content-type-options: nosniff
:status: 200

Request 12: https://kazamagency.com/media/pages/videos/684cf64fa3-1706604511/showreel-kazam-2023_30s.mp4

URL: https://kazamagency.com/media/pages/videos/684cf64fa3-1706604511/showreel-kazam-2023_30s.mp4
Host: kazamagency.com
IP: 46.105.57.169
Error/Status Code: 206
Priority: Low
Protocol: HTTP/2
Initiated By: https://kazamagency.com/ line 2424
Request Start: 1.805 s
Time to First Byte: 10134 ms
Bytes In (downloaded): 0.0 KB
Uncompressed Size: 9,920.0 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: kazamagency.com
:method: GET
:path: /media/pages/videos/684cf64fa3-1706604511/showreel-kazam-2023_30s.mp4
:scheme: https
accept: */*
accept-encoding: identity;q=1, *;q=0
accept-language: en-US,en;q=0.9
if-range: Tue, 30 Jan 2024 08:49:38 GMT
priority: i
range: bytes=917504-51718611
referer: https://kazamagency.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: video
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=3600
content-length: 50801108
content-range: bytes 917504-51718611/51718612
content-type: video/mp4
date: Fri, 06 Sep 2024 09:22:52 GMT
expires: Fri, 06 Sep 2024 10:22:52 GMT
last-modified: Tue, 30 Jan 2024 08:49:38 GMT
server: Apache
x-content-type-options: nosniff

Request 13: https://kazamagency.com/assets/favicon.svg

URL: https://kazamagency.com/assets/favicon.svg
Host: kazamagency.com
IP: 46.105.57.169
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
Request Start: 11.916 s
Time to First Byte: 5709 ms
Content Download: 7 ms
Bytes In (downloaded): 0.0 KB
Uncompressed Size: 0.5 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: kazamagency.com
:method: GET
:path: /assets/favicon.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=1, i
referer: https://kazamagency.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.09

Response Headers:

accept-ranges: bytes
cache-control: max-age=900
content-length: 563
content-type: image/svg+xml
date: Fri, 06 Sep 2024 09:22:52 GMT
expires: Fri, 06 Sep 2024 09:37:52 GMT
last-modified: Fri, 15 Dec 2023 18:51:09 GMT
server: Apache
x-content-type-options: nosniff