PageSourceSearch

https://timruffle.studio/

html timruffle.studio collected 2026-10-10 00:57:40 UTC 177,695 bytes, 966 lines download raw bytes

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 &#x26; 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. &#x22;You for I&#x22; 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 &#x26; 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&#x27;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&#x27;ve directed! Stopmotion is so much fun I really enjoyed working with talented team at Aardman. \n\u003cbr />\u003cbr />\nI&#x27;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&#x27;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&#x26;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 &#x26; 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&#x27;s really pleasing how the textures pop against the black &#x26; white motiongraphics.\n\u003cbr />\u003cbr />\nProduced at: Aardman Animations Ltd\u003cbr />\nDesign &#x26; Directetion: Tim Ruffle\u003cbr />\nClient: BlackRock\u003cbr />\nVoiceover: Elizabeth Guterbock\u003cbr />\nVoiceover Record: Soho Voices\u003cbr />\nSound Design &#x26; 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&#x27;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&#x27;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&#x27;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 &#x26; 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&#x27;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&#x27;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 &#x26; 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. &#x22;You for I&#x22; 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 &#x26; 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&#x27;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&#x27;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&#x27;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&#x27;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 &#x26; 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&#x27;s really pleasing how the textures pop against the black &#x26; white motiongraphics.
904<br /><br />
905Produced at: Aardman Animations Ltd<br />
906Design &#x26; Directetion: Tim Ruffle<br />
907Client: BlackRock<br />
908Voiceover: Elizabeth Guterbock<br />
909Voiceover Record: Soho Voices<br />
910Sound Design &#x26; 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&#x27;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&#x27;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 &#x26; 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&#x27;ve directed! Stopmotion is so much fun I really enjoyed working with talented team at Aardman. 
933<br /><br />
934I&#x27;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&#x27;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&#x26;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.