1<!DOCTYPE html> 2<!-- 3 4 Made with cargo.site 5 6--> 7<html class="wf-initial-load"> 8 <head> 9 <meta charset="utf-8"> 10 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 11 <meta name="generator" content="Cargo (https://cargo.site)"> 12 13 14 <title>Tim Ruffle - Animation Creative</title> 15
15<script>window.__PRELOADED_STATE__={"structure":{"byParent":{"root":["J2383891431","C4276659642","G3149575491"],"G3149575491":["Z2815380924","J2132836220","P2983268587","I0896703365","W0005447864","A3997550088","J2429909628","J3500990363","K3343361197","L3788277322","M3357376499","N1957558042","Q0885833556","R4053507375","X3658926890"]},"bySort":{"J2383891431":0,"C4276659642":1,"G3149575491":3,"Z2815380924":4,"J2132836220":5,"P2983268587":6,"I0896703365":7,"W0005447864":8,"A3997550088":10,"J2429909628":18,"J3500990363":12,"K3343361197":15,"L3788277322":13,"M3357376499":11,"N1957558042":17,"Q0885833556":16,"R4053507375":14,"X3658926890":9},"indexById":{"J2383891431":null,"C4276659642":null,"G3149575491":0,"Z2815380924":null,"J2132836220":0,"P2983268587":1,"I0896703365":2,"W0005447864":3,"A3997550088":5,"J2429909628":13,"J3500990363":7,"K3343361197":10,"L3788277322":8,"M3357376499":6,"N1957558042":12,"Q0885833556":11,"R4053507375":9,"X3658926890":4},"liveIndexes":{}},"site":{"id":3014787,"direct_link":"https://timruffle.studio","display_url":"timruffle.studio","site_url":"951832","domain":"timruffle.studio","domain_active":true,"domain_purchased":false,"domain_pending":false,"css_url":"https://timruffle.studio/stylesheet","rss_url":"https://timruffle.studio/rss","favicon_url":"https://freight.cargo.site/t/original/i/H2466515765956710975648826507884/favicon.ico","website_title":"Tim Ruffle - Animation Creative","access_level":"public","is_private":false,"is_deleted":false,"is_upgraded":false,"is_template":false,"show_cargo_logo":false,"has_annex_upgrade":true,"has_domain_addon":true,"has_commerce_addon":false,"has_storage_addon":false,"can_duplicate":false,"can_copy":false,"site_password_enabled":false,"recent_date":"2026-04-04 20:09:58","upgrade_expire_date":"","version":"Cargo3","total_file_size":441850539,"promocode_type":null,"meta_tags":"\u003cmeta name=\"keywords\" content=\"Animation, Motion Graphics, 2D, 3D, Directing, Direction, Character Design, CGI, Stop Motion, Illustration, Hand Drawn, Colourful, Aardman, BBC\nGooglet\">\n\u003cmeta name=\"google-site-verification\" content=\"nbUy8a0nab0Ks4--Eiv9Hut6MZ9j1lG2BTN2ZSMv-_Y\" />\n\n\u003cmeta name=\"google-site-verification\" content=\"zTNoDOyferMTgxqj9PCEj0OCu9MbOu0ORk0ZLftfG_A\" />","homepage_id":"G3149575491","homepage_purl":"pages","mobile_homepage_id":"G3149575491","mobile_homepage_purl":"pages","screenshot":{"id":77441109,"name":"screenshot-2258240904.jpg","hash":"S2873364439012563482519966696044","width":1792,"height":1120,"file_size":null,"file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false},"site_preview_type":"screenshot","site_preview_image":[],"site_preview_url":"https://freight.cargo.site/w/1000/i/S2873364439012563482519966696044/screenshot-2258240904.jpg","has_site_description":true,"site_description":"Tim Ruffle - ANIMATION CREATIVE","custom_html":"","shop_id":null,"fonts":[{"family":"Diatype Variable","provider":"cargo"},{"family":"Diatype Mono Variable","provider":"cargo"}],"tags":[{"tag":"Fermentu","url":"fermentu"},{"tag":"Condimentum","url":"condimentum"},{"tag":"Eleife","url":"eleife"},{"tag":"illustration","url":"illustration"},{"tag":"Animation","url":"animation"}]},"pages":{"byId":{"J2383891431":{"id":"J2383891431","title":"Footer","purl":"footer","page_type":"page","content":"\u003cdiv class=\"footer-container\" style=\"text-align: right\">\u003cspan class=\"footer\">\u003cb>TIM RUFFLE - ANIMATION CREATIVE\u003c/b> - T: +44 (0) 7946 610125 Â | Â \u003ca class=\"icon-link\" href=\"mailto:[email protected]\">\u003ctext-icon icon=\"mail-1\">\u003c/text-icon>\u003c/a> \u003ca class=\"icon-link\" href=\"https://www.instagram.com/timruffle/?hl=en\" target=\"new\">\u003ctext-icon icon=\"instagram\">\u003c/text-icon>\u003c/a> \u003ca class=\"icon-link\" href=\"https://www.linkedin.com/in/tim-ruffle-54468a5?hl=en\" target=\"new\">\u003ctext-icon icon=\"linkedin\">\u003c/text-icon>\u003c/a>\u003c/span>\u003c/div>","local_css":"[id=\"J2383891431\"] bodycopy {\n\t\n}\n\n[id=\"J2383891431\"].page {\n\tjustify-content: center;\n\tmin-height: auto;\n}\n\n[id=\"J2383891431\"] .page-content {\n\tbackground-color: #ffda34;\n\ttext-align: right;\n}\n\n[id=\"J2383891431\"] .page-layout {\n\tmax-width: 100%;\n height: 2.5rem;\n\tpadding: 0rem;\n\talign-items: center;\n}\n.footer-container {\n\talign-items: flex-start;\n\twidth: 100%;\n\tpadding-top: 2.5px;\n padding-right: 25px;\n}","display":true,"stack":false,"pin":true,"overlay":false,"password_enabled":false,"page_count":null,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{"screen_visibility":"all","position":"bottom","overlay":true,"fixed":true,"adjust":false},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":{},"media":[],"tags":[],"access_level":"public"}
15,"C4276659642":{"id":"C4276659642","title":"Thumbnails","purl":"thumbnails-1","page_type":"page","content":"\u003c!-- \u003ca class=\"back icon-link\" href=\"#\" rel=\"home-page\">\u003ctext-icon icon=\"leftwards-arrow\">\u003c/text-icon>\u003c/a>\u003cbr> -->\n\u003cgallery-grid columns=\"4\" gutter=\"1rem\" mobile-gutter=\"2.5rem\" show-tags=\"false\" show-title=\"true\" thumbnail-index=\"set:G3149575491\" thumbnail-index-metadata=\"%7B%22J2132836220%22%3A%7B%22sort%22%3A0%2C%22attributes%22%3A%7B%7D%7D%2C%22P2983268587%22%3A%7B%22sort%22%3A1%2C%22attributes%22%3A%7B%7D%7D%2C%22I0896703365%22%3A%7B%22sort%22%3A2%2C%22attributes%22%3A%7B%7D%7D%2C%22W0005447864%22%3A%7B%22sort%22%3A3%2C%22attributes%22%3A%7B%7D%7D%2C%22X3658926890%22%3A%7B%22sort%22%3A4%2C%22attributes%22%3A%7B%7D%7D%2C%22A3997550088%22%3A%7B%22sort%22%3A5%2C%22attributes%22%3A%7B%7D%7D%2C%22M3357376499%22%3A%7B%22sort%22%3A6%2C%22attributes%22%3A%7B%7D%7D%2C%22J3500990363%22%3A%7B%22sort%22%3A7%2C%22attributes%22%3A%7B%7D%7D%2C%22L3788277322%22%3A%7B%22sort%22%3A8%2C%22attributes%22%3A%7B%7D%7D%2C%22R4053507375%22%3A%7B%22sort%22%3A9%2C%22attributes%22%3A%7B%7D%7D%2C%22K3343361197%22%3A%7B%22sort%22%3A10%2C%22attributes%22%3A%7B%7D%7D%2C%22Q0885833556%22%3A%7B%22sort%22%3A11%2C%22attributes%22%3A%7B%7D%7D%2C%22N1957558042%22%3A%7B%22sort%22%3A12%2C%22attributes%22%3A%7B%7D%7D%2C%22J2429909628%22%3A%7B%22sort%22%3A13%2C%22attributes%22%3A%7B%7D%7D%2C%22E2383552874%22%3A%7B%22sort%22%3A14%2C%22attributes%22%3A%7B%7D%7D%2C%22O2786427683%22%3A%7B%22sort%22%3A15%2C%22attributes%22%3A%7B%7D%7D%2C%22S1681553951%22%3A%7B%22sort%22%3A16%2C%22attributes%22%3A%7B%7D%7D%2C%22E3962650675%22%3A%7B%22sort%22%3A17%2C%22attributes%22%3A%7B%7D%7D%2C%22J2486637213%22%3A%7B%22sort%22%3A18%2C%22attributes%22%3A%7B%7D%7D%2C%22X3955604304%22%3A%7B%22sort%22%3A19%2C%22attributes%22%3A%7B%7D%7D%2C%22J2713198081%22%3A%7B%22sort%22%3A20%2C%22attributes%22%3A%7B%7D%7D%2C%22Y1059682737%22%3A%7B%22sort%22%3A21%2C%22attributes%22%3A%7B%7D%7D%2C%22B0698941504%22%3A%7B%22sort%22%3A22%2C%22attributes%22%3A%7B%7D%7D%2C%22W2128145197%22%3A%7B%22sort%22%3A23%2C%22attributes%22%3A%7B%7D%7D%2C%22S2007808617%22%3A%7B%22sort%22%3A24%2C%22attributes%22%3A%7B%7D%7D%2C%22W3351031935%22%3A%7B%22sort%22%3A25%2C%22attributes%22%3A%7B%7D%7D%2C%22E3854407692%22%3A%7B%22sort%22%3A26%2C%22attributes%22%3A%7B%7D%7D%2C%22J3268468429%22%3A%7B%22sort%22%3A27%2C%22attributes%22%3A%7B%7D%7D%2C%22G0590891156%22%3A%7B%22sort%22%3A28%2C%22attributes%22%3A%7B%7D%7D%2C%22root%22%3A%7B%22sort%22%3A2%2C%22attributes%22%3A%7B%22suppress-placeholder-ui%22%3A%22true%22%7D%7D%2C%22K4173163363%22%3A%7B%22sort%22%3A0%2C%22attributes%22%3A%7B%7D%7D%7D\" vertical-align=\"center\">\u003c/gallery-grid>\u003cbr />\u003cbr />\u003cbr />","local_css":"[id=\"C4276659642\"].page {\n\tjustify-content: flex-end;\n\tmin-height: var(--viewport-height);\n}\n\n[id=\"C4276659642\"] .backdrop {\n\tposition: relative;\n\twidth: 50%;\n\torder: 0;\n}\n\n.mobile [id=\"C4276659642\"] .backdrop {\n\torder: 0;\n\theight: var(--split-backdrop-height);\n\twidth: 100%;\n}\n\n[id=\"C4276659642\"] .page-content {\n\tpadding-left: 1rem;\n\tpadding-top: 1.8rem;\n\tpadding-right: 1rem;\n\tpadding-bottom: 0.0rem;\n background-image: url(\"https://freight.cargo.site/t/original/i/I2420117203440758653643209687660/BG_04.gif\");\n\twidth: 100%;\n\talign-items: flex-start;\n}\n\n[id=\"C4276659642\"] .page-layout {\n\tmax-width: 40%;\n}\n\n.mobile [id=\"C4276659642\"] .page-layout {\n\tmax-width: 100%;\n\tmin-width: 100%;\n\tmin-height: var(--split-content-height);\n}","display":true,"stack":false,"pin":true,"overlay":false,"password_enabled":false,"page_count":null,"page_design_options":null,"backdrops":{"activeBackdrop":"none","backdropSettings":{"wallpaper":{"activeImage":"E2419169009546585521826166850156","alignments":[],"image-fit":"fit"}}},"pin_options":{"screen_visibility":"desktop","position":"top","overlay":true,"fixed":true,"adjust":false},"overlay_options":{"closeOnClickout":false,"closeOnNavigate":false,"animateOnOpen":{"fade":false,"speed":0,"slideAmount":0,"slideDirection":"default","wipeShape":"default","easing":"linear","scaleAmount":0,"rotateAmou
15nt":0},"animateOnClose":{"fade":false,"speed":0,"slideAmount":0,"slideDirection":"default","wipeShape":"default","easing":"linear","scaleAmount":0,"rotateAmount":0},"openOnLoad":true},"thumb_media_id":60007773,"thumbnail":{"id":60007773,"master_muid":13746796,"name":"giff_logo3.gif","display_name":null,"hash":"E2419169009546585521826166850156","width":500,"height":500,"file_size":5463911,"file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2025-06-23 20:43:35.024097","updated_at":"2025-06-23 20:43:35.024097","options":null},"thumb_meta":[],"media":[{"id":60007773,"display_name":"giff_logo3.gif","name":"giff_logo3.gif","hash":"E2419169009546585521826166850156","width":500,"height":500,"file_size":5463911,"file_size_human":"5.2MB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-06-23T20:43:35.024097Z","updated_at":"2025-06-23T20:43:35.024097Z"},{"id":60040648,"display_name":"BG_04.gif","name":"BG_04.gif","hash":"I2420117203440758653643209687660","width":40,"height":40,"file_size":151,"file_size_human":"151.0B","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-06-24T11:00:16.605882Z","updated_at":"2025-06-24T11:00:16.605882Z"},{"id":60053377,"display_name":"home.png","name":"home.png","hash":"L2420369646875152951825140925036","width":57,"height":57,"file_size":769,"file_size_human":"769.0B","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-06-24T14:48:21.791346Z","updated_at":"2025-06-24T14:48:21.791346Z"},{"id":60058199,"display_name":"home2.png","name":"home2.png","hash":"U2420454460890779939906241282668","width":57,"height":57,"file_size":1207,"file_size_human":"1.2KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-06-24T16:04:59.647540Z","updated_at":"2025-06-24T16:04:59.647540Z"},{"id":60067186,"display_name":"BG_line1.png","name":"BG_line1.png","hash":"Q2420610593357856566455317938796","width":20,"height":20,"file_size":1776,"file_size_human":"1.7KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-06-24T18:26:03.636532Z","updated_at":"2025-06-24T18:26:03.636532Z"},{"id":60067969,"display_name":"home3.png","name":"home3.png","hash":"U2420622933491772115196966978156","width":100,"height":100,"file_size":1771,"file_size_human":"1.7KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-06-24T18:37:12.356641Z","updated_at":"2025-06-24T18:37:12.356641Z"},{"id":60072658,"display_name":"Attune_round1.png","name":"Attune_round1.png","hash":"C2420705209401435257507150938732","width":600,"height":600,"file_size":287386,"file_size_human":"280.7KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-06-24T19:51:32.733506Z","updated_at":"2025-06-24T19:51:32.733506Z"},{"id":60072982,"display_name":"Hire_me.png","name":"Hire_me.png","hash":"V2420710385816076757439268110956","width":100,"height":100,"file_size":1909,"file_size_human":"1.9KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-06-24T19:56:13.134761Z","updated_at":"2025-06-24T19:56:13.134761Z"},{"id":60076253,"display_name":"Hire_me.gif","name":"Hire_me.gif","hash":"X2420766191588778074302070243948","width":100,"height":100,"file_size":2105,"file_size_human":"2.1KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-06-24T20:46:38.537913Z","updated_at":"2025-06-24T20:46:38.537913Z"},{"id":60076485,"display_name":"Hire_me.png","name":"Hire_me.png","hash":"J2420769142569767777840170910316","width":300,"height":300,"file_size":5607,"file_size_human":"5.5KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-06-24T20:49:18.506647Z","updated_at":"2025-06-24T20:49:18.506647Z"},{"id":60484447,"display_name":"apngb-animated.png","name":"apngb-animated.png","hash":"U2431955639394613565172283982444","width":250,"height":250,"file_size":1210805,"file_size_human":"1.2MB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-01T21:16:19.633236Z","updated_at":"2025-07-01T21:16:19.633236Z"},{"id":60486001,"display_name":"hire_head.gif","name":"hire_head.gif","hash":"T2431991681583968726653418455660","width":250,"height":250,"file_size":731068,"file_size_human":"713.9KB","file_type":"gif","mime_type":"image/gif","
15is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-01T21:48:53.518821Z","updated_at":"2025-07-01T21:48:53.518821Z"},{"id":60486534,"display_name":"hire_head2.gif","name":"hire_head2.gif","hash":"V2432001818346538391157674721900","width":250,"height":250,"file_size":704613,"file_size_human":"688.1KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-01T21:58:03.243565Z","updated_at":"2025-07-01T21:58:03.243565Z"},{"id":60486980,"display_name":"hire_head3.gif","name":"hire_head3.gif","hash":"V2432012596926674612238360363628","width":250,"height":250,"file_size":436500,"file_size_human":"426.3KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-01T22:07:47.358902Z","updated_at":"2025-07-01T22:07:47.358902Z"},{"id":60487052,"display_name":"hire_head4.gif","name":"hire_head4.gif","hash":"W2432014919427093724492037472876","width":250,"height":250,"file_size":428784,"file_size_human":"418.7KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-01T22:09:53.474030Z","updated_at":"2025-07-01T22:09:53.474030Z"},{"id":60487269,"display_name":"hire_head5.gif","name":"hire_head5.gif","hash":"H2432022157025577788508323562092","width":250,"height":250,"file_size":162945,"file_size_human":"159.1KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-01T22:16:25.526998Z","updated_at":"2025-07-01T22:16:25.526998Z"},{"id":61191650,"display_name":"hire_head5.gif","name":"hire_head5.gif","hash":"V2453554438487882387060404896364","width":250,"height":250,"file_size":162945,"file_size_human":"159.1KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-15T10:30:52.896513Z","updated_at":"2025-07-15T10:30:52.896513Z"},{"id":61191663,"display_name":"hire_head6.gif","name":"hire_head6.gif","hash":"T2453555075361721531882674438764","width":250,"height":250,"file_size":454338,"file_size_human":"443.7KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-15T10:31:27.309578Z","updated_at":"2025-07-15T10:31:27.309578Z"},{"id":61193270,"display_name":"hire_head7gif.gif","name":"hire_head7gif.gif","hash":"L2453587621634820308371843957356","width":250,"height":250,"file_size":321854,"file_size_human":"314.3KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-15T11:00:52.001093Z","updated_at":"2025-07-15T11:00:52.001093Z"},{"id":61193837,"display_name":"hire_head8.gif","name":"hire_head8.gif","hash":"T2453599298626733151328821953132","width":250,"height":250,"file_size":301819,"file_size_human":"294.7KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-15T11:11:25.033268Z","updated_at":"2025-07-15T11:11:25.033268Z"},{"id":61194428,"display_name":"hire_head9.gif","name":"hire_head9.gif","hash":"A2453612833832963515343772435052","width":250,"height":250,"file_size":306926,"file_size_human":"299.7KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-15T11:23:38.660351Z","updated_at":"2025-07-15T11:23:38.660351Z"},{"id":61228890,"display_name":"hire_head14.gif","name":"hire_head14.gif","hash":"Q2454276574377174259668637303404","width":250,"height":250,"file_size":353354,"file_size_human":"345.1KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-15T21:23:19.900123Z","updated_at":"2025-07-15T21:23:19.900123Z"},{"id":61229657,"display_name":"hire_head15.gif","name":"hire_head15.gif","hash":"F2454287309201633537910266511980","width":250,"height":250,"file_size":309082,"file_size_human":"301.8KB","file_type":"gif","mime_type":"image/gif","
15is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-15T21:33:02.039781Z","updated_at":"2025-07-15T21:33:02.039781Z"},{"id":61229910,"display_name":"hire_head16.gif","name":"hire_head16.gif","hash":"S2454293923484635351280803496556","width":250,"height":250,"file_size":210957,"file_size_human":"206.0KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-15T21:39:00.975588Z","updated_at":"2025-07-15T21:39:00.975588Z"},{"id":61230434,"display_name":"hire_head17.gif","name":"hire_head17.gif","hash":"S2454305328184158922211090088556","width":250,"height":250,"file_size":214827,"file_size_human":"209.8KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-15T21:49:18.931047Z","updated_at":"2025-07-15T21:49:18.931047Z"},{"id":61230689,"display_name":"hire_head18.gif","name":"hire_head18.gif","hash":"G2454311795317483259600533832300","width":250,"height":250,"file_size":198429,"file_size_human":"193.8KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-15T21:55:09.166944Z","updated_at":"2025-07-15T21:55:09.166944Z"},{"id":61231198,"display_name":"hire_head19.gif","name":"hire_head19.gif","hash":"P2454324343419991495343667790444","width":250,"height":250,"file_size":194350,"file_size_human":"189.8KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-15T22:06:29.643073Z","updated_at":"2025-07-15T22:06:29.643073Z"},{"id":61286536,"display_name":"hire_head20.gif","name":"hire_head20.gif","hash":"A2455782759092019804769157759596","width":250,"height":250,"file_size":593214,"file_size_human":"579.3KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-16T20:04:10.505255Z","updated_at":"2025-07-16T20:04:10.505255Z"},{"id":61287059,"display_name":"hire_head21.gif","name":"hire_head21.gif","hash":"F2455793664032352930760271970924","width":250,"height":250,"file_size":301768,"file_size_human":"294.7KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-16T20:14:01.366249Z","updated_at":"2025-07-16T20:14:01.366249Z"},{"id":61287093,"display_name":"hire_head21.gif","name":"hire_head21.gif","hash":"D2455794619094080602998597337708","width":250,"height":250,"file_size":301768,"file_size_human":"294.7KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-16T20:14:53.390764Z","updated_at":"2025-07-16T20:14:53.390764Z"},{"id":61287268,"display_name":"hire_head21.gif","name":"hire_head21.gif","hash":"S2455799073171117664612092330604","width":250,"height":250,"file_size":310047,"file_size_human":"302.8KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-16T20:18:54.631701Z","updated_at":"2025-07-16T20:18:54.631701Z"},{"id":61290766,"display_name":"hire_head22.gif","name":"hire_head22.gif","hash":"N2455872889957350925933191742060","width":250,"height":250,"file_size":324625,"file_size_human":"317.0KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-16T21:25:36.362521Z","updated_at":"2025-07-16T21:25:36.362521Z"},{"id":61291554,"display_name":"hire_head23.gif","name":"hire_head23.gif","hash":"A2455892732382081252349483008620","width":250,"height":250,"file_size":303193,"file_size_human":"296.1KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-16T21:43:32.007935Z","updated_at":"2025-07-16T21:43:32.007935Z"},{"id":61292092,"display_name":"hire_head24.gif","name":"hire_head24.gif","hash":"J2455906868361872608937110520428","width":250,"height":250,"file_size":303327,"file_size_human":"296.2KB","file_type":"gif","mime_type":"image/gif","
15is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-16T21:56:18.319121Z","updated_at":"2025-07-16T21:56:18.319121Z"},{"id":61340931,"display_name":"WALLPAPER_LINES.png","name":"WALLPAPER_LINES.png","hash":"W2457217135760381251076492477036","width":39,"height":40,"file_size":2810,"file_size_human":"2.7KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-17T17:40:08.069484Z","updated_at":"2025-07-17T17:40:08.069484Z"},{"id":61341342,"display_name":"hire_head24.gif","name":"hire_head24.gif","hash":"U2457223463344086670853178245740","width":250,"height":250,"file_size":303327,"file_size_human":"296.2KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-17T17:45:50.978633Z","updated_at":"2025-07-17T17:45:50.978633Z"},{"id":61985639,"display_name":"wallpapers-copy4.png","name":"wallpapers-copy4.png","hash":"P2476428766753749771987557925484","width":40,"height":40,"file_size":2825,"file_size_human":"2.8KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-29T18:57:52.756132Z","updated_at":"2025-07-29T18:57:52.756132Z"},{"id":61985767,"display_name":"wallpapers-copy3.png","name":"wallpapers-copy3.png","hash":"A2476431905411913681446636733036","width":11,"height":11,"file_size":1744,"file_size_human":"1.7KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-29T19:00:42.749791Z","updated_at":"2025-07-29T19:00:42.749791Z"},{"id":61985839,"display_name":"wallpapers-copy5.png","name":"wallpapers-copy5.png","hash":"O2476433575487888394740892287596","width":11,"height":11,"file_size":1764,"file_size_human":"1.7KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-29T19:02:13.356166Z","updated_at":"2025-07-29T19:02:13.356166Z"}],"tags":[],"access_level":"public"},"Z2815380924":{"id":"Z2815380924","title":"Header","purl":"header","page_type":"page","content":"\u003c!-- Google tag (gtag.js) -->\n\u003cscript async=\"\" src=\"https://www.googletagmanager.com/gtag/js?id=G-KQMYEY4THR\">\u003c/script>\n\u003cscript>\n window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n\n  gtag('config', 'G-KQMYEY4THR');\n\u003c/script>\n\u003cdiv class=\"flying-object\">\u003cmedia-item class=\"zoomable\" delay=\"30\" flight-path=\"1969\" hash=\"J2464854033204534547265243693676\" rotation=\"10\" scale=\"9.0vmax\" speed=\"10\" uses=\"flying-object\">\u003c/media-item>\u003c/div>\n\u003cdiv class=\"text-header2-container\">\u003ch1>TIM RUFFLE - ANIMATION CREATIVE\u003c/h1>\u003c/div>","local_css":"[id=\"Z2815380924\"] bodycopy {\n\t\n}\n.text-content-container {\n\talign-items: flex-start;\n\twidth: 100%;\n\tpadding: 1rem;\n background-color: #ffffff;\n}\n.text-header-container {\n\talign-items: flex-start;\n\twidth: 100%;\n\tpadding: 1rem;\n background-image: url(\"https://freight.cargo.site/t/original/i/L2457222115090009067495760183916/WALLPAPER_LINES2.png\");\n}\n.text-header2-container {\n\talign-items: flex-start;\n\twidth: 100%;\n\tpadding: 1rem;\n background-image: url(\"https://freight.cargo.site/t/original/i/Q2420610593357856566455317938796/BG_line1.png\");\n}\n.text-sub-header-container {\n\talign-items: flex-start;\n\twidth: 100%;\n\tpadding: 1rem;\n background-color: #e6e5e5;\n \n}\n.text-header3-container {\n\talign-items: flex-start;\n\twidth: 100%;\n\tpadding: 1rem;\n background-image: url(\"https://freight.cargo.site/t/original/i/P2476428766753749771987557925484/wallpapers-copy4.png\");\n}\n.text-header4-container {\n\talign-items: flex-start;\n\twidth: 100%;\n\tpadding: 1rem;\n background-image: url(\"https://freight.cargo.site/t/original/i/A2476431905411913681446636733036/wallpapers-copy3.png\");\n}\n.text-marquee-container {\n\talign-items: flex-start;\n\twidth: 100%;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n padding-left: 0rem;\n padding-right: 0rem;\n background-image: url(\"https://freight.cargo.site/t/original/i/L2457222115090009067495760183916/WALLPAPER_LINES2.png\");\n}","display":true,"stack":false,"pin":true,"overlay":false,"password_enabled":false,"page_count":null,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{"screen_visibility":"all","position":"top","overlay":true,"fixed":true,"adjust":true},"overlay_options":{"closeOnClickout":false,"closeOnNavigate":false,"animateO
15nOpen":{"fade":false,"speed":0,"slideAmount":0,"slideDirection":"default","wipeShape":"default","easing":"linear","scaleAmount":0,"rotateAmount":0},"animateOnClose":{"fade":false,"speed":0,"slideAmount":0,"slideDirection":"default","wipeShape":"default","easing":"linear","scaleAmount":0,"rotateAmount":0},"openOnLoad":false},"thumb_media_id":61578853,"thumbnail":{"id":61578853,"master_muid":13746796,"name":"hire_head24.gif","display_name":null,"hash":"B2464853396386035634664102806124","width":250,"height":250,"file_size":303327,"file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2025-07-22 12:39:30.772679","updated_at":"2025-07-22 12:39:30.772679","options":null},"thumb_meta":{"hide_from_index":true},"media":[{"id":61578853,"display_name":"hire_head24.gif","name":"hire_head24.gif","hash":"B2464853396386035634664102806124","width":250,"height":250,"file_size":303327,"file_size_human":"296.2KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-22T12:39:30.772679Z","updated_at":"2025-07-22T12:39:30.772679Z"},{"id":61578865,"display_name":"Nice_shoes.png","name":"Nice_shoes.png","hash":"W2464853788324006968770945991276","width":600,"height":600,"file_size":225677,"file_size_human":"220.4KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-22T12:39:51.712817Z","updated_at":"2025-07-22T12:39:51.712817Z"},{"id":61578869,"display_name":"hire_head24.gif","name":"hire_head24.gif","hash":"J2464854033204534547265243693676","width":250,"height":250,"file_size":303327,"file_size_human":"296.2KB","file_type":"gif","mime_type":"image/gif","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-22T12:40:05.091831Z","updated_at":"2025-07-22T12:40:05.091831Z"},{"id":61985387,"display_name":"wallpapers-copy4.png","name":"wallpapers-copy4.png","hash":"D2476422533137758663687328088684","width":40,"height":40,"file_size":2825,"file_size_human":"2.8KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-29T18:52:14.657548Z","updated_at":"2025-07-29T18:52:14.657548Z"}],"tags":[],"access_level":"public"},"J2132836220":{"id":"J2132836220","title":"Showreel","purl":"showreel","page_type":"page","content":"\u003cdiv class=\"homepage-container\">\n\u003cdiv class=\"text-marquee-container\">\u003cspan class=\"heading-3\">\u003cmarquee-set behavior=\"scroll\" direction=\"horizontal\" height=\"70vh\" pointer-interaction=\"true\" speed=\"-10\">\u003cmarquee-inner slot=\"contents\">\u003cspan class=\"heading-3\"> Â 2D Animation | Motion design | Illustration | Design | Animatics | Character design | After Effects | CG | Art directing | Directing | \u003c/span>\u003c/marquee-inner>\u003c/marquee-set>\u003c/span>\u003c/div>\n \n\u003cdiv class=\"text-content-container\">\u003ccolumn-set gutter=\"1rem\">\u003ccolumn-unit slot=\"0\" span=\"3\">\u003cmedia-item class=\"\" disable-zoom=\"true\" hash=\"L2487088419661016490918777307756\" scale=\"100%\">\u003c/media-item>\u003c/column-unit>\u003ccolumn-unit slot=\"1\" span=\"9\">Hi! Iâm Tim, I create animations, character designs and illustrations for TV and digital media.\u003cbr />\u003ca href=\"illustration\" rel=\"history\" tag-text=\"illustration\">illustration\u003c/a>\n\u003cbr />\nI love to design and animate to tell stories or to convey information in an engaging way. In this digital age itâs easy to miss the charm and craft that I can offer as an animation creative. Iâve worked on series, short-form, commercial and educational films.\u003cbr />\n\u003cbr />\nI specialise in \u003cb>2D animation\u003c/b> as I love to draw, but have also directed CG and stop-frame animations. If youâre looking for a designer, director and animator with over 25 years of experience, I can take on your project!\u003cbr />\u003cbr />If you have a animation project in mind, Iâd love to chat about collaborating with you!\u003cbr />\n\u003cbr />\nI have directed projects for:\u003cbr />\u003cb>Aardman Animations, Cbeebies, Google, Nintendo, Robinsons, Clipper Tea and more...\u003c/b>\n\u003c/column-unit>\u003c/column-set>\u003c/div>\n\u003cdiv style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;\">\u003ciframe allow=\"accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *; web-share *;\" allowfullscreen=\"\" referrerpolicy=\"strict-origin\" scrolling=\"no\" src=\"https://www.youtube.com/embed/xO9gBq5Q0P8?rel=0\" style=\"top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;\">\u003c/iframe>\u003c/div>\u003c/div>","local_css":"[id=\"J2132836220\"] bodycopy {\n\t\n}\n\n[id=\"J2132836220\"].page {\n\tmin-height: auto;\n}\n\n[id=\"J2132836220\"] .page-content {\n}","display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":0,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{},"overlay_options":{},"thumb_media_id":61970371,"thumbnail":{"id":61970371,"master_muid":13746796,"name":"About_round.png","display_name":null,"hash":"C2476138148169876557436457960044","width":600,"height":600,"file_size":3198
1503,"file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2025-07-29 14:35:18.541573","updated_at":"2025-07-29 14:35:18.541573","options":null},"thumb_meta":{},"media":[{"id":61970371,"display_name":"About_round.png","name":"About_round.png","hash":"C2476138148169876557436457960044","width":600,"height":600,"file_size":319803,"file_size_human":"312.3KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-29T14:35:18.541573Z","updated_at":"2025-07-29T14:35:18.541573Z"},{"id":62346515,"display_name":"TRportrait3.png","name":"TRportrait3.png","hash":"L2487088419661016490918777307756","width":649,"height":719,"file_size":417749,"file_size_human":"408.0KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-08-05T11:28:53.844486Z","updated_at":"2025-08-05T11:28:53.844486Z"}],"tags":[],"access_level":"public"},"P2983268587":{"id":"P2983268587","title":"Maddie + Triggs","purl":"maddie-+-triggs","page_type":"page","content":"\u003cdiv class=\"text-header-container\">\u003cspan class=\"heading-3\">Maddie + Triggs\u003c/span>\u003c/div>\n\u003cmedia-item class=\"\" disable-zoom=\"true\" hash=\"A2431100543376981858110976148076\">\u003c/media-item>\u003cbr />\u003cmedia-item class=\"\" disable-zoom=\"true\" hash=\"M2474346917060693399155384631916\">\u003c/media-item>\u003cbr />\n\u003cdiv class=\"text-content-container\">\nI art directed on the preschool series Maddie + Triggs, airing on RTEjr and Cbeebies.  The show follows a young girl, Maddie and her dog, Triggs on musical adventures. The shows concept, created by Turnip & Duck, is if a sighted and visually impaired child sat down to watch the show, neither of them would have a lesser experience. The show is audio led and features bold graphic animation.  The designs are constructed from simple shapes and considered colours that helps to make them stand out.\u003cbr />\n\u003cbr />\n \n\u003ca href=\"https://www.bbc.co.uk/iplayer/episodes/m002473h/maddie-triggs\"> \u003ctext-icon icon=\"pointer-2\">\u003c/text-icon> Watch it on BBC iPlayer here\u003c/a>\u003cbr />\u003cbr />\nProduced at : \u003ca href=\"https://sunandmoonstudios.co.uk\">Sun and Moon Studios\u003c/a>\u003cbr />\nCreated by: Turnip and Duck\u003cbr />\nAiring on RTEjr and Cbeebies NOW!\n\u003c/div>","local_css":"[id=\"P2983268587\"] bodycopy {\n\t\n}","display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":0,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{},"overlay_options":{},"thumb_media_id":60072537,"thumbnail":{"id":60072537,"master_muid":13746796,"name":"M-T.png","display_name":null,"hash":"O2420704101803580839764543259244","width":600,"height":600,"file_size":216824,"file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2025-06-24 19:50:32.428529","updated_at":"2025-06-24 19:50:32.428529","options":null},"thumb_meta":{},"media":[{"id":60072537,"display_name":"M-T.png","name":"M-T.png","hash":"O2420704101803580839764543259244","width":600,"height":600,"file_size":216824,"file_size_human":"211.7KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-06-24T19:50:32.428529Z","updated_at":"2025-06-24T19:50:32.428529Z"},{"id":60441349,"display_name":"M-T.jpg","name":"M-T.jpg","hash":"A2431100543376981858110976148076","width":1920,"height":1080,"file_size":540674,"file_size_human":"528.0KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-01T08:23:44.935688Z","updated_at":"2025-07-01T08:23:44.935688Z"},{"id":61898433,"display_name":"M-T_thumbs2.png","name":"M-T_thumbs2.png","hash":"M2474346917060693399155384631916","width":5443,"height":3866,"file_size":4173306,"file_size_human":"4.0MB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-28T11:36:55.341860Z","updated_at":"2025-07-28T11:36:55.341860Z"}],"tags":[{"tag":"Animation","url":"animation"}],"access_level":"public"},"I0896703365":{"id":"I0896703365","title":"You for I","purl":"you-for-i-1","page_type":"page","content":"\u003cdiv class=\"text-header-container\">\u003cspan class=\"heading-3\">You for I\u003c/span>\u003c/div>\n\u003cdiv style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;\">\u003ciframe allow=\"accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *; web-share *;\" allowfullscreen=\"\" referrerpolicy=\"strict-origin\" scrolling=\"no\" src=\"https://www.youtube.com/embed/6wnIIHi3zzQ?rel=0\" style=\"top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;\">\u003c/iframe>\u003c/div>\n\u003cdiv class=\"text-content-container\">\nThis is a short film aimed at kids to teach them about restorative conversations. "You for I" suggests when you disagree with a situation, that you talk about how you feel rather than throwing blame at someone. The film was commissioned by Gloucestershire Police and Crime Commissioner.\u003cbr />\n\u003cbr />\nProduced at \u003ca href=\"https://www.aardman.com\">Aardman Animations Ltd\u003c/a>\u003cbr />\nDirection & Design: Tim Ruffle\u003cbr />\nNarration: \u003ca href=\"https://www.sueterryvoices.com/artist/patricia-allison\">Patricia Allison\u003c/a>\u003cbr />\nScript: \u003ca href=\"https://www.sammorrison.org\">Sam Morrison\u003c/a>\u003cbr />\nAnimation: \u003ca href=\"https://www.henriquebarone.com\">Henrique Baron\u003c/a>\u003c/div>","local_css":"[id=\"I0896703365\"] bodycopy {\n\t\n}","display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":0,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{},"overlay_options":{},"thumb_media_id":60785704,"thumbnail":{"id":60785704,"master_muid":13746796,"name":"youfor1.png","display_name":null,"hash":"C2441425358512094183334758957676","width":600,"height":600,"file_size":420272,"file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2025-07-07 19:52:14.331893","updated_at":"2025-07-07 19:52:14.331893","options":null},"thumb_meta":{},"media":[{"id":60785704,"display_name":"youfor1.png","name":"youfor1.png","hash":"C2441425358512094183334758957676","width":600,"height":600,"file_size":420272,"file_size_human":"410.4KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-07T19:52:14.331893Z","updated_at":"2025-07-07T19:52:14.331893Z"}
15],"tags":[],"access_level":"public"},"W0005447864":{"id":"W0005447864","title":"Ranger Buddies","purl":"ranger-buddies","page_type":"page","content":"\u003cdiv class=\"text-header-container\">\u003cspan class=\"heading-3\">Ranger Buddies - Mandai X\u003c/span>\u003c/div>\n\u003cdiv style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;\">\u003ciframe allow=\"accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *; web-share *;\" allowfullscreen=\"\" referrerpolicy=\"strict-origin\" scrolling=\"no\" src=\"https://www.youtube.com/embed/kQ0ahSxU8as?rel=0\" style=\"top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;\">\u003c/iframe>\u003c/div>\n\u003cdiv class=\"text-content-container\">\nThese are proof of concept animations for Mandai X.  Mandai wanted to see if we could make engaging stories for kids based on the animals in their zoo in Singapore, with the idea that they could develop the Ranger Buddies further into a series.  The idea for this is that the Ranger Buddies were a bit like scouts that help out at the wildlife reserve.  The short animations feature rangers Al and Min with the idea that there would be a group of Ranger Buddies.\u003cbr />\u003cbr />\nProduced at : \u003ca href=\"https://Aardman.com\">Aardman Animations Ltd\u003c/a>\u003cbr />\nDirection: Tim Ruffle\u003cbr />\nCreated by: Mandai X\u003cbr />\u003c/div>","local_css":"[id=\"W0005447864\"] bodycopy {\n\t\n}","display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":0,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{},"overlay_options":{},"thumb_media_id":61583724,"thumbnail":{"id":61583724,"master_muid":13746796,"name":"RB.png","display_name":null,"hash":"P2464949504918783841408337953388","width":600,"height":600,"file_size":326409,"file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2025-07-22 14:06:20.886570","updated_at":"2025-07-22 14:06:20.886570","options":null},"thumb_meta":{},"media":[{"id":61583724,"display_name":"RB.png","name":"RB.png","hash":"P2464949504918783841408337953388","width":600,"height":600,"file_size":326409,"file_size_human":"318.8KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-22T14:06:20.886570Z","updated_at":"2025-07-22T14:06:20.886570Z"}],"tags":[],"access_level":"public"},"A3997550088":{"id":"A3997550088","title":"Special Delivery","purl":"special-delivery","page_type":"page","content":"\u003cdiv class=\"text-header-container\">\u003cspan class=\"heading-3\">Special Delivery - Google Spotlight Stories\u003c/span>\u003c/div>\n\u003cmedia-item class=\"zoomable\" hash=\"N2458379617197870577659069710956\">\u003c/media-item>\u003cbr />\n\u003cdiv class=\"text-content-container\">\nIn 2015 Google ATAP approached Aardman to create a 360° film for their Google Spotlight Stories project. Google has invented this amazing software allows filmmakers to create 360° films that will play on a mobile phones and Youtube. Iâm unsure if VR will take off but this seemed like the best way of creating content for devices that a lot of people own already.\u003cbr />\n\u003cbr />\nPeter Lord had this idea of a pink panther-style cat-and-mouse chase set within an apartment block. Peter very kindly entrusted me to help write and direct this short for Google. This is one of the biggest projects I've ever taken on but it was really fun and I learnt so much and got to work with some amazingly talented people.\n\u003cbr />\n\u003c/div>\n\u003cdiv style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;\">\u003ciframe allow=\"accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *; web-share *;\" allowfullscreen=\"\" referrerpolicy=\"strict-origin\" scrolling=\"no\" src=\"https://www.youtube.com/embed/-RVG9tz3TYc?rel=0\" style=\"top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;\">\u003c/iframe>\u003c/div>\n\u003cdiv class=\"text-content-container\">The show is set on the night before Christmas. The story starts with a janitor who is alerted to an intruder on the roof of the apartment block he maintains. The audience is invited to follow the action as a cat-and-mouse chase ensues between the Janitor and the intruder (Santa).\u003cbr />\n\u003cbr />\nWe wanted the show to feel like a classic cartoon. I like the idea of being immersed in this wonky cartoon world. This style also worked well with the technology, as there are limits to the amount of information a phone can render.\u003c/div>\n\u003cmedia-item class=\"zoomable\" hash=\"T2459110248919613037938394382956\">\u003c/media-item>\n\u003cdiv class=\"text-content-container\">Writing the show was more like choreographing a play on an elaborate set than creating a film. It was impossible to write anything without drawing it or thinking about the space in which the film plays out. Our storyboarder Andy Janes roughly storyboarded small slapstick scenarios on Post-it notes. We began to then stitched together each of the scenarios as we worked out the courtyard set where the action takes place. Andy created an amazing low-fi set made out of cardboard so we could lens-up the show with a phone camera. This meant we could see early on how it would work without having to get too involved with the technology.\u003c/div>\n\u003cmedia-item class=\"zoomable\" hash=\"M2458406747064187455254855533164\">\u003c/media-item>\u003cbr />\u003cbr />\u003cmedia-item class=\"zoomable\" hash=\"T2458383626745268951019789861484\">\u003c/media-item>\n\u003cdiv class=\"text-content-container\">Nigel Davis designed us some lovely cartoon style characters. We approached the animation in a traditional way by working everything out on paper first. \u003ca href=\"http://aurelien-predal.blogspot.co.uk/\" target=\"_blank\">Aurelien Predal \u003c/a>then coloured up the characters to sit in the 360°  environment he designed.\u003c/div>\n\u003cmedia-item class=\"zoomable\" hash=\"V2458389786740304461145199198828\">\u003c/media-item>","local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":null,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{},"overlay_options":{},"thumb_media_id":60005000,"thumbnail":{"id":60005000,"master_muid":13746796,"name":"SD_round1.png","display_name":null,"hash":"K2419117166503446119249242866284","width":600,"height":600,"file_size":386869,"file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2025-06-23 19:56:44.696840","updated_at":"2025-06-23 19:56:44.696840","options":null},"thumb_meta":[],"media":[{"id":60005000,"display_name":"SD_round1.png","name":"SD_round1.png","hash":"K2419117166503446119249242866284","width":600,"height":600,"file_size":386869,"file_size_human":"377.8KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-06-23T19:56:44.696840Z","updated_at":"2025-06-23T19:56:44.696840Z"},{"id":61380785,"display_name":"Special_delivery_002.jpg","name":"Special_delivery_002.jpg","hash":"N2458379617197870577659069710956","width":1280,"he
15ight":863,"file_size":848101,"file_size_human":"828.2KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-18T11:10:26.461784Z","updated_at":"2025-07-18T11:10:26.461784Z"},{"id":61380885,"display_name":"SD_wide_01.jpg","name":"SD_wide_01.jpg","hash":"P2458383295515532363491081044588","width":1280,"height":693,"file_size":262583,"file_size_human":"256.4KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-18T11:13:45.820119Z","updated_at":"2025-07-18T11:13:45.820119Z"},{"id":61380890,"display_name":"special_delivery_characters.jpg","name":"special_delivery_characters.jpg","hash":"G2458383394021145717100086674028","width":1280,"height":905,"file_size":246066,"file_size_human":"240.3KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-18T11:13:50.976168Z","updated_at":"2025-07-18T11:13:50.976168Z"},{"id":61380892,"display_name":"special_delivery_characters2.jpg","name":"special_delivery_characters2.jpg","hash":"R2458383458769217415820612846188","width":1280,"he
15ight":905,"file_size":244312,"file_size_human":"238.6KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-18T11:13:54.494073Z","updated_at":"2025-07-18T11:13:54.494073Z"},{"id":61380895,"display_name":"special_delivery_characters3.jpg","name":"special_delivery_characters3.jpg","hash":"T2458383527704700019273207235180","width":1280,"height":905,"file_size":228898,"file_size_human":"223.5KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-18T11:13:58.244124Z","updated_at":"2025-07-18T11:13:58.244124Z"},{"id":61380899,"display_name":"SD_storyboards.jpg","name":"SD_storyboards.jpg","hash":"T2458383626745268951019789861484","width":1280,"height":693,"file_size":377380,"file_size_human":"368.5KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-18T11:14:03.594627Z","updated_at":"2025-07-18T11:14:03.594627Z"},{"id":61380906,"display_name":"SD_Capture_02.jpg","name":"SD_Capture_02.jpg","hash":"O2458383698281742468865431028332","width":1280,"he
15ight":693,"file_size":179215,"file_size_human":"175.0KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-18T11:14:07.449553Z","updated_at":"2025-07-18T11:14:07.449553Z"},{"id":61381056,"display_name":"special_delivery_characters_full.jpg","name":"special_delivery_characters_full.jpg","hash":"V2458389786740304461145199198828","width":1280,"height":2554,"file_size":581762,"file_size_human":"568.1KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-18T11:19:37.714921Z","updated_at":"2025-07-18T11:19:37.714921Z"},{"id":61381371,"display_name":"SD_wide_set.jpg","name":"SD_wide_set.jpg","hash":"T2458399618651981563525405459052","width":4393,"height":693,"file_size":716411,"file_size_human":"699.6KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-18T11:28:30.879061Z","updated_at":"2025-07-18T11:28:30.879061Z"},{"id":61381658,"display_name":"SD_set.jpg","name":"SD_set.jpg","hash":"M2458406747064187455254855533164","width":1280,"he
15ight":693,"file_size":265216,"file_size_human":"259.0KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-18T11:34:57.216647Z","updated_at":"2025-07-18T11:34:57.216647Z"},{"id":61381916,"display_name":"SD_wide_Split.jpg","name":"SD_wide_Split.jpg","hash":"Q2458413780567895087748662542956","width":2206,"height":1422,"file_size":737248,"file_size_human":"720.0KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-18T11:41:18.312980Z","updated_at":"2025-07-18T11:41:18.312980Z"},{"id":61410045,"display_name":"SD_screen_shots.png","name":"SD_screen_shots.png","hash":"A2459105820907825352476495823468","width":5443,"height":2925,"file_size":9415170,"file_size_human":"9.0MB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":false,"created_at":"2025-07-18T22:06:34.084388Z","updated_at":"2025-07-18T22:06:34.084388Z"},{"id":61410144,"display_name":"SD_screen_shots_v2.png","name":"SD_screen_shots_v2.png","hash":"T2459110248919613037938394382956","width":5443,"height":2925,"file_size":9762063,"file_size_human":"9.3MB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-18T22:10:34.094236Z","updated_at":"2025-07-18T22:10:34.094236Z"}],"tags":[{"tag":"Fermentu","url":"fermentu"},{"tag":"Condimentum","url":"condimentum"},{"tag":"Eleife","url":"eleife"}],"access_level":"public"},"J2429909628":{"id":"J2429909628","title":"Change 4 Life - Little Monkeys","purl":"change-4-life-little-monkeys","page_type":"page","content":"\u003cdiv class=\"text-header-container\">\u003cspan class=\"heading-3\">Change 4 Life - Little Monkeys\u003c/span>\u003c/div>\n\u003cdiv style=\"padding:56.25% 0 0 0;position:relative;\">\u003ciframe allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" data-ready=\"true\" frameborder=\"0\" referrerpolicy=\"strict-origin-when-cross-origin\" src=\"https://player.vimeo.com/video/212260915?badge=0&autopause=0&player_id=0&app_id=58479\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"Change for Life - Little Monkeys\">\u003c/iframe>\u003c/div>\u003cscript src=\"https://player.vimeo.com/api/player.js\">\u003c/script>\n\n\u003cdiv class=\"text-content-container\">Behold... the first stopmotion ad I've directed! Stopmotion is so much fun I really enjoyed working with talented team at Aardman. \n\u003cbr />\u003cbr />\nI'd love to design my own stopmotion ad one day. \u003cbr />\u003cbr />Fun fact... this had to be shown after the watershed because of the kid swinging on the curtain sp kids wouldn't copy it... doh!\u003cbr />\n\u003cbr />\nProduced at \u003ca href=\"http://www.aardman.com\" target=\"_blank\">Aardman Animations Ltd\u003c/a>\u003cbr />\nAgency: \u003ca href=\"http://mcsaatchi.com/london/\" target=\"_blank\">M&C Saatchi\u003c/a>\u003c/div>","local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":0,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{},"overlay_options":{},"thumb_media_id":60069509,"thumbnail":{"id":60069509,"master_muid":13746796,"name":"C4L_round1.png","display_name":null,"hash":"S2420650591045649965328186327660","width":600,"height":600,"file_size":394084,"file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2025-06-24 19:02:11.708192","updated_at":"2025-06-24 19:02:11.708192","options":null},"thumb_meta":{},"media":[{"id":60069509,"display_name":"C4L_round1.png","name":"C4L_round1.png","hash":"S2420650591045649965328186327660","width":600,"height":600,"file_size":394084,"file_size_human":"384.8KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-06-24T19:02:11.708192Z","updated_at":"2025-06-24T19:02:11.708192Z"}],"tags":[],"access_level":"public"},"J3500990363":{"id":"J3500990363","title":"What is Consent?","purl":"what-is-consent","page_type":"page","content":"\u003cdiv class=\"text-header-container\">\u003cspan class=\"heading-3\">What is Consent?\u003c/span>\u003c/div>\n\u003cdiv style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;\">\u003ciframe allow=\"accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *; web-share *;\" allowfullscreen=\"\" referrerpolicy=\"strict-origin\" scrolling=\"no\" src=\"https://www.youtube.com/embed/ZoXgHMyLsJc?rel=0\" style=\"top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;\">\u003c/iframe>\u003c/div>\n\u003cdiv class=\"text-content-container\">\nProduced at \u003ca href=\"https://www.aardman.com\">Aardman Animations Ltd\u003c/a>\u003cbr />\nDirection & Design: Tim Ruffle\u003cbr />\nScript: \u003ca href=\"https://www.sammorrison.org\">Sam Morrison\u003c/a>\u003cbr />\u003c/div>","local_css":"[id=\"J3500990363\"] bodycopy {\n\t\n}","display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":0,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{},"overlay_options":{},"thumb_media_id":61585248,"thumbnail":{"id":61585248,"master_muid":13746796,"name":"Consent.png","display_name":null,"hash":"J2464975151242602079060854162028","width":600,"height":600,"file_size":443023,"file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2025-07-22 14:29:30.945625","updated_at":"2025-07-22 14:29:30.945625","options":null},"thumb_meta":{},"media":[{"id":61585248,"display_name":"Consent.png","name":"Consent.png","hash":"J2464975151242602079060854162028","width":600,"height":600,"file_size":443023,"file_size_human":"432.6KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-22T14:29:30.945625Z","updated_at":"2025-07-22T14:29:30.945625Z"}],"tags":[],"access_level":"public"},"K3343361197":{"id":"K3343361197","title":"Real Kids","purl":"real-kids","page_type":"page","content":"\u003cdiv class=\"text-header-container\">\u003cspan class=\"heading-3\">Real Kids\u003c/span>\u003c/div>\n\u003cmedia-item class=\"\" disable-zoom=\"true\" hash=\"P2457460087496399398303477908076\">\u003c/media-item>\u003cmedia-item class=\"\" disable-zoom=\"true\" hash=\"C2457459432581644549393266885228\">\u003c/media-item>\u003cmedia-item class=\"\" disable-zoom=\"true\" hash=\"H2457458828395435903184322806380\">\u003c/media-item>\u003cdiv style=\"text-align: center\">\u003cmedia-item class=\"\" disable-zoom=\"true\" hash=\"G2457463841999114208555937415788\" scale=\"100%\">\u003c/media-item>\u003c/div>\n\u003cdiv class=\"text-content-container\">I illustrated the packaging and promtional materials for Real Kids, a healthy snack for kids.\u
15003c/div>","local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":0,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{},"overlay_options":{},"thumb_media_id":60070734,"thumbnail":{"id":60070734,"master_muid":13746796,"name":"real_kids.png","display_name":null,"hash":"C2420669885030232236285798498924","width":600,"height":600,"file_size":96601,"file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2025-06-24 19:19:37.539135","updated_at":"2025-06-24 19:19:37.539135","options":null},"thumb_meta":{},"media":[{"id":60070734,"display_name":"real_kids.png","name":"real_kids.png","hash":"C2420669885030232236285798498924","width":600,"height":600,"file_size":96601,"file_size_human":"94.3KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-06-24T19:19:37.539135Z","updated_at":"2025-06-24T19:19:37.539135Z"},{"id":61354664,"display_name":"real-kids-v002-packaging-pink-B.jpg","name":"real-kids-v002-packaging-pink-B.jpg","hash":"H2457458828395435903184322806380","width":4000,"height":2250,"file_size":1023733,"file_size_human":"999.7KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-17T21:18:30.432670Z","updated_at":"2025-07-17T21:18:30.432670Z"},{"id":61354689,"display_name":"real-kids-v003-carrot-cake-packs-raisins.jpg","name":"real-kids-v003-carrot-cake-packs-raisins.jpg","hash":"C2457459432581644549393266885228","width":4000,"height":2250,"file_size":995884,"file_size_human":"972.5KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-17T21:19:02.930557Z","updated_at":"2025-07-17T21:19:02.930557Z"},{"id":61354709,"display_name":"real-kids-v002-carrot-cake.jpg","name":"real-kids-v002-carrot-cake.jpg","hash":"P2457460087496399398303477908076","width":4000,"height":2250,"file_size":657581,"file_size_human":"642.2KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-17T21:19:38.434655Z","updated_at":"2025-07-17T21:19:38.434655Z"},{"id":61354875,"display_name":"Real-Kids-ingredients-icon_v002.jpg","name":"Real-Kids-ingredients-icon_v002.jpg","hash":"G2457463841999114208555937415788","width":4001,"height":4000,"file_size":492969,"file_size_human":"481.4KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-17T21:23:02.147711Z","updated_at":"2025-07-17T21:23:02.147711Z"}],"tags":[{"tag":"illustration","url":"illustration"}],"access_level":"public"},"L3788277322":{"id":"L3788277322","title":"Big Data","purl":"big-data","page_type":"page","content":"\u003cdiv class=\"text-header-container\">\u003cspan class=\"heading-3\">Big Data\u003c/span>\u003c/div>\n\u003cdiv style=\"padding:56.25% 0 0 0;position:relative;\">\u003ciframe allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" data-ready=\"true\" frameborder=\"0\" src=\"https://player.vimeo.com/video/318189156?badge=0&autopause=0&player_id=0&app_id=58479\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"Big Data\">\u003c/iframe>\u003c/div>\u003cscript src=\"https://player.vimeo.com/api/player.js\">\u003c/script>\n\u003cdiv class=\"text-content-container\">A short film to explain what big data is.\u003cbr />\n\u003cbr />\nI chose patterns and textures to represent the data in its different forms throughout history. The idea being that each of the zeros and ones is a visual representation of data, each holding a different pattern or texture. It's really pleasing how the textures pop against the black & white motiongraphics.\n\u003cbr />\u003cbr />\nProduced at: Aardman Animations Ltd\u003cbr />\nDesign & Directetion: Tim Ruffle\u003cbr />\nClient: BlackRock\u003cbr />\nVoiceover: Elizabeth Guterbock\u003cbr />\nVoiceover Record: Soho Voices\u003cbr />\nSound Design & Mix: Matt Loveridge\u003c/div>","local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":null,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{},"overlay_options":{},"thumb_media_id":59999913,"thumbnail":{"id":59999913,"master_muid":13746796,"name":"BR_round7.png","display_name":null,"hash":"S2419027828682089470932542407276","width":600,"height":600,"file_size":140066,"file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2025-06-23 18:36:01.584834","updated_at":"2025-06-23 18:36:01.584834","options":null},"thumb_meta":[],"media":[{"id":16544438,"display_name":"horizontal-yellow.svg","name":"horizontal-yellow.svg","hash":"Q1126316243455355224431385193052","width":3001,"height":1876,"file_size":264,"file_size_human":"264.0B","file_type":"svg","mime_type":"image/svg+xml","
15is_image":true,"is_video":false,"is_url":false,"is_placeholder":true,"in_use":false,"created_at":"2023-04-04T16:28:46.158525Z","updated_at":"2025-10-13T19:09:26.178763Z"},{"id":59999913,"display_name":"BR_round7.png","name":"BR_round7.png","hash":"S2419027828682089470932542407276","width":600,"height":600,"file_size":140066,"file_size_human":"136.8KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-06-23T18:36:01.584834Z","updated_at":"2025-06-23T18:36:01.584834Z"}],"tags":[{"tag":"Fermentu","url":"fermentu"},{"tag":"Condimentum","url":"condimentum"},{"tag":"Eleife","url":"eleife"}],"access_level":"public"},"M3357376499":{"id":"M3357376499","title":"Clipper Tea","purl":"clipper-tea","page_type":"page","content":"\u003cdiv class=\"text-header-container\">\u003cspan class=\"heading-3\">Clipper Tea\u003c/span>\u003c/div>\n\u003cdiv style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;\">\u003ciframe allow=\"accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *; web-share *;\" allowfullscreen=\"\" referrerpolicy=\"strict-origin\" scrolling=\"no\" src=\"https://www.youtube.com/embed/R6UFbELNFHs?rel=0\" style=\"top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;\">\u003c/iframe>\u003c/div>\n\u003cdiv class=\"text-content-container\">This is one of several animated commercials I've made for Clipper Teas over the years. I really like the distinctive style of the packaging which I built on to create these commercials.\u003cbr />\u003cbr />\nProduced at: \u003ca href=\"http://aardman.com\" target=\"_blank\">Aardman Animations\u003c/a>\u003cbr />\nClient: Clipper\u003cbr />\nAgency: WARL\n\u003c/div>\n\u003cscript src=\"https://player.vimeo.com/api/player.js\">\u003c/script>\n\u003cdiv class=\"text-content-container\">This is one of several animated commercials I've made for Clipper Teas over the years. I really like the distinctive style of the packaging which I built on to create these commercials.\u003cbr />\u003cbr />\nProduced at: \u003ca href=\"http://aardman.com\" target=\"_blank\">Aardman Animations\u003c/a>\u003cbr />\nClient: Clipper\u003cbr />\nAgency: WARL\n\u003c/div>","local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":0,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{},"overlay_options":{},"thumb_media_id":61375770,"thumbnail":{"id":61375770,"master_muid":13746796,"name":"CLIPPER_round1.png","display_name":null,"hash":"A2458222478608478682843628814956","width":600,"height":600,"file_size":538108,"file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2025-07-18 08:48:27.826744","updated_at":"2025-07-18 08:48:27.826744","options":null},"thumb_meta":[],"media":[{"id":61375770,"display_name":"CLIPPER_round1.png","name":"CLIPPER_round1.png","hash":"A2458222478608478682843628814956","width":600,"height":600,"file_size":538108,"file_size_human":"525.5KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-18T08:48:27.826744Z","updated_at":"2025-07-18T08:48:27.826744Z"}],"tags":[{"tag":"Fermentu","url":"fermentu"},{"tag":"Condimentum","url":"condimentum"},{"tag":"Eleife","url":"eleife"}],"access_level":"public"},"N1957558042":{"id":"N1957558042","title":"Tesco Turbo","purl":"tesco-turbo","page_type":"page","content":"\u003cdiv class=\"text-header-container\">\u003cspan class=\"heading-3\">Tesco Turbo\u003c/span>\u003c/div>\n\n\u003cdiv style=\"padding:56.25% 0 0 0;position:relative;\">\u003ciframe allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" data-ready=\"true\" frameborder=\"0\" src=\"https://player.vimeo.com/video/212250913?badge=0&autopause=0&player_id=0&app_id=58479\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"Tesco Turbo\">\u003c/iframe>\u003c/div>\u003cscript src=\"https://player.vimeo.com/api/player.js\">\u003c/script>\n\n\u003cdiv class=\"text-content-container\">I directed and animated this TV commercial for Tesco. I love the simple graphics and sound design.\u003cbr />\u003cbr />\nProduced at: \u003ca href=\"http://www.aardman.com\" target=\"_blank\">Aardman Animations Ltd\u003c/a>\u003cbr />\nAgency: \u003ca href=\"http://wklondon.com/\" target=\"_blank\">Wieden+Kennedy\u003c/a>\u003cbr />\nClient: Tesco\n\u003c/div>","local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":0,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{},"overlay_options":{},"thumb_media_id":60069266,"thumbnail":{"id":60069266,"master_muid":13746796,"name":"Tesco_round2.png","display_name":null,"hash":"C2420646250729683606281496150636","width":600,"height":600,"file_size":198122,"file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2025-06-24 18:58:16.320180","updated_at":"2025-06-24 18:58:16.320180","options":null},"thumb_meta":{}
15,"media":[{"id":60069266,"display_name":"Tesco_round2.png","name":"Tesco_round2.png","hash":"C2420646250729683606281496150636","width":600,"height":600,"file_size":198122,"file_size_human":"193.5KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-06-24T18:58:16.320180Z","updated_at":"2025-06-24T18:58:16.320180Z"}],"tags":[],"access_level":"public"},"Q0885833556":{"id":"Q0885833556","title":"Attune project","purl":"attune-project","page_type":"page","content":"\u003cdiv class=\"text-header-container\">\u003cspan class=\"heading-3\">The Attune Project - Just Surviving\u003c/span>\u003c/div>\n\u003cdiv style=\"padding:56.25% 0 0 0;position:relative;\">\u003ciframe allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" data-ready=\"true\" frameborder=\"0\" src=\"https://player.vimeo.com/video/1099467326?badge=0&autopause=0&player_id=0&app_id=58479\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"Just Surviving\">\u003c/iframe>\u003c/div>\u003cscript src=\"https://player.vimeo.com/api/player.js\">\u003c/script>\n\n\u003cdiv class=\"text-content-container\">Short film featuring young people's voices that have experienced adverse childhood experiences (ACES).\n\u003cbr />\u003cbr />\nProduced at \u003ca href=\"https://www.aardman.com\">Aardman Animations Ltd\u003c/a>\u003cbr />\nDirection & Design: Tim Ruffle\u003cbr />\nClient: The Attune Project\u003c/div>","local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":0,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{},"overlay_options":{},"thumb_media_id":60070475,"thumbnail":{"id":60070475,"master_muid":13746796,"name":"Attune_round1.png","display_name":null,"hash":"X2420665188101809444286056481388","width":600,"height":600,"file_size":287386,"file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2025-06-24 19:15:23.188320","updated_at":"2025-06-24 19:15:23.188320","options":null},"thumb_meta":{},"media":[{"id":60070475,"display_name":"Attune_round1.png","name":"Attune_round1.png","hash":"X2420665188101809444286056481388","width":600,"height":600,"file_size":287386,"file_size_human":"280.7KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-06-24T19:15:23.188320Z","updated_at":"2025-06-24T19:15:23.188320Z"}],"tags":[],"access_level":"public"},"R4053507375":{"id":"R4053507375","title":"A year to change your mind","purl":"a-year-to-change-your-mind-1","page_type":"page","content":"\u003cdiv class=\"text-header-container\">\u003cspan class=\"heading-3\">A Year to Change Your Mind\u003c/span>\u003c/div>\n\u003cmedia-item class=\"zoomable\" hash=\"F2459162896296134286472897479276\">\u003c/media-item>\n\u003cdiv class=\"text-content-container\">This is a collection of chapter illustrations did to mark each month of Dr Lucy Maddox's book âA Year to Change your mind.\u003c/div>","local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":null,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{},"overlay_options":{},"thumb_media_id":60006644,"thumbnail":{"id":60006644,"master_muid":13746796,"name":"moth.png","display_name":null,"hash":"V2419148033384964425220833264236","width":600,"height":600,"file_size":142064,"file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2025-06-23 20:24:37.990593","updated_at":"2025-06-23 20:24:37.990593","options":null},"thumb_meta":{},"media":[{"id":60006644,"display_name":"moth.png","name":"moth.png","hash":"V2419148033384964425220833264236","width":600,"height":600,"file_size":142064,"file_size_human":"138.7KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-06-23T20:24:37.990593Z","updated_at":"2025-06-23T20:24:37.990593Z"},{"id":61411737,"display_name":"YTCYM_pics2.png","name":"YTCYM_pics2.png","hash":"F2459162896296134286472897479276","width":3203,"height":3770,"file_size":2822991,"file_size_human":"2.7MB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-18T22:58:07.939810Z","updated_at":"2025-07-18T22:58:07.939810Z"}],"tags":[],"access_level":"public"},"X3658926890":{"id":"X3658926890","title":"Flood Protection Pitch","purl":"flood-protection-
15pitch","page_type":"page","content":"\u003cdiv class=\"text-header-container\">\u003cspan class=\"heading-3\">Flood Protection pitch\u003c/span>\u003c/div>\n\n\u003cmedia-item class=\"\" disable-zoom=\"true\" hash=\"Y2441404351378389786971088208492\">\u003c/media-item>\u003cbr />\u003cbr />\u003cmedia-item class=\"\" disable-zoom=\"true\" hash=\"A2441436430229440479733929329260\">\u003c/media-item>\u003cbr />\u003cbr />\u003cmedia-item class=\"\" disable-zoom=\"true\" hash=\"Y2441429389328588473682592121452\">\u003c/media-item>\u003cbr />\u003cbr />\u003cdiv style=\"text-align: center\">\u003cmedia-item class=\"\" disable-zoom=\"true\" hash=\"F2441447962156157927038993416812\" scale=\"67.7%\">\u003c/media-item>\u003c/div>\n\u003cdiv class=\"text-content-container\">These were some designs I did for a treatment. I didn't win this unfortunately, but i was happy with how this turned out. Graham Carter painted the lovely backgrounds based off my rough designs which work nicely with the characters.\u003c/div>","local_css":null,"display":true,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":null,"page_design_options":null,"backdrops":{"activeBackdrop":"none"},"pin_options":{},"overlay_options":{},"thumb_media_id":60006383,"thumbnail":{"id":60006383,"master_muid":13746796,"name":"Flood_protection.png","display_name":null,"hash":"U2419142765160877670436277699180","width":600,"height":600,"file_size":362038,"file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"is_placeholder":false,"has_audio_track":null,"duration":null,"url":null,"url_id":null,"url_thumb":null,"url_type":null,"created_at":"2025-06-23 20:19:52.406185","updated_at":"2025-06-23 20:19:52.406185","options":null},"thumb_meta":{},"media":[{"id":60006383,"display_name":"Flood_protection.png","name":"Flood_protection.png","hash":"U2419142765160877670436277699180","width":600,"height":600,"file_size":362038,"file_size_human":"353.6KB","file_type":"png","mime_type":"image/png","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-06-23T20:19:52.406185Z","updated_at":"2025-06-23T20:19:52.406185Z"},{"id":60784800,"display_name":"Flood-House-1-_graded.jpg","name":"Flood-House-1-_graded.jpg","hash":"Y2441404351378389786971088208492","width":5433,"height":3527,"file_size":13211968,"file_size_human":"12.6MB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-07T19:33:15.437240Z","updated_at":"2025-07-07T19:33:15.437240Z"},{"id":60785840,"display_name":"Flooded_living_room_sketch.jpg","name":"Flooded_living_room_sketch.jpg","hash":"Y2441429389328588473682592121452","width":4222,"height":2160,"file_size":2064823,"file_size_human":"2.0MB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-07T19:55:52.551047Z","updated_at":"2025-07-07T19:55:52.551047Z"},{"id":60786063,"display_name":"FPF_Character_roughs.jpg","name":"FPF_Character_roughs.jpg","hash":"A2441436430229440479733929329260","width":5634,"height":2048,"file_size":923187,"file_size_human":"901.5KB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-07T20:02:14.506370Z","updated_at":"2025-07-07T20:02:14.506370Z"},{"id":60786517,"display_name":"bone_dry_house.jpg","name":"bone_dry_house.jpg","hash":"F2441447962156157927038993416812","width":1726,"height":2027,"file_size":1063507,"file_size_human":"1.0MB","file_type":"jpg","mime_type":"image/jpeg","is_image":true,"is_video":false,"is_url":false,"in_use":true,"created_at":"2025-07-07T20:12:39.564354Z","updated_at":"2025-07-07T20:12:39.564354Z"}],"tags":[],"access_level":"public"}}},"sets":{"byId":{"root":{"id":"root","title":"Root","purl":null,"page_type":"set","content":"","local_css":null,"display":false,"stack":false,"pin":false,"overlay":false,"password_enabled":false,"page_count":1,"page_design_options":null,"backdrops":null,"pin_options":{},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":{},"media":[],"tags":[],"access_level":"public"},"G3149575491":{"id":"G3149575491","title":"Pages","purl":"pages","page_type":"set","content":"","local_css":null,"display":true,"stack":true,"pin":false,"overlay":false,"password_enabled":false,"page_count":29,"page_design_options":null,"backdrops":null,"pin_options":{},"overlay_options":{},"thumb_media_id":null,"thumbnail":null,"thumb_meta":[],"media":[],"tags":[],"access_level":"public"}}},"media":{"data":[]},"css":{"id":878434,"stylesheet":"html {\n\t--mobile-scale: 1.25;\n\t--mobile-padding-offset: 1;\n}\n\nbody {\n\t--swatch-1: rgba(0, 0, 0, 0.85);\n\t--swatch-2: rgba(0, 0, 0, 0.75);\n\t--swatch-3: rgba(0, 0, 0, 0.6);\n\t--swatch-4: rgba(0, 0, 0, 0.4);\n\t--swatch-5: rgba(0, 0, 0, 0.25);\n\t--swatch-6: #ffff00;\n\t--swatch-7: rgba(0, 0, 0, 0);\n\t--swatch-8: #ff5e00;\n}\n\nbody.mobile {\n}\n\na:active,\n.linked:active,\n.zoomable::part(media):active {\n\topacity: 0.7;\n}\n\n.page a.active {\n\tcolor: #0ca900;\n}\n\nsub {\n\tposition: relative;\n\tvertical-align: baseline;\n\ttop: 0.3em;\n}\n\nsup {\n\tposition: relative;\n\tvertical-align: baseline;\n\ttop: -0.4em;\n}\n\nol {\n\tmargin: 0;\n\tpadding: 0 0 0 2.5em;
15\n\tlist-style-type: decimal-leading-zero;\n}\n\nul {\n\tmargin: 0;\n\tpadding: 0 0 0 2.0em;\n}\n\nul.lineated {\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style-type: none;\n\tmargin: 0 0 0 3em;\n\ttext-indent: -3em;\n}\n\nblockquote {\n\tmargin: 0;\n\tpadding: 0 0 0 2em;\n}\n\nhr {\n\tbackground: rgba(0, 0, 0, 0.75);\n\tborder: 0;\n\theight: 1px;\n\tdisplay: block;\n\tmargin-top: 1.0rem;\n\tmargin-bottom: 1rem;\n}\n\n.content {\n\tborder-color: rgba(0,0,0,.85);\n}\n\nbodycopy {\n\tfont-size: 1.10rem;\n\tfont-weight: 300;\n\tcolor: rgba(0, 0, 0, 0.85);\n\tfont-family: \"Diatype Variable\";\n\tfont-style: normal;\n\tline-height: 1.3;\n\tletter-spacing: 0;\n\tdisplay: block;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0;\n}\n\n.mobile bodycopy {\n\tfont-size: 1.35rem;\n}\n\nbodycopy a {\n\tcolor: #ff5e00;\n\ttext-decoration: underline;\n}\n\nbodycopy a:hover {\n}\n\nh1 {\n\tfont-family: \"Diatype Variable\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tpadding: 0;\n\tmargin: 0;\n\tfont-size: 2.30rem;\n\tline-height: 1.1;\n\tcolor: rgba(0, 0, 0, 0.85);\n\tletter-spacing: 0em;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0;\n\tbackground: rgba(0,0,0,0);\n}\n\n.mobile h1 {\n\tfont-size: 1.95rem;\n}\n\nh1 a {\n\tcolor: rgba(0, 0, 0, 0.85);\n\ttext-decoration: none;\n}\n\nh1 a:hover {\n}\n\nh2 {\n\tfont-family: \"Diatype Variable\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tpadding: 0;\n\tmargin: 0;\n\tcolor: rgba(0, 0, 0, 0.85);\n\tfont-size: 1.10rem;\n\tline-height: 1.2;\n\tletter-spacing: 0em;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0;\n\tbackground: rgba(0,0,0,0);\n}\n\n.mobile h2 {\n\tfont-size: 1.40rem;\n}\n\nh2 a {\n\tcolor: rgba(0, 0, 0, 0.85);\n\ttext-decoration: none;\n}\n\nh2 a:hover {\n}\n\n.caption {\n\tfont-size: 0.80rem;\n\tfont-weight: 400;\n\tcolor: rgba(0, 0, 0, 0.4);\n\tfont-family: \"Diatype Mono Variable\";\n\tfont-style: normal;\n\tline-height: 1.1;\n\tletter-spacing: 0;\n\tdisplay: inline-block;\n\tfont-variation-settings: 'slnt' -12, 'MONO' 1;\n\tbackground: rgba(0,0,0,0);\n\tborder-width: 0rem;\n}\n\n.caption a {\n\ttext-decoration: none;\n\tcolor: rgba(0, 0, 0, 0.4);\n\ttext-decoration-color: rgba(255, 0, 0, 0.4);\n}\n\n.caption a:hover {\n}\n\nmedia-item .caption {\n\tmargin-top: 1.5em;\n}\n\ngallery-grid .caption,\ngallery-columnized .caption,\ngallery-justify .caption {\n\tmargin-bottom: 2em;\n}\n\n[thumbnail-index] .caption {\n text-align: center;\n}\n\n[thumbnail-index] .caption .tags {\n margin-top: 0.25em;\n}\n\n.page {\n\tjustify-content: flex-start;\n}\n\n.page-content {\n\tpadding: 0rem;\n\ttext-align: left;\n}\n\n.mobile [id] .page-layout {\n\tmax-width: 100%;\n}\n\n.mobile [id] .page-content {\n}\n\n.page-layout {\n\talign-items: center;\n\tmax-width: 60%;\n}\n\nmedia-item::part(media) {\n\tborder: 0;\n\tpadding: 0;\n}\n\n.quick-view {\n\theight: 100%;\n\twidth: 100%;\n\tpadding: 3rem;\n\tmargin-top: auto;\n\tmargin-right: auto;\n\tmargin-bottom: auto;\n\tmargin-left: auto;\n}\n\n.quick-view-background {\n\tbackground-color: #ffffff;\n}\n\n.quick-view .caption {\n color: rgba(255, 255, 255, 1.0);\n padding: 20px 0;\n text-align: center;\n transition: 100ms opacity ease-in-out;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.quick-view .caption-background {\n padding: 0.5rem 1rem;\n\tdisplay: inline-block;\n\tbackground: rgba(0, 0, 0, 0.5);\n\tborder-radius: .5rem;\n text-align: left;\n\tmax-width: 50rem;\n}\n\n.mobile .quick-view {\n\twidth: 100%;\n\theight: 100%;\n\tmargin: 0;\n\tpadding: 10px;\n}\n\n.mobile .quick-view .caption {\n\tpadding: 10px 0;\n}\n\n.heading-3 {\n\t--text-style: \"Heading 3\";\n\tfont-family: \"Diatype Variable\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tpadding: 0;\n\tmargin: 0;\n\tfont-size: 1.90rem;\n\tline-height: 1.1;\n\tcolor: rgba(0, 0, 0, 0.85);\n\tletter-spacing: 0;\n\tbackground: rgba(0,0,0,0);\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0;\n}\n\n.heading-3 a {\n\tcolor: rgba(0, 0, 0, 0.85);\n\ttext-decoration: none;\n}\n\n.heading-3 a:hover {\n\t\n}\n\n.footer {\n\t--text-style: \"Footer\";\n\tfont-size: 0.8rem;\n\tfont-weight: 500;\n\tcolor: #d46300;\n\tfont-family: \"Diatype Variable\";\n\tfont-style: normal;\n\tline-height: 2.85;\n\tletter-spacing: 0;\n\tdisplay: block;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0;\n\tbackground: rgba(0,0,0,0);\n}\n\n.mobile .footer {\n}\n\n.footer a {\n\tcolor: #d46300;\n\ttext-decoration: none;\n}\n\n.footer a:hover {\n\t\n}\n\n.back {\n\t--text-style: \"back\";\n\tfont-size: 1.30rem;\n\tfont-weight: 300;\n\tcolor: rgba(0, 0, 0, 0.85);\n\tfont-family: \"Diatype Variable\";\n\tfont-style: normal;\n\tline-height: 1.2;\n\tletter-spacing: 0;\n\tdisplay: block;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0;\n}\n\n.back a {\n\tcolor: #484848;\n\ttext-decoration: none;\n}\n\n.back a:hover {\n\t\n}\n\n.caption-pics {\n\t--text-style: \"Caption Pics\";\n\tfont-size: 0.60rem;\n\tfont-weight: 400;\n\tcolor: rgba(0, 0, 0, 0.4);\n\tfont-family: \"Diatype Mono Variable\";\n\tfont-style: normal;\n\tline-height: 1.1;\n\tletter-spacing: 0;\n\tdisplay: inline-block;\n\tfont-variation-settings: 'slnt' -12, 'MONO' 1;\n\tbackground: rgba(0,0,0,0);\n\tborder-width: 0rem;\n\tpadding-left: 1.0rem;\n\tpadding-top: 0.0rem;\n}\n\n.caption-pics a {\n\ttext-decoration: none;\n\tcolor: rgba(0, 0, 0, 0.4);\n\ttext-decoration-color: rgba(255, 0, 0, 0.4);\n}\n\n.caption-pics a:hover {\n\t\n}\n\n.mobile .quick-view .caption-background {\n\tmax-width: 100vw;\n}
15\n\n::part(slideshow-nav) {\n\t--button-size: 30px;\n\t--button-inset: 20px;\n\t--button-icon-color: rgba(255, 255, 255, 0.9);\n\t--button-icon-stroke-width: 1.5px;\n\t--button-icon-stroke-linecap: none;\n\t--button-background-color: rgba(87, 87, 87, 0.35);\n\t--button-background-radius: 50%;\n\t--button-active-opacity: 0.7;\n}\n\ngallery-slideshow::part(slideshow-nav) {\n\t--button-inset: 15px;\n}\n\n.quick-view::part(slideshow-nav) {\n}\n\n.wallpaper-slideshow::part(slideshow-nav) {\n}\n\n.mobile ::part(slideshow-nav) {\n --button-inset: 10px;\n}\n\n.mobile .quick-view::part(slideshow-nav) {\n --button-inset: 25px;\n}\n\nshop-product {\n\tfont-size: 1.2rem;\n\tmax-width: 22rem;\n\tfont-family: \"Diatype Variable\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0;\n\tletter-spacing: 0em;\n\tmargin-bottom: 1em;\n}\n\nshop-product::part(price) {\n\tcolor: rgba(0, 0, 0, 0.75);\n\tline-height: 1.1;\n\tmargin-bottom: 0.5em;\n}\n\nshop-product::part(dropdown) {\n\twidth: 100%;\n\tcolor: rgba(0, 0, 0, 0.85);\n\tborder: 1px solid rgba(0, 0, 0, 0.2);\n\tbackground-color: rgba(255, 255, 255, 0.0);\n\tbackground-image: url(https://static.cargo.site/assets/images/select-line-arrows.svg);\n\tbackground-repeat: no-repeat;\n\tbackground-position: top 0em right .1em;\n\tline-height: 1.2;\n\tpadding: 0.58em 2em 0.55em 0.9em;\n\tborder-radius: 10em;\n\tmargin-bottom: 0.5em;\n}\n\nshop-product::part(button) {\n\tbackground: rgba(0, 0, 0, 0.15);\n\tcolor: rgba(0, 0, 0, 0.75);\n\ttext-align: left;\n\tline-height: normal;\n\tpadding: 0.5em 1em;\n\tcursor: pointer;\n\tborder-radius: 10em;\n}\n\nshop-product::part(button):active {\n\topacity: .7;\n}\n\naudio-player {\n\t--text-color: rgba(0, 0, 0, 0.85);\n\t--text-padding: 0 1.2em 0 1.0em;\n\t--background-color: rgba(255, 255, 255, 0);\n\t--buffer-background-color: rgba(0, 0, 0, 0.03);\n\t--progress-background-color: rgba(0, 0, 0, 0.075);\n\t--border-lines: 1px solid rgba(0, 0, 0, 0.2);\n\tfont-size: 1.2rem;\n\twidth: 32rem;\n\theight: 2.75em;\n\tfont-family: \"Diatype Variable\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-variation-settings: 'slnt' 0, 'MONO' 0;\n\tline-height: normal;\n\tletter-spacing: 0em;\n\tmargin-bottom: 0.5em;\n\tborder-radius: 10em;\n}\n\naudio-player::part(button) {\n\t--icon-color: rgba(0, 0, 0, 0.85);\n\t--icon-size: 32%;\n\t--play-text: '';\n\t--pause-text: '';\n\twidth: 3.15em;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\tcursor: pointer;\n}\n\naudio-player::part(play-icon) {\n\tpadding-left: 0.6em;\n}\n\naudio-player::part(pause-icon) {\n\tpadding-left: 0.4em;\n}\n\naudio-player::part(progress-indicator) {\n\tborder-right: 1px solid rgba(0, 0, 0, 0);\n\theight: 100%;\n\tcursor: ew-resize;\n}\n\naudio-player::part(separator) {\n\tborder-right: var(--border-lines);\n}\n\nbody.mobile audio-player {\n\tmax-width: 100%;\n}\n\n.mobile .content {\n}","created_at":"2022-09-15T23:40:11.000000Z","updated_at":"2025-08-06T08:43:13.000000Z"},"siteDesign":{"images":{"image_zoom":true,"image_full_zoom":false,"scroll_transition":false,"limit_vertical_images":false,"mobile_image_width_maximize":true},"quick_view":{"show_ui":true,"captions":false,"close_on_scroll":false,"contentAlignVertical":"middle","contentAlignHorizontal":"center"},"site":{"enableColorFilter":false,"enableHomeLinkActiveStates":false,"enablePageTransition":false,"pageTransitionIntensity":2,"is_feed":false},"cart":{"theme":"light"},"contact_form":{"theme":"light"},"mobile_adjustments":{"view":"desktop","zoom":"21","padding":"-6","formatting":false,"pages_full_width":true,"images_full_width":true,"responsive_columns":"1","responsive_thumbnails_padding":"0.7"}},"frontendState":{"hasSiteModel":true,"hasScaffolding":true,"hasSiteDesign":true,"hasSiteCSS":true,"hasShopModel":false,"hasSitePackage":true,"pointerType":"mouse","quickView":{"mode":"default","inited":false,"autoScrolling":false,"elementArray":false,"activeIndex":0,"startingIndex":0},"contactForm":{"transition":false,"inited":false},"adminMode":false,"inAdminFrame":false,"renderedPages":[],"pwProtectedOverlays":[],"networkErrors":[],"pageNotFound":false,"fontsLoaded":["Diatype Variable","Diatype Mono Variable"],"lastVisiblePid":null,"hostname":"timruffle.studio","activePID":"G3149575491"},"commerce":{"products":{},"cart":{},"shop":{}}}</script>
15 16 17 18 <style id="static-css">@keyframes page-transition-out{from{opacity:1}to{opacity:0}}@keyframes page-transition-in{from{opacity:0}to{opacity:1}}html:where([page-transition-intensity]){background-color:var(--site-background-color)}::view-transition{pointer-events:none;background-color:var(--site-background-color)}html[page-transition-intensity="1"]{--page-transition-out-duration: 120ms;--page-transition-in-duration: 160ms;--page-transition-join: -0.75;--page-transition-out-ease: ease-in-out;--page-transition-in-ease: ease-in}html[page-transition-intensity="2"]{--page-transition-out-duration: 175ms;--page-transition-in-duration: 220ms;--page-transition-join: -0.25;--page-transition-out-ease: ease-in-out;--page-transition-in-ease: ease-in}html[page-transition-intensity="3"]{--page-transition-out-duration: 230ms;--page-transition-in-duration: 280ms;--page-transition-join: 0.25;--page-transition-out-ease: ease-in-out;--page-transition-in-ease: ease-in}::view-transition-old(root){animation-name:page-transition-out;animation-duration:var(--page-transition-out-duration);animation-timing-function:var(--page-transition-out-ease);animation-fill-mode:both}::view-transition-new(root){animation-name:page-transition-in;animation-duration:var(--page-transition-in-duration);animation-timing-function:var(--page-transition-in-ease);animation-delay:max(0ms,var(--page-transition-out-duration)*(1 + var(--page-transition-join)));animation-fill-mode:both}.page{--pin-view-transition-name: none}html.page-transition-active .page.pinned.fixed,html.page-transition-active .page.pinned.overlay{view-transition-name:var
18(--pin-view-transition-name, none)}html.page-transition-hold::view-transition-old(root),html.page-transition-hold::view-transition-new(root){animation-play-state:paused}html.page-transition-hold::view-transition-group(*){animation-play-state:paused}html.page-transition-hold::view-transition-image-pair(*){animation-play-state:paused}html.page-transition-hold::view-transition-old(*){animation-play-state:paused}html.page-transition-hold::view-transition-new(*){animation-play-state:paused}@keyframes page-transition-overlay-exit{from{opacity:1;transform:translate3d(0, 0, 0);clip-path:var(--overlay-close-content-from-clip-mask, none)}to{opacity:var(--overlay-close-to-opacity, 1);transform:var(--overlay-close-content-to-transform, translate3d(0, 0, 0));clip-path:var(--overlay-close-content-to-clip-mask, none)}}html:has(body.editing)::-webkit-scrollbar{display:none !important}body.editing::-webkit-scrollbar{display:none !important}html:has(body.editing){-ms-overflow-style:none;scrollbar-width:none}body.editing{-ms-overflow-style:none;scrollbar-width:none}body.wf-initial-load *,html.wf-initial-load *{color:transparent !important;-webkit-text-stroke:0px transparent;text-stroke:0 transparent;text-shadow:0 0 transparent}html.wf-initial-load hr{background:none !important}body{--baseColor-accent: #FF0000;--baseColor-accent-rgb: 255, 0, 0;--baseColor-accent-reverse-rgb: 255, 255, 255}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:focus{outline:0}select,select *{text-rendering:auto !important}html,body{min-height:var(--viewport-height, 100vh);margin:0;padding:0}html{--mobile-scale: 1;font-size:var(--base-size);touch-action:manipulation;position:relative}html.mobile{font-size:calc(var(--base-size)*var(--mobile-scale))}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;display:flex;flex-direction:column;width:100%;min-height:var(--viewport-height, 100vh);justify-content:flex-start;margin:0;padding:0;background-color:#fff;--noise-image: url("https://static.cargo.site/assets/C3/images/noise.png");--noise-bg-amount: 0;--noise-images-amount: 0;--noise-density-size: 256px;position:relative}body.no-scroll{overflow:hidden}customhtml>*{position:relative;z-index:10}.page a.active,bodycopy * a{text-decoration-color:unset;-webkit-text-decoration-color:unset}.content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:100%;position:relative;flex-grow:1;border-color:transparent;border-width:0}.pages{width:100%;flex:1 0 auto}@supports(height: 100svh){.page.stacked-page:not(.fixed){--viewport-height: 100svh}.page.stacked-page+.page.stacked-page:not(.fixed){--viewport-height: 100vh}body.mobile .content:has(.stacked-page) .page.pinned.overlay:not(.fixed){--viewport-height: 100svh}}.overlay-content{mix-blend-mode:var(--overlay-mix, normal)}.page{--split-backdrop-height: calc(var(--min-viewport-height) / 2);--split-content-height: calc(var(--viewport-height) - var(--split-backdrop-height));--noise-bg-amount: 0;--noise-images-amount: 0;--noise-density-size: 256px;position:relative;isolation:isolate;display:flex;justify-content:center;flex-wrap:nowrap;flex-direction:row;max-width:100%;width:100%;flex:0;mix-blend-mode:var(--page-mix, normal)}.page.has-backdrop-filter{background-color:rgba(0, 0, 0, 0.01);backdrop-filter:var(--page-backdrop-filter, none);-webkit-backdrop-filter:var(--page-backdrop-filter, none)}.overlay-content .page{mix-blend-mode:unset}.overlay-content .page::after{content:" ";display:block;position:fixed;width:100dvw;height:100dvh;top:0;left:0;z-index:-1}.overlay-content.is-passthrough-overlay .page::after{display:none}.mobile .page{flex-wrap:wrap}.mobile .page.fixed{--viewport-height: 100dvh}.page.overlay{position:absolute}.page.pinned-top,.page.pinned-bottom{flex:0;z-index:2;left:0;right:0}.page.pinned-bottom{transform:unset}.page.pinned-bottom.loading{will-change:transform;transform:translate(0, 0, 0)}.page.pinned-top{top:0}.page.pinned-bottom{bottom:0}.page.fixed{position:fixed;max-height:var(--viewport-height, 100vh)}.page.fixed .page-layout{max-height:var(--viewport-height, 100vh)}.page.fixed.allow-scroll .page-content{max-height:var(--viewport-height, 100vh);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;align-items:flex-start !important}.page.fixed.allow-scroll .page-content{pointer-events:auto}.page.fixed.allow-scroll .page-content::-webkit-scrollbar{width:0;background:0 0;display:none}.page.overlay{position:absolute}.page.overlay,.page.overlay .page-layout,.page.fixed,.page.fixed .page-layout{pointer-events:none}body.editing .page.overlay .page-content,body.editing .page.overlay .page-content *,body.editing .page.fixed .page-content,body.editing .page.fixed .page-content *,body.editing .page.fixed.allow-scroll .page-content,body.editing .page.fixed.allow-scroll .page-content *,body.editing .page:not([editing=true]){-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}body.editing .page.overlay[editing=true] .page-content,body.editing .page.overlay[editing=true] .page-content *,body.editing .page.fixed[editing=true] .page-content,body.editing .page.fixed[editing=true] .page-content *,body.editing .page.fixed.allow-scroll[editing=true] .page-content,body.editing .page.fixed.allow-scroll[editing=true] .page-content *{pointer-events:auto;-moz-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto;user-select:auto}.page.fixed .page-content bodycopy a,.page.overlay .page-content bodycopy a,.page.fixed .page-content bodycopy img,.page.overlay .page-content bodycopy img,.page.fixed .page-content bodycopy iframe,.page.overlay .page-content bodycopy iframe,.page.fixed .page-content bodycopy video,.page.overlay .page-content bodycopy video,.page.fixed .page-content bodycopy audio,.page.overlay .page-content bodycopy audio,.page.fixed .page-content bodycopy input,.page.overlay .page-content bodycopy input,.page.fixed .page-content bodycopy button,.page.overlay .page-content bodycopy button,.page.fixed .page-content bodycopy audio-player,.page.overlay .page-content bodycopy audio-player,.page.fixed .page-content bodycopy shop-product,.page.overlay .page-content bodycopy shop-product,.page.fixed .page-content bodycopy details,.page.overlay .page-content bodycopy details,.page.overlay .page-content bodycopy .linked,.page.overlay .page-content bodycopy .zoomable,.page.fixed .page-content bodycopy .linked,.page.fixed .page-content bodycopy .zoomable,.page.fixed .page-content bodycopy gallery-slideshow,.page.overlay .page-content bodycopy gallery-slideshow{pointer-events:auto}.page-layout{flex-grow:1;position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:0%;mix-blend-mode:var(--page-layout-mix, normal)}.page-content{display:flex;flex-direction:row;height:100%;align-items:flex-start;border-color:transparent;border-width:0;width:100%;filter:var(--page-content-filter, none);-webkit-filter:var(--page-content-filter, none)}.page-content{position:relative;isolation:isolate;--noise-bg-amount: 0;--noise-scale: 1}.page-content.has-content-backdrop-filter{backdrop-filter:var(--page-content-backdrop-filter, none);-webkit-backdrop-filter:var(--page-content-backdrop-filter, none)}.page,.page-content,.content{--noise-bg-alpha: var(--noise-bg-color-alpha, 1)}.page::before,.page-content::before{content:"";display:block;position:absolute;inset:0;pointer-events:none;z-index:-1;border-radius:inherit;background-image:var(--noise-image),var(--noise-image),var(--noise-image);background-repeat:repeat;background-size:calc(var(--noise-density-size, 256px)*var(--noise-scale, 1));background-position:0 0;opacity:calc(var(--noise-bg-amount, 0)*var(--noise-bg-alpha, 1)*1)}.content::before{content:"";display:block;position:absolute;inset:0;pointer-events:none;background-image:var(--noise-image),var(--noise-image),var(--noise-image);background-repeat:repeat;background-size:calc(var(--noise-density-size, 256px)*var(--noise-scale, 1));background-position:0 0;opacity:calc(var(--noise-bg-amount, 0)*var(--noise-bg-alpha, 1)*1)}.page.has-backdrop-filter::before,.page-content.has-content-backdrop-filter::before{background-blend-mode:normal;opacity:min(var(--noise-bg-amount, 0),var(--noise-bg-alpha, 1))}.page.fixed.allow-scroll .page-content bodycopy{anchor-name:--noise-content}.page.fixed.allow-scroll .page-content::before{position-anchor:--noise-content;top:calc(-1*var(--page-content-pad-top, 0px));height:calc(anchor-size(--noise-content height) + var(--page-content-pad-top, 0px)*2 + var(--page-content-pad-bottom, 0px)*2)}.page-content.has-content-backdrop-filter:has(.empty-editor)::after{content:" ";display:block;height:1px;width:1px;overflow:hidden;position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.01)}.page.accepts-pointer-events *,.page-content.accepts-pointer-events,.page-content.accepts-pointer-events *{pointer-events:auto}[position=fixed]{position:fixed;overflow-y:auto;overflow-x:hidden;max-height:100vh;pointer-events:none}[position=fixed] bodycopy{pointer-events:auto}[position=absolute]{position:absolute}[position=relative]{position:relative}.top-pins [position=fixed],.top-pins [position=absolute]{top:0;left:0;right:0;z-index:999}.bottom-pins [position=fixed],.bottom-pins [position=absolute]{bottom:0;left:0;right:0;z-index:999}h1,h2,h3,h4,h5,h6,h7,h8,h9{contain:layout}.caption-background h1,.caption-background h2,.caption-background h3,.caption-background h4,.caption-background h5,.caption-background h6,.caption-background h7,.caption-background h8,.caption-background h9{contain:none}.overlay-content{position:fixed;inset:0;max-height:100dvh;--viewport-height: 100dvh;overflow:auto;overscroll-behavior:none;--elastic-scroll: true;pointer-events:none}.overlay-content .backdrop{pointer-events:auto}.overlay-content .wallpaper-navigation .backdrop{pointer-events:none}.overlay-content::-webkit-scrollbar{display:none}.overlay-content .page-layout{min-height:fit-content}.overlay-content .page,.overlay-content .page-content,.overlay-content .page-layout{pointer-events:auto}.overlay-content.is-passthrough-overlay .page,.overlay-content.is-passthrough-overlay .page-layout{pointer-events:none}.overlay-content.is-passthrough-overlay .page-content{pointer-events:auto}.overlay-content.is-content-passthrough-overlay .page,.overlay-content.is-content-passthrough-overlay .page-layout,.overlay-content.is-content-passthrough-overlay .page-content,.overlay-content.is-content-passthrough-overlay .page-content bodycopy,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-freeform,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-grid,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-columnized,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-justify,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-slideshow{pointer-events:none}.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-freeform>*,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-grid>*,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-columnized>*,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-justify>*,.overlay-content.is-content-passthrough-overlay .page-content bodycopy gallery-slideshow>*{pointer-events:auto}.overlay-content.is-content-passthrough-overlay .page-content bodycopy>*:not(column-set,gallery-freeform,gallery-grid,gallery-columnized,gallery-justify),.overlay-content.is-content-passthrough-overlay .page-content bodycopy column-unit *{pointer-events:auto}body.editing .overlay-content .page[editing=true] bodycopy,body.editing .overlay-content .page[editing=true] bodycopy>*,body.editing .overlay-content .page[editing=true] gallery-freeform,body.editing .overlay-content .page[editing=true] gallery-columnized,body.editing .overlay-content .page[editing=true] gallery-justify,body.editing .overlay-content .page[editing=true] gallery-grid body.editing .overlay-content .page[editing=true] gallery-slideshow{pointer-events:auto}.overlay-content.overlay-open.overlay-animating .page{will-change:opacity,background-color;animation:overlayOpen var(--overlay-open-duration) var(--overlay-open-easing, "ease-in-out")}.overlay-content.overlay-open .page:has(.has-content-backdrop-filter):not(:has(.backdrop)){will-change:background-color;animation:overlayOpenWithoutOpacity var(--overlay-open-duration) var(--overlay-open-easing, "ease-in-out")}.overlay-content.overlay-close.overlay-animating .page{will-change:opacity,background-color;animation:overlayClose var(--overlay-close-duration) var(--overlay-close-easing, "ease-in-out")}.overlay-content.overlay-close .page:has(.has-content-backdrop-filter):not(:has(.backdrop)){will-change:background-color;animation:overlayCloseWithoutOpacity var(--overlay-close-duration) var(--overlay-close-easing, "ease-in-out")}.overlay-content.overlay-open.overlay-animating .page-content{will-change:transform,clip-path;animation:overlayOpenContent var(--overlay-open-duration) var(--overlay-open-easing, "ease-in-out")}.overlay-content.overlay-open.overlay-animating .page-content.has-content-backdrop-filter{will-change:transform,clip-path,op
18acity;animation:overlayOpenContent var(--overlay-open-duration) var(--overlay-open-easing, "ease-in-out"),overlayOpenOpacity var(--overlay-open-duration) var(--overlay-open-easing, "ease-in-out")}.overlay-content.overlay-close.overlay-animating .page-content{will-change:transform,clip-path;animation:overlayCloseContent var(--overlay-close-duration) var(--overlay-close-easing, "ease-in-out")}.overlay-content.overlay-close.overlay-animating .page-content.has-content-backdrop-filter{will-change:transform,clip-path,opacity;animation:overlayCloseContent var(--overlay-close-duration) var(--overlay-close-easing, "ease-in-out"),overlayCloseOpacity var(--overlay-close-duration) var(--overlay-close-easing, "ease-in-out")}.overlay-content.overlay-open.overlay-animating .page::before,.overlay-content.overlay-open.overlay-animating .page::after,.overlay-content.overlay-open.overlay-animating .page-content::before,.overlay-content.overlay-open.overlay-animating .page-content::after{will-change:opacity;animation:overlayOpenNoise var(--overlay-open-duration) var(--overlay-open-easing, "ease-in-out")}.overlay-content.overlay-close.overlay-animating .page::before,.overlay-content.overlay-close.overlay-animating .page::after,.overlay-content.overlay-close.overlay-animating .page-content::before,.overlay-content.overlay-close.overlay-animating .page-content::after{will-change:opacity;animation:overlayCloseNoise var(--overlay-close-duration) var(--overlay-close-easing, "ease-in-out")}.overlay-content.touch-overscroll-transform .page-content{transform:var(--touch-overscroll-transform, translate(0px, 0px)) !important}.overlay-content.overlay-animating .page-layout{contain:layout}.overlay-content.overlay-animating.disallow-interaction,.overlay-content.overlay-animating.disallow-interaction .page,.overlay-content.overlay-animating.disallow-interaction .page-content,.overlay-content.overlay-animating.disallow-interaction .page-layout,.overlay-content.overlay-animating.disallow-interaction .backdrop,.overlay-content.overlay-animating.disallow-interaction bodycopy,.overlay-content.overlay-animating.disallow-interaction bodycopy *{pointer-events:none !important}.overlay-content.overlay-animating.disallow-interaction{overflow:hidden}@keyframes scrollAnimationFadeIn-1{0%{opacity:0}15%{opacity:1}}@keyframes scrollAnimationFadeIn-2{0%{opacity:0}22.5%{opacity:1}100%{opacity:1}}@keyframes scrollAnimationFadeIn-3{0%{opacity:0}38%{opacity:1}100%{opacity:1}}@keyframes scrollAnimationFadeOut-1{85%{opacity:1}100%{opacity:0}}@keyframes scrollAnimationFadeOut-2{0%{opacity:1}77.5%{opacity:1}100%{opacity:0}}@keyframes scrollAnimationFadeOut-3{0%{opacity:1}65%{opacity:1}100%{opacity:0}}@keyframes scrollAnimationFadeInOut-1{0%{opacity:0}15%{opacity:1}85%{opacity:1}100%{opacity:0}}@keyframes scrollAnimationFadeInOut-2{0%{opacity:0}20%{opacity:1}82.5%{opacity:1}100%{opacity:0}}@keyframes scrollAnimationFadeInOut-3{0%{opacity:0}30%{opacity:1}75%{opacity:1}100%{opacity:0}}@keyframes scrollAnimationFlyIn-1{0%{transform:translateY(5vh)}15%{transform:scale(1)}85%{transform:scale(1)}100%{transform:scale(1)}}@keyframes scrollAnimationFlyIn-2{0%{transform:translateY(10vh)}30%{transform:scale(1)}70%{transform:scale(1)}100%{transform:scale(1)}}@keyframes scrollAnimationFlyIn-3{0%{transform:translateY(20vh)}35%{transform:scale(1)}65%{transform:scale(1)}100%{transform:scale(1)}}@keyframes scrollAnimationFlyInFadeIn-1{0%{opacity:.4;transform:translateY(25px)}50%{opacity:1;transform:translateY(0px)}}@keyframes scrollAnimationFlyInFadeIn-2{0%{opacity:0;transform:translateY(50px)}50%{opacity:1;transform:translateY(0vh)}}@keyframes scrollAnimationFlyInFadeIn-3{0%{opacity:0;transform:translateY(100px)}50%{opacity:1;transform:translateY(0vh)}}@keyframes scrollAnimationFlyOut-1{35%{transform:scale(1)}85%{transform:scale(1)}100%{transform:translateY(-5vh)}}@keyframes scrollAnimationFlyOut-2{35%{transform:scale(1)}70%{transform:scale(1)}100%{transform:translateY(-10vh)}}@keyframes scrollAnimationFlyOut-3{35%{transform:scale(1)}65%{transform:scale(1)}100%{transform:translateY(-20vh)}}@keyframes scrollAnimationFlyInOut-1{0%{transform:translateY(5vh)}35%{transform:scale(1)}85%{transform:scale(1)}100%{transform:translateY(-5vh)}}@keyframes scrollAnimationFlyInOut-2{0%{transform:translateY(10vh)}35%{transform:scale(1)}70%{transform:scale(1)}100%{transform:translateY(-10vh)}}@keyframes scrollAnimationFlyInOut-3{0%{transform:translateY(20vh)}35%{transform:scale(1)}65%{transform:scale(1)}100%{transform:translateY(-20vh)}}@keyframes scrollAnimationBlurIn-1{0%{filter:blur(5px)}10%{filter:blur(5px)}30%{filter:blur(0px)}}
18@keyframes scrollAnimationBlurIn-2{0%{filter:blur(8px)}12.5%{filter:blur(8px)}35%{filter:blur(0px)}}@keyframes scrollAnimationBlurIn-3{0%{filter:blur(13px)}15%{filter:blur(13px)}40%{filter:blur(0px)}}@keyframes scrollAnimationScaleInOut-1{0%{transform:scale(0.875);transform-origin:50% 0%}50%{transform:scale(1);transform-origin:50% 50%}100%{transform:scale(0.875);transform-origin:50% 100%}}@keyframes scrollAnimationScaleInOut-2{0%{transform:scale(0.6);transform-origin:50% 0%}50%{transform:scale(1);transform-origin:50% 50%}100%{transform:scale(0.6);transform-origin:50% 100%}}@keyframes scrollAnimationScaleInOut-3{0%{transform:scale(0.4);transform-origin:50% 0%}50%{transform:scale(1);transform-origin:50% 50%}100%{transform:scale(0.4);transform-origin:50% 100%}}@keyframes scrollAnimationScaleIn-1{0%{transform:scale(0.875);transform-origin:50% 0%}50%{transform:scale(1);transform-origin:50% 0%}100%{transform:scale(1);transform-origin:50% 0%}}@keyframes scrollAnimationScaleIn-2{0%{transform:scale(0.6);transform-origin:50% 0%}50%{transform:scale(1);transform-origin:50% 0%}100%{transform:scale(1);transform-origin:50% 0%}}@keyframes scrollAnimationScaleIn-3{0%{transform:scale(0.4);transform-origin:50% 0%}50%{transform:scale(1);transform-origin:50% 0%}100%{transform:scale(1);transform-origin:50% 0%}}@keyframes scrollAnimationScaleOut-1{0%{transform:scale(1);transform-origin:50% 100%}50%{transform:scale(1);transform-origin:50% 100%}100%{transform:scale(0.875);transform-origin:50% 100%}}@keyframes scrollAnimationScaleOut-2{0%{transform:scale(1);transform-origin:50% 100%}50%{transform:scale(1);transform-origin:50% 100%}100%{transform:scale(0.6);transform-origin:50% 100%}}@keyframes scrollAnimationScaleOut-3{0%{transform:scale(1);transform-origin:50% 100%}50%{transform:scale(1);transform-origin:50% 100%}100%{transform:scale(0.4);transform-origin:50% 100%}}@keyframes scrollAnimationHelix-1{0%{transform:perspective(4000px) rotatey(35deg) rotatez(1.5deg)}100%{transform:perspective(4000px) rotatey(-35deg) rotatez(-1.5deg)}}@keyframes scrollAnimationHelix-2{0%{transform:perspective(3000px) rotatey(60deg) rotatez(2deg)}100%{transform:perspective(3000px) rotatey(-60deg) rotatez(-2deg)}}@keyframes scrollAnimationHelix-3{0%{transform:perspective(2000px) rotatey(90deg) rotatez(3deg)}100%{transform:perspective(2000px) rotatey(-90deg) rotatez(-3deg)}}@keyframes scrollAnimationConveyor-1{0%{transform:perspective(2500px) translateZ(25em) rotateX(45deg)}40%{transform:perspective(2500px) rotateX(0deg)}100%{transform:perspective(2500px) rotateX(0deg)}}@keyframes scrollAnimationConveyor-2{0%{transform:perspective(2400px) translateZ(30em) rotateX(60deg)}50%{transform:perspective(2400px) rotateX(0deg)}100%{transform:perspective(2400px) rotateX(0deg)}}@keyframes scrollAnimationConveyor-3{0%{transform:perspective(2300px) translateZ(45em) rotateX(85deg)}60%{transform:perspective(2300px) rotateX(0deg)}100%{transform:perspective(2300px) rotateX(0deg)}}@keyframes scrollAnimationRebound-1{0%{transform:perspective(2100px) translateZ(-30em) rotateX(50deg);transform-origin:50% 100%}47%{transform:perspective(2100px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}53%{transform:perspective(2100px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}100%{transform:perspective(2100px) translateZ(-30em) rotateX(-50deg);transform-origin:50% 0%}}@keyframes scrollAnimationRebound-2{0%{transform:perspective(1800px) translateZ(-50em) rotateX(70deg);transform-origin:50% 100%}47%{transform:perspective(1800px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}53%{transform:perspective(1800px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}100%{transform:perspective(1800px) translateZ(-50em) rotateX(-70deg);transform-origin:50% 0%}}@keyframes scrollAnimationRebound-3{0%{transform:perspective(1300px) translateZ(-70em) rotateX(90deg);transform-origin:50% 100%}47%{transform:perspective(1300px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}53%{transform:perspective(1300px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}100%{transform:perspective(1300px) translateZ(-70em) rotateX(-90deg);transform-origin:50% 0%}}@keyframes scrollTransitionFadeUp-1{0%{opacity:0;transform:translateY(25px)}25%{opacity:1;transform:translateY(0vh)}}@keyframes scrollTransitionFadeUp-2{0%{opacity:0;transform:translateY(40px)}25%{opacity:1;transform:translateY(0vh)}}@keyframes scrollTransitionFadeUp-3{0%{opacity:0;transform:translateY(50px)}25%{opacity:1;transform:translateY(0vh)}}@keyframes scrollTransitionScaleUp-1{0%{opacity:0;transform:scale(0.95)}25%{opacity:1;transform:scale(1)}}@keyframes scrollTransitionScaleUp-2{0%{opacity:0;transform:scale(0.875)}25%{opacity:1;transform:scale(1)}}@keyframes scrollTransitionScaleUp-3{0%{opacity:0;transform:scale(0.75)}25%{opacity:1;transform:scale(1)}}@keyframes scrollAnimationTwistUp-1{0%{opacity:0;transform:translateY(25px) rotateY(27deg) rotateZ(1.5deg) perspective(4000px)}25%{opacity:1;transform:translateY(0vh)}}
18@keyframes scrollAnimationTwistUp-2{0%{opacity:0;transform:translateY(40px) rotateY(35deg) rotateZ(2deg) perspective(3000px)}25%{opacity:1;transform:translateY(0vh)}}@keyframes scrollAnimationTwistUp-3{0%{opacity:0;transform:translateY(65px) rotateY(40deg) rotateZ(3deg) perspective(2000px)}25%{opacity:1;transform:translateY(0vh)}}@keyframes scrollTransitionBlurIn-1{0%{filter:blur(5px);transform:scale(0.992)}25%{filter:blur(0px);transform:scale(1)}}@keyframes scrollTransitionBlurIn-2{0%{filter:blur(8px);transform:scale(0.992)}25%{filter:blur(0px);transform:scale(1)}}@keyframes scrollTransitionBlurIn-3{0%{filter:blur(13px);transform:scale(0.992)}25%{filter:blur(0px);transform:scale(1)}}@keyframes scrollTransitionColorIn-1{0%{filter:saturate(50%)}32%{filter:saturate(100%)}}@keyframes scrollTransitionColorIn-2{0%{filter:saturate(25%)}32%{filter:saturate(100%)}}@keyframes scrollTransitionColorIn-3{0%{filter:saturate(0%)}32%{filter:saturate(100%)}}@keyframes scrollTransitionRebound-1{0%{transform:perspective(1500px) translateZ(0em) rotateX(30deg);transform-origin:50% 100%;opacity:0}25%{transform:perspective(1500px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%;opacity:1}}@keyframes scrollTransitionRebound-2{0%{transform:perspective(1800px) translateZ(-50em) rotateX(70deg);transform-origin:50% 100%}47%{transform:perspective(1800px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}53%{transform:perspective(1800px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}100%{transform:perspective(1800px) translateZ(-50em) rotateX(-70deg);transform-origin:50% 0%}}@keyframes scrollTransitionRebound-3{0%{transform:perspective(1300px) translateZ(-70em) rotateX(90deg);transform-origin:50% 100%}47%{transform:perspective(1300px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}53%{transform:perspective(1300px) translateZ(0em) rotateX(0deg);transform-origin:50% 50%}100%{transform:perspective(1300px) translateZ(-70em) rotateX(-90deg);transform-origin:50% 0%}}@keyframes LooseHinge-1{0%{transform:rotate(5deg);transform-origin:0% 0%}50%{transform:rotate(0deg);transform-origin:50% 50%}100%{transform:rotate(5deg);transform-origin:100% 100%}}@keyframes LooseHinge-2{0%{transform:rotate(10deg);transform-origin:0% 0%}50%{transform:rotate(0deg);transform-origin:50% 50%}100%{transform:rotate(10deg);transform-origin:100% 100%}}@keyframes LooseHinge-3{0%{transform:rotate(30deg);transform-origin:0% 0%}50%{transform:rotate(0deg);transform-origin:50% 50%}100%{transform:rotate(30deg);transform-origin:100% 100%}}@keyframes overlayOpen{from{opacity:var(--overlay-open-from-opacity, 1);background-color:var(--overlay-open-from-background-color, transparent)}to{opacity:1}}@keyframes overlayOpenWithoutOpacity{from{background-color:var(--overlay-open-from-background-color, transparent)}}@keyframes overlayOpenOpacity{from{opacity:var(--overlay-open-from-opacity, 1)}to{opacity:1}}@keyframes overlayOpenContent{from{transform:var(--overlay-open-content-from-transform, translate3d(0, 0, 0));clip-path:var(--overlay-open-content-from-clip-mask, inset(0% 0% 0% 0%))}to{transform:translate3d(0, 0, 0);clip-path:var(--overlay-open-content-to-clip-mask, inset(0% 0% 0% 0%))}}@keyframes overlayClose{to{opacity:var(--overlay-close-to-opacity, 1);background-color:var(--overlay-close-to-background-color, transparent)}}@keyframes overlayCloseWithoutOpacity{to{background-color:var(--overlay-close-to-background-color, transparent)}}@keyframes overlayCloseOpacity{to{opacity:var(--overlay-close-to-opacity, 1)}}@keyframes overlayCloseContent{from{transform:translate3d(0, 0, 0);clip-path:var(--overlay-close-content-from-clip-mask, inset(0% 0% 0% 0%))}to{transform:var(--overlay-close-content-to-transform, translate3d(0, 0, 0));clip-path:var(--overlay-close-content-to-clip-mask, inset(0% 0% 0% 0%))}}@keyframes overlayOpenNoise{from{opacity:0}}@keyframes overlayCloseNoise{to{opacity:0}}.backdrop{contain:layout}.has-backdrop-filter .backdrop-contents::after{backdrop-filter:var(--page-backdrop-filter, none);-webkit-backdrop-filter:var(--page-backdrop-filter, none);position:absolute;width:100%;height:100%;content:"";inset:0;z-index:1;pointer-events:none}.backdrop:not(.clip){-webkit-transform:translate(0px, 0px)}.backdrop>.backdrop-contents{transition:opacity .5s ease-in-out;opacity:0;top:0;bottom:0;width:100%;position:sticky;height:100%;max-height:100vh;overflow:hidden}.backdrop-contents.loaded{opacity:1}.backdrop-contents.no-fade{transition:none}.backdrop.clip .backdrop-contents.above,.backdrop.clip .backdrop-contents.below{display:none}.backdrop.clip .backdrop-contents{will-change:display,opacity,transform,clip-path}.backdrop>.backdrop-contents [data-backdrop]{height:100%}.backdrop.clip{contain:none;overflow:hidden;clip-path:inset(0% 0% 0% 0%)}.clip>.backdrop-contents{height:calc(100vh + .5px);width:var(--backdrop-width, 100%);position:fixed}.backdrop{flex-shrink:0;width:100%;order:1;position:absolute;top:0;left:0;right:0;bottom:0}.wallpaper-navigation{position:absolute;inset:var(--pin-padding-top, 0) 0 var(--pin-padding-bottom, 0) 0;z-index:10;pointer-events:none !important;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;max-width:100%;width:100%;flex:0}.wallpaper-navigation .page-content,.wallpaper-navigation .page-layout{background:none;background-color:transparent;visibility:hidden}.wallpaper-navigation .backdrop.clip{contain:none;overflow:hidden;clip-path:inset(0% 0% 0% 0%)}.wallpaper-navigation .backdrop.clip>.wallpaper-slideshow{position:fixed}
18.wallpaper-navigation .wallpaper-slideshow{top:0;bottom:0;position:sticky;transform:translate3d(0, 0, 0);height:calc(100% + .5px);max-height:calc(var(--viewport-height, 100vh) + .5px)}::part(slideshow-nav){transition:opacity 222ms ease-in-out;pointer-events:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;--button-size: 30px;--button-inset: 20px;--button-icon-color: rgba(255, 255, 255, 0.9);--button-icon-scale: 1;--button-icon-stroke-width: 1.5px;--button-icon-stroke-linecap: butt;--button-background-color: rgba(87, 87, 87, 0.35);--button-background-radius: 50%;--button-active-opacity: 0.7}::part(slideshow-nav-previous-button){pointer-events:auto;cursor:pointer;position:absolute;top:0;left:0;bottom:0}::part(slideshow-nav-next-button){pointer-events:auto;cursor:pointer;position:absolute;top:0;right:0;bottom:0}::part(slideshow-nav-close-button){pointer-events:auto;cursor:pointer;position:absolute;top:0;right:0}::part(slideshow-nav-prev){position:absolute;top:0;bottom:0;left:var(--button-inset, 0px);margin:auto;width:36px;height:36px}::part(slideshow-nav-next){position:absolute;top:0;bottom:0;right:var(--button-inset, 0px);margin:auto;width:36px;height:36px;transform:scaleX(-1)}::part(slideshow-nav-close){position:absolute;top:var(--button-inset, 0px);right:var(--button-inset, 0px);margin:auto;width:36px;height:36px}::part(slideshow-nav-prev),::part(slideshow-nav-next),::part(slideshow-nav-close){height:var(--button-size);width:var(--button-size)}
18::part(slideshow-nav-previous-button):active,::part(slideshow-nav-next-button):active,::part(slideshow-nav-close-button):active{opacity:var(--button-active-opacity, 0.7)}::part(slideshow-nav-background){stroke:none !important;fill:var(--button-background-color);rx:var(--button-background-radius)}::part(slideshow-nav-arrow),::part(slideshow-nav-x){fill:none !important;stroke:var(--button-icon-color);stroke-width:var(--button-icon-stroke-width);stroke-linecap:var(--button-icon-stroke-linecap);transform:scale(var(--button-icon-scale));transform-origin:center}bodycopy{display:block;contain:layout;word-wrap:break-word;position:relative;max-width:100%;width:100%;-webkit-nbsp-mode:normal;--font-scale: 1}bodycopy *{border-width:0}a{color:inherit}a.image-link,a.image-link:hover,a.image-link:active,a.icon-link,a.icon-link:hover,a.icon-link:active{border-bottom:none;text-decoration:none}[contenteditable=true] a:active,[contenteditable=true] .linked:active,[contenteditable=true] .zoomable:active{opacity:1}s *{text-transform:inherit}small{max-width:100%;text-decoration:inherit}b,strong{font-weight:bolder}.small-caps{font-variant:small-caps;text-transform:lowercase}.no-wrap{white-space:nowrap}.page_background{position:absolute;top:0;left:0;width:100%;height:100%}media-item .caption.empty{display:none}.tag-separator:before{content:", "}media-item[drag=true]::part(media),[contenteditable=true] iframe{pointer-events:none}column-set+*{--gutter-expand: 1}gallery-grid+*{--gutter-expand: 1}gallery-columnized+*{--gutter-expand: 1}gallery-justify+*{--gutter-expand: 1}gallery-slideshow+*{--gutter-expand: 1}gallery-freeform+*{--gutter-expand: 1}media-item+*{--gutter-expand: 1}column-unit>*:first-child{--gutter-expand: 0}marquee-set h1,marquee-set h2,marquee-set h3,marquee-set h4,marquee-set h5,marquee-set h6,marquee-set h7,marquee-set h8,marquee-set h9{vertical-align:text-bottom;display:inline-block}marquee-set{pointer-events:auto}marquee-set media-item .caption{white-space:normal}gallery-slideshow media-item figcaption.caption{display:var(--display-slideshow-captions, none);transform:var(--slideshow-caption-transform, translateX(0px));opacity:var(--slideshow-caption-opacity, 0);text-align:var(--slideshow-caption-align);pointer-events:var(--slideshow-caption-pointer-events, initial);will-change:opacity,transform;position:relative}gallery-slideshow media-item::part(sizing-frame){margin:auto 0;flex-grow:0}gallery-slideshow media-item::part(frame){display:flex;flex-wrap:wrap;width:var(--item-width);height:var(--slide-height);align-content:var(--slideshow-vertical-align);align-self:var(--slideshow-horizontal-align)}body.slideshow-nav-arrow-display,body.slideshow-nav-arrow-display *:not(a,media-item[href],media-item.zoomable){cursor:var(--slideshow-cursor)}body.slideshow-dragging *{cursor:var(--slideshow-cursor) !important}body>media-item[no-component]{all:unset !important;border:none !important;padding:0 !important;position:fixed !important;z-index:5000 !important;pointer-events:none !important;background:none !important;inset:0 !important;overflow:hidden !important}button#edit.edit{appearance:none;-webkit-appearance:none;border:none;cursor:pointer;font-size:var(--fontSize-default);font-family:var(--fontFamily-default);padding:0;text-align:left;white-space:nowrap;background:transparent;display:flex;margin:0;border-radius:3px 0 0 3px;pointer-events:auto;position:fixed;top:50%;transform:translate(0, -50%);right:400px;height:36px;width:12px;z-index:999;cursor:pointer;background-color:rgba(140, 140, 140, 0.4);padding-left:2px;margin-right:5px;width:20px;cursor:pointer;margin:0;right:0}button#edit.edit:active{opacity:.7;user-select:none}button#edit.edit svg{padding:0;width:16px;height:36px;margin-left:2px;opacity:1}button#edit.edit svg path{fill:#fff}.quick-view{--font-scale: 1;--resize-parent-width: unset;width:80%;height:80%;margin-top:auto;margin-right:auto;margin-bottom:auto;margin-left:auto;padding:5rem;padding-top:5rem;padding-right:5rem;padding-bottom:5rem;padding-left:5rem;display:flex;z-index:5001;transform:translateZ(999px);position:fixed;top:0;left:0;right:0;bottom:0;-webkit-text-size-adjust:100%;-ms-touch-action:none;touch-action:none;line-height:initial;letter-spacing:initial}.quick-view .caption{font-size:clamp(14.5px,var(--font-scale, 1)*var(--font-size, 14.5px),2.4rem)}.quick-view-frame{position:relative;display:flex;height:100%;width:100%}.quick-view-content{height:100%;width:auto}.quick-view-background{backdrop-filter:var(--quick-view-backdrop-filter, none);-webkit-backdrop-filter:var(--quick-view-backdrop-filter, none);transition:backdrop-filter .2s ease}
18.quick-view.quick-view-navigation{display:block;z-index:5002;position:fixed;inset:0;pointer-events:none;transform:translateZ(999px)}.quick-view::part(slideshow-nav){transition:opacity 222ms ease-in-out;position:absolute;z-index:99;inset:0;pointer-events:none}.pagination-watcher{pointer-events:none;height:1px;margin-top:-1px;width:100%}html,body{overflow-anchor:none}.colorfilter-color,.colorfilter-base{position:absolute;inset:0;pointer-events:none}.colorfilter-color{z-index:9995;display:block;background-color:var(--colorfilter-color, #FF0000);mix-blend-mode:var(--colorfilter-mix, lighten);opacity:var(--colorfilter-color-opacity, 0)}.colorfilter-base{display:block;backdrop-filter:grayscale(clamp(0, var(--colorfilter-grayscale, 0), var(--colorfilter-color-opacity, 0))) brightness(var(--colorfilter-brightness, 1)) contrast(var(--colorfilter-contrast, 1)) invert(var(--colorfilter-invert, 0));-webkit-backdrop-filter:grayscale(clamp(0, var(--colorfilter-grayscale, 0), var(--colorfilter-color-opacity, 0))) brightness(var(--colorfilter-brightness, 1)) contrast(var(--colorfilter-contrast, 1)) invert(var(--colorfilter-invert, 0));z-index:9994}#editor-overlay.safari,.colorfilter-base.safari,.colorfilter-color.safari,#cargo-dotsite.safari{transform:translateZ(0px);animation:loopTranslate .5s steps(2, end) infinite}@keyframes loopTranslate{0%{transform:translateZ(0px)}50%{transform:translateZ(1px)}100%{transform:translateZ(0px)}}.flying-object{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;overflow:hidden}.flying-object media-item{position:fixed;top:0;left:0}.flying-object,.flying-object *{user-select:none;pointer-events:none !important}body.audio-player-dragging,body.audio-player-dragging audio-player,body.audio-player-dragging *{cursor:ew-resize}audio-player[browser-default=true]{padding:unset;margin:unset;outline:unset;background:unset;border:unset;transform:unset;height:unset;position:relative;display:inline-block}audio-player::part(button){background:transparent;cursor:pointer;flex-shrink:0;align-items:center;justify-content:center;display:inline-flex;width:.7em;contain:layout}audio-player::part(separator){height:100%}audio-player::part(buffer){height:100%}audio-player::part(time-bar){height:100%;display:flex;justify-content:space-between;align-content:center;margin:auto 0;width:0%;flex-grow:1;height:100%}audio-player::part(progress){background:transparent;height:100%}audio-player::part(play-icon),audio-player::part(pause-icon){fill:currentColor;cursor:pointer;width:100%;height:auto}audio-player::part(label){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;user-select:none;margin:auto auto auto 0;flex:0 3 auto;min-width:0;width:100%}audio-player::part(total-time){flex:0 1 auto;margin:auto 0}audio-player::part(current-time),audio-player::part(play-text){flex:0 1 auto;margin:auto 0}audio-player::part(stream-anim):before{content:"Streaming"}audio-player::part(stream-anim){user-select:none;margin:auto auto auto 0}audio-player::part(buffer),audio-player::part(current-time),audio-player::part(note-svg),audio-player::part(play-text),audio-player::part(separator),audio-player::part(total-time){user-select:none;pointer-events:none}audio-player::part(buffer),audio-player::part(play-text),audio-player::part(progress){position:absolute}audio-player::part(time-bar),audio-player::part(button),audio-player::part(current-time),audio-player::part(note-icon),audio-player::part(pause),audio-player::part(play),audio-player::part(total-time){position:relative}audio-player::part(progress-indicator){border:1px solid currentColor;cursor:ew-resize;height:100%;right:0;position:absolute}audio-player{border:var(--border-lines);margin-bottom:.5em;overflow:hidden}audio-player::part(time-bar){background:var(--background-color)}audio-player::part(label),audio-player::part(current-time),audio-player::part(total-time){color:var(--text-color)}audio-player::part(play-icon),audio-player::part(pause-icon){fill:var(--icon-color, currentColor)}audio-player::part(separator){width:0px;background:none}audio-player::part(buffer){background:var(--buffer-background-color)}
18audio-player::part(progress){background:var(--progress-background-color)}audio-player::part(progress-indicator){border-top:0;border-bottom:0;border-left:0;border-right-width:2px}audio-player::part(button){height:100%;display:inline-flex;align-self:center;background:var(--background-color)}audio-player::part(button):after{color:var(--text-color)}audio-player[status=stopped]::part(button):after,audio-player:not([status])::part(button):after{content:var(--play-text)}audio-player[status=playing]::part(button):after{content:var(--pause-text)}audio-player::part(play-icon),audio-player::part(pause-icon){height:var(--icon-size, 1em);width:auto}audio-player::part(label),audio-player::part(stream-anim),audio-player::part(current-time),audio-player::part(total-time){padding:var(--text-padding)}shop-product{font-size:1.2rem;max-width:22rem;width:100%;position:relative;display:block}shop-product::part(price){line-height:1.1;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;font-size:inherit;letter-spacing:inherit}shop-product::part(dropdown){width:100%;background:transparent;line-height:normal;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;font-size:inherit;letter-spacing:inherit;white-space:nowrap;text-overflow:ellipsis;display:inline-block;-webkit-appearance:none;border:0;outline:0}shop-product::part(button),shop-product::part(error){line-height:normal;cursor:pointer;display:inline-block;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;font-size:inherit;letter-spacing:inherit;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}shop-product::part(button):active{opacity:.7}a[rel=show-cart][show-count]:after{counter-reset:variable var(--cart-item-count);content:" (" counter(variable) ")";display:var(--cart-item-count-display, none)}.cargodotsite{position:fixed;bottom:1rem;right:1.4rem;mix-blend-mode:difference;z-index:9999;opacity:.2;cursor:pointer}.mobile .cargodotsite{bottom:.4rem;right:1rem}.cargodotsite:active{opacity:.14}.dl-duplicate{position:fixed;bottom:1rem;right:1.4rem;z-index:9999;cursor:pointer}.mobile .dl-duplicate{bottom:.4rem;right:1rem}.dl-duplicate:active{opacity:.7}</style> 19 <link rel="stylesheet" type="text/css" href="https://build.cargo.site/frontend/054f94/index.css"> 20
20<script>!function(){function e(e,o,t){!1===e.prototype.hasOwnProperty(name)&&(e.prototype[o]=t)}e(Node,"saveable",!1),e(Node,"setSaveable",function(e){return this.saveable=e,this}),e(Node,"isSaveable",function(){return this.saveable}),Node.prototype.persistCloneNode=function(){var s=function(e,o,t){for(var i=0;i<e.childNodes.length;i++)t(e.childNodes[i],o.childNodes[i]),0<e.childNodes[i].childNodes.length&&s(e.childNodes[i],o.childNodes[i],t)},e=Node.prototype.cloneNode.apply(this,arguments);return this.isSaveable&&!0===this.isSaveable()&&e.setSaveable(!0),0<this.childNodes.length&&s(this,e,function(e,o){e.isSaveable&&!0===e.isSaveable()&&o.setSaveable(!0)}),e},this.core={markAsEditable:function(e){}}}(window.CargoEditor=window.CargoEditor||{});</script>
20 21 22 <link rel="icon" href="https://freight.cargo.site/t/original/i/H2466515765956710975648826507884/favicon.ico" sizes="any"> 23 <meta name="keywords" content="Animation, Motion Graphics, 2D, 3D, Directing, Direction, Character Design, CGI, Stop Motion, Illustration, Hand Drawn, Colourful, Aardman, BBC 24Googlet"> 25<meta name="google-site-verification" content="nbUy8a0nab0Ks4--Eiv9Hut6MZ9j1lG2BTN2ZSMv-_Y" /> 26 27<meta name="google-site-verification" content="zTNoDOyferMTgxqj9PCEj0OCu9MbOu0ORk0ZLftfG_A" /> 28 29 <meta name="description" content="Tim Ruffle - ANIMATION CREATIVE"> 30 <meta name="twitter:card" content="summary_large_image"> 31 <meta name="twitter:title" content="Tim Ruffle - Animation Creative"> 32 <meta name="twitter:description" content="Tim Ruffle - ANIMATION CREATIVE"> 33 <meta name="twitter:image" content="https://freight.cargo.site/w/1000/i/S2873364439012563482519966696044/screenshot-2258240904.jpg"> 34 <meta property="og:title" content="Tim Ruffle - Animation Creative"> 35 <meta property="og:description" content="Tim Ruffle - ANIMATION CREATIVE"> 36 <meta property="og:url" content="https://timruffle.studio"> 37 <meta property="og:image" content="https://freight.cargo.site/w/1000/i/S2873364439012563482519966696044/screenshot-2258240904.jpg"> 38 <meta property="og:type" content="website"> 39 <style>/* 40 * This CSS file has been generated and is served by Cargo Collective Inc 41 * and is authorized to be used on Cargo Collective Inc only. 42 * 43 * This CSS resource incorporates links to font software which is 44 * the valuable copyrighted property of Dinamo Typefaces. You may not 45 * attempt to copy, install, redistribute, convert, modify or reverse 46 * engineer this font software. Please contact Dinamo with any 47 * questions: https://abcdinamo.com/ 48 */ 49@font-face { 50 font-display: block; 51 font-family: "Diatype Variable"; 52 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 53 font-style: normal; 54 font-weight: 200 1000; 55} 56 57@font-face { 58 font-display: block; 59 font-family: "Diatype Variable"; 60 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 61 font-style: normal; 62 font-weight: 200 1000; 63} 64 65@font-face { 66 font-display: block; 67 font-family: "Diatype Variable"; 68 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 69 font-style: normal; 70 font-weight: 200 1000; 71} 72 73@font-face { 74 font-display: block; 75 font-family: "Diatype Variable"; 76 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 77 font-style: normal; 78 font-weight: 200 1000; 79} 80 81@font-face { 82 font-display: block; 83 font-family: "Diatype Variable"; 84 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 85 font-style: normal; 86 font-weight: 200 1000; 87} 88 89@font-face { 90 font-display: block; 91 font-family: "Diatype Variable"; 92 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 93 font-style: normal; 94 font-weight: 200 1000; 95} 96 97@font-face { 98 font-display: block; 99 font-family: "Diatype Variable"; 100 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 101 font-style: normal; 102 font-weight: 200 1000; 103} 104 105@font-face { 106 font-display: block; 107 font-family: "Diatype Variable"; 108 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 109 font-style: normal; 110 font-weight: 200 1000; 111} 112 113@font-face { 114 font-display: block; 115 font-family: "Diatype Variable"; 116 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable-Italic.woff2") format("woff2-variations"); 117 font-style: italic; 118 font-weight: 200 1000; 119} 120 121@font-face { 122 font-display: block; 123 font-family: "Diatype Semi-Mono Variable"; 124 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 125 font-style: normal; 126 font-weight: 200 700; 127} 128 129@font-face { 130 font-display: block; 131 font-family: "Diatype Semi-Mono Variable"; 132 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 133 font-style: normal; 134 font-weight: 200 700; 135} 136 137@font-face { 138 font-display: block; 139 font-family: "Diatype Semi-Mono Variable"; 140 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 141 font-style: normal; 142 font-weight: 200 700; 143} 144 145@font-face { 146 font-display: block; 147 font-family: "Diatype Semi-Mono Variable"; 148 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 149 font-style: normal; 150 font-weight: 200 700; 151} 152 153@font-face { 154 font-display: block; 155 font-family: "Diatype Semi-Mono Variable"; 156 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 157 font-style: normal; 158 font-weight: 200 700; 159} 160 161@font-face { 162 font-display: block; 163 font-family: "Diatype Semi-Mono Variable"; 164 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable-Italic.woff2") format("woff2-variations"); 165 font-style: italic; 166 font-weight: 200 700; 167} 168 169@font-face { 170 font-display: block; 171 font-family: "Diatype Mono Variable"; 172 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 173 font-style: normal; 174 font-weight: 200 700; 175} 176 177@font-face { 178 font-display: block; 179 font-family: "Diatype Mono Variable"; 180 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 181 font-style: normal; 182 font-weight: 200 700; 183} 184 185@font-face { 186 font-display: block; 187 font-family: "Diatype Mono Variable"; 188 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 189 font-style: normal; 190 font-weight: 200 700; 191} 192 193@font-face { 194 font-display: block; 195 font-family: "Diatype Mono Variable"; 196 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 197 font-style: normal; 198 font-weight: 200 700; 199} 200 201@font-face { 202 font-display: block; 203 font-family: "Diatype Mono Variable"; 204 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable.woff2") format("woff2-variations"); 205 font-style: normal; 206 font-weight: 200 700; 207} 208 209@font-face { 210 font-display: block; 211 font-family: "Diatype Mono Variable"; 212 src: url("https://type.cargo.site/files/Cargo-DiatypePlusVariable-Italic.woff2") format("woff2-variations"); 213 font-style: italic; 214 font-weight: 200 700; 215} 216 217</style> 218 </head> 219 <body style="opacity: 0;"><customhtml></customhtml><style>html { 220 --mobile-scale: 1.25; 221 --mobile-padding-offset: 1; 222} 223 224body { 225 --swatch-1: rgba(0, 0, 0, 0.85); 226 --swatch-2: rgba(0, 0, 0, 0.75); 227 --swatch-3: rgba(0, 0, 0, 0.6); 228 --swatch-4: rgba(0, 0, 0, 0.4); 229 --swatch-5: rgba(0, 0, 0, 0.25); 230 --swatch-6: #ffff00; 231 --swatch-7: rgba(0, 0, 0, 0); 232 --swatch-8: #ff5e00; 233} 234 235body.mobile { 236} 237 238a:active, 239.linked:active, 240.zoomable::part(media):active { 241 opacity: 0.7; 242} 243 244.page a.active { 245 color: #0ca900; 246} 247 248sub { 249 position: relative; 250 vertical-align: baseline; 251 top: 0.3em; 252} 253 254sup { 255 position: relative; 256 vertical-align: baseline; 257 top: -0.4em; 258} 259 260ol { 261 margin: 0; 262 padding: 0 0 0 2.5em; 263 list-style-type: decimal-leading-zero; 264} 265 266ul { 267 margin: 0; 268 padding: 0 0 0 2.0em; 269} 270 271ul.lineated { 272 margin: 0; 273 padding: 0; 274 list-style-type: none; 275 margin: 0 0 0 3em; 276 text-indent: -3em; 277} 278 279blockquote { 280 margin: 0; 281 padding: 0 0 0 2em; 282} 283 284hr { 285 background: rgba(0, 0, 0, 0.75); 286 border: 0; 287 height: 1px; 288 display: block; 289 margin-top: 1.0rem; 290 margin-bottom: 1rem; 291} 292 293.content { 294 border-color: rgba(0,0,0,.85); 295} 296 297bodycopy { 298 font-size: 1.10rem; 299 font-weight: 300; 300 color: rgba(0, 0, 0, 0.85); 301 font-family: "Diatype Variable"; 302 font-style: normal; 303 line-height: 1.3; 304 letter-spacing: 0; 305 display: block; 306 font-variation-settings: 'slnt' 0, 'MONO' 0; 307} 308 309.mobile bodycopy { 310 font-size: 1.35rem; 311} 312 313bodycopy a { 314 color: #ff5e00; 315 text-decoration: underline; 316} 317 318bodycopy a:hover { 319} 320 321h1 { 322 font-family: "Diatype Variable"; 323 font-style: normal; 324 font-weight: 300; 325 padding: 0; 326 margin: 0; 327 font-size: 2.30rem; 328 line-height: 1.1; 329 color: rgba(0, 0, 0, 0.85); 330 letter-spacing: 0em; 331 font-variation-settings: 'slnt' 0, 'MONO' 0; 332 background: rgba(0,0,0,0); 333} 334 335.mobile h1 { 336 font-size: 1.95rem; 337} 338 339h1 a { 340 color: rgba(0, 0, 0, 0.85); 341 text-decoration: none; 342} 343 344h1 a:hover { 345} 346 347h2 { 348 font-family: "Diatype Variable"; 349 font-style: normal; 350 font-weight: 400; 351 padding: 0; 352 margin: 0; 353 color: rgba(0, 0, 0, 0.85); 354 font-size: 1.10rem; 355 line-height: 1.2; 356 letter-spacing: 0em; 357 font-variation-settings: 'slnt' 0, 'MONO' 0; 358 background: rgba(0,0,0,0); 359} 360 361.mobile h2 { 362 font-size: 1.40rem; 363} 364 365h2 a { 366 color: rgba(0, 0, 0, 0.85); 367 text-decoration: none; 368} 369 370h2 a:hover { 371} 372 373.caption { 374 font-size: 0.80rem; 375 font-weight: 400; 376 color: rgba(0, 0, 0, 0.4); 377 font-family: "Diatype Mono Variable"; 378 font-style: normal; 379 line-height: 1.1; 380 letter-spacing: 0; 381 display: inline-block; 382 font-variation-settings: 'slnt' -12, 'MONO' 1; 383 background: rgba(0,0,0,0); 384 border-width: 0rem; 385} 386 387.caption a { 388 text-decoration: none; 389 color: rgba(0, 0, 0, 0.4); 390 text-decoration-color: rgba(255, 0, 0, 0.4); 391} 392 393.caption a:hover { 394} 395 396media-item .caption { 397 margin-top: 1.5em; 398} 399 400gallery-grid .caption, 401gallery-columnized .caption, 402gallery-justify .caption { 403 margin-bottom: 2em; 404} 405 406[thumbnail-index] .caption { 407 text-align: center; 408} 409 410[thumbnail-index] .caption .tags { 411 margin-top: 0.25em; 412} 413 414.page { 415 justify-content: flex-start; 416} 417 418.page-content { 419 padding: 0rem; 420 text-align: left; 421} 422 423.mobile [id] .page-layout { 424 max-width: 100%; 425} 426 427.mobile [id] .page-content { 428} 429 430.page-layout { 431 align-items: center; 432 max-width: 60%; 433} 434 435media-item::part(media) { 436 border: 0; 437 padding: 0; 438} 439 440.quick-view { 441 height: 100%; 442 width: 100%; 443 padding: 3rem; 444 margin-top: auto; 445 margin-right: auto; 446 margin-bottom: auto; 447 margin-left: auto; 448} 449 450.quick-view-background { 451 background-color: #ffffff; 452} 453 454.quick-view .caption { 455 color: rgba(255, 255, 255, 1.0); 456 padding: 20px 0; 457 text-align: center; 458 transition: 100ms opacity ease-in-out; 459 position: absolute; 460 bottom: 0; 461 left: 0; 462 right: 0; 463} 464 465.quick-view .caption-background { 466 padding: 0.5rem 1rem; 467 display: inline-block; 468 background: rgba(0, 0, 0, 0.5); 469 border-radius: .5rem; 470 text-align: left; 471 max-width: 50rem; 472} 473 474.mobile .quick-view { 475 width: 100%; 476 height: 100%; 477 margin: 0; 478 padding: 10px; 479} 480 481.mobile .quick-view .caption { 482 padding: 10px 0; 483} 484 485.heading-3 { 486 --text-style: "Heading 3"; 487 font-family: "Diatype Variable"; 488 font-style: normal; 489 font-weight: 300; 490 padding: 0; 491 margin: 0; 492 font-size: 1.90rem; 493 line-height: 1.1; 494 color: rgba(0, 0, 0, 0.85); 495 letter-spacing: 0; 496 background: rgba(0,0,0,0); 497 font-variation-settings: 'slnt' 0, 'MONO' 0; 498} 499 500.heading-3 a { 501 color: rgba(0, 0, 0, 0.85); 502 text-decoration: none; 503} 504 505.heading-3 a:hover { 506 507} 508 509.footer { 510 --text-style: "Footer"; 511 font-size: 0.8rem; 512 font-weight: 500; 513 color: #d46300; 514 font-family: "Diatype Variable"; 515 font-style: normal; 516 line-height: 2.85; 517 letter-spacing: 0; 518 display: block; 519 font-variation-settings: 'slnt' 0, 'MONO' 0; 520 background: rgba(0,0,0,0); 521} 522 523.mobile .footer { 524} 525 526.footer a { 527 color: #d46300; 528 text-decoration: none; 529} 530 531.footer a:hover { 532 533} 534 535.back { 536 --text-style: "back"; 537 font-size: 1.30rem; 538 font-weight: 300; 539 color: rgba(0, 0, 0, 0.85); 540 font-family: "Diatype Variable"; 541 font-style: normal; 542 line-height: 1.2; 543 letter-spacing: 0; 544 display: block; 545 font-variation-settings: 'slnt' 0, 'MONO' 0; 546} 547 548.back a { 549 color: #484848; 550 text-decoration: none; 551} 552 553.back a:hover { 554 555} 556 557.caption-pics { 558 --text-style: "Caption Pics"; 559 font-size: 0.60rem; 560 font-weight: 400; 561 color: rgba(0, 0, 0, 0.4); 562 font-family: "Diatype Mono Variable"; 563 font-style: normal; 564 line-height: 1.1; 565 letter-spacing: 0; 566 display: inline-block; 567 font-variation-settings: 'slnt' -12, 'MONO' 1; 568 background: rgba(0,0,0,0); 569 border-width: 0rem; 570 padding-left: 1.0rem; 571 padding-top: 0.0rem; 572} 573 574.caption-pics a { 575 text-decoration: none; 576 color: rgba(0, 0, 0, 0.4); 577 text-decoration-color: rgba(255, 0, 0, 0.4); 578} 579 580.caption-pics a:hover { 581 582} 583 584.mobile .quick-view .caption-background { 585 max-width: 100vw; 586} 587
588::part(slideshow-nav) { 589 --button-size: 30px; 590 --button-inset: 20px; 591 --button-icon-color: rgba(255, 255, 255, 0.9); 592 --button-icon-stroke-width: 1.5px; 593 --button-icon-stroke-linecap: none; 594 --button-background-color: rgba(87, 87, 87, 0.35); 595 --button-background-radius: 50%; 596 --button-active-opacity: 0.7; 597} 598 599gallery-slideshow::part(slideshow-nav) { 600 --button-inset: 15px; 601} 602 603.quick-view::part(slideshow-nav) { 604} 605 606.wallpaper-slideshow::part(slideshow-nav) { 607} 608 609.mobile ::part(slideshow-nav) { 610 --button-inset: 10px; 611} 612 613.mobile .quick-view::part(slideshow-nav) { 614 --button-inset: 25px; 615} 616 617shop-product { 618 font-size: 1.2rem; 619 max-width: 22rem; 620 font-family: "Diatype Variable"; 621 font-style: normal; 622 font-weight: 400; 623 font-variation-settings: 'slnt' 0, 'MONO' 0; 624 letter-spacing: 0em; 625 margin-bottom: 1em; 626} 627 628shop-product::part(price) { 629 color: rgba(0, 0, 0, 0.75); 630 line-height: 1.1; 631 margin-bottom: 0.5em; 632} 633 634shop-product::part(dropdown) { 635 width: 100%; 636 color: rgba(0, 0, 0, 0.85); 637 border: 1px solid rgba(0, 0, 0, 0.2); 638 background-color: rgba(255, 255, 255, 0.0); 639 background-image: url(https://static.cargo.site/assets/images/select-line-arrows.svg); 640 background-repeat: no-repeat; 641 background-position: top 0em right .1em; 642 line-height: 1.2; 643 padding: 0.58em 2em 0.55em 0.9em; 644 border-radius: 10em; 645 margin-bottom: 0.5em; 646} 647 648shop-product::part(button) { 649 background: rgba(0, 0, 0, 0.15); 650 color: rgba(0, 0, 0, 0.75); 651 text-align: left; 652 line-height: normal; 653 padding: 0.5em 1em; 654 cursor: pointer; 655 border-radius: 10em; 656} 657 658shop-product::part(button):active { 659 opacity: .7; 660} 661 662audio-player { 663 --text-color: rgba(0, 0, 0, 0.85); 664 --text-padding: 0 1.2em 0 1.0em; 665 --background-color: rgba(255, 255, 255, 0); 666 --buffer-background-color: rgba(0, 0, 0, 0.03); 667 --progress-background-color: rgba(0, 0, 0, 0.075); 668 --border-lines: 1px solid rgba(0, 0, 0, 0.2); 669 font-size: 1.2rem; 670 width: 32rem; 671 height: 2.75em; 672 font-family: "Diatype Variable"; 673 font-style: normal; 674 font-weight: 400; 675 font-variation-settings: 'slnt' 0, 'MONO' 0; 676 line-height: normal; 677 letter-spacing: 0em; 678 margin-bottom: 0.5em; 679 border-radius: 10em; 680} 681 682audio-player::part(button) { 683 --icon-color: rgba(0, 0, 0, 0.85); 684 --icon-size: 32%; 685 --play-text: ''; 686 --pause-text: ''; 687 width: 3.15em; 688 display: inline-flex; 689 justify-content: center; 690 cursor: pointer; 691} 692 693audio-player::part(play-icon) { 694 padding-left: 0.6em; 695} 696 697audio-player::part(pause-icon) { 698 padding-left: 0.4em; 699} 700 701audio-player::part(progress-indicator) { 702 border-right: 1px solid rgba(0, 0, 0, 0); 703 height: 100%; 704 cursor: ew-resize; 705} 706 707audio-player::part(separator) { 708 border-right: var(--border-lines); 709} 710 711body.mobile audio-player { 712 max-width: 100%; 713} 714 715.mobile .content { 716}</style><style id="mobile-offset-styles"></style><style id="text-style-font-sizes"></style><style id="link-styles"></style><style id="font-feature-settings-styles"></style><div class="content"><div id="C4276659642" page-url="thumbnails-1" class="page pinned pinned-top fixed stacked-page"><a id="thumbnails-1"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><!-- <a class="back icon-link" href="#" rel="home-page"><text-icon icon="leftwards-arrow"></text-icon></a><br> --> 717<gallery-grid columns="4" gutter="1rem" mobile-gutter="2.5rem" show-tags="false" show-title="true" thumbnail-index="set:G3149575491" thumbnail-index-metadata="%7B%22J2132836220%22%3A%7B%22sort%22%3A0%2C%22attributes%22%3A%7B%7D%7D%2C%22P2983268587%22%3A%7B%22sort%22%3A1%2C%22attributes%22%3A%7B%7D%7D%2C%22I0896703365%22%3A%7B%22sort%22%3A2%2C%22attributes%22%3A%7B%7D%7D%2C%22W0005447864%22%3A%7B%22sort%22%3A3%2C%22attributes%22%3A%7B%7D%7D%2C%22X3658926890%22%3A%7B%22sort%22%3A4%2C%22attributes%22%3A%7B%7D%7D%2C%22A3997550088%22%3A%7B%22sort%22%3A5%2C%22attributes%22%3A%7B%7D%7D%2C%22M3357376499%22%3A%7B%22sort%22%3A6%2C%22attributes%22%3A%7B%7D%7D%2C%22J3500990363%22%3A%7B%22sort%22%3A7%2C%22attributes%22%3A%7B%7D%7D%2C%22L3788277322%22%3A%7B%22sort%22%3A8%2C%22attributes%22%3A%7B%7D%7D%2C%22R4053507375%22%3A%7B%22sort%22%3A9%2C%22attributes%22%3A%7B%7D%7D%2C%22K3343361197%22%3A%7B%22sort%22%3A10%2C%22attributes%22%3A%7B%7D%7D%2C%22Q0885833556%22%3A%7B%22sort%22%3A11%2C%22attributes%22%3A%7B%7D%7D%2C%22N1957558042%22%3A%7B%22sort%22%3A12%2C%22attributes%22%3A%7B%7D%7D%2C%22J2429909628%22%3A%7B%22sort%22%3A13%2C%22attributes%22%3A%7B%7D%7D%2C%22E2383552874%22%3A%7B%22sort%22%3A14%2C%22attributes%22%3A%7B%7D%7D%2C%22O2786427683%22%3A%7B%22sort%22%3A15%2
717C%22attributes%22%3A%7B%7D%7D%2C%22S1681553951%22%3A%7B%22sort%22%3A16%2C%22attributes%22%3A%7B%7D%7D%2C%22E3962650675%22%3A%7B%22sort%22%3A17%2C%22attributes%22%3A%7B%7D%7D%2C%22J2486637213%22%3A%7B%22sort%22%3A18%2C%22attributes%22%3A%7B%7D%7D%2C%22X3955604304%22%3A%7B%22sort%22%3A19%2C%22attributes%22%3A%7B%7D%7D%2C%22J2713198081%22%3A%7B%22sort%22%3A20%2C%22attributes%22%3A%7B%7D%7D%2C%22Y1059682737%22%3A%7B%22sort%22%3A21%2C%22attributes%22%3A%7B%7D%7D%2C%22B0698941504%22%3A%7B%22sort%22%3A22%2C%22attributes%22%3A%7B%7D%7D%2C%22W2128145197%22%3A%7B%22sort%22%3A23%2C%22attributes%22%3A%7B%7D%7D%2C%22S2007808617%22%3A%7B%22sort%22%3A24%2C%22attributes%22%3A%7B%7D%7D%2C%22W3351031935%22%3A%7B%22sort%22%3A25%2C%22attributes%22%3A%7B%7D%7D%2C%22E3854407692%22%3A%7B%22sort%22%3A26%2C%22attributes%22%3A%7B%7D%7D%2C%22J3268468429%22%3A%7B%22sort%22%3A27%2C%22attributes%22%3A%7B%7D%7D%2C%22G0590891156%22%3A%7B%22sort%22%3A28%2C%22attributes%22%3A%7B%7D%7D%2C%22root%22%3A%7B%22sort%22%3A2%2C%22attributes%22%3A%7B%22suppress-placeholder-ui%22%3A%22true%22%7D%7D%2C%22K4173163363%22%3A%7B%22sort%22%3A0%2C%22attributes%22%3A%7B%7D%7D%7D" vertical-align="center"></gallery-grid><br /><br /><br /></bodycopy></div></div><style>[id="C4276659642"].page { 718 justify-content: flex-end; 719 min-height: var(--viewport-height); 720} 721 722[id="C4276659642"] .backdrop { 723 position: relative; 724 width: 50%; 725 order: 0; 726} 727 728.mobile [id="C4276659642"] .backdrop { 729 order: 0; 730 height: var(--split-backdrop-height); 731 width: 100%; 732} 733 734[id="C4276659642"] .page-content { 735 padding-left: 1rem; 736 padding-top: 1.8rem; 737 padding-right: 1rem; 738 padding-bottom: 0.0rem; 739 background-image: url("https://freight.cargo.site/t/original/i/I2420117203440758653643209687660/BG_04.gif"); 740 width: 100%; 741 align-items: flex-start; 742} 743 744[id="C4276659642"] .page-layout { 745 max-width: 40%; 746} 747 748.mobile [id="C4276659642"] .page-layout { 749 max-width: 100%; 750 min-width: 100%; 751 min-height: var(--split-content-height); 752}</style><style id="mobile-offset-styles-C4276659642"></style></div><div id="Z2815380924" page-url="header" class="page pinned pinned-top fixed stacked-page"><a id="header"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><!-- Google tag (gtag.js) -->
vendor: 67 bytes, lines 752-753
752 753<script async="" src="https://www.googletagmanager.com/gtag/js?id=
753G-KQMYEY4THR
vendor: 12 bytes, line 753
753"></script>
754<script> 755Â window.dataLayer = window.dataLayer || []; 756 Â function gtag(){dataLayer.push(arguments);} 757 Â gtag('js', new Date()); 758 759 Â gtag('config', 'G-KQMYEY4THR'); 760</script>
760 761<div class="flying-object"><media-item class="zoomable" delay="30" flight-path="1969" hash="J2464854033204534547265243693676" rotation="10" scale="9.0vmax" speed="10" uses="flying-object"></media-item></div> 762<div class="text-header2-container"><h1>TIM RUFFLE - ANIMATION CREATIVE</h1></div></bodycopy></div></div><style>[id="Z2815380924"] bodycopy { 763 764} 765.text-content-container { 766 align-items: flex-start; 767 width: 100%; 768 padding: 1rem; 769 background-color: #ffffff; 770} 771.text-header-container { 772 align-items: flex-start; 773 width: 100%; 774 padding: 1rem; 775 background-image: url("https://freight.cargo.site/t/original/i/L2457222115090009067495760183916/WALLPAPER_LINES2.png"); 776} 777.text-header2-container { 778 align-items: flex-start; 779 width: 100%; 780 padding: 1rem; 781 background-image: url("https://freight.cargo.site/t/original/i/Q2420610593357856566455317938796/BG_line1.png"); 782} 783.text-sub-header-container { 784 align-items: flex-start; 785 width: 100%; 786 padding: 1rem; 787 background-color: #e6e5e5; 788 789} 790.text-header3-container { 791 align-items: flex-start; 792 width: 100%; 793 padding: 1rem; 794 background-image: url("https://freight.cargo.site/t/original/i/P2476428766753749771987557925484/wallpapers-copy4.png"); 795} 796.text-header4-container { 797 align-items: flex-start; 798 width: 100%; 799 padding: 1rem; 800 background-image: url("https://freight.cargo.site/t/original/i/A2476431905411913681446636733036/wallpapers-copy3.png"); 801} 802.text-marquee-container { 803 align-items: flex-start; 804 width: 100%; 805 padding-top: 0.5rem; 806 padding-bottom: 0.5rem; 807 padding-left: 0rem; 808 padding-right: 0rem; 809 background-image: url("https://freight.cargo.site/t/original/i/L2457222115090009067495760183916/WALLPAPER_LINES2.png"); 810}</style><style id="mobile-offset-styles-Z2815380924"></style></div><div style="margin-top: 0px; margin-bottom: 0px;" class="pages"><div data-direction="up" class="pagination-watcher "></div><div data-container="set" data-id="G3149575491"><div id="J2132836220" page-url="showreel" class="page stacked-page"><a id="showreel"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><div class="homepage-container"> 811<div class="text-marquee-container"><span class="heading-3"><marquee-set behavior="scroll" direction="horizontal" height="70vh" pointer-interaction="true" speed="-10"><marquee-inner slot="contents"><span class="heading-3"> Â 2D Animation | Motion design | Illustration | Design | Animatics | Character design | After Effects | CG | Art directing | Directing | </span></marquee-inner></marquee-set></span></div> 812 813<div class="text-content-container"><column-set gutter="1rem"><column-unit slot="0" span="3"><media-item class="" disable-zoom="true" hash="L2487088419661016490918777307756" scale="100%"></media-item></column-unit><column-unit slot="1" span="9">Hi! Iâm Tim, I create animations, character designs and illustrations for TV and digital media.<br /><a href="illustration" rel="history" tag-text="illustration">illustration</a> 814<br /> 815I love to design and animate to tell stories or to convey information in an engaging way. In this digital age itâs easy to miss the charm and craft that I can offer as an animation creative. Iâve worked on series, short-form, commercial and educational films.<br /> 816<br /> 817I specialise in <b>2D animation</b> as I love to draw, but have also directed CG and stop-frame animations. If youâre looking for a designer, director and animator with over 25 years of experience, I can take on your project!<br /><br />If you have a animation project in mind, Iâd love to chat about collaborating with you!<br /> 818<br /> 819I have directed projects for:<br /><b>Aardman Animations, Cbeebies, Google, Nintendo, Robinsons, Clipper Tea and more...</b> 820</column-unit></column-set></div> 821<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;"><iframe allow="accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *; web-share *;" allowfullscreen="" referrerpolicy="strict-origin" scrolling="no" src="https://www.youtube.com/embed/xO9gBq5Q0P8?rel=0" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;"></iframe></div></div></bodycopy></div></div><style>[id="J2132836220"] bodycopy { 822 823} 824 825[id="J2132836220"].page { 826 min-height: auto; 827} 828 829[id="J2132836220"] .page-content { 830}</style><style id="mobile-offset-styles-J2132836220"></style></div><div id="P2983268587" page-url="maddie-+-triggs" class="page stacked-page"><a id="maddie-+-triggs"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><div class="text-header-container"><span class="heading-3">Maddie + Triggs</span></div> 831<media-item class="" disable-zoom="true" hash="A2431100543376981858110976148076"></media-item><br /><media-item class="" disable-zoom="true" hash="M2474346917060693399155384631916"></media-item><br /> 832<div class="text-content-container"> 833I art directed on the preschool series Maddie + Triggs, airing on RTEjr and Cbeebies. Â The show follows a young girl, Maddie and her dog, Triggs on musical adventures. The shows concept, created by Turnip & Duck, is if a sighted and visually impaired child sat down to watch the show, neither of them would have a lesser experience. The show is audio led and features bold graphic animation. Â The designs are constructed from simple shapes and considered colours that helps to make them stand out.<br /> 834<br /> 835Â 836<a href="https://www.bbc.co.uk/iplayer/episodes/m002473h/maddie-triggs"> <text-icon icon="pointer-2"></text-icon> Watch it on BBC iPlayer here</a><br /><br /> 837Produced at : <a href="https://sunandmoonstudios.co.uk">Sun and Moon Studios</a><br /> 838Created by: Turnip and Duck<br /> 839Airing on RTEjr and Cbeebies NOW! 840</div></bodycopy></div></div><style>[id="P2983268587"] bodycopy { 841 842}</style><style id="mobile-offset-styles-P2983268587"></style></div><div id="I0896703365" page-url="you-for-i-1" class="page stacked-page"><a id="you-for-i-1"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><div class="text-header-container"><span class="heading-3">You for I</span></div> 843<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;"><iframe allow="accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *; web-share *;
843" allowfullscreen="" referrerpolicy="strict-origin" scrolling="no" src="https://www.youtube.com/embed/6wnIIHi3zzQ?rel=0" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;"></iframe></div> 844<div class="text-content-container"> 845This is a short film aimed at kids to teach them about restorative conversations. "You for I" suggests when you disagree with a situation, that you talk about how you feel rather than throwing blame at someone. The film was commissioned by Gloucestershire Police and Crime Commissioner.<br /> 846<br /> 847Produced at <a href="https://www.aardman.com">Aardman Animations Ltd</a><br /> 848Direction & Design: Tim Ruffle<br /> 849Narration: <a href="https://www.sueterryvoices.com/artist/patricia-allison">Patricia Allison</a><br /> 850Script: <a href="https://www.sammorrison.org">Sam Morrison</a><br /> 851Animation: <a href="https://www.henriquebarone.com">Henrique Baron</a></div></bodycopy></div></div><style>[id="I0896703365"] bodycopy { 852 853}</style><style id="mobile-offset-styles-I0896703365"></style></div><div id="W0005447864" page-url="ranger-buddies" class="page stacked-page"><a id="ranger-buddies"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><div class="text-header-container"><span class="heading-3">Ranger Buddies - Mandai X</span></div> 854<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;"><iframe allow="accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *; web-share *;" allowfullscreen="" referrerpolicy="strict-origin" scrolling="no" src="https://www.youtube.com/embed/kQ0ahSxU8as?rel=0" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;"></iframe></div> 855<div class="text-content-container"> 856These are proof of concept animations for Mandai X.  Mandai wanted to see if we could make engaging stories for kids based on the animals in their zoo in Singapore, with the idea that they could develop the Ranger Buddies further into a series.  The idea for this is that the Ranger Buddies were a bit like scouts that help out at the wildlife reserve.  The short animations feature rangers Al and Min with the idea that there would be a group of Ranger Buddies.<br /><br /> 857Produced at : <a href="https://Aardman.com">Aardman Animations Ltd</a><br /> 858Direction: Tim Ruffle<br /> 859Created by: Mandai X<br /></div></bodycopy></div></div><style>[id="W0005447864"] bodycopy { 860 861}</style><style id="mobile-offset-styles-W0005447864"></style></div><div id="X3658926890" page-url="flood-protection-pitch" class="page stacked-page"><a id="flood-protection-pitch"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><div class="text-header-container"><span class="heading-3">Flood Protection pitch</span></div> 862 863<media-item class="" disable-zoom="true" hash="Y2441404351378389786971088208492"></media-item><br /><br /><media-item class="" disable-zoom="true" hash="A2441436430229440479733929329260"></media-item><br /><br /><media-item class="" disable-zoom="true" hash="Y2441429389328588473682592121452"></media-item><br /><br /><div style="text-align: center"><media-item class="" disable-zoom="true" hash="F2441447962156157927038993416812" scale="67.7%"></media-item></div> 864<div class="text-content-container">These were some designs I did for a treatment. I didn't win this unfortunately, but i was happy with how this turned out. Graham Carter painted the lovely backgrounds based off my rough designs which work nicely with the characters.</div></bodycopy></div></div><style></style><style id="mobile-offset-styles-X3658926890"></style></div><div id="A3997550088" page-url="special-delivery" class="page stacked-page"><a id="special-delivery"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><div class="text-header-container"><span class="heading-3">Special Delivery - Google Spotlight Stories</span></div> 865<media-item class="zoomable" hash="N2458379617197870577659069710956"></media-item><br /> 866<div class="text-content-container"> 867In 2015 Google ATAP approached Aardman to create a 360° film for their Google Spotlight Stories project. Google has invented this amazing software allows filmmakers to create 360° films that will play on a mobile phones and Youtube. Iâm unsure if VR will take off but this seemed like the best way of creating content for devices that a lot of people own already.<br /> 868<br /> 869Peter Lord had this idea of a pink panther-style cat-and-mouse chase set within an apartment block. Peter very kindl
869y entrusted me to help write and direct this short for Google. This is one of the biggest projects I've ever taken on but it was really fun and I learnt so much and got to work with some amazingly talented people. 870<br /> 871</div> 872<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;"><iframe allow="accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *; web-share *;" allowfullscreen="" referrerpolicy="strict-origin" scrolling="no" src="https://www.youtube.com/embed/-RVG9tz3TYc?rel=0" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;"></iframe></div> 873<div class="text-content-container">The show is set on the night before Christmas. The story starts with a janitor who is alerted to an intruder on the roof of the apartment block he maintains. The audience is invited to follow the action as a cat-and-mouse chase ensues between the Janitor and the intruder (Santa).<br /> 874<br /> 875We wanted the show to feel like a classic cartoon. I like the idea of being immersed in this wonky cartoon world. This style also worked well with the technology, as there are limits to the amount of information a phone can render.</div> 876<media-item class="zoomable" hash="T2459110248919613037938394382956"></media-item> 877<div class="text-content-container">Writing the show was more like choreographing a play on an elaborate set than creating a film. It was impossible to write anything without drawing it or thinking about the space in which the film plays out. Our storyboarder Andy Janes roughly storyboarded small slapstick scenarios on Post-it notes. We began to then stitched together each of the scenarios as we worked out the courtyard set where the action takes place. Andy created an amazing low-fi set made out of cardboard so we could lens-up the show with a phone camera. This meant we could see early on how it would work without having to get too involved with the technology.</div> 878<media-item class="zoomable" hash="M2458406747064187455254855533164"></media-item><br /><br /><media-item class="zoomable" hash="T2458383626745268951019789861484"></media-item> 879<div class="text-content-container">Nigel Davis designed us some lovely cartoon style characters. We approached the animation in a traditional way by working everything out on paper first. <a href="http://aurelien-predal.blogspot.co.uk/" target="_blank">Aurelien Predal </a>then coloured up the characters to sit in the 360°  environment he designed.</div> 880<media-item class="zoomable" hash="V2458389786740304461145199198828"></media-item></bodycopy></div></div><style></style><style id="mobile-offset-styles-A3997550088"></style></div><div id="M3357376499" page-url="clipper-tea" class="page stacked-page"><a id="clipper-tea"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><div class="text-header-container"><span class="heading-3">Clipper Tea</span></div> 881<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;"><iframe allow="accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *; web-share *;" allowfullscreen="" referrerpolicy="strict-origin" scrolling="no" src="https://www.youtube.com/embed/R6UFbELNFHs?rel=0" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;"></iframe></div> 882<div class="text-content-container">This is one of several animated commercials I've made for Clipper Teas over the years. I really like the distinctive style of the packaging which I built on to create these commercials.<br /><br /> 883Produced at: <a href="http://aardman.com" target="_blank">Aardman Animations</a><br /> 884Client: Clipper<br /> 885Agency: WARL 886</div>
887<script src="https://player.vimeo.com/api/player.js"></script>
887 888<div class="text-content-container">This is one of several animated commercials I've made for Clipper Teas over the years. I really like the distinctive style of the packaging which I built on to create these commercials.<br /><br /> 889Produced at: <a href="http://aardman.com" target="_blank">Aardman Animations</a><br /> 890Client: Clipper<br /> 891Agency: WARL 892</div></bodycopy></div></div><style></style><style id="mobile-offset-styles-M3357376499"></style></div><div id="J3500990363" page-url="what-is-consent" class="page stacked-page"><a id="what-is-consent"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><div class="text-header-container"><span class="heading-3">What is Consent?</span></div> 893<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;"><iframe allow="accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *; web-share *;" allowfullscreen="" referrerpolicy="strict-origin" scrolling="no" src="https://www.youtube.com/embed/ZoXgHMyLsJc?rel=0" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;"></iframe></div> 894<div class="text-content-container"> 895Produced at <a href="https://www.aardman.com">Aardman Animations Ltd</a><br /> 896Direction & Design: Tim Ruffle<br /> 897Script: <a href="https://www.sammorrison.org">Sam Morrison</a><br /></div></bodycopy></div></div><style>[id="J3500990363"] bodycopy { 898 899}</style><style id="mobile-offset-styles-J3500990363"></style></div><div id="L3788277322" page-url="big-data" class="page stacked-page"><a id="big-data"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><div class="text-header-container"><span class="heading-3">Big Data</span></div> 900<div style="padding:56.25% 0 0 0;position:relative;"><iframe allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" data-ready="true" frameborder="0" src="https://player.vimeo.com/video/318189156?badge=0&autopause=0&player_id=0&app_id=58479" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Big Data"></iframe></div>
900<script src="https://player.vimeo.com/api/player.js"></script>
900 901<div class="text-content-container">A short film to explain what big data is.<br /> 902<br /> 903I chose patterns and textures to represent the data in its different forms throughout history. The idea being that each of the zeros and ones is a visual representation of data, each holding a different pattern or texture. It's really pleasing how the textures pop against the black & white motiongraphics. 904<br /><br /> 905Produced at: Aardman Animations Ltd<br /> 906Design & Directetion: Tim Ruffle<br /> 907Client: BlackRock<br /> 908Voiceover: Elizabeth Guterbock<br /> 909Voiceover Record: Soho Voices<br /> 910Sound Design & Mix: Matt Loveridge</div></bodycopy></div></div><style></style><style id="mobile-offset-styles-L3788277322"></style></div><div id="R4053507375" page-url="a-year-to-change-your-mind-1" class="page stacked-page"><a id="a-year-to-change-your-mind-1"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><div class="text-header-container"><span class="heading-3">A Year to Change Your Mind</span></div> 911<media-item class="zoomable" hash="F2459162896296134286472897479276"></media-item> 912<div class="text-content-container">This is a collection of chapter illustrations did to mark each month of Dr Lucy Maddox's book âA Year to Change your mind.</div></bodycopy></div></div><style></style><style id="mobile-offset-styles-R4053507375"></style></div><div id="K3343361197" page-url="real-kids" class="page stacked-page"><a id="real-kids"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><div class="text-header-container"><span class="heading-3">Real Kids</span></div> 913<media-item class="" disable-zoom="true" hash="P2457460087496399398303477908076"></media-item><media-item class="" disable-zoom="true" hash="C2457459432581644549393266885228"></media-item><media-item class="" disable-zoom="true" hash="H2457458828395435903184322806380"></media-item><div style="text-align: center"><media-item class="" disable-zoom="true" hash="G2457463841999114208555937415788" scale="100%"></media-item></div> 914<div class="text-content-container">I illustrated the packaging and promtional materials for Real Kids, a healthy snack for kids.</div></bodycopy></div></div><style></style><style id="mobile-offset-styles-K3343361197"></style></div><div id="Q0885833556" page-url="attune-project" class="page stacked-page"><a id="attune-project"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><div class="text-header-container"><span class="heading-3">The Attune Project - Just Surviving</span></div> 915<div style="padding:56.25% 0 0 0;position:relative;"><iframe allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" data-ready="true" frameborder="0" src="https://player.vimeo.com/video/1099467326?badge=0&autopause=0&player_id=0&app_id=58479" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Just Surviving"></iframe></div>
915<script src="https://player.vimeo.com/api/player.js"></script>
915 916 917<div class="text-content-container">Short film featuring young people's voices that have experienced adverse childhood experiences (ACES). 918<br /><br /> 919Produced at <a href="https://www.aardman.com">Aardman Animations Ltd</a><br /> 920Direction & Design: Tim Ruffle<br /> 921Client: The Attune Project</div></bodycopy></div></div><style></style><style id="mobile-offset-styles-Q0885833556"></style></div><div id="N1957558042" page-url="tesco-turbo" class="page stacked-page"><a id="tesco-turbo"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><div class="text-header-container"><span class="heading-3">Tesco Turbo</span></div> 922 923<div style="padding:56.25% 0 0 0;position:relative;"><iframe allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" data-ready="true" frameborder="0" src="https://player.vimeo.com/video/212250913?badge=0&autopause=0&player_id=0&app_id=58479" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Tesco Turbo"></iframe></div>
923<script src="https://player.vimeo.com/api/player.js"></script>
923 924 925<div class="text-content-container">I directed and animated this TV commercial for Tesco. I love the simple graphics and sound design.<br /><br /> 926Produced at: <a href="http://www.aardman.com" target="_blank">Aardman Animations Ltd</a><br /> 927Agency: <a href="http://wklondon.com/" target="_blank">Wieden+Kennedy</a><br /> 928Client: Tesco 929</div></bodycopy></div></div><style></style><style id="mobile-offset-styles-N1957558042"></style></div><div id="J2429909628" page-url="change-4-life-little-monkeys" class="page stacked-page"><a id="change-4-life-little-monkeys"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><div class="text-header-container"><span class="heading-3">Change 4 Life - Little Monkeys</span></div> 930<div style="padding:56.25% 0 0 0;position:relative;"><iframe allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" data-ready="true" frameborder="0" referrerpolicy="strict-origin-when-cross-origin" src="https://player.vimeo.com/video/212260915?badge=0&autopause=0&player_id=0&app_id=58479" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Change for Life - Little Monkeys"></iframe></div>
930<script src="https://player.vimeo.com/api/player.js"></script>
930 931 932<div class="text-content-container">Behold... the first stopmotion ad I've directed! Stopmotion is so much fun I really enjoyed working with talented team at Aardman. 933<br /><br /> 934I'd love to design my own stopmotion ad one day. <br /><br />Fun fact... this had to be shown after the watershed because of the kid swinging on the curtain sp kids wouldn't copy it... doh!<br /> 935<br /> 936Produced at <a href="http://www.aardman.com" target="_blank">Aardman Animations Ltd</a><br /> 937Agency: <a href="http://mcsaatchi.com/london/" target="_blank">M&C Saatchi</a></div></bodycopy></div></div><style></style><style id="mobile-offset-styles-J2429909628"></style></div></div><div data-direction="down" class="pagination-watcher "></div></div><div id="J2383891431" page-url="footer" class="page pinned pinned-bottom fixed"><a id="footer"></a><div class="page-layout"><div class="page-content"><bodycopy style="--fit-height: 10px; --resize-parent-width: 100%;"><div class="footer-container" style="text-align: right"><span class="footer"><b>TIM RUFFLE - ANIMATION CREATIVE</b> - T: +44 (0) 7946 610125  |  <a class="icon-link" href="mailto:[email protected]"><text-icon icon="mail-1"></text-icon></a> <a class="icon-link" href="https://www.instagram.com/timruffle/?hl=en" target="new"><text-icon icon="instagram"></text-icon></a> <a class="icon-link" href="https://www.linkedin.com/in/tim-ruffle-54468a5?hl=en" target="new"><text-icon icon="linkedin"></text-icon></a></span></div></bodycopy></div></div><style>[id="J2383891431"] bodycopy { 938 939} 940 941[id="J2383891431"].page { 942 justify-content: center; 943 min-height: auto; 944} 945 946[id="J2383891431"] .page-content { 947 background-color: #ffda34; 948 text-align: right; 949} 950 951[id="J2383891431"] .page-layout { 952 max-width: 100%; 953 height: 2.5rem; 954 padding: 0rem; 955 align-items: center; 956} 957.footer-container { 958 align-items: flex-start; 959 width: 100%; 960 padding-top: 2.5px; 961 padding-right: 25px; 962}</style><style id="mobile-offset-styles-J2383891431"></style></div></div> 963
963<script src="https://build.cargo.site/frontend/054f94/index.js" async type="module"></script>
963 964 </body> 965 966</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.