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('vite-script-loaded', {detail:{path: 'templates/src/index.js'}});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='all'"></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">+</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>, </div> 175 176 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </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>, </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>, </div> 279 280 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/drawing">Drawing</a>, </div> 281 282 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/audio">Audio</a>, </div> 283 284 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a>, </div> 285 286 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </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>, </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>, </div> 427 428 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, </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>, </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>, </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>, </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>, </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>, </div> 668 669 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a>, </div> 670 671 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, </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>, </div> 725 726 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, </div> 727 728 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a>, </div> 729 730 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/installation">Installation</a>, </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>, </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>, </div> 915 916 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/ritual">Ritual</a>, </div> 917 918 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </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>, </div> 1011 1012 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </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>, </div> 1105 1106 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, </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>, </div> 1156 1157 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </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>, </div> 1293 1294 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a>, </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>, </div> 1346 1347 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/movement">Movement</a>, </div> 1348 1349 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/instruction">Instruction</a>, </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>, </div> 1403 1404 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/installation">Installation</a>, </div> 1405 1406 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a>, </div> 1407 1408 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, </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>, </div> 1462 1463 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/drawing">Drawing</a>, </div> 1464 1465 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/text">Text</a>, </div> 1466 1467 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/publication">Publication</a>, </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>, </div> 1519 1520 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a>, </div> 1521 1522 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, </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>, </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>, </div> 1621 1622 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, </div> 1623 1624 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/movement">Movement</a>, </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>, </div> 1680 1681 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a>, </div> 1682 1683 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a>, </div> 1684 1685 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, </div> 1686 1687 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </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>, </div> 1739 1740 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </div> 1741 1742 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, </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>, </div> 1794 1795 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </div> 1796 1797 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, </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>, </div> 1849 1850 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </div> 1851 1852 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, </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>, </div> 1906 1907 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, </div> 1908 1909 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </div> 1910 1911 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, </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>, </div> 1965 1966 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a>, </div> 1967 1968 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </div> 1969 1970 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, </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>, </div> 2024 2025 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a>, </div> 2026 2027 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </div> 2028 2029 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, </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>, </div> 2081 2082 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </div> 2083 2084 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, </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>, </div> 2140 2141 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a>, </div> 2142 2143 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, </div> 2144 2145 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </div> 2146 2147 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, </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>, </div> 2203 2204 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, </div> 2205 2206 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a>, </div> 2207 2208 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, </div> 2209 2210 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </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>, </div> 2268 2269 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, </div> 2270 2271 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a>, </div> 2272 2273 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </div> 2274 2275 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/question-and-answer">Question and answer</a>, </div> 2276 2277 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/movement">Movement</a>, </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>, </div> 2329 2330 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/objects">Objects</a>, </div> 2331 2332 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a>, </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>, </div> 2386 2387 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a>, </div> 2388 2389 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a>, </div> 2390 2391 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, </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>, </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>, </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>, </div> 2537 2538 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/audio">Audio</a>, </div> 2539 2540 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a>, </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>, </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>, </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>, </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>, </div> 2735 2736 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/installation">Installation</a>, </div> 2737 2738 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/text">Text</a>, </div> 2739 2740 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/vocal">Vocal</a>, </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>, </div> 2835 2836 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, </div> 2837 2838 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/video">Video</a>, </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>, </div> 2931 2932 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </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>, </div> 2984 2985 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </div> 2986 2987 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/participation">Participation</a>, </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>, </div> 3037 3038 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/installation">Installation</a>, </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>, </div> 3088 3089 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </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>, </div> 3139 3140 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/photography">Photography</a>, </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>, </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>, </div> 3452 3453 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/performance">Performance</a>, </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>, </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>, </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>, </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>, </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>, </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>, </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>, </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>, </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>, </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>, </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>, </div> 4231 4232 <div><a class="hover:underline" href="https://marcuscoates.co.uk/tags/costume">Costume</a>, </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>, </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>, </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>, </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>, </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.