PageSourceSearch

https://marcuscoates.co.uk/

html marcuscoates.co.uk collected 2026-10-05 05:41:18 UTC 368,909 bytes, 4,615 lines download raw bytes

1<!doctype html><html lang="en-GB" class="scroll-smooth"><head><link rel="home" href="https://marcuscoates.co.uk/">
2<link rel="canonical" href="https://marcuscoates.co.uk/">
3<meta property="og:url" content="https://marcuscoates.co.uk/"><meta name="twitter:url" content="https://marcuscoates.co.uk/"><meta property="og:locale" content="en-GB">
4<title>Marcus Coates, British artist</title>
5    <meta name="description" content="Making art through radical empathy and collaboration, Coates works with scientists, communities and experts to explore human connections and ecological change.">
6    <meta name="image" content="https://a75hkzli.twic.pics/marcus-coates/images/_1200x675_crop_center-center_none/MarcusCoates_portrait.jpg">
7    <meta property="og:image" content="https://a75hkzli.twic.pics/marcus-coates/images/_1200x630_crop_center-center_none/MarcusCoates_portrait.jpg">
8    <meta name="robots" content="all">
9    <meta property="og:type" content="website">
10    <meta name="author" content="All content Marcus Coates, web design & build by Modern Activity https://modernactivity.com">
11    <meta name="twitter:card" content="summary_large_image">
12    <meta property="og:title" content="Marcus Coates, British artist">
13    <meta property="og:description" content="Making art through radical empathy and collaboration, Coates works with scientists, communities and experts to explore human connections and ecological change.">
14    <meta name="twitter:title" content="Marcus Coates, British artist">
15    <meta name="twitter:description" content="Making art through radical empathy and collaboration, Coates works with scientists, communities and experts to explore human connections and ecological change.">
16    <meta name="twitter:image" content="https://a75hkzli.twic.pics/marcus-coates/images/_1200x600_crop_center-center_none/MarcusCoates_portrait.jpg">
17    <meta property="og:image:type" content="image/jpeg">
18    <meta property="og:image:width" content="1200">
19    <meta property="og:image:height" content="630">
20    
21<meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta charset="utf-8"/><title>Marcus Coates</title><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"/><meta name="referrer" content="origin-when-cross-origin"/><meta property="og:url" content="https://www.marcuscoates.co.uk/"/><link rel="icon" href="https://marcuscoates.co.uk//favicon.ico" sizes="any"><link rel="icon" href="https://marcuscoates.co.uk//icon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="https://marcuscoates.co.uk//apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"/>
21<script async defer="defer" src="https://a75hkzli.twic.pics/?v1&step=200"></script>
21<script defer="defer" data-domain="marcuscoates.co.uk" src="https://plausible.io/js/script.js"></script>
21<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
vendor: 2 bytes, line 21
21
22<script type="module" src="https://marcuscoates.co.uk//assets/dist/assets/main-CYrRvyqL.js" crossorigin onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;templates/src/index.js&#039;}});document.dispatchEvent(e);"></script>
22
23<link href="https://marcuscoates.co.uk//assets/dist/assets/main-CGT5zWd6.css" rel="stylesheet" media="print" onload="this.media=&#039;all&#039;"></head><body data-barba="wrapper" class="text-lg flex flex-col min-h-screen w-screen overflow-x-hidden font-medium transition-colors duration-500 antialiased" style="background-color: #fafaf9"></body>
24    <div class="fixed top-0 left-0 px-5 pt-3 flex gap-3 md:gap-10 z-[500] difference ">
25                <a id="menuProjects" href="https://marcuscoates.co.uk/">Projects</a>
26    </div>
27
28    <div class="fixed top-0 right-0 px-5 pt-3 z-[500] difference">
29        <a id="menuTags" href="/tags">Tags</a>
30    </div>
31
32    <div class="fixed top-0 left-0 pt-3 z-[499] w-full flex text-2xl select-none difference">
33        <div id="menuOpener" class="m-auto cursor-pointer">&plus;</div>
34    </div>
35
36
37    <div id="dropDownMenu" data-status="c" class="-translate-y-full transition duration-200 fixed top-0 left-0 w-full pointer-events-none z-[120] flex justify-center difference ">
38        <ul class="m-auto flex gap-10 pt-12 pointer-events-auto">
39            <li><a id="menuBio" href="/bio">Bio</a></li>
40            <li><a id="menuCv" href="/cv">CV</a></li>
41            <li><a id="menuContact" href="/contact">Contact</a></li>
42            <li><a id="menuSearch" href="/search">Search</a></li>
43        </ul>
44    </div><div class="flex-1" data-barba="container" data-text-colour="#111827" data-bg-colour="
45#fafaf9" data-barba-namespace="home">
46    <div class="px-5 md:px-10 gap-5 pt-5 md:pt-10">
47        <div class="w-full md:w-1/2 2xl:w-3/4 projects flex flex-wrap py-10 md:py-0 space-y-10 md:space-y-0">
48                        
49                                                                                
50                            
51                                                                                
52                        
53
54                    <style>
55                        @media screen and (min-width: 768px) { 
56                            #higgle-1318559751 {
57                                margin: 0.28699rem 0.02608rem 0.68879rem 0.31964rem; padding: 0rem 0.75rem 1.885rem 0.65rem 
58                            }
59                        }
60                    </style>
61                    
62                
63                    <div id="higgle-1318559751" class="self-start md:flex items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
64                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
64h-[250px] 2xl:p-10 md:flex items-start w-full" href="https://marcuscoates.co.uk/projects/video-conference-for-the-birds">
65                                                                                                                                    
66    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="843" width=1221 data-twic-src="image:marcus-coates/images/conference_for_the_birds_video_edit_fullscreen_trim.jpeg"
67        />
68
69                                                                    <div class="md:hidden pt-4 px-1">
70                                        <h2 class="text-lg"><span class="italic">Video Conference for the Birds</span>, 2023</h2>
71                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
72                                                                                                                                                <div>Video</div>
73                                                
74                                                                                    </div>
75                                        
76                                    </div>
77                            </a>
78                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
79                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/video-conference-for-the-birds">
80
81                                    <h2 class="text-lg"><span class="italic">Video Conference for the Birds</span>, 2023</h2>
82                                </a>
83                                <div class="flex flex-wrap text-cat">
84                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a></div>
85                                        
86                                                                    </div>
87                            
88                        </div>
89                    </div>
90                
91            
92                                                                                
93                            
94                                                        
95                        
96
97                    <style>
98                        @media screen and (min-width: 768px) { 
99                            #higgle-1930594088 {
100                                margin: 1.7617rem 0.30339rem 0.94888rem 0.90875rem; padding: 3.375rem 0.35rem 0rem 0.55rem 
101                            }
102                        }
103                    </style>
104                    
105                
106                    <div id="higgle-1930594088" class="self-end xl:self-center md:flex items-end 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
107                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
107h-[250px] 2xl:p-10 md:flex items-end 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/190-british-birds-of-prey">
108                                                                                                                                    
109    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1920" width=1280 data-twic-src="image:marcus-coates/images/golden_eagle.jpg"
110        />
111
112                                                                    <div class="md:hidden pt-4 px-1">
113                                        <h2 class="text-lg"><span class="italic">British Birds of Prey</span>, 2023</h2>
114                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
115                                                                                                                                                <div>Photography</div>
116                                                
117                                                                                    </div>
118                                        
119                                    </div>
120                            </a>
121                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
122                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/190-british-birds-of-prey">
123
124                                    <h2 class="text-lg"><span class="italic">British Birds of Prey</span>, 2023</h2>
125                                </a>
126                                <div class="flex flex-wrap text-cat">
127                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a></div>
128                                        
129                                                                    </div>
130                            
131                        </div>
132                    </div>
133                
134            
135                                                                                
136                            
137                                                        
138                        
139
140                    <style>
141                        @media screen and (min-width: 768px) { 
142                            #higgle-932142956 {
143                                margin: 0.71772rem 0.34068rem 0.17582rem 0.28873rem; padding: 0.55rem 0.45rem 0.75rem 0.45rem 
144                            }
145                        }
146                    </style>
147                    
148                
149                    <div id="higgle-932142956" class="self-start 2xl:self-end md:flex items-start 2xl:items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
150                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
150h-[250px] 2xl:p-10 md:flex items-start 2xl:items-end w-full" href="https://marcuscoates.co.uk/projects/189-the-directors">
151                                                                                                                                    
152    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2160" width=3840 data-twic-src="image:marcus-coates/images/MG_STILLS_001_00019026_copy.jpeg"
153        />
154
155                                                                    <div class="md:hidden pt-4 px-1">
156                                        <h2 class="text-lg"><span class="italic">The Directors</span>, </h2>
157                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
158                                                                                                                                                <div>Research</div>
159                                                
160                                                                                                                                                <div>, Performance</div>
161                                                
162                                                                                                                                                <div>, Video</div>
163                                                
164                                                                                    </div>
165                                        
166                                    </div>
167                            </a>
168                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
169                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/189-the-directors">
170
171                                    <h2 class="text-lg"><span class="italic">The Directors</span>, </h2>
172                                </a>
173                                <div class="flex flex-wrap text-cat">
174                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/research">Research</a>, &nbsp;</div>
175                                        
176                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
177                                        
178                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a></div>
179                                        
180                                                                    </div>
181                            
182                        </div>
183                    </div>
184                
185            
186                                                                                
187                            
188                                                                                
189                        
190
191                    <style>
192                        @media screen and (min-width: 768px) { 
193                            #higgle-690364234 {
194                                margin: 2.66804rem 0.73744rem 0.81329rem 0.05934rem; padding: 0rem 0.25rem 2.645rem 0.75rem 
195                            }
196                        }
197                    </style>
198                    
199                
200                    <div id="higgle-690364234" class="self-end 2xl:self-start md:flex items-end 2xl:items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
201                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
201h-[250px] 2xl:p-10 md:flex items-end 2xl:items-start w-full" href="https://marcuscoates.co.uk/projects/173-celestial-melody">
202                                                                                                                                    
203    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="650" width=919 data-twic-src="image:marcus-coates/images/coverimage.jpg"
204        />
205
206                                                                    <div class="md:hidden pt-4 px-1">
207                                        <h2 class="text-lg"><span class="italic">Celestial Melody?</span>, 2021</h2>
208                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
209                                                                                                                                                <div>Ritual</div>
210                                                
211                                                                                                                                                <div>, Text</div>
212                                                
213                                                                                    </div>
214                                        
215                                    </div>
216                            </a>
217                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
218                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/173-celestial-melody">
219
220                                    <h2 class="text-lg"><span class="italic">Celestial Melody?</span>, 2021</h2>
221                                </a>
222                                <div class="flex flex-wrap text-cat">
223                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a>, &nbsp;</div>
224                                        
225                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/text">Text</a></div>
226                                        
227                                                                    </div>
228                            
229                        </div>
230                    </div>
231                
232            
233                                                                                
234                            
235                                                        
236                        
237
238                    <style>
239                        @media screen and (min-width: 768px) { 
240                            #higgle-1183226435 {
241                                margin: 2.1719rem 0.41119rem 0.46187rem 0.18381rem; padding: 3.225rem 0.25rem 0rem 0.35rem 
242                            }
243                        }
244                    </style>
245                    
246                
247                    <div id="higgle-1183226435" class="self-start 2xl:self-center md:flex items-start 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
248                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
248h-[250px] 2xl:p-10 md:flex items-start 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/172-conference-for-the-birds">
249                                                                                                                                    
250    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2448" width=3264 data-twic-src="image:marcus-coates/images/cherryburn_bewick_conference_room.JPG"
251        />
252
253                                                                    <div class="md:hidden pt-4 px-1">
254                                        <h2 class="text-lg"><span class="italic">Conference for the Birds</span>, 2019</h2>
255                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
256                                                                                                                                                <div>Objects</div>
257                                                
258                                                                                                                                                <div>, Drawing</div>
259                                                
260                                                                                                                                                <div>, Audio</div>
261                                                
262                                                                                                                                                <div>, Vocal</div>
263                                                
264                                                                                                                                                <div>, Performance</div>
265                                                
266                                                                                                                                                <div>, Participation</div>
267                                                
268                                                                                    </div>
269                                        
270                                    </div>
271                            </a>
272                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
273                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/172-conference-for-the-birds">
274
275                                    <h2 class="text-lg"><span class="italic">Conference for the Birds</span>, 2019</h2>
276                                </a>
277                                <div class="flex flex-wrap text-cat">
278                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a>, &nbsp;</div>
279                                        
280                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/drawing">Drawing</a>, &nbsp;</div>
281                                        
282                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/audio">Audio</a>, &nbsp;</div>
283                                        
284                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a>, &nbsp;</div>
285                                        
286                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
287                                        
288                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a></div>
289                                        
290                                                                    </div>
291                            
292                        </div>
293                    </div>
294                
295            
296                                                                                
297                            
298                                                        
299                    
300
301                    <style>
302                        @media screen and (min-width: 768px) { 
303                            #higgle-2086144075 {
304                                margin: 1.53067rem 0.30428rem 0.86335rem 0.68751rem; padding: 0.55rem 0.55rem 0.65rem 0.55rem 
305                            }
306                        }
307                    </style>
308                    
309                
310                    <div id="higgle-2086144075" class="self-end md:flex items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
311                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-end w-full" href="https://marcuscoates.co.uk/projects/171-extinct-animals-individual">
312                                                                                                                                    
313    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2560" width=1707 data-twic-src="image:marcus-coates/images/85A0272-SMALL_syrian_elephant.jpg"
314                            data-twic-focus="50.65%x53.48%"
315        />
316
317                                                                    <div class="md:hidden pt-4 px-1">
318                                        <h2 class="text-lg"><span class="italic">Extinct Animals (individual)</span>, 2019</h2>
319                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
320                                                                                                                                                <div>Objects</div>
321                                                
322                                                                                    </div>
323                                        
324                                    </div>
325                            </a>
326                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
327                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/171-extinct-animals-individual">
328
329                                    <h2 class="text-lg"><span class="italic">Extinct Animals (individual)</span>, 2019</h2>
330                                </a>
331                                <div class="flex flex-wrap text-cat">
332                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a></div>
333                                        
334                                                                    </div>
335                            
336                        </div>
337                    </div>
338                
339            
340                                                                                
341                            
342                                                                                
343                        
344
345                    <style>
346                        @media screen and (min-width: 768px) { 
347                            #higgle-534359705 {
348                                margin: 1.52274rem 0.60337rem 0.40025rem 0.94677rem; padding: 0rem 0.65rem 2.865rem 0.45rem 
349                            }
350                        }
351                    </style>
352                    
353                
354                    <div id="higgle-534359705" class="self-start md:flex items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
355                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
355h-[250px] 2xl:p-10 md:flex items-start w-full" href="https://marcuscoates.co.uk/projects/170-degreecoordinates-publication">
356                                                                                                                                    
357    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur " height="2304" width=1704 data-twic-src="image:marcus-coates/images/MM_Book_BK-CL3-01_degrees_crop_1.jpeg"
358        />
359
360                                                                    <div class="md:hidden pt-4 px-1">
361                                        <h2 class="text-lg"><span class="italic">Degreecoordinates, Shared Traits of the Hominini</span>, 2018</h2>
362                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
363                                                                                                                                                <div>Text</div>
364                                                
365                                                                                                                                                <div>, Publication</div>
366                                                
367                                                                                    </div>
368                                        
369                                    </div>
370                            </a>
371                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
372                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/170-degreecoordinates-publication">
373
374                                    <h2 class="text-lg"><span class="italic">Degreecoordinates, Shared Traits of the Hominini</span>, 2018</h2>
375                                </a>
376                                <div class="flex flex-wrap text-cat">
377                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/text">Text</a>, &nbsp;</div>
378                                        
379                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/publication">Publication</a></div>
380                                        
381                                                                    </div>
382                            
383                        </div>
384                    </div>
385                
386            
387                                                                                
388                            
389                                                        
390                        
391
392                    <style>
393                        @media screen and (min-width: 768px) { 
394                            #higgle-984901254 {
395                                margin: 2.95631rem 0.05996rem 0.36974rem 0.73992rem; padding: 5.385rem 0.35rem 0rem 0.35rem 
396                            }
397                        }
398                    </style>
399                    
400                
401                    <div id="higgle-984901254" class="self-end xl:self-center md:flex items-end 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
402                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
402h-[250px] 2xl:p-10 md:flex items-end 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/169-ask-the-wild">
403                                                                                                                                    
404    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="665" width=600 data-twic-src="image:marcus-coates/images/Axis-Mundi-MC-3.jpg"
405        />
406
407                                                                    <div class="md:hidden pt-4 px-1">
408                                        <h2 class="text-lg"><span class="italic">Ask the Wild</span>, 2018</h2>
409                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
410                                                                                                                                                <div>Audio</div>
411                                                
412                                                                                                                                                <div>, Participation</div>
413                                                
414                                                                                                                                                <div>, Question and answer</div>
415                                                
416                                                                                    </div>
417                                        
418                                    </div>
419                            </a>
420                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
421                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/169-ask-the-wild">
422
423                                    <h2 class="text-lg"><span class="italic">Ask the Wild</span>, 2018</h2>
424                                </a>
425                                <div class="flex flex-wrap text-cat">
426                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/audio">Audio</a>, &nbsp;</div>
427                                        
428                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
429                                        
430                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a></div>
431                                        
432                                                                    </div>
433                            
434                        </div>
435                    </div>
436                
437            
438                                                                                
439                            
440                                                        
441                        
442
443                    <style>
444                        @media screen and (min-width: 768px) { 
445                            #higgle-395334618 {
446                                margin: 2.44953rem 0.76769rem 0.26195rem 0.84734rem; padding: 0.25rem 0.35rem 0.75rem 0.45rem 
447                            }
448                        }
449                    </style>
450                    
451                
452                    <div id="higgle-395334618" class="self-start 2xl:self-end md:flex items-start 2xl:items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
453                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
453h-[250px] 2xl:p-10 md:flex items-start 2xl:items-end w-full" href="https://marcuscoates.co.uk/projects/168-to-what-extent-can-i-blame-margaret-thatcher">
454                                                                                                                                    
455    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur " height="949" width=1203 data-twic-src="image:marcus-coates/images/thatcher_crop3_pale-grey.jpeg"
456        />
457
458                                                                    <div class="md:hidden pt-4 px-1">
459                                        <h2 class="text-lg"><span class="italic">To what extent can I blame Margaret Thatcher?</span>, 2016</h2>
460                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
461                                                                                                                                                <div>Objects</div>
462                                                
463                                                                                                                                                <div>, Question and answer</div>
464                                                
465                                                                                    </div>
466                                        
467                                    </div>
468                            </a>
469                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
470                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/168-to-what-extent-can-i-blame-margaret-thatcher">
471
472                                    <h2 class="text-lg"><span class="italic">To what extent can I blame Margaret Thatcher?</span>, 2016</h2>
473                                </a>
474                                <div class="flex flex-wrap text-cat">
475                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a>, &nbsp;</div>
476                                        
477                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a></div>
478                                        
479                                                                    </div>
480                            
481                        </div>
482                    </div>
483                
484            
485                                                                                
486                            
487                                                                                
488                        
489
490                    <style>
491                        @media screen and (min-width: 768px) { 
492                            #higgle-1353872142 {
493                                margin: 2.46205rem 0.21256rem 0.89732rem 0.33184rem; padding: 0rem 0.35rem 5.475rem 0.55rem 
494                            }
495                        }
496                    </style>
497                    
498                
499                    <div id="higgle-1353872142" class="self-end 2xl:self-start md:flex items-end 2xl:items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
500                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
500h-[250px] 2xl:p-10 md:flex items-end 2xl:items-start w-full" href="https://marcuscoates.co.uk/projects/167-gnat">
501                                                                                                                                    
502    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2075" width=1445 data-twic-src="image:marcus-coates/images/Gnat.jpg"
503        />
504
505                                                                    <div class="md:hidden pt-4 px-1">
506                                        <h2 class="text-lg"><span class="italic">Gnat</span>, 2016</h2>
507                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
508                                                                                                                                                <div>Photography</div>
509                                                
510                                                                                                                                                <div>, Question and answer</div>
511                                                
512                                                                                    </div>
513                                        
514                                    </div>
515                            </a>
516                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
517                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/167-gnat">
518
519                                    <h2 class="text-lg"><span class="italic">Gnat</span>, 2016</h2>
520                                </a>
521                                <div class="flex flex-wrap text-cat">
522                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a>, &nbsp;</div>
523                                        
524                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a></div>
525                                        
526                                                                    </div>
527                            
528                        </div>
529                    </div>
530                
531            
532                                                                                
533                            
534                                                        
535                        
536
537                    <style>
538                        @media screen and (min-width: 768px) { 
539                            #higgle-1660647312 {
540                                margin: 2.10245rem 0.09862rem 0.33802rem 0.27812rem; padding: 2.935rem 0.45rem 0rem 0.75rem 
541                            }
542                        }
543                    </style>
544                    
545                
546                    <div id="higgle-1660647312" class="self-start 2xl:self-center md:flex items-start 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
547                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
547h-[250px] 2xl:p-10 md:flex items-start 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/166-how-should-i-act-in-order-to-be-comfortable-with-the-radical-choices-i-need-to-make">
548                                                                                                                                    
549    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="4000" width=3000 data-twic-src="image:marcus-coates/images/radicalchoices_selfportrait.jpg"
550        />
551
552                                                                    <div class="md:hidden pt-4 px-1">
553                                        <h2 class="text-lg"><span class="italic">Self Portrait as a Radical</span>, 2016</h2>
554                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
555                                                                                                                                                <div>Question and answer</div>
556                                                
557                                                                                                                                                <div>, Photography</div>
558                                                
559                                                                                    </div>
560                                        
561                                    </div>
562                            </a>
563                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
564                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/166-how-should-i-act-in-order-to-be-comfortable-with-the-radical-choices-i-need-to-make">
565
566                                    <h2 class="text-lg"><span class="italic">Self Portrait as a Radical</span>, 2016</h2>
567                                </a>
568                                <div class="flex flex-wrap text-cat">
569                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a>, &nbsp;</div>
570                                        
571                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a></div>
572                                        
573                                                                    </div>
574                            
575                        </div>
576                    </div>
577                
578            
579                                                                                
580                            
581                                                        
582                    
583
584                    <style>
585                        @media screen and (min-width: 768px) { 
586                            #higgle-221015886 {
587                                margin: 0.16045rem 0.62263rem 0.39915rem 0.0529rem; padding: 0.35rem 0.75rem 0.55rem 0.25rem 
588                            }
589                        }
590                    </style>
591                    
592                
593                    <div id="higgle-221015886" class="self-end md:flex items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
594                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
594h-[250px] 2xl:p-10 md:flex items-end w-full" href="https://marcuscoates.co.uk/projects/165-at-what-point-do-we-start-to-experience-the-need-for-conditional-exchange">
595                                                                                                                                    
596    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1181" width=916 data-twic-src="image:marcus-coates/images/ear_new_born.jpg"
597        />
598
599                                                                    <div class="md:hidden pt-4 px-1">
600                                        <h2 class="text-lg"><span class="italic">Three days ‑300%</span>, 2016</h2>
601                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
602                                                                                                                                                <div>Audio</div>
603                                                
604                                                                                                                                                <div>, Question and answer</div>
605                                                
606                                                                                    </div>
607                                        
608                                    </div>
609                            </a>
610                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
611                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/165-at-what-point-do-we-start-to-experience-the-need-for-conditional-exchange">
612
613                                    <h2 class="text-lg"><span class="italic">Three days ‑300%</span>, 2016</h2>
614                                </a>
615                                <div class="flex flex-wrap text-cat">
616                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/audio">Audio</a>, &nbsp;</div>
617                                        
618                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a></div>
619                                        
620                                                                    </div>
621                            
622                        </div>
623                    </div>
624                
625            
626                                                                                
627                            
628                                                                                
629                        
630
631                    <style>
632                        @media screen and (min-width: 768px) { 
633                            #higgle-377740759 {
634                                margin: 2.57889rem 0.82828rem 0.1262rem 0.99249rem; padding: 0rem 0.45rem 2.295rem 0.55rem 
635                            }
636                        }
637                    </style>
638                    
639                
640                    <div id="higgle-377740759" class="self-start md:flex items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
641                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
641h-[250px] 2xl:p-10 md:flex items-start w-full" href="https://marcuscoates.co.uk/projects/164-functional-improvisation">
642                                                                                                                                    
643    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="710" width=570 data-twic-src="image:marcus-coates/images/anger_export_cr2.jpeg"
644        />
645
646                                                                    <div class="md:hidden pt-4 px-1">
647                                        <h2 class="text-lg"><span class="italic">Functional Improvisation</span>, 2017</h2>
648                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
649                                                                                                                                                <div>Performance</div>
650                                                
651                                                                                                                                                <div>, Question and answer</div>
652                                                
653                                                                                                                                                <div>, Video</div>
654                                                
655                                                                                                                                                <div>, Movement</div>
656                                                
657                                                                                    </div>
658                                        
659                                    </div>
660                            </a>
661                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
662                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/164-functional-improvisation">
663
664                                    <h2 class="text-lg"><span class="italic">Functional Improvisation</span>, 2017</h2>
665                                </a>
666                                <div class="flex flex-wrap text-cat">
667                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
668                                        
669                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a>, &nbsp;</div>
670                                        
671                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
672                                        
673                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/movement">Movement</a></div>
674                                        
675                                                                    </div>
676                            
677                        </div>
678                    </div>
679                
680            
681                                                                                
682                            
683                                                        
684                        
685
686                    <style>
687                        @media screen and (min-width: 768px) { 
688                            #higgle-1496956609 {
689                                margin: 1.6569rem 0.5731rem 0.80537rem 0.13821rem; padding: 2.405rem 0.65rem 0rem 0.75rem 
690                            }
691                        }
692                    </style>
693                    
694                
695                    <div id="higgle-1496956609" class="self-end xl:self-center md:flex items-end 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
696                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-end 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/163-apple-service-provider">
697                                                                                                                                    
698    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2365" width=3543 data-twic-src="image:marcus-coates/images/Apple1adj2.jpg"
699        />
700
701                                                                    <div class="md:hidden pt-4 px-1">
702                                        <h2 class="text-lg"><span class="italic">Apple Service Provider</span>, 2018</h2>
703                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
704                                                                                                                                                <div>Performance</div>
705                                                
706                                                                                                                                                <div>, Participation</div>
707                                                
708                                                                                                                                                <div>, Question and answer</div>
709                                                
710                                                                                                                                                <div>, Installation</div>
711                                                
712                                                                                                                                                <div>, Costume</div>
713                                                
714                                                                                    </div>
715                                        
716                                    </div>
717                            </a>
718                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
719                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/163-apple-service-provider">
720
721                                    <h2 class="text-lg"><span class="italic">Apple Service Provider</span>, 2018</h2>
722                                </a>
723                                <div class="flex flex-wrap text-cat">
724                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
725                                        
726                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
727                                        
728                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a>, &nbsp;</div>
729                                        
730                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/installation">Installation</a>, &nbsp;</div>
731                                        
732                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a></div>
733                                        
734                                                                    </div>
735                            
736                        </div>
737                    </div>
738                
739            
740                                                                                
741                            
742                                                        
743                        
744
745                    <style>
746                        @media screen and (min-width: 768px) { 
747                            #higgle-471405427 {
748                                margin: 2.75063rem 0.77365rem 0.10317rem 0.65537rem; padding: 0.65rem 0.65rem 0.65rem 0.45rem 
749                            }
750                        }
751                    </style>
752                    
753                
754                    <div id="higgle-471405427" class="self-start 2xl:self-end md:flex items-start 2xl:items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
755                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-start 2xl:items-end w-full" href="https://marcuscoates.co.uk/projects/161-the-trip-publication">
756                                                                                                                                    
757    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3900" width=2817 data-twic-src="image:marcus-coates/images/the_trip_book_cover3.jpg"
758        />
759
760                                                                    <div class="md:hidden pt-4 px-1">
761                                        <h2 class="text-lg"><span class="italic">The Trip, publication</span>, 2011</h2>
762                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
763                                                                                                                                                <div>Publication</div>
764                                                
765                                                                                    </div>
766                                        
767                                    </div>
768                            </a>
769                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
770                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/161-the-trip-publication">
771
772                                    <h2 class="text-lg"><span class="italic">The Trip, publication</span>, 2011</h2>
773                                </a>
774                                <div class="flex flex-wrap text-cat">
775                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/publication">Publication</a></div>
776                                        
777                                                                    </div>
778                            
779                        </div>
780                    </div>
781                
782            
783                                                                                
784                            
785                                                                                
786                        
787
788                    <style>
789                        @media screen and (min-width: 768px) { 
790                            #higgle-789779306 {
791                                margin: 0.36693rem 0.24581rem 0.73135rem 0.39232rem; padding: 0rem 0.35rem 3.685rem 0.45rem 
792                            }
793                        }
794                    </style>
795                    
796                
797                    <div id="higgle-789779306" class="self-end 2xl:self-start md:flex items-end 2xl:items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
798                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
798h-[250px] 2xl:p-10 md:flex items-end 2xl:items-start w-full" href="https://marcuscoates.co.uk/projects/160-marcus-coates-publication">
799                                                                                                                                    
800    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2448" width=3264 data-twic-src="image:marcus-coates/images/Marcus_coates_koenig_book_cover.jpg"
801        />
802
803                                                                    <div class="md:hidden pt-4 px-1">
804                                        <h2 class="text-lg"><span class="italic">Marcus Coates</span>, 2016</h2>
805                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
806                                                                                                                                                <div>Publication</div>
807                                                
808                                                                                    </div>
809                                        
810                                    </div>
811                            </a>
812                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
813                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/160-marcus-coates-publication">
814
815                                    <h2 class="text-lg"><span class="italic">Marcus Coates</span>, 2016</h2>
816                                </a>
817                                <div class="flex flex-wrap text-cat">
818                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/publication">Publication</a></div>
819                                        
820                                                                    </div>
821                            
822                        </div>
823                    </div>
824                
825            
826                                                                                
827                            
828                                                        
829                        
830
831                    <style>
832                        @media screen and (min-width: 768px) { 
833                            #higgle-1502014954 {
834                                margin: 1.6323rem 0.36662rem 0.76118rem 0.40008rem; padding: 4.075rem 0.25rem 0rem 0.55rem 
835                            }
836                        }
837                    </style>
838                    
839                
840                    <div id="higgle-1502014954" class="self-start 2xl:self-center md:flex items-start 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
841                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
841h-[250px] 2xl:p-10 md:flex items-start 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/159-the-last-of-its-kind">
842                                                                                                                                    
843    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1079" width=1920 data-twic-src="image:marcus-coates/images/LastOfItsKind_still_copy.jpg"
844        />
845
846                                                                    <div class="md:hidden pt-4 px-1">
847                                        <h2 class="text-lg"><span class="italic">The Last of its Kind</span>, 2017</h2>
848                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
849                                                                                                                                                <div>Performance</div>
850                                                
851                                                                                                                                                <div>, Video</div>
852                                                
853                                                                                    </div>
854                                        
855                                    </div>
856                            </a>
857                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
858                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/159-the-last-of-its-kind">
859
860                                    <h2 class="text-lg"><span class="italic">The Last of its Kind</span>, 2017</h2>
861                                </a>
862                                <div class="flex flex-wrap text-cat">
863                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
864                                        
865                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a></div>
866                                        
867                                                                    </div>
868                            
869                        </div>
870                    </div>
871                
872            
873                                                                                
874                            
875                                                        
876                    
877
878                    <style>
879                        @media screen and (min-width: 768px) { 
880                            #higgle-2123442947 {
881                                margin: 2.5169rem 0.94545rem 0.42968rem 0.23402rem; padding: 0.35rem 0.75rem 0.65rem 0.25rem 
882                            }
883                        }
884                    </style>
885                    
886                
887                    <div id="higgle-2123442947" class="self-end md:flex items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
888                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
888h-[250px] 2xl:p-10 md:flex items-end w-full" href="https://marcuscoates.co.uk/projects/158-apology-to-the-great-auk">
889                                                                                                                                    
890    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3888" width=5184 data-twic-src="image:marcus-coates/images/Mayor_of_Fogo_Island_and_Coates.JPG"
891        />
892
893                                                                    <div class="md:hidden pt-4 px-1">
894                                        <h2 class="text-lg"><span class="italic">Apology to the Great Auk</span>, 2017</h2>
895                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
896                                                                                                                                                <div>Participation</div>
897                                                
898                                                                                                                                                <div>, Ritual</div>
899                                                
900                                                                                                                                                <div>, Performance</div>
901                                                
902                                                                                                                                                <div>, Video</div>
903                                                
904                                                                                    </div>
905                                        
906                                    </div>
907                            </a>
908                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
909                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/158-apology-to-the-great-auk">
910
911                                    <h2 class="text-lg"><span class="italic">Apology to the Great Auk</span>, 2017</h2>
912                                </a>
913                                <div class="flex flex-wrap text-cat">
914                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
915                                        
916                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a>, &nbsp;</div>
917                                        
918                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
919                                        
920                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a></div>
921                                        
922                                                                    </div>
923                            
924                        </div>
925                    </div>
926                
927            
928                                                                                
929                            
930                                                                                
931                        
932
933                    <style>
934                        @media screen and (min-width: 768px) { 
935                            #higgle-1061136736 {
936                                margin: 0.63523rem 0.23676rem 0.24625rem 0.86206rem; padding: 0rem 0.35rem 3.835rem 0.45rem 
937                            }
938                        }
939                    </style>
940                    
941                
942                    <div id="higgle-1061136736" class="self-start md:flex items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
943                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-start w-full" href="https://marcuscoates.co.uk/projects/157-extinct-animals">
944                                                                                                                                    
945    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3543" width=2657 data-twic-src="image:marcus-coates/images/Yangtze_river_dolphin.jpg"
946        />
947
948                                                                    <div class="md:hidden pt-4 px-1">
949                                        <h2 class="text-lg"><span class="italic">Extinct Animals</span>, 2018</h2>
950                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
951                                                                                                                                                <div>Objects</div>
952                                                
953                                                                                    </div>
954                                        
955                                    </div>
956                            </a>
957                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
958                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/157-extinct-animals">
959
960                                    <h2 class="text-lg"><span class="italic">Extinct Animals</span>, 2018</h2>
961                                </a>
962                                <div class="flex flex-wrap text-cat">
963                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a></div>
964                                        
965                                                                    </div>
966                            
967                        </div>
968                    </div>
969                
970            
971                                                                                
972                            
973                                                        
974                        
975
976                    <style>
977                        @media screen and (min-width: 768px) { 
978                            #higgle-1480466634 {
979                                margin: 2.67364rem 0.27822rem 0.73739rem 0.67902rem; padding: 3.195rem 0.25rem 0rem 0.25rem 
980                            }
981                        }
982                    </style>
983                    
984                
985                    <div id="higgle-1480466634" class="self-end xl:self-center md:flex items-end 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
986                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
986h-[250px] 2xl:p-10 md:flex items-end 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/156-skylark">
987                                                                                                                                    
988    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1442" width=2560 data-twic-src="image:marcus-coates/images/skylark_thumbnail.jpeg"
989        />
990
991                                                                    <div class="md:hidden pt-4 px-1">
992                                        <h2 class="text-lg"><span class="italic">Skylark</span>, 2016</h2>
993                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
994                                                                                                                                                <div>Vocal</div>
995                                                
996                                                                                                                                                <div>, Performance</div>
997                                                
998                                                                                                                                                <div>, Video</div>
999                                                
1000                                                                                    </div>
1001                                        
1002                                    </div>
1003                            </a>
1004                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1005                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/156-skylark">
1006
1007                                    <h2 class="text-lg"><span class="italic">Skylark</span>, 2016</h2>
1008                                </a>
1009                                <div class="flex flex-wrap text-cat">
1010                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a>, &nbsp;</div>
1011                                        
1012                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
1013                                        
1014                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a></div>
1015                                        
1016                                                                    </div>
1017                            
1018                        </div>
1019                    </div>
1020                
1021            
1022                                                                                
1023                            
1024                                                        
1025                        
1026
1027                    <style>
1028                        @media screen and (min-width: 768px) { 
1029                            #higgle-1170750092 {
1030                                margin: 0.18678rem 0.60374rem 0.32008rem 0.59484rem; padding: 0.25rem 0.55rem 0.65rem 0.25rem 
1031                            }
1032                        }
1033                    </style>
1034                    
1035                
1036                    <div id="higgle-1170750092" class="self-start 2xl:self-end md:flex items-start 2xl:items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1037                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
1037h-[250px] 2xl:p-10 md:flex items-start 2xl:items-end w-full" href="https://marcuscoates.co.uk/projects/154-self-portrait-as-time">
1038                                                                                                                                    
1039    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1440" width=2560 data-twic-src="image:marcus-coates/images/tick_thumbnail.jpeg"
1040        />
1041
1042                                                                    <div class="md:hidden pt-4 px-1">
1043                                        <h2 class="text-lg"><span class="italic">Self Portrait as Time</span>, 2016</h2>
1044                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1045                                                                                                                                                <div>Video</div>
1046                                                
1047                                                                                    </div>
1048                                        
1049                                    </div>
1050                            </a>
1051                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1052                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/154-self-portrait-as-time">
1053
1054                                    <h2 class="text-lg"><span class="italic">Self Portrait as Time</span>, 2016</h2>
1055                                </a>
1056                                <div class="flex flex-wrap text-cat">
1057                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a></div>
1058                                        
1059                                                                    </div>
1060                            
1061                        </div>
1062                    </div>
1063                
1064            
1065                                                                                
1066                            
1067                                                                                
1068                        
1069
1070                    <style>
1071                        @media screen and (min-width: 768px) { 
1072                            #higgle-166032071 {
1073                                margin: 2.74468rem 0.89991rem 0.56424rem 0.02228rem; padding: 0rem 0.55rem 3.405rem 0.65rem 
1074                            }
1075                        }
1076                    </style>
1077                    
1078                
1079                    <div id="higgle-166032071" class="self-end 2xl:self-start md:flex items-end 2xl:items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1080                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
1080h-[250px] 2xl:p-10 md:flex items-end 2xl:items-start w-full" href="https://marcuscoates.co.uk/projects/153-humpback-whale">
1081                                                                                                                                    
1082    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1438" width=2560 data-twic-src="image:marcus-coates/images/HUmbackwhale_thumb.jpeg"
1083        />
1084
1085                                                                    <div class="md:hidden pt-4 px-1">
1086                                        <h2 class="text-lg"><span class="italic">Humpback Whale</span>, 2016</h2>
1087                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1088                                                                                                                                                <div>Performance</div>
1089                                                
1090                                                                                                                                                <div>, Video</div>
1091                                                
1092                                                                                                                                                <div>, Vocal</div>
1093                                                
1094                                                                                    </div>
1095                                        
1096                                    </div>
1097                            </a>
1098                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1099                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/153-humpback-whale">
1100
1101                                    <h2 class="text-lg"><span class="italic">Humpback Whale</span>, 2016</h2>
1102                                </a>
1103                                <div class="flex flex-wrap text-cat">
1104                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
1105                                        
1106                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
1107                                        
1108                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a></div>
1109                                        
1110                                                                    </div>
1111                            
1112                        </div>
1113                    </div>
1114                
1115            
1116                                                                                
1117                            
1118                                                        
1119                        
1120
1121                    <style>
1122                        @media screen and (min-width: 768px) { 
1123                            #higgle-1421540671 {
1124                                margin: 1.50603rem 0.47263rem 0.61588rem 0.54391rem; padding: 3.885rem 0.35rem 0rem 0.65rem 
1125                            }
1126                        }
1127                    </style>
1128                    
1129                
1130                    <div id="higgle-1421540671" class="self-start 2xl:self-center md:flex items-start 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1131                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
1131h-[250px] 2xl:p-10 md:flex items-start 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/113-arrivals-departures-rituals">
1132                                                                                                                                    
1133    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="800" width=1200 data-twic-src="image:marcus-coates/images/bird_paradeMC_9523.jpg"
1134        />
1135
1136                                                                    <div class="md:hidden pt-4 px-1">
1137                                        <h2 class="text-lg"><span class="italic">Arrivals/Departures, Rituals</span>, </h2>
1138                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1139                                                                                                                                                <div>Participation</div>
1140                                                
1141                                                                                                                                                <div>, Performance</div>
1142                                                
1143                                                                                                                                                <div>, Ritual</div>
1144                                                
1145                                                                                    </div>
1146                                        
1147                                    </div>
1148                            </a>
1149                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1150                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/113-arrivals-departures-rituals">
1151
1152                                    <h2 class="text-lg"><span class="italic">Arrivals/Departures, Rituals</span>, </h2>
1153                                </a>
1154                                <div class="flex flex-wrap text-cat">
1155                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
1156                                        
1157                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
1158                                        
1159                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a></div>
1160                                        
1161                                                                    </div>
1162                            
1163                        </div>
1164                    </div>
1165                
1166            
1167                                                                                
1168                            
1169                                                        
1170                    
1171
1172                    <style>
1173                        @media screen and (min-width: 768px) { 
1174                            #higgle-1312801633 {
1175                                margin: 1.82391rem 0.95571rem 0.44009rem 0.86161rem; padding: 0.45rem 0.75rem 0.45rem 0.45rem 
1176                            }
1177                        }
1178                    </style>
1179                    
1180                
1181                    <div id="higgle-1312801633" class="self-end md:flex items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1182                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
1182h-[250px] 2xl:p-10 md:flex items-end w-full" href="https://marcuscoates.co.uk/projects/120-you-might-as-well-ask-a-crow">
1183                                                                                                                                    
1184    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2002" width=3000 data-twic-src="image:marcus-coates/images/crow_installation2.jpg"
1185        />
1186
1187                                                                    <div class="md:hidden pt-4 px-1">
1188                                        <h2 class="text-lg"><span class="italic">You might as well ask a crow</span>, </h2>
1189                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1190                                                                                                                                                <div>Question and answer</div>
1191                                                
1192                                                                                    </div>
1193                                        
1194                                    </div>
1195                            </a>
1196                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1197                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/120-you-might-as-well-ask-a-crow">
1198
1199                                    <h2 class="text-lg"><span class="italic">You might as well ask a crow</span>, </h2>
1200                                </a>
1201                                <div class="flex flex-wrap text-cat">
1202                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a></div>
1203                                        
1204                                                                    </div>
1205                            
1206                        </div>
1207                    </div>
1208                
1209            
1210                                                                                
1211                            
1212                                                                                
1213                        
1214
1215                    <style>
1216                        @media screen and (min-width: 768px) { 
1217                            #higgle-94992880 {
1218                                margin: 1.00429rem 0.86561rem 0.09741rem 0.89691rem; padding: 0rem 0.55rem 5.555rem 0.55rem 
1219                            }
1220                        }
1221                    </style>
1222                    
1223                
1224                    <div id="higgle-94992880" class="self-start md:flex items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1225                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
1225h-[250px] 2xl:p-10 md:flex items-start w-full" href="https://marcuscoates.co.uk/projects/118-moths-mayfly-butterfly-and-slugs">
1226                                                                                                                                    
1227    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="992" width=1702 data-twic-src="image:marcus-coates/images/Convolvulus_Hawk_Moth_detail2.jpg"
1228        />
1229
1230                                                                    <div class="md:hidden pt-4 px-1">
1231                                        <h2 class="text-lg"><span class="italic">Moths, mayfly, butterfly and slugs</span>, 2013</h2>
1232                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1233                                                                                                                                                <div>Photography</div>
1234                                                
1235                                                                                    </div>
1236                                        
1237                                    </div>
1238                            </a>
1239                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1240                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/118-moths-mayfly-butterfly-and-slugs">
1241
1242                                    <h2 class="text-lg"><span class="italic">Moths, mayfly, butterfly and slugs</span>, 2013</h2>
1243                                </a>
1244                                <div class="flex flex-wrap text-cat">
1245                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a></div>
1246                                        
1247                                                                    </div>
1248                            
1249                        </div>
1250                    </div>
1251                
1252            
1253                                                                                
1254                            
1255                                                        
1256                        
1257
1258                    <style>
1259                        @media screen and (min-width: 768px) { 
1260                            #higgle-2039849217 {
1261                                margin: 0.94517rem 0.9067rem 0.69423rem 0.45081rem; padding: 2.055rem 0.55rem 0rem 0.65rem 
1262                            }
1263                        }
1264                    </style>
1265                    
1266                
1267                    <div id="higgle-2039849217" class="self-end xl:self-center md:flex items-end 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1268                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
1268h-[250px] 2xl:p-10 md:flex items-end 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/104-arrivals-departures-nature-calendar">
1269                                                                                                                                    
1270    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3000" width=4498 data-twic-src="image:marcus-coates/images/screen_salmon.jpg"
1271        />
1272
1273                                                                    <div class="md:hidden pt-4 px-1">
1274                                        <h2 class="text-lg"><span class="italic">Arrivals/Departures Nature Calendar</span>, 2016</h2>
1275                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1276                                                                                                                                                <div>Text</div>
1277                                                
1278                                                                                                                                                <div>, Objects</div>
1279                                                
1280                                                                                                                                                <div>, Publication</div>
1281                                                
1282                                                                                    </div>
1283                                        
1284                                    </div>
1285                            </a>
1286                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1287                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/104-arrivals-departures-nature-calendar">
1288
1289                                    <h2 class="text-lg"><span class="italic">Arrivals/Departures Nature Calendar</span>, 2016</h2>
1290                                </a>
1291                                <div class="flex flex-wrap text-cat">
1292                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/text">Text</a>, &nbsp;</div>
1293                                        
1294                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a>, &nbsp;</div>
1295                                        
1296                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/publication">Publication</a></div>
1297                                        
1298                                                                    </div>
1299                            
1300                        </div>
1301                    </div>
1302                
1303            
1304                                                                                
1305                            
1306                                                        
1307                        
1308
1309                    <style>
1310                        @media screen and (min-width: 768px) { 
1311                            #higgle-2000125269 {
1312                                margin: 1.18847rem 0.64787rem 0.42338rem 0.54654rem; padding: 0.25rem 0.25rem 0.25rem 0.45rem 
1313                            }
1314                        }
1315                    </style>
1316                    
1317                
1318                    <div id="higgle-2000125269" class="self-start 2xl:self-end md:flex items-start 2xl:items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1319                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
1319h-[250px] 2xl:p-10 md:flex items-start 2xl:items-end w-full" href="https://marcuscoates.co.uk/projects/99-creative-fitness">
1320                                                                                                                                    
1321    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1276" width=2266 data-twic-src="image:marcus-coates/images/creative_finess_still.jpg"
1322        />
1323
1324                                                                    <div class="md:hidden pt-4 px-1">
1325                                        <h2 class="text-lg"><span class="italic">Creative Fitness</span>, 2016</h2>
1326                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1327                                                                                                                                                <div>Performance</div>
1328                                                
1329                                                                                                                                                <div>, Movement</div>
1330                                                
1331                                                                                                                                                <div>, Instruction</div>
1332                                                
1333                                                                                                                                                <div>, Video</div>
1334                                                
1335                                                                                    </div>
1336                                        
1337                                    </div>
1338                            </a>
1339                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1340                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/99-creative-fitness">
1341
1342                                    <h2 class="text-lg"><span class="italic">Creative Fitness</span>, 2016</h2>
1343                                </a>
1344                                <div class="flex flex-wrap text-cat">
1345                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
1346                                        
1347                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/movement">Movement</a>, &nbsp;</div>
1348                                        
1349                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/instruction">Instruction</a>, &nbsp;</div>
1350                                        
1351                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a></div>
1352                                        
1353                                                                    </div>
1354                            
1355                        </div>
1356                    </div>
1357                
1358            
1359                                                                                
1360                            
1361                                                                                
1362                        
1363
1364                    <style>
1365                        @media screen and (min-width: 768px) { 
1366                            #higgle-806497174 {
1367                                margin: 0.80997rem 0.20053rem 0.96421rem 0.58929rem; padding: 0rem 0.35rem 3.575rem 0.75rem 
1368                            }
1369                        }
1370                    </style>
1371                    
1372                
1373                    <div id="higgle-806497174" class="self-end 2xl:self-start md:flex items-end 2xl:items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1374                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-end 2xl:items-start w-full" href="https://marcuscoates.co.uk/projects/97-answer-painting">
1375                                                                                                                                    
1376    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3406" width=2779 data-twic-src="image:marcus-coates/images/batman_superman.jpg"
1377        />
1378
1379                                                                    <div class="md:hidden pt-4 px-1">
1380                                        <h2 class="text-lg"><span class="italic">Answer Painting</span>, 2015</h2>
1381                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1382                                                                                                                                                <div>Painting</div>
1383                                                
1384                                                                                                                                                <div>, Installation</div>
1385                                                
1386                                                                                                                                                <div>, Question and answer</div>
1387                                                
1388                                                                                                                                                <div>, Participation</div>
1389                                                
1390                                                                                                                                                <div>, Performance</div>
1391                                                
1392                                                                                    </div>
1393                                        
1394                                    </div>
1395                            </a>
1396                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1397                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/97-answer-painting">
1398
1399                                    <h2 class="text-lg"><span class="italic">Answer Painting</span>, 2015</h2>
1400                                </a>
1401                                <div class="flex flex-wrap text-cat">
1402                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/painting">Painting</a>, &nbsp;</div>
1403                                        
1404                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/installation">Installation</a>, &nbsp;</div>
1405                                        
1406                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a>, &nbsp;</div>
1407                                        
1408                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
1409                                        
1410                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a></div>
1411                                        
1412                                                                    </div>
1413                            
1414                        </div>
1415                    </div>
1416                
1417            
1418                                                                                
1419                            
1420                                                        
1421                        
1422
1423                    <style>
1424                        @media screen and (min-width: 768px) { 
1425                            #higgle-488160230 {
1426                                margin: 1.67483rem 0.70805rem 0.65812rem 0.48095rem; padding: 4.535rem 0.25rem 0rem 0.55rem 
1427                            }
1428                        }
1429                    </style>
1430                    
1431                
1432                    <div id="higgle-488160230" class="self-start 2xl:self-center md:flex items-start 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1433                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-start 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/96-ur-a-practical-guide-to-unconscious-reasoning">
1434                                                                                                                                    
1435    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2448" width=3264 data-twic-src="image:marcus-coates/images/UR_cover.jpg"
1436        />
1437
1438                                                                    <div class="md:hidden pt-4 px-1">
1439                                        <h2 class="text-lg"><span class="italic">UR… A Practical Guide to Unconscious Reasoning</span>, 2014</h2>
1440                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1441                                                                                                                                                <div>Ritual</div>
1442                                                
1443                                                                                                                                                <div>, Drawing</div>
1444                                                
1445                                                                                                                                                <div>, Text</div>
1446                                                
1447                                                                                                                                                <div>, Publication</div>
1448                                                
1449                                                                                                                                                <div>, Instruction</div>
1450                                                
1451                                                                                    </div>
1452                                        
1453                                    </div>
1454                            </a>
1455                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1456                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/96-ur-a-practical-guide-to-unconscious-reasoning">
1457
1458                                    <h2 class="text-lg"><span class="italic">UR… A Practical Guide to Unconscious Reasoning</span>, 2014</h2>
1459                                </a>
1460                                <div class="flex flex-wrap text-cat">
1461                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a>, &nbsp;</div>
1462                                        
1463                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/drawing">Drawing</a>, &nbsp;</div>
1464                                        
1465                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/text">Text</a>, &nbsp;</div>
1466                                        
1467                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/publication">Publication</a>, &nbsp;</div>
1468                                        
1469                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/instruction">Instruction</a></div>
1470                                        
1471                                                                    </div>
1472                            
1473                        </div>
1474                    </div>
1475                
1476            
1477                                                                                
1478                            
1479                                                        
1480                    
1481
1482                    <style>
1483                        @media screen and (min-width: 768px) { 
1484                            #higgle-1472997531 {
1485                                margin: 2.25729rem 0.45811rem 0.27539rem 0.9702rem; padding: 0.35rem 0.25rem 0.25rem 0.55rem 
1486                            }
1487                        }
1488                    </style>
1489                    
1490                
1491                    <div id="higgle-1472997531" class="self-end md:flex items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1492                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-end w-full" href="https://marcuscoates.co.uk/projects/95-school-of-the-imagination">
1493                                                                                                                                    
1494    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1849" width=3285 data-twic-src="image:marcus-coates/images/AA0017_01_15JA00270800.jpg"
1495        />
1496
1497                                                                    <div class="md:hidden pt-4 px-1">
1498                                        <h2 class="text-lg"><span class="italic">School of the Imagination</span>, 2013</h2>
1499                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1500                                                                                                                                                <div>Ritual</div>
1501                                                
1502                                                                                                                                                <div>, Question and answer</div>
1503                                                
1504                                                                                                                                                <div>, Participation</div>
1505                                                
1506                                                                                                                                                <div>, Video</div>
1507                                                
1508                                                                                    </div>
1509                                        
1510                                    </div>
1511                            </a>
1512                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1513                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/95-school-of-the-imagination">
1514
1515                                    <h2 class="text-lg"><span class="italic">School of the Imagination</span>, 2013</h2>
1516                                </a>
1517                                <div class="flex flex-wrap text-cat">
1518                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a>, &nbsp;</div>
1519                                        
1520                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a>, &nbsp;</div>
1521                                        
1522                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
1523                                        
1524                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a></div>
1525                                        
1526                                                                    </div>
1527                            
1528                        </div>
1529                    </div>
1530                
1531            
1532                                                                                
1533                            
1534                                                                                
1535                        
1536
1537                    <style>
1538                        @media screen and (min-width: 768px) { 
1539                            #higgle-502817135 {
1540                                margin: 0.87771rem 0.92942rem 0.44378rem 0.93166rem; padding: 0rem 0.65rem 5.285rem 0.55rem 
1541                            }
1542                        }
1543                    </style>
1544                    
1545                
1546                    <div id="higgle-502817135" class="self-start md:flex items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1547                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-start w-full" href="https://marcuscoates.co.uk/projects/94-the-trip">
1548                                                                                                                                    
1549    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1761" width=3129 data-twic-src="image:marcus-coates/images/the_trip1.jpg"
1550        />
1551
1552                                                                    <div class="md:hidden pt-4 px-1">
1553                                        <h2 class="text-lg"><span class="italic">The Trip</span>, 2011</h2>
1554                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1555                                                                                                                                                <div>Participation</div>
1556                                                
1557                                                                                                                                                <div>, Video</div>
1558                                                
1559                                                                                    </div>
1560                                        
1561                                    </div>
1562                            </a>
1563                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1564                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/94-the-trip">
1565
1566                                    <h2 class="text-lg"><span class="italic">The Trip</span>, 2011</h2>
1567                                </a>
1568                                <div class="flex flex-wrap text-cat">
1569                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
1570                                        
1571                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a></div>
1572                                        
1573                                                                    </div>
1574                            
1575                        </div>
1576                    </div>
1577                
1578            
1579                                                                                
1580                            
1581                                                        
1582                        
1583
1584                    <style>
1585                        @media screen and (min-width: 768px) { 
1586                            #higgle-374867725 {
1587                                margin: 0.2599rem 0.03468rem 0.37749rem 0.85758rem; padding: 3.545rem 0.35rem 0rem 0.55rem 
1588                            }
1589                        }
1590                    </style>
1591                    
1592                
1593                    <div id="higgle-374867725" class="self-end xl:self-center md:flex items-end 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1594                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
1594h-[250px] 2xl:p-10 md:flex items-end 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/93-a-question-of-movement">
1595                                                                                                                                    
1596    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3848" width=5770 data-twic-src="image:marcus-coates/images/3RV9521.jpg"
1597        />
1598
1599                                                                    <div class="md:hidden pt-4 px-1">
1600                                        <h2 class="text-lg"><span class="italic">A Question of Movement</span>, 2011</h2>
1601                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1602                                                                                                                                                <div>Participation</div>
1603                                                
1604                                                                                                                                                <div>, Video</div>
1605                                                
1606                                                                                                                                                <div>, Movement</div>
1607                                                
1608                                                                                                                                                <div>, Question and answer</div>
1609                                                
1610                                                                                    </div>
1611                                        
1612                                    </div>
1613                            </a>
1614                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1615                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/93-a-question-of-movement">
1616
1617                                    <h2 class="text-lg"><span class="italic">A Question of Movement</span>, 2011</h2>
1618                                </a>
1619                                <div class="flex flex-wrap text-cat">
1620                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
1621                                        
1622                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
1623                                        
1624                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/movement">Movement</a>, &nbsp;</div>
1625                                        
1626                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a></div>
1627                                        
1628                                                                    </div>
1629                            
1630                        </div>
1631                    </div>
1632                
1633            
1634                                                                                
1635                            
1636                                                        
1637                        
1638
1639                    <style>
1640                        @media screen and (min-width: 768px) { 
1641                            #higgle-1676877364 {
1642                                margin: 1.12698rem 0.37241rem 0.71185rem 0.023rem; padding: 0.25rem 0.45rem 0.75rem 0.75rem 
1643                            }
1644                        }
1645                    </style>
1646                    
1647                
1648                    <div id="higgle-1676877364" class="self-start 2xl:self-end md:flex items-start 2xl:items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1649                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-start 2xl:items-end w-full" href="https://marcuscoates.co.uk/projects/91-vision-quest-a-ritual-for-elephant-and-castle">
1650                                                                                                                                    
1651    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="4096" width=6144 data-twic-src="image:marcus-coates/images/31P1042.jpg"
1652        />
1653
1654                                                                    <div class="md:hidden pt-4 px-1">
1655                                        <h2 class="text-lg"><span class="italic">Vision Quest, a Ritual for Elephant and Castle</span>, 2008</h2>
1656                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1657                                                                                                                                                <div>Ritual</div>
1658                                                
1659                                                                                                                                                <div>, Photography</div>
1660                                                
1661                                                                                                                                                <div>, Costume</div>
1662                                                
1663                                                                                                                                                <div>, Video</div>
1664                                                
1665                                                                                                                                                <div>, Performance</div>
1666                                                
1667                                                                                                                                                <div>, Participation</div>
1668                                                
1669                                                                                    </div>
1670                                        
1671                                    </div>
1672                            </a>
1673                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1674                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/91-vision-quest-a-ritual-for-elephant-and-castle">
1675
1676                                    <h2 class="text-lg"><span class="italic">Vision Quest, a Ritual for Elephant and Castle</span>, 2008</h2>
1677                                </a>
1678                                <div class="flex flex-wrap text-cat">
1679                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a>, &nbsp;</div>
1680                                        
1681                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a>, &nbsp;</div>
1682                                        
1683                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a>, &nbsp;</div>
1684                                        
1685                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
1686                                        
1687                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
1688                                        
1689                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a></div>
1690                                        
1691                                                                    </div>
1692                            
1693                        </div>
1694                    </div>
1695                
1696            
1697                                                                                
1698                            
1699                                                                                
1700                        
1701
1702                    <style>
1703                        @media screen and (min-width: 768px) { 
1704                            #higgle-205902705 {
1705                                margin: 2.43511rem 0.32275rem 0.94282rem 0.33197rem; padding: 0rem 0.35rem 3.465rem 0.45rem 
1706                            }
1707                        }
1708                    </style>
1709                    
1710                
1711                    <div id="higgle-205902705" class="self-end 2xl:self-start md:flex items-end 2xl:items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1712                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-end 2xl:items-start w-full" href="https://marcuscoates.co.uk/projects/90-zurich-rituals-in-other-words-symposium">
1713                                                                                                                                    
1714    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2448" width=3264 data-twic-src="image:marcus-coates/images/zurich_symposium2.jpeg"
1715        />
1716
1717                                                                    <div class="md:hidden pt-4 px-1">
1718                                        <h2 class="text-lg"><span class="italic">Zurich Rituals (In Other Words Symposium)</span>, 2009</h2>
1719                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1720                                                                                                                                                <div>Ritual</div>
1721                                                
1722                                                                                                                                                <div>, Performance</div>
1723                                                
1724                                                                                                                                                <div>, Participation</div>
1725                                                
1726                                                                                                                                                <div>, Question and answer</div>
1727                                                
1728                                                                                    </div>
1729                                        
1730                                    </div>
1731                            </a>
1732                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1733                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/90-zurich-rituals-in-other-words-symposium">
1734
1735                                    <h2 class="text-lg"><span class="italic">Zurich Rituals (In Other Words Symposium)</span>, 2009</h2>
1736                                </a>
1737                                <div class="flex flex-wrap text-cat">
1738                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a>, &nbsp;</div>
1739                                        
1740                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
1741                                        
1742                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
1743                                        
1744                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a></div>
1745                                        
1746                                                                    </div>
1747                            
1748                        </div>
1749                    </div>
1750                
1751            
1752                                                                                
1753                            
1754                                                        
1755                        
1756
1757                    <style>
1758                        @media screen and (min-width: 768px) { 
1759                            #higgle-1813839646 {
1760                                margin: 2.9195rem 0.6598rem 0.76441rem 0.14549rem; padding: 2.745rem 0.75rem 0rem 0.65rem 
1761                            }
1762                        }
1763                    </style>
1764                    
1765                
1766                    <div id="higgle-1813839646" class="self-start 2xl:self-center md:flex items-start 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1767                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-start 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/89-zurich-rituals">
1768                                                                                                                                    
1769    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2059" width=1609 data-twic-src="image:marcus-coates/images/DSCN5788.jpg"
1770        />
1771
1772                                                                    <div class="md:hidden pt-4 px-1">
1773                                        <h2 class="text-lg"><span class="italic">Zurich Rituals</span>, 2009</h2>
1774                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1775                                                                                                                                                <div>Ritual</div>
1776                                                
1777                                                                                                                                                <div>, Performance</div>
1778                                                
1779                                                                                                                                                <div>, Participation</div>
1780                                                
1781                                                                                                                                                <div>, Question and answer</div>
1782                                                
1783                                                                                    </div>
1784                                        
1785                                    </div>
1786                            </a>
1787                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1788                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/89-zurich-rituals">
1789
1790                                    <h2 class="text-lg"><span class="italic">Zurich Rituals</span>, 2009</h2>
1791                                </a>
1792                                <div class="flex flex-wrap text-cat">
1793                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a>, &nbsp;</div>
1794                                        
1795                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
1796                                        
1797                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
1798                                        
1799                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a></div>
1800                                        
1801                                                                    </div>
1802                            
1803                        </div>
1804                    </div>
1805                
1806            
1807                                                                                
1808                            
1809                                                        
1810                    
1811
1812                    <style>
1813                        @media screen and (min-width: 768px) { 
1814                            #higgle-657131259 {
1815                                margin: 0.0309rem 0.32467rem 0.6329rem 0.77234rem; padding: 0.35rem 0.75rem 0.25rem 0.25rem 
1816                            }
1817                        }
1818                    </style>
1819                    
1820                
1821                    <div id="higgle-657131259" class="self-end md:flex items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1822                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-end w-full" href="https://marcuscoates.co.uk/projects/86-shopping-centre-ritual">
1823                                                                                                                                    
1824    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="5999" width=4705 data-twic-src="image:marcus-coates/images/MC_3390_300_fms.jpg"
1825        />
1826
1827                                                                    <div class="md:hidden pt-4 px-1">
1828                                        <h2 class="text-lg"><span class="italic">Shopping centre ritual</span>, 2009</h2>
1829                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1830                                                                                                                                                <div>Ritual</div>
1831                                                
1832                                                                                                                                                <div>, Performance</div>
1833                                                
1834                                                                                                                                                <div>, Participation</div>
1835                                                
1836                                                                                                                                                <div>, Question and answer</div>
1837                                                
1838                                                                                    </div>
1839                                        
1840                                    </div>
1841                            </a>
1842                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1843                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/86-shopping-centre-ritual">
1844
1845                                    <h2 class="text-lg"><span class="italic">Shopping centre ritual</span>, 2009</h2>
1846                                </a>
1847                                <div class="flex flex-wrap text-cat">
1848                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a>, &nbsp;</div>
1849                                        
1850                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
1851                                        
1852                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
1853                                        
1854                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a></div>
1855                                        
1856                                                                    </div>
1857                            
1858                        </div>
1859                    </div>
1860                
1861            
1862                                                                                
1863                            
1864                                                                                
1865                        
1866
1867                    <style>
1868                        @media screen and (min-width: 768px) { 
1869                            #higgle-222853878 {
1870                                margin: 2.88987rem 0.34855rem 0.6525rem 0.66671rem; padding: 0rem 0.35rem 2.805rem 0.25rem 
1871                            }
1872                        }
1873                    </style>
1874                    
1875                
1876                    <div id="higgle-222853878" class="self-start md:flex items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1877                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-start w-full" href="https://marcuscoates.co.uk/projects/85-the-plover-s-wing-a-meeting-with-the-mayor-of-holon-israel">
1878                                                                                                                                    
1879    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="749" width=999 data-twic-src="image:marcus-coates/images/ritual3_copy.jpg"
1880        />
1881
1882                                                                    <div class="md:hidden pt-4 px-1">
1883                                        <h2 class="text-lg"><span class="italic">The Plover’s Wing: a Meeting with the Mayor of Holon, Israel</span>, 2009</h2>
1884                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1885                                                                                                                                                <div>Ritual</div>
1886                                                
1887                                                                                                                                                <div>, Video</div>
1888                                                
1889                                                                                                                                                <div>, Performance</div>
1890                                                
1891                                                                                                                                                <div>, Participation</div>
1892                                                
1893                                                                                                                                                <div>, Question and answer</div>
1894                                                
1895                                                                                    </div>
1896                                        
1897                                    </div>
1898                            </a>
1899                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1900                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/85-the-plover-s-wing-a-meeting-with-the-mayor-of-holon-israel">
1901
1902                                    <h2 class="text-lg"><span class="italic">The Plover’s Wing: a Meeting with the Mayor of Holon, Israel</span>, 2009</h2>
1903                                </a>
1904                                <div class="flex flex-wrap text-cat">
1905                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a>, &nbsp;</div>
1906                                        
1907                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
1908                                        
1909                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
1910                                        
1911                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
1912                                        
1913                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a></div>
1914                                        
1915                                                                    </div>
1916                            
1917                        </div>
1918                    </div>
1919                
1920            
1921                                                                                
1922                            
1923                                                        
1924                        
1925
1926                    <style>
1927                        @media screen and (min-width: 768px) { 
1928                            #higgle-1704780744 {
1929                                margin: 0.68207rem 0.92184rem 0.65321rem 0.49751rem; padding: 4.625rem 0.65rem 0rem 0.55rem 
1930                            }
1931                        }
1932                    </style>
1933                    
1934                
1935                    <div id="higgle-1704780744" class="self-end xl:self-center md:flex items-end 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1936                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-end 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/84-pastoral-spirit">
1937                                                                                                                                    
1938    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="4320" width=3240 data-twic-src="image:marcus-coates/images/all-hallows-london-wall-exterior_copy.jpg"
1939        />
1940
1941                                                                    <div class="md:hidden pt-4 px-1">
1942                                        <h2 class="text-lg"><span class="italic">Pastoral Spirit</span>, 2008</h2>
1943                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
1944                                                                                                                                                <div>Ritual</div>
1945                                                
1946                                                                                                                                                <div>, Costume</div>
1947                                                
1948                                                                                                                                                <div>, Performance</div>
1949                                                
1950                                                                                                                                                <div>, Participation</div>
1951                                                
1952                                                                                                                                                <div>, Question and answer</div>
1953                                                
1954                                                                                    </div>
1955                                        
1956                                    </div>
1957                            </a>
1958                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
1959                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/84-pastoral-spirit">
1960
1961                                    <h2 class="text-lg"><span class="italic">Pastoral Spirit</span>, 2008</h2>
1962                                </a>
1963                                <div class="flex flex-wrap text-cat">
1964                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a>, &nbsp;</div>
1965                                        
1966                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a>, &nbsp;</div>
1967                                        
1968                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
1969                                        
1970                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
1971                                        
1972                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a></div>
1973                                        
1974                                                                    </div>
1975                            
1976                        </div>
1977                    </div>
1978                
1979            
1980                                                                                
1981                            
1982                                                        
1983                        
1984
1985                    <style>
1986                        @media screen and (min-width: 768px) { 
1987                            #higgle-109528221 {
1988                                margin: 2.73667rem 0.39749rem 0.57761rem 0.30148rem; padding: 0.25rem 0.45rem 0.65rem 0.65rem 
1989                            }
1990                        }
1991                    </style>
1992                    
1993                
1994                    <div id="higgle-109528221" class="self-start 2xl:self-end md:flex items-start 2xl:items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
1995                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-start 2xl:items-end w-full" href="https://marcuscoates.co.uk/projects/83-ritual-for-residents-of-wimbourne-house-southwark">
1996                                                                                                                                    
1997    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3852" width=5779 data-twic-src="image:marcus-coates/images/V5N8420_copy.jpg"
1998        />
1999
2000                                                                    <div class="md:hidden pt-4 px-1">
2001                                        <h2 class="text-lg"><span class="italic">Ritual for Residents of Wimbourne House, Southwark</span>, 2007</h2>
2002                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2003                                                                                                                                                <div>Ritual</div>
2004                                                
2005                                                                                                                                                <div>, Costume</div>
2006                                                
2007                                                                                                                                                <div>, Performance</div>
2008                                                
2009                                                                                                                                                <div>, Participation</div>
2010                                                
2011                                                                                                                                                <div>, Question and answer</div>
2012                                                
2013                                                                                    </div>
2014                                        
2015                                    </div>
2016                            </a>
2017                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2018                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/83-ritual-for-residents-of-wimbourne-house-southwark">
2019
2020                                    <h2 class="text-lg"><span class="italic">Ritual for Residents of Wimbourne House, Southwark</span>, 2007</h2>
2021                                </a>
2022                                <div class="flex flex-wrap text-cat">
2023                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a>, &nbsp;</div>
2024                                        
2025                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a>, &nbsp;</div>
2026                                        
2027                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
2028                                        
2029                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
2030                                        
2031                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a></div>
2032                                        
2033                                                                    </div>
2034                            
2035                        </div>
2036                    </div>
2037                
2038            
2039                                                                                
2040                            
2041                                                                                
2042                        
2043
2044                    <style>
2045                        @media screen and (min-width: 768px) { 
2046                            #higgle-1246323167 {
2047                                margin: 1.92523rem 0.61107rem 0.99
2047186rem 0.07175rem; padding: 0rem 0.65rem 4.495rem 0.55rem 
2048                            }
2049                        }
2050                    </style>
2051                    
2052                
2053                    <div id="higgle-1246323167" class="self-end 2xl:self-start md:flex items-end 2xl:items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2054                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-end 2xl:items-start w-full" href="https://marcuscoates.co.uk/projects/191-voices-from-a-mountain-village">
2055                                                                                                                                    
2056    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1702" width=3024 data-twic-src="image:marcus-coates/images/voices_of_toge_still.jpg"
2057        />
2058
2059                                                                    <div class="md:hidden pt-4 px-1">
2060                                        <h2 class="text-lg"><span class="italic">Voices from a Mountain Village</span>, 2006</h2>
2061                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2062                                                                                                                                                <div>Vocal</div>
2063                                                
2064                                                                                                                                                <div>, Performance</div>
2065                                                
2066                                                                                                                                                <div>, Video</div>
2067                                                
2068                                                                                                                                                <div>, Participation</div>
2069                                                
2070                                                                                    </div>
2071                                        
2072                                    </div>
2073                            </a>
2074                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2075                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/191-voices-from-a-mountain-village">
2076
2077                                    <h2 class="text-lg"><span class="italic">Voices from a Mountain Village</span>, 2006</h2>
2078                                </a>
2079                                <div class="flex flex-wrap text-cat">
2080                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a>, &nbsp;</div>
2081                                        
2082                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
2083                                        
2084                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
2085                                        
2086                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a></div>
2087                                        
2088                                                                    </div>
2089                            
2090                        </div>
2091                    </div>
2092                
2093            
2094                                                                                
2095                            
2096                                                        
2097                        
2098
2099                    <style>
2100                        @media screen and (min-width: 768px) { 
2101                            #higgle-2057491098 {
2102                                margin: 0.67491rem 0.3435rem 0.57766rem 0.21147rem; padding: 4.715rem 0.65rem 0rem 0.25rem 
2103                            }
2104                        }
2105                    </style>
2106                    
2107                
2108                    <div id="higgle-2057491098" class="self-start 2xl:self-center md:flex items-start 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2109                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-start 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/82-rice-ritual">
2110                                                                                                                                    
2111    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3801" width=5065 data-twic-src="image:marcus-coates/images/P1130367_5__copy.jpg"
2112        />
2113
2114                                                                    <div class="md:hidden pt-4 px-1">
2115                                        <h2 class="text-lg"><span class="italic">Rice Ritual</span>, 2006</h2>
2116                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2117                                                                                                                                                <div>Ritual</div>
2118                                                
2119                                                                                                                                                <div>, Costume</div>
2120                                                
2121                                                                                                                                                <div>, Video</div>
2122                                                
2123                                                                                                                                                <div>, Performance</div>
2124                                                
2125                                                                                                                                                <div>, Participation</div>
2126                                                
2127                                                                                                                                                <div>, Question and answer</div>
2128                                                
2129                                                                                    </div>
2130                                        
2131                                    </div>
2132                            </a>
2133                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2134                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/82-rice-ritual">
2135
2136                                    <h2 class="text-lg"><span class="italic">Rice Ritual</span>, 2006</h2>
2137                                </a>
2138                                <div class="flex flex-wrap text-cat">
2139                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a>, &nbsp;</div>
2140                                        
2141                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a>, &nbsp;</div>
2142                                        
2143                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
2144                                        
2145                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
2146                                        
2147                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
2148                                        
2149                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a></div>
2150                                        
2151                                                                    </div>
2152                            
2153                        </div>
2154                    </div>
2155                
2156            
2157                                                                                
2158                            
2159                                                        
2160                    
2161
2162                    <style>
2163                        @media screen and (min-width: 768px) { 
2164                            #higgle-1980563757 {
2165                                margin: 0.49536rem 0.91768rem 0.78044rem 0.97384rem; padding: 0.55rem 0.75rem 0.55rem 0.25rem 
2166                            }
2167                        }
2168                    </style>
2169                    
2170                
2171                    <div id="higgle-1980563757" class="self-end md:flex items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2172                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-end w-full" href="https://marcuscoates.co.uk/projects/81-radio-shaman">
2173                                                                                                                                    
2174    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="797" width=1417 data-twic-src="image:marcus-coates/images/radio_copy.jpg"
2175        />
2176
2177                                                                    <div class="md:hidden pt-4 px-1">
2178                                        <h2 class="text-lg"><span class="italic">Radio Shaman</span>, 2006</h2>
2179                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2180                                                                                                                                                <div>Ritual</div>
2181                                                
2182                                                                                                                                                <div>, Participation</div>
2183                                                
2184                                                                                                                                                <div>, Costume</div>
2185                                                
2186                                                                                                                                                <div>, Video</div>
2187                                                
2188                                                                                                                                                <div>, Performance</div>
2189                                                
2190                                                                                                                                                <div>, Question and answer</div>
2191                                                
2192                                                                                    </div>
2193                                        
2194                                    </div>
2195                            </a>
2196                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2197                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/81-radio-shaman">
2198
2199                                    <h2 class="text-lg"><span class="italic">Radio Shaman</span>, 2006</h2>
2200                                </a>
2201                                <div class="flex flex-wrap text-cat">
2202                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a>, &nbsp;</div>
2203                                        
2204                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
2205                                        
2206                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a>, &nbsp;</div>
2207                                        
2208                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
2209                                        
2210                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
2211                                        
2212                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a></div>
2213                                        
2214                                                                    </div>
2215                            
2216                        </div>
2217                    </div>
2218                
2219            
2220                                                                                
2221                            
2222                                                                                
2223                        
2224
2225                    <style>
2226                        @media screen and (min-width: 768px) { 
2227                            #higgle-855959290 {
2228                                margin: 2.06538rem 0.56829rem 0.84428rem 0.44687rem; padding: 0rem 0.25rem 3.465rem 0.55rem 
2229                            }
2230                        }
2231                    </style>
2232                    
2233                
2234                    <div id="higgle-855959290" class="self-start md:flex items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2235                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-start w-full" href="https://marcuscoates.co.uk/projects/80-kamikuchi-mouth-of-god">
2236                                                                                                                                    
2237    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2016" width=2688 data-twic-src="image:marcus-coates/images/sevensamurai_1710_45_copy.jpg"
2238        />
2239
2240                                                                    <div class="md:hidden pt-4 px-1">
2241                                        <h2 class="text-lg"><span class="italic">Kamikuchi ‘Mouth of God’</span>, 2006</h2>
2242                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2243                                                                                                                                                <div>Ritual</div>
2244                                                
2245                                                                                                                                                <div>, Video</div>
2246                                                
2247                                                                                                                                                <div>, Vocal</div>
2248                                                
2249                                                                                                                                                <div>, Performance</div>
2250                                                
2251                                                                                                                                                <div>, Question and answer</div>
2252                                                
2253                                                                                                                                                <div>, Movement</div>
2254                                                
2255                                                                                                                                                <div>, Participation</div>
2256                                                
2257                                                                                    </div>
2258                                        
2259                                    </div>
2260                            </a>
2261                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2262                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/80-kamikuchi-mouth-of-god">
2263
2264                                    <h2 class="text-lg"><span class="italic">Kamikuchi ‘Mouth of God’</span>, 2006</h2>
2265                                </a>
2266                                <div class="flex flex-wrap text-cat">
2267                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a>, &nbsp;</div>
2268                                        
2269                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
2270                                        
2271                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a>, &nbsp;</div>
2272                                        
2273                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
2274                                        
2275                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a>, &nbsp;</div>
2276                                        
2277                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/movement">Movement</a>, &nbsp;</div>
2278                                        
2279                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a></div>
2280                                        
2281                                                                    </div>
2282                            
2283                        </div>
2284                    </div>
2285                
2286            
2287                                                                                
2288                            
2289                                                        
2290                        
2291
2292                    <style>
2293                        @media screen and (min-width: 768px) { 
2294                            #higgle-277058189 {
2295                                margin: 2.30143rem 0.82435rem 0.707rem 0.81245rem; padding: 3.235rem 0.35rem 0rem 0.75rem 
2296                            }
2297                        }
2298                    </style>
2299                    
2300                
2301                    <div id="higgle-277058189" class="self-end xl:self-center md:flex items-end 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2302                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-end 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/79-tools-for-the-spirit-world-series">
2303                                                                                                                                    
2304    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur " height="4194" width=4961 data-twic-src="image:marcus-coates/images/ugly_face_drink4.jpg"
2305        />
2306
2307                                                                    <div class="md:hidden pt-4 px-1">
2308                                        <h2 class="text-lg"><span class="italic">Tools for the Spirit World Series</span>, 2004</h2>
2309                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2310                                                                                                                                                <div>Ritual</div>
2311                                                
2312                                                                                                                                                <div>, Objects</div>
2313                                                
2314                                                                                                                                                <div>, Costume</div>
2315                                                
2316                                                                                                                                                <div>, Tools</div>
2317                                                
2318                                                                                    </div>
2319                                        
2320                                    </div>
2321                            </a>
2322                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2323                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/79-tools-for-the-spirit-world-series">
2324
2325                                    <h2 class="text-lg"><span class="italic">Tools for the Spirit World Series</span>, 2004</h2>
2326                                </a>
2327                                <div class="flex flex-wrap text-cat">
2328                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a>, &nbsp;</div>
2329                                        
2330                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a>, &nbsp;</div>
2331                                        
2332                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a>, &nbsp;</div>
2333                                        
2334                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/tools">Tools</a></div>
2335                                        
2336                                                                    </div>
2337                            
2338                        </div>
2339                    </div>
2340                
2341            
2342                                                                                
2343                            
2344                                                        
2345                        
2346
2347                    <style>
2348                        @media screen and (min-width: 768px) { 
2349                            #higgle-620062919 {
2350                                margin: 0.46841rem 0.88707rem 0.90546rem 0.61174rem; padding: 0.55rem 0.35rem 0.55rem 0.25rem 
2351                            }
2352                        }
2353                    </style>
2354                    
2355                
2356                    <div id="higgle-620062919" class="self-start 2xl:self-end md:flex items-start 2xl:items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2357                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-start 2xl:items-end w-full" href="https://marcuscoates.co.uk/projects/78-journey-to-the-lower-world">
2358                                                                                                                                    
2359    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="439" width=692 data-twic-src="image:marcus-coates/images/JTLW_block3.jpg"
2360        />
2361
2362                                                                    <div class="md:hidden pt-4 px-1">
2363                                        <h2 class="text-lg"><span class="italic">Journey to the Lower World</span>, 2004</h2>
2364                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2365                                                                                                                                                <div>Performance</div>
2366                                                
2367                                                                                                                                                <div>, Costume</div>
2368                                                
2369                                                                                                                                                <div>, Photography</div>
2370                                                
2371                                                                                                                                                <div>, Participation</div>
2372                                                
2373                                                                                                                                                <div>, Question and answer</div>
2374                                                
2375                                                                                    </div>
2376                                        
2377                                    </div>
2378                            </a>
2379                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2380                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/78-journey-to-the-lower-world">
2381
2382                                    <h2 class="text-lg"><span class="italic">Journey to the Lower World</span>, 2004</h2>
2383                                </a>
2384                                <div class="flex flex-wrap text-cat">
2385                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
2386                                        
2387                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a>, &nbsp;</div>
2388                                        
2389                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a>, &nbsp;</div>
2390                                        
2391                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
2392                                        
2393                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a></div>
2394                                        
2395                                                                    </div>
2396                            
2397                        </div>
2398                    </div>
2399                
2400            
2401                                                                                
2402                            
2403                                                                                
2404                        
2405
2406                    <style>
2407                        @media screen and (min-width: 768px) { 
2408                            #higgle-2007832398 {
2409                                margin: 1.94416rem 0.75654rem 0.9576rem 0.74401rem; padding: 0rem 0.75rem 3.605rem 0.75rem 
2410                            }
2411                        }
2412                    </style>
2413                    
2414                
2415                    <div id="higgle-2007832398" class="self-end 2xl:self-start md:flex items-end 2xl:items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2416                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-end 2xl:items-start w-full" href="https://marcuscoates.co.uk/projects/77-relating-to-apes-a-system-of-degrees">
2417                                                                                                                                    
2418    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2803" width=4200 data-twic-src="image:marcus-coates/images/20150430-3558_copy.jpg"
2419        />
2420
2421                                                                    <div class="md:hidden pt-4 px-1">
2422                                        <h2 class="text-lg"><span class="italic">Relating to Apes – A System of Degrees</span>, 2015</h2>
2423                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2424                                                                                                                                                <div>Performance</div>
2425                                                
2426                                                                                                                                                <div>, Audio</div>
2427                                                
2428                                                                                    </div>
2429                                        
2430                                    </div>
2431                            </a>
2432                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2433                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/77-relating-to-apes-a-system-of-degrees">
2434
2435                                    <h2 class="text-lg"><span class="italic">Relating to Apes – A System of Degrees</span>, 2015</h2>
2436                                </a>
2437                                <div class="flex flex-wrap text-cat">
2438                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
2439                                        
2440                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/audio">Audio</a></div>
2441                                        
2442                                                                    </div>
2443                            
2444                        </div>
2445                    </div>
2446                
2447            
2448                                                                                
2449                            
2450                                                        
2451                        
2452
2453                    <style>
2454                        @media screen and (min-width: 768px) { 
2455                            #higgle-147416880 {
2456                                margin: 0.90644rem 0.72827rem 0.91826rem 0.81241rem; padding: 3.565rem 0.75rem 0rem 0.35rem 
2457                            }
2458                        }
2459                    </style>
2460                    
2461                
2462                    <div id="higgle-147416880" class="self-start 2xl:self-center md:flex items-start 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2463                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
2463h-[250px] 2xl:p-10 md:flex items-start 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/76-degreecoordinates">
2464                                                                                                                                    
2465    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="4000" width=6000 data-twic-src="image:marcus-coates/images/Lola_ya_bonobo.jpg"
2466        />
2467
2468                                                                    <div class="md:hidden pt-4 px-1">
2469                                        <h2 class="text-lg"><span class="italic">Degreecoordinates, Shared Traits of the Hominini</span>, 2015</h2>
2470                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2471                                                                                                                                                <div>Installation</div>
2472                                                
2473                                                                                                                                                <div>, Text</div>
2474                                                
2475                                                                                    </div>
2476                                        
2477                                    </div>
2478                            </a>
2479                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2480                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/76-degreecoordinates">
2481
2482                                    <h2 class="text-lg"><span class="italic">Degreecoordinates, Shared Traits of the Hominini</span>, 2015</h2>
2483                                </a>
2484                                <div class="flex flex-wrap text-cat">
2485                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/installation">Installation</a>, &nbsp;</div>
2486                                        
2487                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/text">Text</a></div>
2488                                        
2489                                                                    </div>
2490                            
2491                        </div>
2492                    </div>
2493                
2494            
2495                                                                                
2496                            
2497                                                        
2498                    
2499
2500                    <style>
2501                        @media screen and (min-width: 768px) { 
2502                            #higgle-279378218 {
2503                                margin: 1.38852rem 0.66358rem 0.53417rem 0.20822rem; padding: 0.65rem 0.75rem 0.25rem 0.45rem 
2504                            }
2505                        }
2506                    </style>
2507                    
2508                
2509                    <div id="higgle-279378218" class="self-end md:flex items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2510                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
2510h-[250px] 2xl:p-10 md:flex items-end w-full" href="https://marcuscoates.co.uk/projects/75-the-sounds-of-others">
2511                                                                                                                                    
2512    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1958" width=3429 data-twic-src="image:marcus-coates/images/whale_freq.jpg"
2513        />
2514
2515                                                                    <div class="md:hidden pt-4 px-1">
2516                                        <h2 class="text-lg"><span class="italic">The Sounds of Others</span>, 2014</h2>
2517                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2518                                                                                                                                                <div>Installation</div>
2519                                                
2520                                                                                                                                                <div>, Audio</div>
2521                                                
2522                                                                                                                                                <div>, Vocal</div>
2523                                                
2524                                                                                                                                                <div>, Video</div>
2525                                                
2526                                                                                    </div>
2527                                        
2528                                    </div>
2529                            </a>
2530                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2531                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/75-the-sounds-of-others">
2532
2533                                    <h2 class="text-lg"><span class="italic">The Sounds of Others</span>, 2014</h2>
2534                                </a>
2535                                <div class="flex flex-wrap text-cat">
2536                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/installation">Installation</a>, &nbsp;</div>
2537                                        
2538                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/audio">Audio</a>, &nbsp;</div>
2539                                        
2540                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a>, &nbsp;</div>
2541                                        
2542                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a></div>
2543                                        
2544                                                                    </div>
2545                            
2546                        </div>
2547                    </div>
2548                
2549            
2550                                                                                
2551                            
2552                                                                                
2553                        
2554
2555                    <style>
2556                        @media screen and (min-width: 768px) { 
2557                            #higgle-123105813 {
2558                                margin: 1.98982rem 0.96192rem 0.86823rem 0.93094rem; padding: 0rem 0.35rem 2.355rem 0.65rem 
2559                            }
2560                        }
2561                    </style>
2562                    
2563                
2564                    <div id="higgle-123105813" class="self-start md:flex items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2565                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-start w-full" href="https://marcuscoates.co.uk/projects/74-unmade-monument">
2566                                                                                                                                    
2567    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="4000" width=3000 data-twic-src="image:marcus-coates/images/eagle_rock9.jpg"
2568        />
2569
2570                                                                    <div class="md:hidden pt-4 px-1">
2571                                        <h2 class="text-lg"><span class="italic">Unmade Monument</span>, 2013</h2>
2572                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2573                                                                                                                                                <div>Research</div>
2574                                                
2575                                                                                                                                                <div>, Objects</div>
2576                                                
2577                                                                                    </div>
2578                                        
2579                                    </div>
2580                            </a>
2581                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2582                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/74-unmade-monument">
2583
2584                                    <h2 class="text-lg"><span class="italic">Unmade Monument</span>, 2013</h2>
2585                                </a>
2586                                <div class="flex flex-wrap text-cat">
2587                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/research">Research</a>, &nbsp;</div>
2588                                        
2589                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a></div>
2590                                        
2591                                                                    </div>
2592                            
2593                        </div>
2594                    </div>
2595                
2596            
2597                                                                                
2598                            
2599                                                        
2600                        
2601
2602                    <style>
2603                        @media screen and (min-width: 768px) { 
2604                            #higgle-2116421137 {
2605                                margin: 0.15345rem 0.97473rem 0.13924rem 0.26203rem; padding: 2.695rem 0.25rem 0rem 0.45rem 
2606                            }
2607                        }
2608                    </style>
2609                    
2610                
2611                    <div id="higgle-2116421137" class="self-end xl:self-center md:flex items-end 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2612                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
2612h-[250px] 2xl:p-10 md:flex items-end 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/72-turtle-mountain">
2613                                                                                                                                    
2614    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1080" width=1920 data-twic-src="image:marcus-coates/images/turtle_mountain4adj.jpg"
2615        />
2616
2617                                                                    <div class="md:hidden pt-4 px-1">
2618                                        <h2 class="text-lg"><span class="italic">Turtle Mountain</span>, 2012</h2>
2619                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2620                                                                                                                                                <div>Performance</div>
2621                                                
2622                                                                                                                                                <div>, Video</div>
2623                                                
2624                                                                                    </div>
2625                                        
2626                                    </div>
2627                            </a>
2628                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2629                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/72-turtle-mountain">
2630
2631                                    <h2 class="text-lg"><span class="italic">Turtle Mountain</span>, 2012</h2>
2632                                </a>
2633                                <div class="flex flex-wrap text-cat">
2634                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
2635                                        
2636                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a></div>
2637                                        
2638                                                                    </div>
2639                            
2640                        </div>
2641                    </div>
2642                
2643            
2644                                                                                
2645                            
2646                                                        
2647                        
2648
2649                    <style>
2650                        @media screen and (min-width: 768px) { 
2651                            #higgle-1717902547 {
2652                                margin: 2.01334rem 0.25272rem 0.29947rem 0.01175rem; padding: 0.55rem 0.25rem 0.35rem 0.45rem 
2653                            }
2654                        }
2655                    </style>
2656                    
2657                
2658                    <div id="higgle-1717902547" class="self-start 2xl:self-end md:flex items-start 2xl:items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2659                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
2659h-[250px] 2xl:p-10 md:flex items-start 2xl:items-end w-full" href="https://marcuscoates.co.uk/projects/71-follow-the-voice">
2660                                                                                                                                    
2661    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="810" width=1440 data-twic-src="image:marcus-coates/images/follow_tesco.jpg"
2662        />
2663
2664                                                                    <div class="md:hidden pt-4 px-1">
2665                                        <h2 class="text-lg"><span class="italic">Follow the Voice</span>, 2009</h2>
2666                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2667                                                                                                                                                <div>Video</div>
2668                                                
2669                                                                                                                                                <div>, Vocal</div>
2670                                                
2671                                                                                    </div>
2672                                        
2673                                    </div>
2674                            </a>
2675                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2676                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/71-follow-the-voice">
2677
2678                                    <h2 class="text-lg"><span class="italic">Follow the Voice</span>, 2009</h2>
2679                                </a>
2680                                <div class="flex flex-wrap text-cat">
2681                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
2682                                        
2683                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a></div>
2684                                        
2685                                                                    </div>
2686                            
2687                        </div>
2688                    </div>
2689                
2690            
2691                                                                                
2692                            
2693                                                                                
2694                        
2695
2696                    <style>
2697                        @media screen and (min-width: 768px) { 
2698                            #higgle-375398746 {
2699                                margin: 0.21444rem 0.4594rem 0.00247rem 0.54603rem; padding: 0rem 0.45rem 4.025rem 0.35rem 
2700                            }
2701                        }
2702                    </style>
2703                    
2704                
2705                    <div id="higgle-375398746" class="self-end 2xl:self-start md:flex items-end 2xl:items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2706                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
2706h-[250px] 2xl:p-10 md:flex items-end 2xl:items-start w-full" href="https://marcuscoates.co.uk/projects/70-britain-s-bitterns">
2707                                                                                                                                    
2708    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="4960" width=3329 data-twic-src="image:marcus-coates/images/88889-10290-075.jpg"
2709        />
2710
2711                                                                    <div class="md:hidden pt-4 px-1">
2712                                        <h2 class="text-lg"><span class="italic">Britain’s Bitterns</span>, 2007</h2>
2713                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2714                                                                                                                                                <div>Objects</div>
2715                                                
2716                                                                                                                                                <div>, Installation</div>
2717                                                
2718                                                                                                                                                <div>, Text</div>
2719                                                
2720                                                                                                                                                <div>, Vocal</div>
2721                                                
2722                                                                                                                                                <div>, Audio</div>
2723                                                
2724                                                                                    </div>
2725                                        
2726                                    </div>
2727                            </a>
2728                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2729                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/70-britain-s-bitterns">
2730
2731                                    <h2 class="text-lg"><span class="italic">Britain’s Bitterns</span>, 2007</h2>
2732                                </a>
2733                                <div class="flex flex-wrap text-cat">
2734                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a>, &nbsp;</div>
2735                                        
2736                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/installation">Installation</a>, &nbsp;</div>
2737                                        
2738                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/text">Text</a>, &nbsp;</div>
2739                                        
2740                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a>, &nbsp;</div>
2741                                        
2742                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/audio">Audio</a></div>
2743                                        
2744                                                                    </div>
2745                            
2746                        </div>
2747                    </div>
2748                
2749            
2750                                                                                
2751                            
2752                                                        
2753                        
2754
2755                    <style>
2756                        @media screen and (min-width: 768px) { 
2757                            #higgle-274882460 {
2758                                margin: 1.06417rem 0.19249rem 0.81203rem 0.97854rem; padding: 4.995rem 0.25rem 0rem 0.45rem 
2759                            }
2760                        }
2761                    </style>
2762                    
2763                
2764                    <div id="higgle-274882460" class="self-start 2xl:self-center md:flex items-start 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2765                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-start 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/69-cadences">
2766                                                                                                                                    
2767    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1718" width=3543 data-twic-src="image:marcus-coates/images/cadences_score_adj.jpg"
2768        />
2769
2770                                                                    <div class="md:hidden pt-4 px-1">
2771                                        <h2 class="text-lg"><span class="italic">Cadences</span>, 2007</h2>
2772                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2773                                                                                                                                                <div>Audio</div>
2774                                                
2775                                                                                    </div>
2776                                        
2777                                    </div>
2778                            </a>
2779                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2780                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/69-cadences">
2781
2782                                    <h2 class="text-lg"><span class="italic">Cadences</span>, 2007</h2>
2783                                </a>
2784                                <div class="flex flex-wrap text-cat">
2785                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/audio">Audio</a></div>
2786                                        
2787                                                                    </div>
2788                            
2789                        </div>
2790                    </div>
2791                
2792            
2793                                                                                
2794                            
2795                                                        
2796                    
2797
2798                    <style>
2799                        @media screen and (min-width: 768px) { 
2800                            #higgle-549318985 {
2801                                margin: 2.77536rem 0.48414rem 0.25056rem 0.1923rem; padding: 0.45rem 0.75rem 0.55rem 0.75rem 
2802                            }
2803                        }
2804                    </style>
2805                    
2806                
2807                    <div id="higgle-549318985" class="self-end md:flex items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2808                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
2808h-[250px] 2xl:p-10 md:flex items-end w-full" href="https://marcuscoates.co.uk/projects/68-dawn-chorus">
2809                                                                                                                                    
2810    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3970" width=5197 data-twic-src="image:marcus-coates/images/fabrica.jpg"
2811        />
2812
2813                                                                    <div class="md:hidden pt-4 px-1">
2814                                        <h2 class="text-lg"><span class="italic">Dawn Chorus</span>, 2007</h2>
2815                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2816                                                                                                                                                <div>Installation</div>
2817                                                
2818                                                                                                                                                <div>, Participation</div>
2819                                                
2820                                                                                                                                                <div>, Video</div>
2821                                                
2822                                                                                                                                                <div>, Vocal</div>
2823                                                
2824                                                                                    </div>
2825                                        
2826                                    </div>
2827                            </a>
2828                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2829                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/68-dawn-chorus">
2830
2831                                    <h2 class="text-lg"><span class="italic">Dawn Chorus</span>, 2007</h2>
2832                                </a>
2833                                <div class="flex flex-wrap text-cat">
2834                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/installation">Installation</a>, &nbsp;</div>
2835                                        
2836                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
2837                                        
2838                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
2839                                        
2840                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a></div>
2841                                        
2842                                                                    </div>
2843                            
2844                        </div>
2845                    </div>
2846                
2847            
2848                                                                                
2849                            
2850                                                                                
2851                        
2852
2853                    <style>
2854                        @media screen and (min-width: 768px) { 
2855                            #higgle-969717634 {
2856                                margin: 1.93699rem 0.44156rem 0.36707rem 0.66836rem; padding: 0rem 0.65rem 2.755rem 0.35rem 
2857                            }
2858                        }
2859                    </style>
2860                    
2861                
2862                    <div id="higgle-969717634" class="self-start md:flex items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2863                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-start w-full" href="https://marcuscoates.co.uk/projects/67-residential-development-planning-and-design-sheil-park-liverpool">
2864                                                                                                                                    
2865    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1473" width=1671 data-twic-src="image:marcus-coates/images/dakota_1.jpg"
2866        />
2867
2868                                                                    <div class="md:hidden pt-4 px-1">
2869                                        <h2 class="text-lg"><span class="italic">Residential Development – Planning and Design, Sheil Park, Liverpool</span>, 2004</h2>
2870                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2871                                                                                                                                                <div>Research</div>
2872                                                
2873                                                                                    </div>
2874                                        
2875                                    </div>
2876                            </a>
2877                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2878                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/67-residential-development-planning-and-design-sheil-park-liverpool">
2879
2880                                    <h2 class="text-lg"><span class="italic">Residential Development – Planning and Design, Sheil Park, Liverpool</span>, 2004</h2>
2881                                </a>
2882                                <div class="flex flex-wrap text-cat">
2883                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/research">Research</a></div>
2884                                        
2885                                                                    </div>
2886                            
2887                        </div>
2888                    </div>
2889                
2890            
2891                                                                                
2892                            
2893                                                        
2894                        
2895
2896                    <style>
2897                        @media screen and (min-width: 768px) { 
2898                            #higgle-1677000333 {
2899                                margin: 2.10824rem 0.99222rem 0.55101rem 0.92229rem; padding: 4.305rem 0.45rem 0rem 0.45rem 
2900                            }
2901                        }
2902                    </style>
2903                    
2904                
2905                    <div id="higgle-1677000333" class="self-end xl:self-center md:flex items-end 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2906                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
2906h-[250px] 2xl:p-10 md:flex items-end 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/66-a-guide-to-the-british-non-passerines">
2907                                                                                                                                    
2908    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="576" width=768 data-twic-src="image:marcus-coates/images/1_black_throated_diver.jpg"
2909        />
2910
2911                                                                    <div class="md:hidden pt-4 px-1">
2912                                        <h2 class="text-lg"><span class="italic">A Guide to the British Non-Passerines</span>, 2002</h2>
2913                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2914                                                                                                                                                <div>Video</div>
2915                                                
2916                                                                                                                                                <div>, Performance</div>
2917                                                
2918                                                                                                                                                <div>, Vocal</div>
2919                                                
2920                                                                                    </div>
2921                                        
2922                                    </div>
2923                            </a>
2924                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2925                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/66-a-guide-to-the-british-non-passerines">
2926
2927                                    <h2 class="text-lg"><span class="italic">A Guide to the British Non-Passerines</span>, 2002</h2>
2928                                </a>
2929                                <div class="flex flex-wrap text-cat">
2930                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
2931                                        
2932                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
2933                                        
2934                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a></div>
2935                                        
2936                                                                    </div>
2937                            
2938                        </div>
2939                    </div>
2940                
2941            
2942                                                                                
2943                            
2944                                                        
2945                        
2946
2947                    <style>
2948                        @media screen and (min-width: 768px) { 
2949                            #higgle-1163414010 {
2950                                margin: 2.4006rem 0.73274rem 0.92302rem 0.91574rem; padding: 0.45rem 0.55rem 0.75rem 0.25rem 
2951                            }
2952                        }
2953                    </style>
2954                    
2955                
2956                    <div id="higgle-1163414010" class="self-start 2xl:self-end md:flex items-start 2xl:items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
2957                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
2957h-[250px] 2xl:p-10 md:flex items-start 2xl:items-end w-full" href="https://marcuscoates.co.uk/projects/65-local-birds">
2958                                                                                                                                    
2959    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="667" width=868 data-twic-src="image:marcus-coates/images/curlew2.jpg"
2960        />
2961
2962                                                                    <div class="md:hidden pt-4 px-1">
2963                                        <h2 class="text-lg"><span class="italic">Local Birds</span>, 2001</h2>
2964                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
2965                                                                                                                                                <div>Video</div>
2966                                                
2967                                                                                                                                                <div>, Performance</div>
2968                                                
2969                                                                                                                                                <div>, Participation</div>
2970                                                
2971                                                                                                                                                <div>, Vocal</div>
2972                                                
2973                                                                                    </div>
2974                                        
2975                                    </div>
2976                            </a>
2977                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
2978                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/65-local-birds">
2979
2980                                    <h2 class="text-lg"><span class="italic">Local Birds</span>, 2001</h2>
2981                                </a>
2982                                <div class="flex flex-wrap text-cat">
2983                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
2984                                        
2985                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
2986                                        
2987                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, &nbsp;</div>
2988                                        
2989                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a></div>
2990                                        
2991                                                                    </div>
2992                            
2993                        </div>
2994                    </div>
2995                
2996            
2997                                                                                
2998                            
2999                                                                                
3000                        
3001
3002                    <style>
3003                        @media screen and (min-width: 768px) { 
3004                            #higgle-1219266307 {
3005                                margin: 0.8332rem 0.78709rem 0.4151rem 0.71667rem; padding: 0rem 0.45rem 2.915rem 0.55rem 
3006                            }
3007                        }
3008                    </style>
3009                    
3010                
3011                    <div id="higgle-1219266307" class="self-end 2xl:self-start md:flex items-end 2xl:items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3012                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-end 2xl:items-start w-full" href="https://marcuscoates.co.uk/projects/64-chiffchaff-amateur-radio-enthusiasts-and-birds">
3013                                                                                                                                    
3014    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1835" width=2568 data-twic-src="image:marcus-coates/images/magnetic.jpg"
3015        />
3016
3017                                                                    <div class="md:hidden pt-4 px-1">
3018                                        <h2 class="text-lg"><span class="italic">Chiffchaff (Amateur Radio Enthusiasts and Birds)</span>, 2001</h2>
3019                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3020                                                                                                                                                <div>Audio</div>
3021                                                
3022                                                                                                                                                <div>, Installation</div>
3023                                                
3024                                                                                                                                                <div>, Research</div>
3025                                                
3026                                                                                    </div>
3027                                        
3028                                    </div>
3029                            </a>
3030                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3031                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/64-chiffchaff-amateur-radio-enthusiasts-and-birds">
3032
3033                                    <h2 class="text-lg"><span class="italic">Chiffchaff (Amateur Radio Enthusiasts and Birds)</span>, 2001</h2>
3034                                </a>
3035                                <div class="flex flex-wrap text-cat">
3036                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/audio">Audio</a>, &nbsp;</div>
3037                                        
3038                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/installation">Installation</a>, &nbsp;</div>
3039                                        
3040                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/research">Research</a></div>
3041                                        
3042                                                                    </div>
3043                            
3044                        </div>
3045                    </div>
3046                
3047            
3048                                                                                
3049                            
3050                                                        
3051                        
3052
3053                    <style>
3054                        @media screen and (min-width: 768px) { 
3055                            #higgle-903143095 {
3056                                margin: 2.58435rem 0.94578rem 0.87794rem 0.59852rem; padding: 3.365rem 0.65rem 0rem 0.25rem 
3057                            }
3058                        }
3059                    </style>
3060                    
3061                
3062                    <div id="higgle-903143095" class="self-start 2xl:self-center md:flex items-start 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3063                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-start 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/63-out-of-season">
3064                                                                                                                                    
3065    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="576" width=754 data-twic-src="image:marcus-coates/images/cfc6.jpg"
3066        />
3067
3068                                                                    <div class="md:hidden pt-4 px-1">
3069                                        <h2 class="text-lg"><span class="italic">Out of Season</span>, 2000</h2>
3070                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3071                                                                                                                                                <div>Video</div>
3072                                                
3073                                                                                                                                                <div>, Performance</div>
3074                                                
3075                                                                                                                                                <div>, Vocal</div>
3076                                                
3077                                                                                    </div>
3078                                        
3079                                    </div>
3080                            </a>
3081                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3082                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/63-out-of-season">
3083
3084                                    <h2 class="text-lg"><span class="italic">Out of Season</span>, 2000</h2>
3085                                </a>
3086                                <div class="flex flex-wrap text-cat">
3087                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
3088                                        
3089                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
3090                                        
3091                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a></div>
3092                                        
3093                                                                    </div>
3094                            
3095                        </div>
3096                    </div>
3097                
3098            
3099                                                                                
3100                            
3101                                                        
3102                    
3103
3104                    <style>
3105                        @media screen and (min-width: 768px) { 
3106                            #higgle-1181708511 {
3107                                margin: 1.43661rem 0.057rem 0.9436rem 0.11635rem; padding: 0.35rem 0.45rem 0.55rem 0.25rem 
3108                            }
3109                        }
3110                    </style>
3111                    
3112                
3113                    <div id="higgle-1181708511" class="self-end md:flex items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3114                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-end w-full" href="https://marcuscoates.co.uk/projects/57-ritual-for-reconciliation-series">
3115                                                                                                                                    
3116    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2337" width=1755 data-twic-src="image:marcus-coates/images/Kestrel.jpg"
3117        />
3118
3119                                                                    <div class="md:hidden pt-4 px-1">
3120                                        <h2 class="text-lg"><span class="italic">Ritual for Reconciliation Series</span>, 2013</h2>
3121                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3122                                                                                                                                                <div>Objects</div>
3123                                                
3124                                                                                                                                                <div>, Photography</div>
3125                                                
3126                                                                                                                                                <div>, Ritual</div>
3127                                                
3128                                                                                    </div>
3129                                        
3130                                    </div>
3131                            </a>
3132                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3133                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/57-ritual-for-reconciliation-series">
3134
3135                                    <h2 class="text-lg"><span class="italic">Ritual for Reconciliation Series</span>, 2013</h2>
3136                                </a>
3137                                <div class="flex flex-wrap text-cat">
3138                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a>, &nbsp;</div>
3139                                        
3140                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a>, &nbsp;</div>
3141                                        
3142                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a></div>
3143                                        
3144                                                                    </div>
3145                            
3146                        </div>
3147                    </div>
3148                
3149            
3150                                                                                
3151                            
3152                                                                                
3153                        
3154
3155                    <style>
3156                        @media screen and (min-width: 768px) { 
3157                            #higgle-476029173 {
3158                                margin: 2.81879rem 0.74924rem 0.7589rem 0.74015rem; padding: 0rem 0.35rem 3.335rem 0.65rem 
3159                            }
3160                        }
3161                    </style>
3162                    
3163                
3164                    <div id="higgle-476029173" class="self-start md:flex items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3165                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-h-[250px] 2xl:p-10 md:flex items-start w-full" href="https://marcuscoates.co.uk/projects/55-all-the-grey-animals">
3166                                                                                                                                    
3167    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3509" width=5616 data-twic-src="image:marcus-coates/images/grey_animals_crop_detail4.jpg"
3168        />
3169
3170                                                                    <div class="md:hidden pt-4 px-1">
3171                                        <h2 class="text-lg"><span class="italic">All the Grey Animals</span>, 2012</h2>
3172                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3173                                                                                                                                                <div>Objects</div>
3174                                                
3175                                                                                                                                                <div>, Installation</div>
3176                                                
3177                                                                                    </div>
3178                                        
3179                                    </div>
3180                            </a>
3181                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3182                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/55-all-the-grey-animals">
3183
3184                                    <h2 class="text-lg"><span class="italic">All the Grey Animals</span>, 2012</h2>
3185                                </a>
3186                                <div class="flex flex-wrap text-cat">
3187                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a>, &nbsp;</div>
3188                                        
3189                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/installation">Installation</a></div>
3190                                        
3191                                                                    </div>
3192                            
3193                        </div>
3194                    </div>
3195                
3196            
3197                                                                                
3198                            
3199                                                        
3200                        
3201
3202                    <style>
3203                        @media screen and (min-width: 768px) { 
3204                            #higgle-890252782 {
3205                                margin: 2.61327rem 0.18933rem 0.03738rem 0.95672rem; padding: 4.695rem 0.35rem 0rem 0.45rem 
3206                            }
3207                        }
3208                    </style>
3209                    
3210                
3211                    <div id="higgle-890252782" class="self-end xl:self-center md:flex items-end 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3212                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3212h-[250px] 2xl:p-10 md:flex items-end 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/54-platonic-spirit-running-grey-wolf">
3213                                                                                                                                    
3214    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2760" width=4724 data-twic-src="image:marcus-coates/images/running_grey_wolf.jpg"
3215        />
3216
3217                                                                    <div class="md:hidden pt-4 px-1">
3218                                        <h2 class="text-lg"><span class="italic">Platonic Spirit: Running Grey Wolf</span>, 2012</h2>
3219                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3220                                                                                                                                                <div>Objects</div>
3221                                                
3222                                                                                    </div>
3223                                        
3224                                    </div>
3225                            </a>
3226                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3227                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/54-platonic-spirit-running-grey-wolf">
3228
3229                                    <h2 class="text-lg"><span class="italic">Platonic Spirit: Running Grey Wolf</span>, 2012</h2>
3230                                </a>
3231                                <div class="flex flex-wrap text-cat">
3232                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a></div>
3233                                        
3234                                                                    </div>
3235                            
3236                        </div>
3237                    </div>
3238                
3239            
3240                                                                                
3241                            
3242                                                        
3243                        
3244
3245                    <style>
3246                        @media screen and (min-width: 768px) { 
3247                            #higgle-1926750552 {
3248                                margin: 2.66547rem 0.77232rem 0.501rem 0.88787rem; padding: 0.75rem 0.75rem 0.45rem 0.45rem 
3249                            }
3250                        }
3251                    </style>
3252                    
3253                
3254                    <div id="higgle-1926750552" class="self-start 2xl:self-end md:flex items-start 2xl:items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3255                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3255h-[250px] 2xl:p-10 md:flex items-start 2xl:items-end w-full" href="https://marcuscoates.co.uk/projects/53-british-mammal-shits">
3256                                                                                                                                    
3257    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2411" width=3543 data-twic-src="image:marcus-coates/images/fox.jpg"
3258        />
3259
3260                                                                    <div class="md:hidden pt-4 px-1">
3261                                        <h2 class="text-lg"><span class="italic">British Mammal Shits</span>, 2012</h2>
3262                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3263                                                                                                                                                <div>Objects</div>
3264                                                
3265                                                                                    </div>
3266                                        
3267                                    </div>
3268                            </a>
3269                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3270                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/53-british-mammal-shits">
3271
3272                                    <h2 class="text-lg"><span class="italic">British Mammal Shits</span>, 2012</h2>
3273                                </a>
3274                                <div class="flex flex-wrap text-cat">
3275                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a></div>
3276                                        
3277                                                                    </div>
3278                            
3279                        </div>
3280                    </div>
3281                
3282            
3283                                                                                
3284                            
3285                                                                                
3286                        
3287
3288                    <style>
3289                        @media screen and (min-width: 768px) { 
3290                            #higgle-269755587 {
3291                                margin: 1.43978rem 0.79998rem 0.59584rem 0.46368rem; padding: 0rem 0.75rem 5.035rem 0.65rem 
3292                            }
3293                        }
3294                    </style>
3295                    
3296                
3297                    <div id="higgle-269755587" class="self-end 2xl:self-start md:flex items-end 2xl:items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3298                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3298h-[250px] 2xl:p-10 md:flex items-end 2xl:items-start w-full" href="https://marcuscoates.co.uk/projects/52-the-albatross-species">
3299                                                                                                                                    
3300    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1482" width=2872 data-twic-src="image:marcus-coates/images/Albatross_scaffold_crop.jpg"
3301        />
3302
3303                                                                    <div class="md:hidden pt-4 px-1">
3304                                        <h2 class="text-lg"><span class="italic">The Albatross Species</span>, 2012</h2>
3305                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3306                                                                                                                                                <div>Objects</div>
3307                                                
3308                                                                                    </div>
3309                                        
3310                                    </div>
3311                            </a>
3312                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3313                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/52-the-albatross-species">
3314
3315                                    <h2 class="text-lg"><span class="italic">The Albatross Species</span>, 2012</h2>
3316                                </a>
3317                                <div class="flex flex-wrap text-cat">
3318                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a></div>
3319                                        
3320                                                                    </div>
3321                            
3322                        </div>
3323                    </div>
3324                
3325            
3326                                                                                
3327                            
3328                                                        
3329                        
3330
3331                    <style>
3332                        @media screen and (min-width: 768px) { 
3333                            #higgle-691145633 {
3334                                margin: 1.77696rem 0.91976rem 0.47267rem 0.81633rem; padding: 3.355rem 0.75rem 0rem 0.45rem 
3335                            }
3336                        }
3337                    </style>
3338                    
3339                
3340                    <div id="higgle-691145633" class="self-start 2xl:self-center md:flex items-start 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3341                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3341h-[250px] 2xl:p-10 md:flex items-start 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/51-british-moths-self-portrait-shaving-foam">
3342                                                                                                                                    
3343    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2313" width=3000 data-twic-src="image:marcus-coates/images/British_moths_installation.jpg"
3344        />
3345
3346                                                                    <div class="md:hidden pt-4 px-1">
3347                                        <h2 class="text-lg"><span class="italic">British Moths (Self-portrait, shaving foam)</span>, 2010</h2>
3348                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3349                                                                                                                                                <div>Photography</div>
3350                                                
3351                                                                                    </div>
3352                                        
3353                                    </div>
3354                            </a>
3355                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3356                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/51-british-moths-self-portrait-shaving-foam">
3357
3358                                    <h2 class="text-lg"><span class="italic">British Moths (Self-portrait, shaving foam)</span>, 2010</h2>
3359                                </a>
3360                                <div class="flex flex-wrap text-cat">
3361                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a></div>
3362                                        
3363                                                                    </div>
3364                            
3365                        </div>
3366                    </div>
3367                
3368            
3369                                                                                
3370                            
3371                                                        
3372                    
3373
3374                    <style>
3375                        @media screen and (min-width: 768px) { 
3376                            #higgle-1521889093 {
3377                                margin: 1.94482rem 0.23516rem 0.16813rem 0.24775rem; padding: 0.75rem 0.35rem 0.25rem 0.45rem 
3378                            }
3379                        }
3380                    </style>
3381                    
3382                
3383                    <div id="higgle-1521889093" class="self-end md:flex items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3384                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3384h-[250px] 2xl:p-10 md:flex items-end w-full" href="https://marcuscoates.co.uk/projects/50-the-great-auk-pinguinus-impennis-and-egg">
3385                                                                                                                                    
3386    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3838" width=2657 data-twic-src="image:marcus-coates/images/auk_levelled_2_FMS_copy-smaller.jpg"
3387        />
3388
3389                                                                    <div class="md:hidden pt-4 px-1">
3390                                        <h2 class="text-lg"><span class="italic">The Great Auk (Pinguinus impennis) and Egg</span>, 2010</h2>
3391                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3392                                                                                                                                                <div>Objects</div>
3393                                                
3394                                                                                    </div>
3395                                        
3396                                    </div>
3397                            </a>
3398                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3399                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/50-the-great-auk-pinguinus-impennis-and-egg">
3400
3401                                    <h2 class="text-lg"><span class="italic">The Great Auk (Pinguinus impennis) and Egg</span>, 2010</h2>
3402                                </a>
3403                                <div class="flex flex-wrap text-cat">
3404                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a></div>
3405                                        
3406                                                                    </div>
3407                            
3408                        </div>
3409                    </div>
3410                
3411            
3412                                                                                
3413                            
3414                                                                                
3415                        
3416
3417                    <style>
3418                        @media screen and (min-width: 768px) { 
3419                            #higgle-1923253709 {
3420                                margin: 0.38007rem 0.77735rem 0.06051rem 0.19277rem; padding: 0rem 0.55rem 2.145rem 0.25rem 
3421                            }
3422                        }
3423                    </style>
3424                    
3425                
3426                    <div id="higgle-1923253709" class="self-start md:flex items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3427                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3427h-[250px] 2xl:p-10 md:flex items-start w-full" href="https://marcuscoates.co.uk/projects/49-galapagos-fashions">
3428                                                                                                                                    
3429    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3812" width=2806 data-twic-src="image:marcus-coates/images/galapagos_fashions_copy.jpg"
3430        />
3431
3432                                                                    <div class="md:hidden pt-4 px-1">
3433                                        <h2 class="text-lg"><span class="italic">Galápagos Fashions</span>, 2008</h2>
3434                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3435                                                                                                                                                <div>Photography</div>
3436                                                
3437                                                                                                                                                <div>, Performance</div>
3438                                                
3439                                                                                                                                                <div>, Costume</div>
3440                                                
3441                                                                                    </div>
3442                                        
3443                                    </div>
3444                            </a>
3445                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3446                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/49-galapagos-fashions">
3447
3448                                    <h2 class="text-lg"><span class="italic">Galápagos Fashions</span>, 2008</h2>
3449                                </a>
3450                                <div class="flex flex-wrap text-cat">
3451                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a>, &nbsp;</div>
3452                                        
3453                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
3454                                        
3455                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a></div>
3456                                        
3457                                                                    </div>
3458                            
3459                        </div>
3460                    </div>
3461                
3462            
3463                                                                                
3464                            
3465                                                        
3466                        
3467
3468                    <style>
3469                        @media screen and (min-width: 768px) { 
3470                            #higgle-42660767 {
3471                                margin: 2.79867rem 0.68143rem 0.21157rem 0.54217rem; padding: 4.985rem 0.35rem 0rem 0.35rem 
3472                            }
3473                        }
3474                    </style>
3475                    
3476                
3477                    <div id="higgle-42660767" class="self-end xl:self-center md:flex items-end 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3478                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3478h-[250px] 2xl:p-10 md:flex items-end 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/48-human-report">
3479                                                                                                                                    
3480    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="900" width=1200 data-twic-src="image:marcus-coates/images/tv_option_profile_13_copy.jpg"
3481        />
3482
3483                                                                    <div class="md:hidden pt-4 px-1">
3484                                        <h2 class="text-lg"><span class="italic">Human Report</span>, 2008</h2>
3485                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3486                                                                                                                                                <div>Performance</div>
3487                                                
3488                                                                                                                                                <div>, Video</div>
3489                                                
3490                                                                                    </div>
3491                                        
3492                                    </div>
3493                            </a>
3494                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3495                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/48-human-report">
3496
3497                                    <h2 class="text-lg"><span class="italic">Human Report</span>, 2008</h2>
3498                                </a>
3499                                <div class="flex flex-wrap text-cat">
3500                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, &nbsp;</div>
3501                                        
3502                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a></div>
3503                                        
3504                                                                    </div>
3505                            
3506                        </div>
3507                    </div>
3508                
3509            
3510                                                                                
3511                            
3512                                                        
3513                        
3514
3515                    <style>
3516                        @media screen and (min-width: 768px) { 
3517                            #higgle-1894749545 {
3518                                margin: 2.72431rem 0.40764rem 0.5295rem 0.1634rem; padding: 0.75rem 0.45rem 0.35rem 0.55rem 
3519                            }
3520                        }
3521                    </style>
3522                    
3523                
3524                    <div id="higgle-1894749545" class="self-start 2xl:self-end md:flex items-start 2xl:items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3525                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3525h-[250px] 2xl:p-10 md:flex items-start 2xl:items-end w-full" href="https://marcuscoates.co.uk/projects/47-intelligent-design">
3526                                                                                                                                    
3527    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="4003" width=3002 data-twic-src="image:marcus-coates/images/intelligent_design.jpg"
3528        />
3529
3530                                                                    <div class="md:hidden pt-4 px-1">
3531                                        <h2 class="text-lg"><span class="italic">Intelligent Design</span>, 2008</h2>
3532                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3533                                                                                                                                                <div>Video</div>
3534                                                
3535                                                                                                                                                <div>, Vocal</div>
3536                                                
3537                                                                                    </div>
3538                                        
3539                                    </div>
3540                            </a>
3541                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3542                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/47-intelligent-design">
3543
3544                                    <h2 class="text-lg"><span class="italic">Intelligent Design</span>, 2008</h2>
3545                                </a>
3546                                <div class="flex flex-wrap text-cat">
3547                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
3548                                        
3549                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a></div>
3550                                        
3551                                                                    </div>
3552                            
3553                        </div>
3554                    </div>
3555                
3556            
3557                                                                                
3558                            
3559                                                                                
3560                        
3561
3562                    <style>
3563                        @media screen and (min-width: 768px) { 
3564                            #higgle-190311731 {
3565                                margin: 2.33136rem 0.54407rem 0.34037rem 0.80048rem; padding: 0rem 0.55rem 5.605rem 0.35rem 
3566                            }
3567                        }
3568                    </style>
3569                    
3570                
3571                    <div id="higgle-190311731" class="self-end 2xl:self-start md:flex items-end 2xl:items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3572                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3572h-[250px] 2xl:p-10 md:flex items-end 2xl:items-start w-full" href="https://marcuscoates.co.uk/projects/46-finfolk">
3573                                                                                                                                    
3574    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="4044" width=6068 data-twic-src="image:marcus-coates/images/finfolk_1.jpg"
3575        />
3576
3577                                                                    <div class="md:hidden pt-4 px-1">
3578                                        <h2 class="text-lg"><span class="italic">Finfolk</span>, 2003</h2>
3579                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3580                                                                                                                                                <div>Video</div>
3581                                                
3582                                                                                                                                                <div>, Performance</div>
3583                                                
3584                                                                                    </div>
3585                                        
3586                                    </div>
3587                            </a>
3588                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3589                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/46-finfolk">
3590
3591                                    <h2 class="text-lg"><span class="italic">Finfolk</span>, 2003</h2>
3592                                </a>
3593                                <div class="flex flex-wrap text-cat">
3594                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
3595                                        
3596                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a></div>
3597                                        
3598                                                                    </div>
3599                            
3600                        </div>
3601                    </div>
3602                
3603            
3604                                                                                
3605                            
3606                                                        
3607                        
3608
3609                    <style>
3610                        @media screen and (min-width: 768px) { 
3611                            #higgle-1086008453 {
3612                                margin: 0.77363rem 0.72665rem 0.29469rem 0.96505rem; padding: 2.865rem 0.75rem 0rem 0.35rem 
3613                            }
3614                        }
3615                    </style>
3616                    
3617                
3618                    <div id="higgle-1086008453" class="self-start 2xl:self-center md:flex items-start 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3619                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3619h-[250px] 2xl:p-10 md:flex items-start 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/45-sea-mammal">
3620                                                                                                                                    
3621    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3906" width=5290 data-twic-src="image:marcus-coates/images/sea_mam_extra_sky_frieze_ad_copy.jpg"
3622        />
3623
3624                                                                    <div class="md:hidden pt-4 px-1">
3625                                        <h2 class="text-lg"><span class="italic">Sea Mammal</span>, 2003</h2>
3626                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3627                                                                                                                                                <div>Photography</div>
3628                                                
3629                                                                                    </div>
3630                                        
3631                                    </div>
3632                            </a>
3633                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3634                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/45-sea-mammal">
3635
3636                                    <h2 class="text-lg"><span class="italic">Sea Mammal</span>, 2003</h2>
3637                                </a>
3638                                <div class="flex flex-wrap text-cat">
3639                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a></div>
3640                                        
3641                                                                    </div>
3642                            
3643                        </div>
3644                    </div>
3645                
3646            
3647                                                                                
3648                            
3649                                                        
3650                    
3651
3652                    <style>
3653                        @media screen and (min-width: 768px) { 
3654                            #higgle-1940474220 {
3655                                margin: 2.41989rem 0.68467rem 0.17376rem 0.51193rem; padding: 0.35rem 0.35rem 0.75rem 0.45rem 
3656                            }
3657                        }
3658                    </style>
3659                    
3660                
3661                    <div id="higgle-1940474220" class="self-end md:flex items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3662                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3662h-[250px] 2xl:p-10 md:flex items-end w-full" href="https://marcuscoates.co.uk/projects/43-perches">
3663                                                                                                                                    
3664    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1923" width=2841 data-twic-src="image:marcus-coates/images/swallow3copy-smaller.jpg"
3665        />
3666
3667                                                                    <div class="md:hidden pt-4 px-1">
3668                                        <h2 class="text-lg"><span class="italic">Perches</span>, 2001</h2>
3669                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3670                                                                                                                                                <div>Photography</div>
3671                                                
3672                                                                                    </div>
3673                                        
3674                                    </div>
3675                            </a>
3676                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3677                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/43-perches">
3678
3679                                    <h2 class="text-lg"><span class="italic">Perches</span>, 2001</h2>
3680                                </a>
3681                                <div class="flex flex-wrap text-cat">
3682                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a></div>
3683                                        
3684                                                                    </div>
3685                            
3686                        </div>
3687                    </div>
3688                
3689            
3690                                                                                
3691                            
3692                                                                                
3693                        
3694
3695                    <style>
3696                        @media screen and (min-width: 768px) { 
3697                            #higgle-2019750271 {
3698                                margin: 2.32063rem 0.32006rem 0.31106rem 0.69038rem; padding: 0rem 0.55rem 4.265rem 0.65rem 
3699                            }
3700                        }
3701                    </style>
3702                    
3703                
3704                    <div id="higgle-2019750271" class="self-start md:flex items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3705                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3705h-[250px] 2xl:p-10 md:flex items-start w-full" href="https://marcuscoates.co.uk/projects/42-sleep">
3706                                                                                                                                    
3707    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="576" width=720 data-twic-src="image:marcus-coates/images/sleep7.jpg"
3708        />
3709
3710                                                                    <div class="md:hidden pt-4 px-1">
3711                                        <h2 class="text-lg"><span class="italic">Sleep</span>, 2000</h2>
3712                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3713                                                                                                                                                <div>Video</div>
3714                                                
3715                                                                                                                                                <div>, Performance</div>
3716                                                
3717                                                                                    </div>
3718                                        
3719                                    </div>
3720                            </a>
3721                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3722                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/42-sleep">
3723
3724                                    <h2 class="text-lg"><span class="italic">Sleep</span>, 2000</h2>
3725                                </a>
3726                                <div class="flex flex-wrap text-cat">
3727                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
3728                                        
3729                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a></div>
3730                                        
3731                                                                    </div>
3732                            
3733                        </div>
3734                    </div>
3735                
3736            
3737                                                                                
3738                            
3739                                                        
3740                        
3741
3742                    <style>
3743                        @media screen and (min-width: 768px) { 
3744                            #higgle-106778299 {
3745                                margin: 2.33903rem 0.94561rem 0.23153rem 0.11705rem; padding: 2.595rem 0.75rem 0rem 0.45rem 
3746                            }
3747                        }
3748                    </style>
3749                    
3750                
3751                    <div id="higgle-106778299" class="self-end xl:self-center md:flex items-end 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3752                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3752h-[250px] 2xl:p-10 md:flex items-end 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/41-indigenous-british-mammals">
3753                                                                                                                                    
3754    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2903" width=1935 data-twic-src="image:marcus-coates/images/marcus_tape002_copy.jpg"
3755        />
3756
3757                                                                    <div class="md:hidden pt-4 px-1">
3758                                        <h2 class="text-lg"><span class="italic">Indigenous British Mammals</span>, 2000</h2>
3759                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3760                                                                                                                                                <div>Video</div>
3761                                                
3762                                                                                                                                                <div>, Performance</div>
3763                                                
3764                                                                                    </div>
3765                                        
3766                                    </div>
3767                            </a>
3768                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3769                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/41-indigenous-british-mammals">
3770
3771                                    <h2 class="text-lg"><span class="italic">Indigenous British Mammals</span>, 2000</h2>
3772                                </a>
3773                                <div class="flex flex-wrap text-cat">
3774                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
3775                                        
3776                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a></div>
3777                                        
3778                                                                    </div>
3779                            
3780                        </div>
3781                    </div>
3782                
3783            
3784                                                                                
3785                            
3786                                                        
3787                        
3788
3789                    <style>
3790                        @media screen and (min-width: 768px) { 
3791                            #higgle-207839337 {
3792                                margin: 1.03401rem 0.1648rem 0.45229rem 0.8894rem; padding: 0.65rem 0.55rem 0.75rem 0.75rem 
3793                            }
3794                        }
3795                    </style>
3796                    
3797                
3798                    <div id="higgle-207839337" class="self-start 2xl:self-end md:flex items-start 2xl:items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3799                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3799h-[250px] 2xl:p-10 md:flex items-start 2xl:items-end w-full" href="https://marcuscoates.co.uk/projects/40-crucifixes-for-various-amphibians">
3800                                                                                                                                    
3801    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2299" width=4000 data-twic-src="image:marcus-coates/images/crucifix_full.jpg"
3802        />
3803
3804                                                                    <div class="md:hidden pt-4 px-1">
3805                                        <h2 class="text-lg"><span class="italic">Crucifixes for Various Amphibians</span>, 2000</h2>
3806                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3807                                                                                                                                                <div>Objects</div>
3808                                                
3809                                                                                    </div>
3810                                        
3811                                    </div>
3812                            </a>
3813                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3814                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/40-crucifixes-for-various-amphibians">
3815
3816                                    <h2 class="text-lg"><span class="italic">Crucifixes for Various Amphibians</span>, 2000</h2>
3817                                </a>
3818                                <div class="flex flex-wrap text-cat">
3819                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a></div>
3820                                        
3821                                                                    </div>
3822                            
3823                        </div>
3824                    </div>
3825                
3826            
3827                                                                                
3828                            
3829                                                                                
3830                        
3831
3832                    <style>
3833                        @media screen and (min-width: 768px) { 
3834                            #higgle-1644598113 {
3835                                margin: 0.83969rem 0.29845rem 0.18907rem 0.83909rem; padding: 0rem 0.55rem 3.265rem 0.45rem 
3836                            }
3837                        }
3838                    </style>
3839                    
3840                
3841                    <div id="higgle-1644598113" class="self-end 2xl:self-start md:flex items-end 2xl:items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3842                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3842h-[250px] 2xl:p-10 md:flex items-end 2xl:items-start w-full" href="https://marcuscoates.co.uk/projects/39-trap">
3843                                                                                                                                    
3844    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="5703" width=4722 data-twic-src="image:marcus-coates/images/trap2_copy.jpg"
3845        />
3846
3847                                                                    <div class="md:hidden pt-4 px-1">
3848                                        <h2 class="text-lg"><span class="italic">Trap</span>, 2000</h2>
3849                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3850                                                                                                                                                <div>Objects</div>
3851                                                
3852                                                                                    </div>
3853                                        
3854                                    </div>
3855                            </a>
3856                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3857                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/39-trap">
3858
3859                                    <h2 class="text-lg"><span class="italic">Trap</span>, 2000</h2>
3860                                </a>
3861                                <div class="flex flex-wrap text-cat">
3862                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a></div>
3863                                        
3864                                                                    </div>
3865                            
3866                        </div>
3867                    </div>
3868                
3869            
3870                                                                                
3871                            
3872                                                        
3873                        
3874
3875                    <style>
3876                        @media screen and (min-width: 768px) { 
3877                            #higgle-1359972134 {
3878                                margin: 0.04677rem 0.69418rem 0.42303rem 0.83522rem; padding: 2.855rem 0.65rem 0rem 0.25rem 
3879                            }
3880                        }
3881                    </style>
3882                    
3883                
3884                    <div id="higgle-1359972134" class="self-start 2xl:self-center md:flex items-start 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3885                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3885h-[250px] 2xl:p-10 md:flex items-start 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/37-duvet-den-self-portrait">
3886                                                                                                                                    
3887    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2689" width=4006 data-twic-src="image:marcus-coates/images/billboard_altered_flat_copy-smaller.jpg"
3888        />
3889
3890                                                                    <div class="md:hidden pt-4 px-1">
3891                                        <h2 class="text-lg"><span class="italic">Duvet Den (Self-portrait)</span>, 2000</h2>
3892                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3893                                                                                                                                                <div>Photography</div>
3894                                                
3895                                                                                                                                                <div>, Installation</div>
3896                                                
3897                                                                                    </div>
3898                                        
3899                                    </div>
3900                            </a>
3901                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3902                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/37-duvet-den-self-portrait">
3903
3904                                    <h2 class="text-lg"><span class="italic">Duvet Den (Self-portrait)</span>, 2000</h2>
3905                                </a>
3906                                <div class="flex flex-wrap text-cat">
3907                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a>, &nbsp;</div>
3908                                        
3909                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/installation">Installation</a></div>
3910                                        
3911                                                                    </div>
3912                            
3913                        </div>
3914                    </div>
3915                
3916            
3917                                                                                
3918                            
3919                                                        
3920                    
3921
3922                    <style>
3923                        @media screen and (min-width: 768px) { 
3924                            #higgle-1138991535 {
3925                                margin: 1.12949rem 0.03374rem 0.57876rem 0.3791rem; padding: 0.45rem 0.55rem 0.55rem 0.35rem 
3926                            }
3927                        }
3928                    </style>
3929                    
3930                
3931                    <div id="higgle-1138991535" class="self-end md:flex items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3932                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3932h-[250px] 2xl:p-10 md:flex items-end w-full" href="https://marcuscoates.co.uk/projects/36-british-camp">
3933                                                                                                                                    
3934    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2500" width=1635 data-twic-src="image:marcus-coates/images/british_camp_levelled.jpg"
3935        />
3936
3937                                                                    <div class="md:hidden pt-4 px-1">
3938                                        <h2 class="text-lg"><span class="italic">British Camp</span>, 2000</h2>
3939                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3940                                                                                                                                                <div>Photography</div>
3941                                                
3942                                                                                    </div>
3943                                        
3944                                    </div>
3945                            </a>
3946                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3947                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/36-british-camp">
3948
3949                                    <h2 class="text-lg"><span class="italic">British Camp</span>, 2000</h2>
3950                                </a>
3951                                <div class="flex flex-wrap text-cat">
3952                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a></div>
3953                                        
3954                                                                    </div>
3955                            
3956                        </div>
3957                    </div>
3958                
3959            
3960                                                                                
3961                            
3962                                                                                
3963                        
3964
3965                    <style>
3966                        @media screen and (min-width: 768px) { 
3967                            #higgle-728276390 {
3968                                margin: 0.12874rem 0.06377rem 0.4683rem 0.10232rem; padding: 0rem 0.75rem 2.535rem 0.35rem 
3969                            }
3970                        }
3971                    </style>
3972                    
3973                
3974                    <div id="higgle-728276390" class="self-start md:flex items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
3975                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
3975h-[250px] 2xl:p-10 md:flex items-start w-full" href="https://marcuscoates.co.uk/projects/35-deers">
3976                                                                                                                                    
3977    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="4705" width=7125 data-twic-src="image:marcus-coates/images/deer011.jpg"
3978        />
3979
3980                                                                    <div class="md:hidden pt-4 px-1">
3981                                        <h2 class="text-lg"><span class="italic">Deers</span>, 2000</h2>
3982                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
3983                                                                                                                                                <div>Video</div>
3984                                                
3985                                                                                                                                                <div>, Performance</div>
3986                                                
3987                                                                                    </div>
3988                                        
3989                                    </div>
3990                            </a>
3991                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
3992                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/35-deers">
3993
3994                                    <h2 class="text-lg"><span class="italic">Deers</span>, 2000</h2>
3995                                </a>
3996                                <div class="flex flex-wrap text-cat">
3997                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
3998                                        
3999                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a></div>
4000                                        
4001                                                                    </div>
4002                            
4003                        </div>
4004                    </div>
4005                
4006            
4007                                                                                
4008                            
4009                                                        
4010                        
4011
4012                    <style>
4013                        @media screen and (min-width: 768px) { 
4014                            #higgle-1782448373 {
4015                                margin: 1.57993rem 0.48744rem 0.86844rem 0.31386rem; padding: 5.425rem 0.25rem 0rem 0.25rem 
4016                            }
4017                        }
4018                    </style>
4019                    
4020                
4021                    <div id="higgle-1782448373" class="self-end xl:self-center md:flex items-end 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
4022                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
4022h-[250px] 2xl:p-10 md:flex items-end 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/34-common-starling-series">
4023                                                                                                                                    
4024    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="1650" width=2612 data-twic-src="image:marcus-coates/images/large_peregrine_detail3.jpg"
4025        />
4026
4027                                                                    <div class="md:hidden pt-4 px-1">
4028                                        <h2 class="text-lg"><span class="italic">Common Starling Series</span>, 1999</h2>
4029                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
4030                                                                                                                                                <div>Objects</div>
4031                                                
4032                                                                                    </div>
4033                                        
4034                                    </div>
4035                            </a>
4036                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
4037                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/34-common-starling-series">
4038
4039                                    <h2 class="text-lg"><span class="italic">Common Starling Series</span>, 1999</h2>
4040                                </a>
4041                                <div class="flex flex-wrap text-cat">
4042                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a></div>
4043                                        
4044                                                                    </div>
4045                            
4046                        </div>
4047                    </div>
4048                
4049            
4050                                                                                
4051                            
4052                                                        
4053                        
4054
4055                    <style>
4056                        @media screen and (min-width: 768px) { 
4057                            #higgle-265914429 {
4058                                margin: 2.25081rem 0.95709rem 0.9736rem 0.85293rem; padding: 0.25rem 0.65rem 0.75rem 0.45rem 
4059                            }
4060                        }
4061                    </style>
4062                    
4063                
4064                    <div id="higgle-265914429" class="self-start 2xl:self-end md:flex items-start 2xl:items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
4065                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
4065h-[250px] 2xl:p-10 md:flex items-start 2xl:items-end w-full" href="https://marcuscoates.co.uk/projects/33-sparrowhawk-bait">
4066                                                                                                                                    
4067    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="735" width=979 data-twic-src="image:marcus-coates/images/sparrow_hawk_bait_running.jpg"
4068        />
4069
4070                                                                    <div class="md:hidden pt-4 px-1">
4071                                        <h2 class="text-lg"><span class="italic">Sparrowhawk Bait</span>, 1999</h2>
4072                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
4073                                                                                                                                                <div>Video</div>
4074                                                
4075                                                                                                                                                <div>, Performance</div>
4076                                                
4077                                                                                    </div>
4078                                        
4079                                    </div>
4080                            </a>
4081                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
4082                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/33-sparrowhawk-bait">
4083
4084                                    <h2 class="text-lg"><span class="italic">Sparrowhawk Bait</span>, 1999</h2>
4085                                </a>
4086                                <div class="flex flex-wrap text-cat">
4087                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
4088                                        
4089                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a></div>
4090                                        
4091                                                                    </div>
4092                            
4093                        </div>
4094                    </div>
4095                
4096            
4097                                                                                
4098                            
4099                                                                                
4100                        
4101
4102                    <style>
4103                        @media screen and (min-width: 768px) { 
4104                            #higgle-1706121715 {
4105                                margin: 0.06306rem 0.0704rem 0.78753rem 0.25061rem; padding: 0rem 0.75rem 5.295rem 0.35rem 
4106                            }
4107                        }
4108                    </style>
4109                    
4110                
4111                    <div id="higgle-1706121715" class="self-end 2xl:self-start md:flex items-end 2xl:items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
4112                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
4112h-[250px] 2xl:p-10 md:flex items-end 2xl:items-start w-full" href="https://marcuscoates.co.uk/projects/32-stoat">
4113                                                                                                                                    
4114    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="657" width=809 data-twic-src="image:marcus-coates/images/stoat_8_copy.jpg"
4115        />
4116
4117                                                                    <div class="md:hidden pt-4 px-1">
4118                                        <h2 class="text-lg"><span class="italic">Stoat</span>, 1999</h2>
4119                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
4120                                                                                                                                                <div>Video</div>
4121                                                
4122                                                                                                                                                <div>, Performance</div>
4123                                                
4124                                                                                    </div>
4125                                        
4126                                    </div>
4127                            </a>
4128                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
4129                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/32-stoat">
4130
4131                                    <h2 class="text-lg"><span class="italic">Stoat</span>, 1999</h2>
4132                                </a>
4133                                <div class="flex flex-wrap text-cat">
4134                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, &nbsp;</div>
4135                                        
4136                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a></div>
4137                                        
4138                                                                    </div>
4139                            
4140                        </div>
4141                    </div>
4142                
4143            
4144                                                                                
4145                            
4146                                                        
4147                        
4148
4149                    <style>
4150                        @media screen and (min-width: 768px) { 
4151                            #higgle-2092763532 {
4152                                margin: 2.21774rem 0.1287rem 0.1242rem 0.89313rem; padding: 4.955rem 0.65rem 0rem 0.65rem 
4153                            }
4154                        }
4155                    </style>
4156                    
4157                
4158                    <div id="higgle-2092763532" class="self-start 2xl:self-center md:flex items-start 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
4159                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
4159h-[250px] 2xl:p-10 md:flex items-start 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/31-goshawk-self-portrait">
4160                                                                                                                                    
4161    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="6000" width=3961 data-twic-src="image:marcus-coates/images/goshawk.jpg"
4162        />
4163
4164                                                                    <div class="md:hidden pt-4 px-1">
4165                                        <h2 class="text-lg"><span class="italic">Goshawk (Self-portrait)</span>, 1999</h2>
4166                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
4167                                                                                                                                                <div>Photography</div>
4168                                                
4169                                                                                                                                                <div>, Performance</div>
4170                                                
4171                                                                                    </div>
4172                                        
4173                                    </div>
4174                            </a>
4175                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
4176                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/31-goshawk-self-portrait">
4177
4178                                    <h2 class="text-lg"><span class="italic">Goshawk (Self-portrait)</span>, 1999</h2>
4179                                </a>
4180                                <div class="flex flex-wrap text-cat">
4181                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a>, &nbsp;</div>
4182                                        
4183                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a></div>
4184                                        
4185                                                                    </div>
4186                            
4187                        </div>
4188                    </div>
4189                
4190            
4191                                                                                
4192                            
4193                                                        
4194                    
4195
4196                    <style>
4197                        @media screen and (min-width: 768px) { 
4198                            #higgle-406975307 {
4199                                margin: 0.48252rem 0.62678rem 0.48253rem 0.84802rem; padding: 0.25rem 0.75rem 0.25rem 0.35rem 
4200                            }
4201                        }
4202                    </style>
4203                    
4204                
4205                    <div id="higgle-406975307" class="self-end md:flex items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
4206                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
4206h-[250px] 2xl:p-10 md:flex items-end w-full" href="https://marcuscoates.co.uk/projects/30-red-fox-self-portrait">
4207                                                                                                                                    
4208    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2344" width=3000 data-twic-src="image:marcus-coates/images/red_fox_4x5_scan.jpg"
4209        />
4210
4211                                                                    <div class="md:hidden pt-4 px-1">
4212                                        <h2 class="text-lg"><span class="italic">Red Fox (Self-portrait)</span>, 1998</h2>
4213                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
4214                                                                                                                                                <div>Photography</div>
4215                                                
4216                                                                                                                                                <div>, Costume</div>
4217                                                
4218                                                                                                                                                <div>, Performance</div>
4219                                                
4220                                                                                    </div>
4221                                        
4222                                    </div>
4223                            </a>
4224                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
4225                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/30-red-fox-self-portrait">
4226
4227                                    <h2 class="text-lg"><span class="italic">Red Fox (Self-portrait)</span>, 1998</h2>
4228                                </a>
4229                                <div class="flex flex-wrap text-cat">
4230                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a>, &nbsp;</div>
4231                                        
4232                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a>, &nbsp;</div>
4233                                        
4234                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a></div>
4235                                        
4236                                                                    </div>
4237                            
4238                        </div>
4239                    </div>
4240                
4241            
4242                                                                                
4243                            
4244                                                                                
4245                        
4246
4247                    <style>
4248                        @media screen and (min-width: 768px) { 
4249                            #higgle-1524760359 {
4250                                margin: 0.48186rem 0.70592rem 0.55218rem 0.98142rem; padding: 0rem 0.25rem 3.475rem 0.55rem 
4251                            }
4252                        }
4253                    </style>
4254                    
4255                
4256                    <div id="higgle-1524760359" class="self-start md:flex items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
4257                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
4257h-[250px] 2xl:p-10 md:flex items-start w-full" href="https://marcuscoates.co.uk/projects/29-father">
4258                                                                                                                                    
4259    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3072" width=2048 data-twic-src="image:marcus-coates/images/Father_B_SCAN_copy.jpg"
4260        />
4261
4262                                                                    <div class="md:hidden pt-4 px-1">
4263                                        <h2 class="text-lg"><span class="italic">Father</span>, 1998</h2>
4264                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
4265                                                                                                                                                <div>Objects</div>
4266                                                
4267                                                                                                                                                <div>, Painting</div>
4268                                                
4269                                                                                    </div>
4270                                        
4271                                    </div>
4272                            </a>
4273                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
4274                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/29-father">
4275
4276                                    <h2 class="text-lg"><span class="italic">Father</span>, 1998</h2>
4277                                </a>
4278                                <div class="flex flex-wrap text-cat">
4279                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a>, &nbsp;</div>
4280                                        
4281                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/painting">Painting</a></div>
4282                                        
4283                                                                    </div>
4284                            
4285                        </div>
4286                    </div>
4287                
4288            
4289                                                                                
4290                            
4291                                                        
4292                        
4293
4294                    <style>
4295                        @media screen and (min-width: 768px) { 
4296                            #higgle-875162668 {
4297                                margin: 0.4906rem 0.06109rem 0.93564rem 0.64829rem; padding: 4.585rem 0.65rem 0rem 0.75rem 
4298                            }
4299                        }
4300                    </style>
4301                    
4302                
4303                    <div id="higgle-875162668" class="self-end xl:self-center md:flex items-end 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
4304                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
4304h-[250px] 2xl:p-10 md:flex items-end 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/28-our-unmade-image">
4305                                                                                                                                    
4306    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="4000" width=3000 data-twic-src="image:marcus-coates/images/rockface10.jpg"
4307        />
4308
4309                                                                    <div class="md:hidden pt-4 px-1">
4310                                        <h2 class="text-lg"><span class="italic">Our Unmade Image</span>, 2013</h2>
4311                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
4312                                                                                                                                                <div>Photography</div>
4313                                                
4314                                                                                    </div>
4315                                        
4316                                    </div>
4317                            </a>
4318                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
4319                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/28-our-unmade-image">
4320
4321                                    <h2 class="text-lg"><span class="italic">Our Unmade Image</span>, 2013</h2>
4322                                </a>
4323                                <div class="flex flex-wrap text-cat">
4324                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a></div>
4325                                        
4326                                                                    </div>
4327                            
4328                        </div>
4329                    </div>
4330                
4331            
4332                                                                                
4333                            
4334                                                        
4335                        
4336
4337                    <style>
4338                        @media screen and (min-width: 768px) { 
4339                            #higgle-62729750 {
4340                                margin: 2.19499rem 0.67295rem 0.98272rem 0.68038rem; padding: 0.35rem 0.65rem 0.45rem 0.55rem 
4341                            }
4342                        }
4343                    </style>
4344                    
4345                
4346                    <div id="higgle-62729750" class="self-start 2xl:self-end md:flex items-start 2xl:items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
4347                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
4347h-[250px] 2xl:p-10 md:flex items-start 2xl:items-end w-full" href="https://marcuscoates.co.uk/projects/27-outline-of-human-lying-on-back-self-portrait">
4348                                                                                                                                    
4349    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2999" width=2483 data-twic-src="image:marcus-coates/images/Human_Outline_book_wdth_bit.gif"
4350        />
4351
4352                                                                    <div class="md:hidden pt-4 px-1">
4353                                        <h2 class="text-lg"><span class="italic">Outline of Human Lying on Back (Self-portrait)</span>, 1998</h2>
4354                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
4355                                                                                                                                                <div>Drawing</div>
4356                                                
4357                                                                                    </div>
4358                                        
4359                                    </div>
4360                            </a>
4361                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
4362                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/27-outline-of-human-lying-on-back-self-portrait">
4363
4364                                    <h2 class="text-lg"><span class="italic">Outline of Human Lying on Back (Self-portrait)</span>, 1998</h2>
4365                                </a>
4366                                <div class="flex flex-wrap text-cat">
4367                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/drawing">Drawing</a></div>
4368                                        
4369                                                                    </div>
4370                            
4371                        </div>
4372                    </div>
4373                
4374            
4375                                                                                
4376                            
4377                                                                                
4378                        
4379
4380                    <style>
4381                        @media screen and (min-width: 768px) { 
4382                            #higgle-1313750029 {
4383                                margin: 2.8895rem 0.66607rem 0.82449rem 0.14124rem; padding: 0rem 0.75rem 3.775rem 0.45rem 
4384                            }
4385                        }
4386                    </style>
4387                    
4388                
4389                    <div id="higgle-1313750029" class="self-end 2xl:self-start md:flex items-end 2xl:items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
4390                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
4390h-[250px] 2xl:p-10 md:flex items-end 2xl:items-start w-full" href="https://marcuscoates.co.uk/projects/26-one-mile-self-portrait">
4391                                                                                                                                    
4392    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3976" width=2608 data-twic-src="image:marcus-coates/images/One_Mile_Away.jpg"
4393        />
4394
4395                                                                    <div class="md:hidden pt-4 px-1">
4396                                        <h2 class="text-lg"><span class="italic">One Mile (Self-portrait)</span>, 1998</h2>
4397                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
4398                                                                                                                                                <div>Photography</div>
4399                                                
4400                                                                                    </div>
4401                                        
4402                                    </div>
4403                            </a>
4404                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
4405                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/26-one-mile-self-portrait">
4406
4407                                    <h2 class="text-lg"><span class="italic">One Mile (Self-portrait)</span>, 1998</h2>
4408                                </a>
4409                                <div class="flex flex-wrap text-cat">
4410                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a></div>
4411                                        
4412                                                                    </div>
4413                            
4414                        </div>
4415                    </div>
4416                
4417            
4418                                                                                
4419                            
4420                                                        
4421                        
4422
4423                    <style>
4424                        @media screen and (min-width: 768px) { 
4425                            #higgle-733425384 {
4426                                margin: 0.21104rem 0.44134rem 0.24576rem 0.2477rem; padding: 5.155rem 0.45rem 0rem 0.45rem 
4427                            }
4428                        }
4429                    </style>
4430                    
4431                
4432                    <div id="higgle-733425384" class="self-start 2xl:self-center md:flex items-start 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
4433                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
4433h-[250px] 2xl:p-10 md:flex items-start 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/25-self-portrait-image-of-brother-painted-using-artist-s-faeces">
4434                                                                                                                                    
4435    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="4984" width=4011 data-twic-src="image:marcus-coates/images/Faeces_repro_done3_copy.jpg"
4436        />
4437
4438                                                                    <div class="md:hidden pt-4 px-1">
4439                                        <h2 class="text-lg"><span class="italic">Self-portrait (Image of brother painted using artist’s faeces)</span>, 1998</h2>
4440                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
4441                                                                                                                                                <div>Photography</div>
4442                                                
4443                                                                                                                                                <div>, Painting</div>
4444                                                
4445                                                                                    </div>
4446                                        
4447                                    </div>
4448                            </a>
4449                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
4450                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/25-self-portrait-image-of-brother-painted-using-artist-s-faeces">
4451
4452                                    <h2 class="text-lg"><span class="italic">Self-portrait (Image of brother painted using artist’s faeces)</span>, 1998</h2>
4453                                </a>
4454                                <div class="flex flex-wrap text-cat">
4455                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a>, &nbsp;</div>
4456                                        
4457                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/painting">Painting</a></div>
4458                                        
4459                                                                    </div>
4460                            
4461                        </div>
4462                    </div>
4463                
4464            
4465                                                                                
4466                            
4467                                                        
4468                    
4469
4470                    <style>
4471                        @media screen and (min-width: 768px) { 
4472                            #higgle-716666478 {
4473                                margin: 0.32369rem 0.26268rem 0.46724rem 0.39rem; padding: 0.55rem 0.65rem 0.75rem 0.35rem 
4474                            }
4475                        }
4476                    </style>
4477                    
4478                
4479                    <div id="higgle-716666478" class="self-end md:flex items-end project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
4480                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
4480h-[250px] 2xl:p-10 md:flex items-end w-full" href="https://marcuscoates.co.uk/projects/24-natural-self-portrait">
4481                                                                                                                                    
4482    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3105" width=2590 data-twic-src="image:marcus-coates/images/natural_framed.jpg"
4483        />
4484
4485                                                                    <div class="md:hidden pt-4 px-1">
4486                                        <h2 class="text-lg"><span class="italic">Natural (Self-portrait)</span>, 1998</h2>
4487                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
4488                                                                                                                                                <div>Photography</div>
4489                                                
4490                                                                                    </div>
4491                                        
4492                                    </div>
4493                            </a>
4494                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
4495                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/24-natural-self-portrait">
4496
4497                                    <h2 class="text-lg"><span class="italic">Natural (Self-portrait)</span>, 1998</h2>
4498                                </a>
4499                                <div class="flex flex-wrap text-cat">
4500                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a></div>
4501                                        
4502                                                                    </div>
4503                            
4504                        </div>
4505                    </div>
4506                
4507            
4508                                                                                
4509                            
4510                                                                                
4511                        
4512
4513                    <style>
4514                        @media screen and (min-width: 768px) { 
4515                            #higgle-494672442 {
4516                                margin: 2.63849rem 0.66811rem 0.7257rem 0.77596rem; padding: 0rem 0.65rem 2.425rem 0.35rem 
4517                            }
4518                        }
4519                    </style>
4520                    
4521                
4522                    <div id="higgle-494672442" class="self-start md:flex items-start project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
4523                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
4523h-[250px] 2xl:p-10 md:flex items-start w-full" href="https://marcuscoates.co.uk/projects/23-self-portrait-buried-as-worcestershire">
4524                                                                                                                                    
4525    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="3000" width=2384 data-twic-src="image:marcus-coates/images/worcestershire_levelled.jpg"
4526        />
4527
4528                                                                    <div class="md:hidden pt-4 px-1">
4529                                        <h2 class="text-lg"><span class="italic">Self-portrait (Buried) as Worcestershire</span>, 1998</h2>
4530                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
4531                                                                                                                                                <div>Photography</div>
4532                                                
4533                                                                                                                                                <div>, Performance</div>
4534                                                
4535                                                                                    </div>
4536                                        
4537                                    </div>
4538                            </a>
4539                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
4540                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/23-self-portrait-buried-as-worcestershire">
4541
4542                                    <h2 class="text-lg"><span class="italic">Self-portrait (Buried) as Worcestershire</span>, 1998</h2>
4543                                </a>
4544                                <div class="flex flex-wrap text-cat">
4545                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a>, &nbsp;</div>
4546                                        
4547                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a></div>
4548                                        
4549                                                                    </div>
4550                            
4551                        </div>
4552                    </div>
4553                
4554            
4555                                                                                
4556                            
4557                                                        
4558                        
4559
4560                    <style>
4561                        @media screen and (min-width: 768px) { 
4562                            #higgle-1898049181 {
4563                                margin: 0.19553rem 0.18743rem 0.33083rem 0.16196rem; padding: 2.715rem 0.65rem 0rem 0.45rem 
4564                            }
4565                        }
4566                    </style>
4567                    
4568                
4569                    <div id="higgle-1898049181" class="self-end xl:self-center md:flex items-end 2xl:items-center project w-full lg:w-[45%] 2xl:w-[26%] group" style="">
4570                            <a class="imageDiv transition-transform transform duration-200 group-hover:md:scale-110 md:min-
4570h-[250px] 2xl:p-10 md:flex items-end 2xl:items-center w-full" href="https://marcuscoates.co.uk/projects/22-self-portrait-as-adult">
4571                                                                                                                                    
4572    <img id="" class=" object-contain block w-full  transform transition-transform duration-300 origin-bottom-left cursor-pointer group-hover:md:rotate-[-3deg]  twic twic-blur  shadow-sm " height="2372" width=1852 data-twic-src="image:marcus-coates/images/Adult_repro_done_copy.jpg"
4573        />
4574
4575                                                                    <div class="md:hidden pt-4 px-1">
4576                                        <h2 class="text-lg"><span class="italic">Self-portrait as Adult</span>, 1996</h2>
4577                                        <div class="md:opacity-0 transition-opacity duration-300 group-hover:md:opacity-100 flex text-cat">
4578                                                                                                                                                <div>Photography</div>
4579                                                
4580                                                                                                                                                <div>, Costume</div>
4581                                                
4582                                                                                    </div>
4583                                        
4584                                    </div>
4585                            </a>
4586                        <div class="project-text absolute left-[50%] 2xl:left-[75%] mb-2 pr-10  hidden md:block">
4587                                <a class="group-hover:text-marcus-blue" href="https://marcuscoates.co.uk/projects/22-self-portrait-as-adult">
4588
4589                                    <h2 class="text-lg"><span class="italic">Self-portrait as Adult</span>, 1996</h2>
4590                                </a>
4591                                <div class="flex flex-wrap text-cat">
4592                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a>, &nbsp;</div>
4593                                        
4594                                                                                                                        <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a></div>
4595                                        
4596                                                                    </div>
4597                            
4598                        </div>
4599                    </div>
4600                
4601                    </div>
4602    </div>
4603
4604    
4605</div>
4606    <div id="footer" class="h-20 px-10 pb-3 flex items-end gap-3 z-[500] textColourChange text-xxs" style="color: #111827">
4607        <div><a href="/credits">Credits</a></div>
4608        <div class="flex-1"></div>
4609
4610        <div>
4611            <a href="https://www.instagram.com/marcus_coates_/" target="_blank">Instagram</a>
4612        </div>
4613    </div>
4614
4615   <div id="splash" class="w-full h-full fixed top-0 left-0 bg-[#fafaf9] z-50 flex items-center justify-center transition-opacity duration-1000 text-4xl px-20 text-center"></div></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.