CINXE.COM
Aran Quinn
<!DOCTYPE html> <html> <head> <title>Aran Quinn</title> <meta name="google" content="notranslate" /> <style id="root-styles"> :root { --color: #fff; --accent-color: #fff; --link-color: #fff; --surface-color: rgba(0, 0, 0, 0); --background-color: #fff; --grid-width: 1100px; --default-color: #fff; --default-accent-color: #fff; --default-link-color: #fff; --font-family: Work Sans; --secondary-font-family: Inter; } </style> <style id="global-styles"> .g-1-125-1 { --font-size: 9em; font-size: 9em; } .g-1-143-1 { --font-size: 3.7em; font-size: 3.7em; letter-spacing: -0.01em; line-height: 1.07; } </style> <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.19/styles/all.css" /> <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.19/styles/vendor/swiper.css" /> <link rel="stylesheet" href="/styles/fonts.css"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> </head> <body class="site desktop " data-min-contrast="0.065"> <div class="page loading" style="background:#fff;--background-color:#fff;"> <span id="navigation_5006163_4864708" class="navigation surface standard sticky has-background" on-insert="nav:setup"> <header class="standard "> <a href="/"> <h1 class="logo_39452717" style="font-size:2.85em;" data-box="129x100">Aran Quinn</h1> <style> h1.logo_39452717 { --scale: 0.99; width: calc(129px * var(--scale)); height: calc(100px * var(--scale)); background: center / contain no-repeat url('https://carbon-media.accelerator.net/0000000l0kz/adDkRJeJ5cSddBFTSJ0Ffd;original.gif'); text-indent: -500vw; white-space: nowrap; overflow: hidden; }</style> </a> <style> #navigation_5006163_4864708 { --link-color: #ffffff; --default-link-color: #ffffff; background-color: var(--background-color); } #navigation_5006163_4864708 > header { display: flex; width: 100%; align-items: center; justify-content: space-between; } #navigation_5006163_4864708 .overlay { --surface-color: #ffffff; background: var(--overlay-background-color, #ffffff); } #navigation_5006163_4864708 nav a:not(:last-child):after { margin-left: 10px; margin-right: 10px; content: '/'; } </style> <nav class="sticky" style="display:flex;justify-content:flex-end;align-items:center;flex-flow:row wrap;font-size:2.8em;"> <a class="link_000000004c0053630000000000000001" href="/"><span>Work</span></a> <a class="link_000000004c0053630000000000000006" href="/about"><span>About</span></a> <a class="link_000000004c0053630000000000000497" href="/random-gifs" target="_blank"><span>Craic</span></a> </nav> </header> <div class="hamburger navIcon" on-click="nav:toggle"> <svg class="icon" viewBox="0 0 28 28"> <g stroke-width="2" stroke-linecap="round" stroke-miterlimit="10"> <line class="one" x1="4" y1="6" x2="24" y2="6"></line> <line class="two" x1="4" y1="14" x2="24" y2="14"></line> <line class="three" x1="4" y1="22" x2="24" y2="22"></line> </g> </svg> </div> </span> <div class="guts"> <div class="content blocks grid animated"> <div class="block_000000004c0053630000000000000179 block align-x-center align-y-center animated header" style="--default-color:#fff;--color:#1b1b1b;--padding-top:0px;--padding-bottom:51px;" on-insert="block:setup"> <style> .block_000000004c0053630000000000000179 > .content { display: grid; grid-template-columns: repeat(0, 1fr); } #item_000000004c0053630000000000000179_1 { letter-spacing: 0em; line-height: 1.33; font-family: Work Sans; --secondary-font-family: Work Sans; font-size: 12em; --font-size: 12em; } #item_000000004c0053630000000000000179_2 { line-height: 1.77; font-family: Inter; --secondary-font-family: Inter; font-size: 3em; --font-size: 3em; } #item_000000004c0053630000000000000179_3 { } .phone .block_000000004c0053630000000000000179 > .content { grid-template-columns: repeat(0, 1fr); } .phone #item_000000004c0053630000000000000179_1 { font-size: clamp(1em, var(--font-size), 7vw); } .phone #item_000000004c0053630000000000000179_2 { font-size: clamp(1em, var(--font-size), 5vw); } .phone #item_000000004c0053630000000000000179_3 { margin: 0px 0 20px 0; }</style> <div class="background" style=""> </div> <div class="content"> <div id="item_000000004c0053630000000000000179_1" class="item g-1-125-1 text heading"> <h1><span style="color:rgb(0, 0, 0)">Aran Quinn</span></h1> </div> <div id="item_000000004c0053630000000000000179_2" class="item g-1-125-2 text subheading"> <h2><span style="color:rgb(0, 0, 0)">Direction, Illustration & Animation</span></h2><p>Represented by <a href="https://www.closerandcloser.co/artists/aran-quinn" style="color:rgb(17, 85, 204)">Closer&Closer</a> in North America </p><p>Email inquiries to <a href="mailto:hello@closerandcloser.co" style="color:rgb(17, 85, 204)">hello@closerandcloser.co</a></p><p><br></p> </div> </div> </div> <div class="block portfolio thumbs block_000000004c0053630000000000000005 block no-padding align-x-center align-y-center fluid animated" style="--surface-color:rgba(0, 0, 0, 0);--font-size:3.02em;--thumb-hover-overlay-color:#826b6b;--thumb-hover-overlay-opacity:0.68;--padding-top:0px;--padding-bottom:0px;" on-insert="block:setup"> <style> </style> <div class="content text-inside"> <style> #grid_0000000l0kz00000000005::before { content: ''; width: 0; padding-bottom: 100%; grid-row: 1 / 1; grid-column: 1 / 1; } #grid_0000000l0kz00000000005 carbon-item { display: block; } </style> <carbon-grid id="grid_0000000l0kz00000000005" style="--gap-x:40px;--gap-y:40px;display:grid;width:100%;grid-gap:var(--gap-x, 0px) var(--gap-y, 0px);grid-auto-columns:1fr;"> <carbon-item class="floating" style="grid-area:1 / 1 / 7 / 9"> <a class="thumb_0000000l0kz000000001OG thumb box" style="aspect-ratio:4/3" href="/aylned-together-1-4"> <svg class="placeholder" viewbox="0 0 1280 960"></svg> <picture> <source srcset="https://carbon-media.accelerator.net/0000000l0kz/eoxCAcBvMb8d6UcUXI4k79;crop(60,0,1800,1350)/1920x1440/quality(80).jpeg?auto=webp 2x" media="(min-width:1280px)"/> <img src="https://carbon-media.accelerator.net/0000000l0kz/eoxCAcBvMb8d6UcUXI4k79;crop(60,0,1800,1350)/1280x960.jpeg?auto=webp"/> </picture> <div class="overlay"></div> <div class="content text"> <h3>I've Been Thinking - Short Film</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:1 / 9 / 4 / 13"> <a class="thumb_0000000l0kz0000000006b thumb box" style="aspect-ratio:4/3" href="/random-gifs"> <video width="640" height="480" loop autoplay muted playsinline lazy> <source src="https://carbon-media.accelerator.net/0000000l0kz/k8P9HNrh97NcSGFgP5IArT;video/640x480-c.mp4"/> </video> <svg class="placeholder" viewbox="0 0 640 480"></svg> <div class="overlay"></div> <div class="content text"> <h3>Personal Work</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:4 / 9 / 7 / 13"> <a class="thumb_0000000l0kz000000000DV thumb box" style="aspect-ratio:4/3" href="/Youtube"> <video width="640" height="480" loop autoplay muted playsinline lazy> <source src="https://carbon-media.accelerator.net/0000000l0kz/lVV3clEG7gQfLprf6ZtzCr;video/640x480-c.mp4"/> </video> <svg class="placeholder" viewbox="0 0 640 480"></svg> <div class="overlay"></div> <div class="content text"> <h3>Youtube</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:7 / 1 / 10 / 5"> <a class="thumb_0000000l0kz000000000Au thumb box" style="aspect-ratio:4/3" href="/chobani"> <svg class="placeholder" viewbox="0 0 640 480"></svg> <video width="640" height="480" class="lazy" data-src="https://carbon-media.accelerator.net/0000000l0kz/lXm6XQxZuiacTq4sz3s7tV;crop(0,135,1080,810)/640x480.mp4" loop autoplay muted playsinline></video> <div class="overlay"></div> <div class="content text"> <h3>Chobani</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:7 / 5 / 13 / 13"> <a class="thumb_0000000l0kz000000001lv thumb box" style="aspect-ratio:4/3" href="/harrys"> <svg class="placeholder" viewbox="0 0 1280 960"></svg> <picture> <source srcset="https://carbon-media.accelerator.net/0000000l0kz/5yowblNX6QXekFbqhT9b4p;crop(0,240,1920,1440)/1920x1440/quality(80).jpeg?auto=webp 2x" media="(min-width:1280px)"/> <img src="https://carbon-media.accelerator.net/0000000l0kz/5yowblNX6QXekFbqhT9b4p;crop(0,240,1920,1440)/1280x960.jpeg?auto=webp"/> </picture> <div class="overlay"></div> <div class="content text"> <h3>Harry's</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:10 / 1 / 13 / 5"> <a class="thumb_0000000l0kz0000000016S thumb box" style="aspect-ratio:4/3" href="/the-sledgehog-1"> <svg class="placeholder" viewbox="0 0 640 480"></svg> <picture> <source srcset="https://carbon-media.accelerator.net/0000000l0kz/cxbBxHc5noGfucsx3YIY87;crop(523,0,2501,1876)/1280x960.jpeg?auto=webp 2x" media="(min-width:640px)"/> <img src="https://carbon-media.accelerator.net/0000000l0kz/cxbBxHc5noGfucsx3YIY87;crop(523,0,2501,1876)/640x480.jpeg?auto=webp"/> </picture> <div class="overlay"></div> <div class="content text"> <h3>Nah Dublin - Apparel Brand</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:13 / 1 / 19 / 9"> <a class="thumb_0000000l0kz000000000Go thumb box" style="aspect-ratio:4/3" href="/NewYorkTimes"> <svg class="placeholder" viewbox="0 0 1280 960"></svg> <picture> <source srcset="https://carbon-media.accelerator.net/0000000l0kz/bCupih7clgsbgL7aUTxoin;crop(21,0,2358,1769)/2400x1800/quality(80).jpeg?auto=webp 2x" media="(min-width:1280px)"/> <img src="https://carbon-media.accelerator.net/0000000l0kz/bCupih7clgsbgL7aUTxoin;crop(21,0,2358,1769)/1280x960.jpeg?auto=webp"/> </picture> <div class="overlay"></div> <div class="content text"> <h3>New York Times</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:13 / 9 / 16 / 13"> <a class="thumb_0000000l0kz000000000vL thumb box" style="aspect-ratio:4/3" href="/aylned-together-1"> <video width="640" height="480" loop autoplay muted playsinline lazy> <source src="https://carbon-media.accelerator.net/0000000l0kz/55qTq7cQMpQcMJcHO9Zf13;video/640x480-c.mp4"/> </video> <svg class="placeholder" viewbox="0 0 640 480"></svg> <div class="overlay"></div> <div class="content text"> <h3>Pandora</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:16 / 9 / 19 / 13"> <a class="thumb_0000000l0kz000000000OX thumb box" style="aspect-ratio:4/3" href="/Williams"> <svg class="placeholder" viewbox="0 0 640 480"></svg> <picture> <source srcset="https://carbon-media.accelerator.net/0000000l0kz/f0zrG4VUOhbeshLb2m5sir;crop(117,0,1162,872)/1280x960.jpeg?auto=webp 2x" media="(min-width:640px)"/> <img src="https://carbon-media.accelerator.net/0000000l0kz/f0zrG4VUOhbeshLb2m5sir;crop(117,0,1162,872)/640x480.jpeg?auto=webp"/> </picture> <div class="overlay"></div> <div class="content text"> <h3>William's College Mascot</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:19 / 1 / 22 / 5"> <a class="thumb_0000000l0kz000000001It thumb box" style="aspect-ratio:4/3" href="/harrys-1"> <svg class="placeholder" viewbox="0 0 640 480"></svg> <picture> <source srcset="https://carbon-media.accelerator.net/0000000l0kz/leVcAkMcQi3g1zBbSyow5m;crop(0,500,4000,3000)/1280x960.jpeg?auto=webp 2x" media="(min-width:640px)"/> <img src="https://carbon-media.accelerator.net/0000000l0kz/leVcAkMcQi3g1zBbSyow5m;crop(0,500,4000,3000)/640x480.jpeg?auto=webp"/> </picture> <div class="overlay"></div> <div class="content text"> <h3>Etsy - 2023 Illustrations</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:19 / 5 / 25 / 13"> <a class="thumb_0000000l0kz000000000LE thumb box" style="aspect-ratio:4/3" href="/young-magazine-tummyache"> <svg class="placeholder" viewbox="0 0 1280 960"></svg> <picture> <source srcset="https://carbon-media.accelerator.net/0000000l0kz/hycczuKfmY1c2DQJgQwViZ;crop(0,472,1408,1056)/1408x1056/quality(80).jpeg?auto=webp 2x" media="(min-width:1280px)"/> <img src="https://carbon-media.accelerator.net/0000000l0kz/hycczuKfmY1c2DQJgQwViZ;crop(0,472,1408,1056)/1280x960.jpeg?auto=webp"/> </picture> <div class="overlay"></div> <div class="content text"> <h3>Young Magazine - Tummyache</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:22 / 1 / 25 / 5"> <a class="thumb_0000000l0kz0000000013d thumb box" style="aspect-ratio:4/3" href="/meta-earth-day-stickers"> <svg class="placeholder" viewbox="0 0 640 480"></svg> <video width="640" height="480" class="lazy" data-src="https://carbon-media.accelerator.net/0000000l0kz/lhEYduXFnJwdflaFnCoqag;crop(0,135,1080,810)/640x480.mp4" loop autoplay muted playsinline></video> <div class="overlay"></div> <div class="content text"> <h3>Meta - Earth Day Stickers</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:25 / 1 / 31 / 9"> <a class="thumb_0000000l0kz000000000uV thumb box" style="aspect-ratio:4/3" href="/0000000l0kz00000000022-1"> <video width="1280" height="960" loop autoplay muted playsinline lazy> <source src="https://carbon-media.accelerator.net/0000000l0kz/dvEWV7wKaKde6CguP8TKm7;video/1280x960-c.mp4"/> </video> <svg class="placeholder" viewbox="0 0 1280 960"></svg> <div class="overlay"></div> <div class="content text"> <h3>Fabulously Ever After</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:25 / 9 / 28 / 13"> <a class="thumb_0000000l0kz000000000MK thumb box" style="aspect-ratio:4/3" href="/the-sledgehog"> <svg class="placeholder" viewbox="0 0 640 480"></svg> <picture> <source srcset="https://carbon-media.accelerator.net/0000000l0kz/4n0dPBo2vIkeO71OioNE9v;crop(0,670,3679,2759)/1280x960.jpeg?auto=webp 2x" media="(min-width:640px)"/> <img src="https://carbon-media.accelerator.net/0000000l0kz/4n0dPBo2vIkeO71OioNE9v;crop(0,670,3679,2759)/640x480.jpeg?auto=webp"/> </picture> <div class="overlay"></div> <div class="content text"> <h3>The Sledgehog - Illustrated Kid's Book</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:28 / 9 / 31 / 13"> <a class="thumb_0000000l0kz000000001jJ thumb box" style="aspect-ratio:4/3" href="/bean--and-goose"> <svg class="placeholder" viewbox="0 0 640 480"></svg> <picture> <source srcset="https://carbon-media.accelerator.net/0000000l0kz/aWle63sXrVdb8gANRINaFu;crop(0,160,1280,960).jpeg?auto=webp 2x" media="(min-width:640px)"/> <img src="https://carbon-media.accelerator.net/0000000l0kz/aWle63sXrVdb8gANRINaFu;crop(0,160,1280,960)/640x480.jpeg?auto=webp"/> </picture> <div class="overlay"></div> <div class="content text"> <h3>Bean & Goose - Packaging</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:31 / 1 / 34 / 5"> <a class="thumb_0000000l0kz0000000004A thumb box" style="aspect-ratio:4/3" href="/ETSY"> <video width="640" height="480" loop autoplay muted playsinline lazy> <source src="https://carbon-media.accelerator.net/0000000l0kz/iFdppi8lgvRdXfuboVRzfS;video/640x480-c.mp4"/> </video> <svg class="placeholder" viewbox="0 0 640 480"></svg> <div class="overlay"></div> <div class="content text"> <h3>Etsy</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:31 / 5 / 37 / 13"> <a class="thumb_0000000l0kz0000000007Z thumb box" style="aspect-ratio:4/3" href="/MTV"> <video width="1280" height="960" loop autoplay muted playsinline lazy> <source src="https://carbon-media.accelerator.net/0000000l0kz/kOo5icOJPycbwoCEBJBf5S;video/1280x960-c.mp4"/> </video> <svg class="placeholder" viewbox="0 0 1280 960"></svg> <div class="overlay"></div> <div class="content text"> <h3>MTV Ident</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:34 / 1 / 37 / 5"> <a class="thumb_0000000l0kz0000000015j thumb box" style="aspect-ratio:4/3" href="/20-ways-to-party"> <svg class="placeholder" viewbox="0 0 640 480"></svg> <picture> <source srcset="https://carbon-media.accelerator.net/0000000l0kz/jFay9fPbsf5e6U1j3mz6Sd;crop(0,234,898,673)/898x673.jpeg?auto=webp 2x" media="(min-width:640px)"/> <img src="https://carbon-media.accelerator.net/0000000l0kz/jFay9fPbsf5e6U1j3mz6Sd;crop(0,234,898,673)/640x480.jpeg?auto=webp"/> </picture> <div class="overlay"></div> <div class="content text"> <h3>20 Ways To Party</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:37 / 1 / 43 / 9"> <a class="thumb_0000000l0kz000000000Qu thumb box" style="aspect-ratio:4/3" href="/aylned-together-1-3"> <svg class="placeholder" viewbox="0 0 1280 960"></svg> <video width="1280" height="960" class="lazy" data-src="https://carbon-media.accelerator.net/0000000l0kz/gmq2vR1neDIcIFUFKYEGTo;crop(0,250,2000,1500)/1280x960.mp4" loop autoplay muted playsinline></video> <div class="overlay"></div> <div class="content text"> <h3>Girl In Red - Vans Live Show</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:37 / 9 / 40 / 13"> <a class="thumb_0000000l0kz000000001L3 thumb box" style="aspect-ratio:4/3" href="/chobani-2"> <svg class="placeholder" viewbox="0 0 640 480"></svg> <video width="640" height="480" class="lazy" data-src="https://carbon-media.accelerator.net/0000000l0kz/hSfHlZi2DPyeQxI6NfYZZf;crop(0,555,1080,810)/640x480.mp4" loop autoplay muted playsinline></video> <div class="overlay"></div> <div class="content text"> <h3>Mac 'n' Cheese</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:40 / 9 / 43 / 13"> <a class="thumb_0000000l0kz0000000000y thumb box" style="aspect-ratio:4/3" href="/showreel"> <video width="640" height="480" loop autoplay muted playsinline lazy> <source src="https://carbon-media.accelerator.net/0000000l0kz/2A5Gnmy77KAbdEtimJwJkq;video/640x480-c.mp4"/> </video> <svg class="placeholder" viewbox="0 0 640 480"></svg> <div class="overlay"></div> <div class="content text"> <h3>Showreel</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:43 / 1 / 46 / 5"> <a class="thumb_0000000l0kz00000000022 thumb box" style="aspect-ratio:4/3" href="/0000000l0kz00000000022"> <video width="640" height="480" loop autoplay muted playsinline lazy> <source src="https://carbon-media.accelerator.net/0000000l0kz/anzASgSLLpjc90ocHafmiP;video/640x480-c.mp4"/> </video> <svg class="placeholder" viewbox="0 0 640 480"></svg> <div class="overlay"></div> <div class="content text"> <h3>A Day In The Life Of NY</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:43 / 5 / 49 / 13"> <a class="thumb_0000000l0kz000000000wN thumb box" style="aspect-ratio:4/3" href="/0000000l0kz00000000022-2"> <video width="1280" height="960" loop autoplay muted playsinline lazy> <source src="https://carbon-media.accelerator.net/0000000l0kz/lGYP4Zc4fDrfYcesTdBpym;video/1280x960-c.mp4"/> </video> <svg class="placeholder" viewbox="0 0 1280 960"></svg> <div class="overlay"></div> <div class="content text"> <h3>CAKE FXX Pallet Cleansers</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:46 / 1 / 49 / 5"> <a class="thumb_0000000l0kz0000000001c thumb box" style="aspect-ratio:4/3" href="/0000000l0kz0000000001c"> <video width="640" height="480" loop autoplay muted playsinline lazy> <source src="https://carbon-media.accelerator.net/0000000l0kz/8MUq8TkvHltdIkmomlHdYF;video/640x480-c.mp4"/> </video> <svg class="placeholder" viewbox="0 0 640 480"></svg> <div class="overlay"></div> <div class="content text"> <h3>Allumette Music Video</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:49 / 1 / 55 / 9"> <a class="thumb_0000000l0kz0000000002D thumb box" style="aspect-ratio:4/3" href="/aylned-together"> <video width="1280" height="960" loop autoplay muted playsinline lazy> <source src="https://carbon-media.accelerator.net/0000000l0kz/gMin9LAz9cPe3NmWotWnHC;video/1280x960-c.mp4"/> </video> <svg class="placeholder" viewbox="0 0 1280 960"></svg> <div class="overlay"></div> <div class="content text"> <h3>Aylned Together</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:49 / 9 / 52 / 13"> <a class="thumb_0000000l0kz0000000007o thumb box" style="aspect-ratio:4/3" href="/0000000l0kz0000000007o"> <video width="640" height="480" loop autoplay muted playsinline lazy> <source src="https://carbon-media.accelerator.net/0000000l0kz/b1ZZljSnV1wemVdSmZcjkU;video/640x480-c.mp4"/> </video> <svg class="placeholder" viewbox="0 0 640 480"></svg> <div class="overlay"></div> <div class="content text"> <h3>Planet Tobler</h3> </div> </a> </carbon-item> </carbon-grid> </div> </div> <div class="block_000000004c0053630000000000000324 block align-x-center align-y-center animated socialLinks social" style="--default-color:#fff;--color:#1b1b1b;--default-accent-color:#f2f2f2;--accent-color:#f2f2f2;--padding-top:0px;--padding-bottom:80px;" on-insert="block:setup"> <style> .block_000000004c0053630000000000000324 > .content { display: grid; grid-template-columns: repeat(2, 1fr); } #item_000000004c0053630000000000000324_1 { grid-area: 1 / 1 / 2 / 2; letter-spacing: 0.1em; line-height: 3.4em; font-size: 3em; --font-size: 3em; } #item_000000004c0053630000000000000324_2 { grid-area: 1 / 2 / 2 / 3; } .phone .block_000000004c0053630000000000000324 > .content { grid-template-columns: repeat(1, 1fr); } .phone #item_000000004c0053630000000000000324_1 { grid-area: 1 / 1 / 2 / 2; } .phone #item_000000004c0053630000000000000324_2 { grid-area: 2 / 1 / 3 / 2; }</style> <div class="background" style=""> </div> <div class="content"> <div id="item_000000004c0053630000000000000324_1" class="item g-1-135-1 text headline"> <h4><br></h4> </div> <div id="item_000000004c0053630000000000000324_2" class="container"> <ul class="socialLinks"> <li> <a href="https://www.instagram.com/aranquinn" target="_blank"><span class="icon outline instagram"></span></a> </li> <li> <a href="https://www.vimeo.com/aranquinn" target="_blank"><span class="icon outline vimeo"></span></a> </li> </ul> </div> </div> </div> </div> <div class="project-nav surface"> </div> <footer class="surface has-links "> <div class="content"> <div class="copyright">© Aran Quinn</div> <span class="branding"></span> <div class="links"> <a style="--accent-color:#517fa4" target="_blank" href="https://www.instagram.com/aranquinn" class="social icon instagram solid circle"></a> <a style="--accent-color:#1ab7ea" target="_blank" href="https://www.vimeo.com/aranquinn" class="social icon vimeo solid circle"></a> </div> </div> </footer> </div> </div> <script src="https://static.cmcdn.net/libs/player/3.8.2/hls.js"></script> <script src="https://static.cmcdn.net/libs/corejs/2.9.0/corejs.js" integrity="sha256-H4af5AcfTSO9YmJ79ol6bab6+TzSWWmMXKM4fwdxRQU=" crossorigin></script> <script src="https://static.cmcdn.net/libs/router/1.6.0/router.js" integrity="sha256-4IUSi5DVzvBoIJVNfZ416+yuCOs+cry22iJG94eaqW8=" crossorigin></script> <script src="https://static.cmcdn.net/libs/gestures/0.6.0/gestures.js" integrity="sha256-ylEa69hezIFUAga1cMRcngK6Tf9K+HJgzHUSPswYKoU=" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/vendor/anime.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/vendor/swiper.js" crossorigin></script> <script src="https://static.cmcdn.net/libs/cursor/0.6.3/cursor.js" integrity="sha256-K3IY3QiVV2UvpT+BaPTD2YjNCx5nT5LLJvNqGQ3L3Is=" crossorigin></script> <script src="https://static.cmcdn.net/libs/lightbox/0.23.0/lightbox.js" integrity="sha256-t/UfAWPAS6cjMlcR5oslHiY3cL3IVuUpW/ceuFKBZC4=" crossorigin></script> <script src="https://static.cmcdn.net/libs/forms/4.0.2/forms.js" integrity="sha256-GBwrpMjlOgCPfECaqKSY6jQZU4eKX9Uncc0w90muz94=" crossorigin></script> <script src="https://static.cmcdn.net/libs/scrollable/3.4.0/scrollable.js" integrity="sha256-baiuPcjdbyEwBScpM1XFcd3KntTAMdNFrfEtB8+Qpm4=" crossorigin></script> <script src="https://static.cmcdn.net/libs/player/3.8.2/player.js" integrity="sha256-5eC5ruDiSOZ8vs10G8QfH7KRtp3Rt8rYNhCUQE/6tPk=" crossorigin></script> <script src="https://static.cmcdn.net/libs/lazyjs/2.7.0/lazyjs.js" integrity="sha256-LKzXP6kCFe7HjJizvZTZVZw9VUMXTvJ983WmdTBf5+o=" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/chroma.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/contrast.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/functions.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/fitty.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/blocks.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/transitions.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/site/Navigation.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/components/Flipbook.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/components/BeforeAfterBlock.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/browser.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/app.js" crossorigin></script> </body> </html>