Meet the Teal Media Team: Creative Experts for Impactful Design

<!DOCTYPE html> <html lang="en-US" class="no-js"> <head> <meta charset="UTF-8" /> <link href="https://tealmedia.com/wp-content/themes/teal-2024/images/favicon.ico" rel="shortcut icon"> <meta name="HandheldFriendly" content="true"> <meta name="MobileOptimized" content="width"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> <meta http-equiv="cleartype" content="on"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script> var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}}); </script> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <script>['js','m4n'].forEach(function(attr){document.documentElement.setAttribute(attr,'')})</script> <script type="text/javascript"> const script_tag = document.createElement('script'); script_tag.id = 'youtube-iframe-api'; script_tag.src = 'https://www.youtube.com/iframe_api'; const first_script_tag = document.getElementsByTagName('script')[0]; first_script_tag.parentNode.insertBefore(script_tag, first_script_tag); function onYouTubeIframeAPIReady() { const state = window.teal_state = window.teal_state || {}; state.video = state.video || {}; state.video.init_youtube_players_ready = true; try { state.video.init_youtube_players(); } catch (error) { // Video module has not initted yet } } </script> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M3F75TP'); </script>  <title>Meet the Teal Media Team: Creative Experts for Impactful Design</title> <meta name="description" content="Get to know the talented team at Teal Media, committed to delivering creative solutions that drive social good." /> <link rel="canonical" href="https://tealmedia.com/team/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Meet the Teal Media Team: Creative Experts for Impactful Design" /> <meta property="og:description" content="Get to know the talented team at Teal Media, committed to delivering creative solutions that drive social good." /> <meta property="og:url" content="https://tealmedia.com/team/" /> <meta property="og:site_name" content="Teal Media" /> <meta property="article:modified_time" content="2024-09-25T18:34:49+00:00" /> <meta property="og:image" content="https://tealmedia.com/wp-content/uploads/2024/02/share-image.png" /> <meta property="og:image:width" content="1800" /> <meta property="og:image:height" content="945" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://tealmedia.com/team/","url":"https://tealmedia.com/team/","name":"Meet the Teal Media Team: Creative Experts for Impactful Design","isPartOf":{"@id":"https://tealmedia.com/#website"},"datePublished":"2024-01-25T20:40:51+00:00","dateModified":"2024-09-25T18:34:49+00:00","description":"Get to know the talented team at Teal Media, committed to delivering creative solutions that drive social good.","breadcrumb":{"@id":"https://tealmedia.com/team/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://tealmedia.com/team/"]}]},{"@type":"BreadcrumbList","@id":"https://tealmedia.com/team/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://tealmedia.com/"},{"@type":"ListItem","position":2,"name":"Team"}]},{"@type":"WebSite","@id":"https://tealmedia.com/#website","url":"https://tealmedia.com/","name":"Teal Media","description":"Creatives with a Conscience","publisher":{"@id":"https://tealmedia.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://tealmedia.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://tealmedia.com/#organization","name":"Teal Media","url":"https://tealmedia.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://tealmedia.com/#/schema/logo/image/","url":"https://tealmedia.com/wp-content/uploads/2024/02/share-image.png","contentUrl":"https://tealmedia.com/wp-content/uploads/2024/02/share-image.png","width":1800,"height":945,"caption":"Teal Media"},"image":{"@id":"https://tealmedia.com/#/schema/logo/image/"}}]}</script>  <link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> <link rel='dns-prefetch' href='//unpkg.com' /> <link rel='dns-prefetch' href='//www.google.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="Teal Media » Feed" href="https://tealmedia.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Teal Media » Comments Feed" href="https://tealmedia.com/comments/feed/" /> <link rel='stylesheet' id='dashicons-css' href='https://tealmedia.com/wp-includes/css/dashicons.min.css?ver=6.6.2' media='all' /> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap" as="style" id="fritz-fonts" media="all" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel='stylesheet' id='fritz-fonts-css' href='https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap' media='all' /> </noscript><link rel='stylesheet' id='fritz-app-css' href='https://tealmedia.com/wp-content/themes/teal-2024/_html/public/css/style.css?ver=1732142189' media='all' /> <script src="https://tealmedia.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://tealmedia.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script defer='defer' src="https://tealmedia.com/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.8.18" id="gform_json-js"></script> <script id="gform_gravityforms-js-extra"> var gf_legacy = {"is_legacy":""}; var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/tealmedia.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/tealmedia.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"d940b84825d553eccec395edfc5543f3","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/tealmedia.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/tealmedia.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"d940b84825d553eccec395edfc5543f3","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":1,"iconText":"Select date"}}; var gf_legacy_multi = {"1":"","2":""}; var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/tealmedia.com\/wp-content\/plugins\/gravityforms\/images"}}; </script> <script defer='defer' src="https://tealmedia.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.8.18" id="gform_gravityforms-js"></script> <script defer='defer' src="https://tealmedia.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=50c7bea9c2320e16728e44ae9fde5f26" id="gform_gravityforms_utils-js"></script> <link rel="https://api.w.org/" href="https://tealmedia.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://tealmedia.com/wp-json/wp/v2/pages/9660" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://tealmedia.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://tealmedia.com/?p=9660' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://tealmedia.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftealmedia.com%2Fteam%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://tealmedia.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftealmedia.com%2Fteam%2F&format=xml" /> </head> <body class="page-template-default page page-id-9660"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M3F75TP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="w-page person-landing" data-palette-static="1" data-palette-root="0"> <div class="palette-tracker" data-palette-root="0" data-palette-masthead="0" data-palette-panel="0" data-palette-hero="0" ></div> <a href="#main-content" class="skip-to-content screen-reader-only show-on-focus :c :p :palette-5">Skip to Content</a> <div class="masthead"> <div class="c-nav-desktop"> <nav class="c-nav-main :c :m :p"> <div class="c-inner"> <div class="c-site-logo"> <a href="https://tealmedia.com"> <span class="text">Teal Media</span> <svg width="116" height="50" viewBox="0 0 116 50" xmlns="http://www.w3.org/2000/svg"> <g class="fill"> <path d="M4.76971 38.4529V19.0313H0V15.7513C7.38428 11.8808 12.4825 7.87886 16.9925 3.28418V15.7513H25.7507V19.0313H16.9925L17.0569 37.3365C17.0569 40.6834 18.8857 41.929 21.2384 41.929C22.5457 41.929 23.9839 41.5345 25.4222 41.0109C23.9839 45.4073 20.9122 49.9997 14.4423 49.9997C8.49626 49.9997 4.76971 46.0624 4.76971 38.4529Z"/> <path d="M26.4004 32.6131C26.4004 21.5899 33.6537 15.3574 44.1764 15.3574C56.5945 15.3574 60.1879 24.4777 60.1879 32.0872H40.0592C40.8427 37.9921 43.3929 42.0609 49.5365 42.0609C52.7392 42.0609 55.4181 41.2744 59.1424 39.1731L59.4044 39.3692C58.0971 43.5672 52.9345 49.998 43.8501 49.998C35.7467 49.998 26.4004 44.8797 26.4004 32.6109V32.6131ZM39.8639 30.3826L48.1626 27.7577C48.1626 23.8204 47.8363 18.3745 43.9788 18.3745C40.1213 18.3745 39.6663 23.7557 39.7307 27.8223C39.7307 28.6758 39.7951 29.5292 39.8616 30.3804L39.8639 30.3826Z"/> <path d="M61.4961 39.0436C61.4961 32.3521 67.3778 28.1518 73.9142 28.1518C75.8096 28.1518 78.8814 28.5462 81.4294 29.5958V25.9882C81.4294 21.5272 81.4294 18.6394 79.9912 18.6394C76.3312 18.6394 64.6988 27.9557 64.6988 27.9557H64.3726V17.5899C70.9734 16.0813 77.1813 15.3594 80.7769 15.3594C90.5138 15.3594 93.7166 20.6092 93.7166 26.9731V38.2592C93.7166 42.4573 94.4357 44.5585 97.8338 42.7871L98.0291 42.9832C97.7672 46.789 94.9573 49.8729 89.99 49.8729C85.9372 49.8729 83.1273 47.8385 82.0176 44.1641C80.6459 46.7222 77.4432 49.8729 72.0831 49.8729C65.0251 49.8729 61.4961 44.1641 61.4961 39.048V39.0436ZM79.1411 43.2416C80.0556 43.2416 80.839 42.9787 81.6247 42.3882C81.4938 41.6663 81.4294 40.9443 81.4294 40.0909V31.824C80.7747 31.6279 80.1221 31.5611 79.4696 31.5611C75.6787 31.5611 74.2427 33.923 74.2427 37.0716C74.2427 40.5499 75.9406 43.2394 79.1433 43.2394L79.1411 43.2416Z"/> <path d="M115.998 49.2112H99.6602V48.9483C99.6602 48.6853 101.687 42.9787 101.687 37.9919V12.534C101.687 7.54713 99.5292 2.10125 99.5292 1.83832L99.4648 1.57538L101.491 1.31245L113.974 0V37.9897C113.974 42.9765 116 48.6853 116 48.946V49.209L115.998 49.2112Z"/> </g> </svg> </a> </div> <menu class="c-nav-menu nav-masthead-primary-desktop"> <li class="nav-item"> <a href="https://tealmedia.com/work/" class="shy "> <span class="text">work</span> </a> </li> <li class="nav-item has-children"> <a href="https://tealmedia.com/services/" class="shy :icon"> <span class="text">services</span> <span class="icon :icon-caret"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <polyline points="9,6 15.5,12 9,18" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </a> <div> <menu class="c-nav-menu"> <li class="nav-item"> <a href="/services/#website-design-development" class="shy "> <span class="text">website design & development</span> </a> </li> <li class="nav-item"> <a href="/services/#brand" class="shy "> <span class="text">brand</span> </a> </li> <li class="nav-item"> <a href="/services/#digital-marketing" class="shy "> <span class="text">digital marketing</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/archie/" class="shy "> <span class="text">archie</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/dashboard/" class="shy "> <span class="text">dashboard</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/training/" class="shy "> <span class="text">training</span> </a> </li> </menu> </div> </li> <li class="nav-item has-children"> <a href="https://tealmedia.com/about/" class="shy :icon"> <span class="text">about</span> <span class="icon :icon-caret"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <polyline points="9,6 15.5,12 9,18" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </a> <div> <menu class="c-nav-menu"> <li class="nav-item current-menu-item"> <a href="https://tealmedia.com/team/" class="shy "> <span class="text">team</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/our-values/" class="shy "> <span class="text">our values</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/careers/" class="shy "> <span class="text">careers</span> </a> </li> </menu> </div> </li> <li class="nav-item"> <a href="https://tealmedia.com/friends-of-teal/" class="shy "> <span class="text">friends</span> </a> </li> </menu> <menu class="c-nav-menu nav-masthead-cta-desktop"> <a uk-toggle aria-haspopup="dialog" aria-controls="work-with-us" class="btn :version-2 :size-3 :full-width-false" href="#work-with-us" ><span class="text">Work with Us</span></a> </menu> <div class="e-toggle"> <button data-expandable-btn data-expandable-only="masthead_panel" data-expandable-no-scroll data-expandable-resize-close aria-expanded="false" aria-controls="c-nav-mobile" aria-label="Toggle navigation menu" class="btn :icon-only :version-3 :size-1 :full-width-false nav-mobile-toggle" ><span class="text">Menu</span><span class="icon :icon-menu"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g class="stroke"><polyline points="4,6 20,6" vector-effect="non-scaling-stroke" /><polyline points="4,12 20,12" vector-effect="non-scaling-stroke" /><polyline points="4,18 20,18" vector-effect="non-scaling-stroke" /></g></svg></span><span class="icon :icon-close"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g class="stroke"><polyline points="5,5 19,19" vector-effect="non-scaling-stroke" /><polyline points="5,19 19,5" vector-effect="non-scaling-stroke" /></g></svg></span></button> </div> </div> </nav> <div class="c-nav-secondary :palette-5"> <nav class=":c :m :p"> </nav> </div> </div> <div id="c-nav-mobile" class="c-nav-mobile w-panel" data-expandable data-expandable-panel-palette="5" data-is-active="false"> <div> <nav class="c-panel nav-mobile-nav :palette-5"> <div class="c-inner"> <menu class="c-nav-menu nav-masthead-primary-mobile"> <li class="nav-item"> <span class="toggle-button-wrapper"> <a href="https://tealmedia.com/work/" class="shy "> <span class="text">work</span> </a> </span> </li> <li class="nav-item has-children"> <span class="toggle-button-wrapper"> <a href="https://tealmedia.com/services/" class="shy :icon"> <span class="text">services</span> </a> <button data-expandable-btn aria-label="Toggle navigation menu" aria-controls="menu-66079" aria-expanded="false" class="btn :icon-only :version-1 :size-1 :full-width-false" ><span class="text">Toggle</span><span class="icon :icon-caret"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g class="stroke"><polyline points="9,6 15.5,12 9,18" vector-effect="non-scaling-stroke" /></g></svg></span></button> </span> <div id="menu-66079" data-expandable data-is-active="false"> <div> <menu class="c-nav-menu"> <li class="nav-item"> <a href="/services/#website-design-development" class="shy "> <span class="text">website design & development</span> </a> </li> <li class="nav-item"> <a href="/services/#brand" class="shy "> <span class="text">brand</span> </a> </li> <li class="nav-item"> <a href="/services/#digital-marketing" class="shy "> <span class="text">digital marketing</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/archie/" class="shy "> <span class="text">archie</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/dashboard/" class="shy "> <span class="text">dashboard</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/training/" class="shy "> <span class="text">training</span> </a> </li> </menu> </div> </div> </li> <li class="nav-item has-children"> <span class="toggle-button-wrapper"> <a href="https://tealmedia.com/about/" class="shy :icon"> <span class="text">about</span> </a> <button data-expandable-btn aria-label="Toggle navigation menu" aria-controls="menu-98836" aria-expanded="false" class="btn :icon-only :version-1 :size-1 :full-width-false" ><span class="text">Toggle</span><span class="icon :icon-caret"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g class="stroke"><polyline points="9,6 15.5,12 9,18" vector-effect="non-scaling-stroke" /></g></svg></span></button> </span> <div id="menu-98836" data-expandable data-is-active="false"> <div> <menu class="c-nav-menu"> <li class="nav-item"> <a href="https://tealmedia.com/team/" class="shy "> <span class="text">team</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/our-values/" class="shy "> <span class="text">our values</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/careers/" class="shy "> <span class="text">careers</span> </a> </li> </menu> </div> </div> </li> <li class="nav-item"> <span class="toggle-button-wrapper"> <a href="https://tealmedia.com/friends-of-teal/" class="shy "> <span class="text">friends</span> </a> </span> </li> </menu> </div> </nav> </div> <div class="overlay" data-expandable-close></div> </div> </div> <header class="page-hero article-hero hero rib-large :size-2 :align-left :highlight-text-false"> <div class="c-inner :c :m :p :g rit-fill"> <p class="kicker">Team</p> <div class="c-text :g" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h1 class="title">Designers, developers, strategists, and PMs鈥攖he <strong>greatest bunch</strong> of nerds you鈥檇 ever hope to find.</h1> </div> </div> </header> <main id="main-content" class=":c :m :p :g"> <header class="section-header rot-default" uk-scrollspy="cls: tm-slide-bottom-small-text;"> <span class="icon :icon-teal-people"> <svg width="24" height="24" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg"> <g class="fill" transform="scale(0.95, 0.95) translate(30, 32)"> <path d="M124.845 179.374H67.5352C73.7737 144.484 84.408 109.355 92.9546 74.458H99.4257C107.978 109.348 118.607 144.478 124.845 179.374Z"/> <path d="M46.2691 179.375H2.60547C7.36242 152.792 15.4621 126.026 21.9761 99.4434H26.9045C33.4185 126.026 41.5182 152.792 46.2752 179.375H46.2691Z"/> <path d="M188.695 179.375H145.031C149.788 152.792 157.888 126.026 164.402 99.4434H169.33C175.844 126.026 183.944 152.792 188.701 179.375H188.695Z"/> <circle cx="96.8582" cy="30.0359" r="29.323"/> <circle cx="167.023" cy="64.5956" r="24.0868"/> <circle cx="24.5975" cy="64.5956" r="24.0868"/> </g> </svg> </span> <h3>Meet Team Teal!</h3> </header> <section class="filter ro-default" data-is-active="false" data-is-obsolete="false"> <form data-filter-criteria action="https://tealmedia.com/team/" method="get" class="rob-outer" data-is-active="false" uk-scrollspy="cls: tm-slide-bottom-small-text; delay: 100;" > <div class="select rot-tiny"> <span class="label">Department</span> <span class="c-select"> <span class="select-value">All People</span> <select name="department"> <option value="all" >All People</option> <option value="business-development-and-operations" >Business Development and Operations</option> <option value="creative" >Creative</option> <option value="development" >Development</option> <option value="leadership" >Leadership</option> <option value="project-management" >Project Management</option> <option value="strategy" >Strategy</option> </select> </span> <span class="icon :icon-caret :rotate-90"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <polyline points="9,6 15.5,12 9,18" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> </form> <div data-filter-root> <div data-filter-response> <section class="feed rot-default rob-feature :arrange-grid :wrap-true :width-full person-feed"> <div class="p-inner"> <div data-feed-items class="cards :g-12 "> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/jessica-teal/"> <span class="screen-reader-only">Jessica Teal</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-TealJessica-Square-500x500.png" alt="Jessica-teal-headshot" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-TealJessica-Square-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-TealJessica-Square-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-TealJessica-Square-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-TealJessica-Square-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-TealJessica-Square-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-TealJessica-Square-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-TealJessica-Square-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-TealJessica-Square-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-TealJessica-Square.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/jteal-liberty-404x500.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/jteal-liberty-404x500.jpg 404w, https://tealmedia.com/wp-content/uploads/2024/01/jteal-liberty-242x300.jpg 242w, https://tealmedia.com/wp-content/uploads/2024/01/jteal-liberty-827x1024.jpg 827w, https://tealmedia.com/wp-content/uploads/2024/01/jteal-liberty-768x951.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/jteal-liberty-1240x1536.jpg 1240w, https://tealmedia.com/wp-content/uploads/2024/01/jteal-liberty-81x100.jpg 81w, https://tealmedia.com/wp-content/uploads/2024/01/jteal-liberty-202x250.jpg 202w, https://tealmedia.com/wp-content/uploads/2024/01/jteal-liberty-807x1000.jpg 807w, https://tealmedia.com/wp-content/uploads/2024/01/jteal-liberty-1211x1500.jpg 1211w, https://tealmedia.com/wp-content/uploads/2024/01/jteal-liberty-1615x2000.jpg 1615w, https://tealmedia.com/wp-content/uploads/2024/01/jteal-liberty.jpg 1631w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Jessica Teal</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Principal</p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/aruna-mall/"> <span class="screen-reader-only">Aruna Mall</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/teal-team-Aruna-nobg.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/teal-team-Aruna-nobg.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/teal-team-Aruna-nobg-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/teal-team-Aruna-nobg-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/teal-team-Aruna-nobg-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/teal-team-Aruna-nobg-250x250.png 250w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/IMG_6842-375x500.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/IMG_6842-375x500.jpg 375w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_6842-225x300.jpg 225w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_6842-768x1024.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_6842-1152x1536.jpg 1152w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_6842-1536x2048.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_6842-75x100.jpg 75w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_6842-188x250.jpg 188w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_6842-750x1000.jpg 750w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_6842-1125x1500.jpg 1125w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_6842-1500x2000.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_6842-1875x2500.jpg 1875w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_6842-1000x1333.jpg 1000w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Aruna Mall</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Chief Creative Officer</p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/jason-yovanoff/"> <span class="screen-reader-only">Jason Yovanoff</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YovanoffJason-500x500.png" alt="Headshot of Jason Yovanoff" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YovanoffJason-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YovanoffJason-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YovanoffJason-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YovanoffJason-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YovanoffJason-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YovanoffJason-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YovanoffJason-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YovanoffJason-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YovanoffJason.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Jason Yovanoff</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Chief Technology Officer </p> <p class="pronouns">he / him</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/peter-galletta/"> <span class="screen-reader-only">Peter Galletta</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GallettaPeter-500x500.png" alt="Headshot of Peter Galletta" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GallettaPeter-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GallettaPeter-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GallettaPeter-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GallettaPeter-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GallettaPeter-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GallettaPeter-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GallettaPeter-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GallettaPeter-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GallettaPeter.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Peter Galletta</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Senior Director of Product & PM</p> <p class="pronouns">he / him</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/lyly-nguyen/"> <span class="screen-reader-only">Lyly Nguyen</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NguyenLyly-500x500.png" alt="Headshot of Lyly Nguyen" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NguyenLyly-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NguyenLyly-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NguyenLyly-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NguyenLyly-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NguyenLyly-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NguyenLyly-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NguyenLyly-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NguyenLyly-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NguyenLyly.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Lyly-social--375x500.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Lyly-social--375x500.jpg 375w, https://tealmedia.com/wp-content/uploads/2024/01/Lyly-social--225x300.jpg 225w, https://tealmedia.com/wp-content/uploads/2024/01/Lyly-social--768x1024.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/Lyly-social--1152x1536.jpg 1152w, https://tealmedia.com/wp-content/uploads/2024/01/Lyly-social--1536x2048.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/01/Lyly-social--75x100.jpg 75w, https://tealmedia.com/wp-content/uploads/2024/01/Lyly-social--188x250.jpg 188w, https://tealmedia.com/wp-content/uploads/2024/01/Lyly-social--750x1000.jpg 750w, https://tealmedia.com/wp-content/uploads/2024/01/Lyly-social--1125x1500.jpg 1125w, https://tealmedia.com/wp-content/uploads/2024/01/Lyly-social--1500x2000.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/01/Lyly-social--1875x2500.jpg 1875w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Lyly Nguyen</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Senior Director of People & Culture</p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/brandon-amey/"> <span class="screen-reader-only">Brandon Amey</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-AmeyBrandon-500x500.png" alt="Headshot of Brandon Amey" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-AmeyBrandon-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-AmeyBrandon-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-AmeyBrandon-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-AmeyBrandon-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-AmeyBrandon-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-AmeyBrandon-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-AmeyBrandon-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-AmeyBrandon-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-AmeyBrandon.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/brandon_amey_fun-500x375.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/brandon_amey_fun-500x375.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/01/brandon_amey_fun-300x225.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/01/brandon_amey_fun-1024x768.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/01/brandon_amey_fun-768x576.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/brandon_amey_fun-1536x1152.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/01/brandon_amey_fun-2048x1536.jpg 2048w, https://tealmedia.com/wp-content/uploads/2024/01/brandon_amey_fun-100x75.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/01/brandon_amey_fun-250x188.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/01/brandon_amey_fun-1000x750.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/01/brandon_amey_fun-1500x1125.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/01/brandon_amey_fun-2000x1500.jpg 2000w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Brandon Amey</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Senior Front-End Developer </p> <p class="pronouns">he / him</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/11660/"> <span class="screen-reader-only">Jayna Ayres</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-JaynaAyres-500x500.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-JaynaAyres-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-JaynaAyres-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-JaynaAyres-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-JaynaAyres-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-JaynaAyres-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-JaynaAyres-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-JaynaAyres-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-JaynaAyres-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-JaynaAyres.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/10/JaynaAyres_fun-photo-500x500.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/10/JaynaAyres_fun-photo-500x500.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/10/JaynaAyres_fun-photo-300x300.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/10/JaynaAyres_fun-photo-1024x1024.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/10/JaynaAyres_fun-photo-150x150.jpg 150w, https://tealmedia.com/wp-content/uploads/2024/10/JaynaAyres_fun-photo-768x768.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/10/JaynaAyres_fun-photo-100x100.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/10/JaynaAyres_fun-photo-250x250.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/10/JaynaAyres_fun-photo-1000x1000.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/10/JaynaAyres_fun-photo.jpg 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Jayna Ayres</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Senior UX / UI Designer</p> <p class="pronouns">She / Her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/diego-beauroyre/"> <span class="screen-reader-only">Diego Beauroyre</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BeauroyreDiego-500x500.png" alt="Headshot of Diego Beauroyre" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BeauroyreDiego-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BeauroyreDiego-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BeauroyreDiego-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BeauroyreDiego-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BeauroyreDiego-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BeauroyreDiego-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BeauroyreDiego-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BeauroyreDiego-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BeauroyreDiego.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Diego Beauroyre</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Art Director</p> <p class="pronouns">he / him</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/amanda-buck/"> <span class="screen-reader-only">Amanda Buck</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BuckAmanda-500x500.png" alt="Headshot of Amanda Buck" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BuckAmanda-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BuckAmanda-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BuckAmanda-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BuckAmanda-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BuckAmanda-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BuckAmanda-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BuckAmanda-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BuckAmanda-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-BuckAmanda.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/amanda-buck-375x500.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/amanda-buck-375x500.jpg 375w, https://tealmedia.com/wp-content/uploads/2024/01/amanda-buck-225x300.jpg 225w, https://tealmedia.com/wp-content/uploads/2024/01/amanda-buck-768x1024.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/amanda-buck-1152x1536.jpg 1152w, https://tealmedia.com/wp-content/uploads/2024/01/amanda-buck-1536x2048.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/01/amanda-buck-75x100.jpg 75w, https://tealmedia.com/wp-content/uploads/2024/01/amanda-buck-188x250.jpg 188w, https://tealmedia.com/wp-content/uploads/2024/01/amanda-buck-750x1000.jpg 750w, https://tealmedia.com/wp-content/uploads/2024/01/amanda-buck-1125x1500.jpg 1125w, https://tealmedia.com/wp-content/uploads/2024/01/amanda-buck-1500x2000.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/01/amanda-buck-1875x2500.jpg 1875w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Amanda Buck</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Senior Art Director</p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/ryan-co/"> <span class="screen-reader-only">Ryan Co</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CoRyan-500x500.png" alt="Headshot of Ryan Co" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CoRyan-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CoRyan-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CoRyan-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CoRyan-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CoRyan-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CoRyan-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CoRyan-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CoRyan-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CoRyan.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Ryan Co</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Creative Director</p> <p class="pronouns">he / him</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/katie-corbett/"> <span class="screen-reader-only">Katie Corbett</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CorbettKatie-500x500.png" alt="Headshot of Katie Corbett" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CorbettKatie-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CorbettKatie-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CorbettKatie-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CorbettKatie-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CorbettKatie-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CorbettKatie-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CorbettKatie-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CorbettKatie-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-CorbettKatie.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/katie-funsies-375x500.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/katie-funsies-375x500.jpg 375w, https://tealmedia.com/wp-content/uploads/2024/01/katie-funsies-225x300.jpg 225w, https://tealmedia.com/wp-content/uploads/2024/01/katie-funsies-768x1024.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/katie-funsies-1152x1536.jpg 1152w, https://tealmedia.com/wp-content/uploads/2024/01/katie-funsies-1536x2048.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/01/katie-funsies-75x100.jpg 75w, https://tealmedia.com/wp-content/uploads/2024/01/katie-funsies-188x250.jpg 188w, https://tealmedia.com/wp-content/uploads/2024/01/katie-funsies-750x1000.jpg 750w, https://tealmedia.com/wp-content/uploads/2024/01/katie-funsies-1125x1500.jpg 1125w, https://tealmedia.com/wp-content/uploads/2024/01/katie-funsies-1500x2000.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/01/katie-funsies-1875x2500.jpg 1875w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Katie Corbett</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Art Director</p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/11105/"> <span class="screen-reader-only">Diamond Dorsey</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/05/Teal-Headshots-DorseyDiamond-Square-500x500.png" alt="diamond-horsey-headshot" srcset="https://tealmedia.com/wp-content/uploads/2024/05/Teal-Headshots-DorseyDiamond-Square-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/05/Teal-Headshots-DorseyDiamond-Square-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/05/Teal-Headshots-DorseyDiamond-Square-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/05/Teal-Headshots-DorseyDiamond-Square-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/05/Teal-Headshots-DorseyDiamond-Square-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/05/Teal-Headshots-DorseyDiamond-Square-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/05/Teal-Headshots-DorseyDiamond-Square-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/05/Teal-Headshots-DorseyDiamond-Square-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/05/Teal-Headshots-DorseyDiamond-Square.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Diamond Dorsey</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Business Development Account Manager</p> <p class="pronouns">She / Her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/hayley-drapkin/"> <span class="screen-reader-only">Hayley Drapkin</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-DrapkinHaley-500x500.png" alt="Headshot of Hayley Drapkin" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-DrapkinHaley-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-DrapkinHaley-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-DrapkinHaley-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-DrapkinHaley-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-DrapkinHaley-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-DrapkinHaley-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-DrapkinHaley-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-DrapkinHaley-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-DrapkinHaley.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Hayley Drapkin</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Project Manager</p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/kendall-gilfillan/"> <span class="screen-reader-only">Kendall Gilfillan</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GilfillanKendall-500x500.png" alt="Headshot of Kendall Gilfillan" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GilfillanKendall-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GilfillanKendall-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GilfillanKendall-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GilfillanKendall-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GilfillanKendall-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GilfillanKendall-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GilfillanKendall-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GilfillanKendall-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GilfillanKendall.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/kendall-fun-469x500.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/kendall-fun-469x500.jpg 469w, https://tealmedia.com/wp-content/uploads/2024/01/kendall-fun-281x300.jpg 281w, https://tealmedia.com/wp-content/uploads/2024/01/kendall-fun-960x1024.jpg 960w, https://tealmedia.com/wp-content/uploads/2024/01/kendall-fun-768x819.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/kendall-fun-1440x1536.jpg 1440w, https://tealmedia.com/wp-content/uploads/2024/01/kendall-fun-1920x2048.jpg 1920w, https://tealmedia.com/wp-content/uploads/2024/01/kendall-fun-94x100.jpg 94w, https://tealmedia.com/wp-content/uploads/2024/01/kendall-fun-234x250.jpg 234w, https://tealmedia.com/wp-content/uploads/2024/01/kendall-fun-937x1000.jpg 937w, https://tealmedia.com/wp-content/uploads/2024/01/kendall-fun-1406x1500.jpg 1406w, https://tealmedia.com/wp-content/uploads/2024/01/kendall-fun-1875x2000.jpg 1875w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Kendall Gilfillan</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Senior Project Manager</p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/madie-graham/"> <span class="screen-reader-only">Madie Graham</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MadieGraham-500x500.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MadieGraham-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MadieGraham-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MadieGraham-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MadieGraham-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MadieGraham-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MadieGraham-1536x1536.png 1536w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MadieGraham-2048x2048.png 2048w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MadieGraham-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MadieGraham-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MadieGraham-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MadieGraham-1500x1500.png 1500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MadieGraham-2000x2000.png 2000w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/B2AA6D6B-8911-4E41-9100-38BFB4A4A503-500x375.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/B2AA6D6B-8911-4E41-9100-38BFB4A4A503-500x375.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/01/B2AA6D6B-8911-4E41-9100-38BFB4A4A503-300x225.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/01/B2AA6D6B-8911-4E41-9100-38BFB4A4A503-1024x768.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/01/B2AA6D6B-8911-4E41-9100-38BFB4A4A503-768x576.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/B2AA6D6B-8911-4E41-9100-38BFB4A4A503-1536x1152.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/01/B2AA6D6B-8911-4E41-9100-38BFB4A4A503-2048x1536.jpg 2048w, https://tealmedia.com/wp-content/uploads/2024/01/B2AA6D6B-8911-4E41-9100-38BFB4A4A503-100x75.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/01/B2AA6D6B-8911-4E41-9100-38BFB4A4A503-250x188.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/01/B2AA6D6B-8911-4E41-9100-38BFB4A4A503-1000x750.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/01/B2AA6D6B-8911-4E41-9100-38BFB4A4A503-1500x1125.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/01/B2AA6D6B-8911-4E41-9100-38BFB4A4A503-2000x1500.jpg 2000w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Madie Graham</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Designer </p> <p class="pronouns">she / they</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/alan-greene/"> <span class="screen-reader-only">Alan Greene</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GreeneAlan-500x500.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GreeneAlan-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GreeneAlan-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GreeneAlan-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GreeneAlan-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GreeneAlan-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GreeneAlan-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-GreeneAlan.png 944w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/alan-fun-500x500.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/alan-fun-500x500.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/01/alan-fun-300x300.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/01/alan-fun-1024x1024.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/01/alan-fun-150x150.jpg 150w, https://tealmedia.com/wp-content/uploads/2024/01/alan-fun-768x768.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/alan-fun-1536x1536.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/01/alan-fun-100x100.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/01/alan-fun-250x250.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/01/alan-fun-1000x1000.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/01/alan-fun-1500x1500.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/01/alan-fun.jpg 2000w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Alan Greene</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Senior Front-End Developer</p> <p class="pronouns">he / him</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/joey-hernandez/"> <span class="screen-reader-only">Joey Hernandez</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HernandezJoey-500x500.png" alt="Headshot of Joey Hernandez" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HernandezJoey-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HernandezJoey-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HernandezJoey-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HernandezJoey-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HernandezJoey-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HernandezJoey-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HernandezJoey-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HernandezJoey-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HernandezJoey.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Joey Hernandez</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Developer</p> <p class="pronouns">he / him</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/katy-hinz/"> <span class="screen-reader-only">Katy Hinz</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HinzKaty-500x500.png" alt="Headshot of Katy Hinz" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HinzKaty-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HinzKaty-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HinzKaty-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HinzKaty-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HinzKaty-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HinzKaty-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HinzKaty-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HinzKaty-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-HinzKaty.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Katy Hinz</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Senior Art Director </p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/cecilia-jasso/"> <span class="screen-reader-only">Cecilia Jasso</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Cecilia_Jasso-removebg-preview.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Cecilia_Jasso-removebg-preview.png 450w, https://tealmedia.com/wp-content/uploads/2024/01/Cecilia_Jasso-removebg-preview-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Cecilia_Jasso-removebg-preview-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Cecilia_Jasso-removebg-preview-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Cecilia_Jasso-removebg-preview-250x250.png 250w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Cecilia-Dog-Milli-375x500.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Cecilia-Dog-Milli-375x500.jpg 375w, https://tealmedia.com/wp-content/uploads/2024/01/Cecilia-Dog-Milli-225x300.jpg 225w, https://tealmedia.com/wp-content/uploads/2024/01/Cecilia-Dog-Milli-768x1024.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/Cecilia-Dog-Milli-1152x1536.jpg 1152w, https://tealmedia.com/wp-content/uploads/2024/01/Cecilia-Dog-Milli-1536x2048.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/01/Cecilia-Dog-Milli-75x100.jpg 75w, https://tealmedia.com/wp-content/uploads/2024/01/Cecilia-Dog-Milli-187x250.jpg 187w, https://tealmedia.com/wp-content/uploads/2024/01/Cecilia-Dog-Milli-750x1000.jpg 750w, https://tealmedia.com/wp-content/uploads/2024/01/Cecilia-Dog-Milli-1125x1500.jpg 1125w, https://tealmedia.com/wp-content/uploads/2024/01/Cecilia-Dog-Milli-1500x2000.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/01/Cecilia-Dog-Milli-1875x2500.jpg 1875w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Cecilia Jasso</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Deputy Director of Project Management </p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/liz-klarecki/"> <span class="screen-reader-only">Liz Klarecki</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-KlareckiLiz-500x500.png" alt="Headshot of Liz Klarecki" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-KlareckiLiz-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-KlareckiLiz-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-KlareckiLiz-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-KlareckiLiz-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-KlareckiLiz-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-KlareckiLiz-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-KlareckiLiz-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-KlareckiLiz-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-KlareckiLiz.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/LizK-travel-375x500.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/LizK-travel-375x500.jpg 375w, https://tealmedia.com/wp-content/uploads/2024/01/LizK-travel-225x300.jpg 225w, https://tealmedia.com/wp-content/uploads/2024/01/LizK-travel-768x1024.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/LizK-travel-1152x1536.jpg 1152w, https://tealmedia.com/wp-content/uploads/2024/01/LizK-travel-1536x2048.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/01/LizK-travel-75x100.jpg 75w, https://tealmedia.com/wp-content/uploads/2024/01/LizK-travel-188x250.jpg 188w, https://tealmedia.com/wp-content/uploads/2024/01/LizK-travel-750x1000.jpg 750w, https://tealmedia.com/wp-content/uploads/2024/01/LizK-travel-1125x1500.jpg 1125w, https://tealmedia.com/wp-content/uploads/2024/01/LizK-travel-1500x2000.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/01/LizK-travel-1875x2500.jpg 1875w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Liz Klarecki</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Senior Technical Strategist </p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/rebecca-baker/"> <span class="screen-reader-only">Natalie Kopke</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/03/Teal-Headshots-NatalieKopke-500x500.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/03/Teal-Headshots-NatalieKopke-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/03/Teal-Headshots-NatalieKopke-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/03/Teal-Headshots-NatalieKopke-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/03/Teal-Headshots-NatalieKopke-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/03/Teal-Headshots-NatalieKopke-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/03/Teal-Headshots-NatalieKopke-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/03/Teal-Headshots-NatalieKopke-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/03/Teal-Headshots-NatalieKopke-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/03/Teal-Headshots-NatalieKopke.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/03/Natalie_Kopke_4-1-500x500.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/03/Natalie_Kopke_4-1-500x500.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/03/Natalie_Kopke_4-1-300x300.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/03/Natalie_Kopke_4-1-1024x1024.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/03/Natalie_Kopke_4-1-150x150.jpg 150w, https://tealmedia.com/wp-content/uploads/2024/03/Natalie_Kopke_4-1-768x768.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/03/Natalie_Kopke_4-1-100x100.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/03/Natalie_Kopke_4-1-250x250.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/03/Natalie_Kopke_4-1-1000x1000.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/03/Natalie_Kopke_4-1.jpg 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Natalie Kopke</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Senior Project Manager</p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/michael-launer/"> <span class="screen-reader-only">Michael Launer</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LaunerMichael-500x500.png" alt="Headshot of Michael Launer" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LaunerMichael-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LaunerMichael-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LaunerMichael-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LaunerMichael-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LaunerMichael-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LaunerMichael-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LaunerMichael-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LaunerMichael-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LaunerMichael.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Michael Launer</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Developer </p> <p class="pronouns">he / him</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/erin-lawler/"> <span class="screen-reader-only">Erin Lawler</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LawlerErin-500x500.png" alt="Headshot of Erin Lawler" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LawlerErin-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LawlerErin-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LawlerErin-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LawlerErin-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LawlerErin-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LawlerErin-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LawlerErin-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LawlerErin-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LawlerErin.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Erin_Lawler_1-375x500.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Erin_Lawler_1-375x500.jpg 375w, https://tealmedia.com/wp-content/uploads/2024/01/Erin_Lawler_1-225x300.jpg 225w, https://tealmedia.com/wp-content/uploads/2024/01/Erin_Lawler_1-768x1024.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/Erin_Lawler_1-1152x1536.jpg 1152w, https://tealmedia.com/wp-content/uploads/2024/01/Erin_Lawler_1-1536x2048.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/01/Erin_Lawler_1-75x100.jpg 75w, https://tealmedia.com/wp-content/uploads/2024/01/Erin_Lawler_1-188x250.jpg 188w, https://tealmedia.com/wp-content/uploads/2024/01/Erin_Lawler_1-750x1000.jpg 750w, https://tealmedia.com/wp-content/uploads/2024/01/Erin_Lawler_1-1125x1500.jpg 1125w, https://tealmedia.com/wp-content/uploads/2024/01/Erin_Lawler_1-1500x2000.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/01/Erin_Lawler_1-1875x2500.jpg 1875w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Erin Lawler</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Project Manager </p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/valerie-le/"> <span class="screen-reader-only">Valerie Le</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-ValerieLe-2-500x500.png" alt="Valerie" srcset="https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-ValerieLe-2-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-ValerieLe-2-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-ValerieLe-2-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-ValerieLe-2-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-ValerieLe-2-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-ValerieLe-2-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-ValerieLe-2-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-ValerieLe-2-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-ValerieLe-2.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/08/IMG_9797-1-375x500.jpg" alt="Valerie-funpic" srcset="https://tealmedia.com/wp-content/uploads/2024/08/IMG_9797-1-375x500.jpg 375w, https://tealmedia.com/wp-content/uploads/2024/08/IMG_9797-1-225x300.jpg 225w, https://tealmedia.com/wp-content/uploads/2024/08/IMG_9797-1-768x1024.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/08/IMG_9797-1-1152x1536.jpg 1152w, https://tealmedia.com/wp-content/uploads/2024/08/IMG_9797-1-1536x2048.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/08/IMG_9797-1-75x100.jpg 75w, https://tealmedia.com/wp-content/uploads/2024/08/IMG_9797-1-188x250.jpg 188w, https://tealmedia.com/wp-content/uploads/2024/08/IMG_9797-1-750x1000.jpg 750w, https://tealmedia.com/wp-content/uploads/2024/08/IMG_9797-1-1125x1500.jpg 1125w, https://tealmedia.com/wp-content/uploads/2024/08/IMG_9797-1-1500x2000.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/08/IMG_9797-1-1875x2500.jpg 1875w, https://tealmedia.com/wp-content/uploads/2024/08/IMG_9797-1-1000x1333.jpg 1000w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Valerie Le</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Senior UX / UI Designer</p> <p class="pronouns">she / they</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/isabel-levin/"> <span class="screen-reader-only">Isabel Levin</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LevinIsabel-500x500.png" alt="Headshot of Isabel Levin" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LevinIsabel-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LevinIsabel-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LevinIsabel-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LevinIsabel-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LevinIsabel-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LevinIsabel-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LevinIsabel-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LevinIsabel-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LevinIsabel.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Isabel-FunPic-1-500x381.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Isabel-FunPic-1-500x381.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Isabel-FunPic-1-300x228.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Isabel-FunPic-1-1024x779.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Isabel-FunPic-1-768x584.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Isabel-FunPic-1-1536x1169.png 1536w, https://tealmedia.com/wp-content/uploads/2024/01/Isabel-FunPic-1-100x76.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Isabel-FunPic-1-250x190.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Isabel-FunPic-1-1000x761.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Isabel-FunPic-1-1500x1142.png 1500w, https://tealmedia.com/wp-content/uploads/2024/01/Isabel-FunPic-1.png 2000w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Isabel Levin</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Senior Designer</p> <p class="pronouns">they / she</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/jason-liu/"> <span class="screen-reader-only">Jason Liu</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LiuJason-500x500.png" alt="Headshot of Jason Liu" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LiuJason-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LiuJason-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LiuJason-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LiuJason-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LiuJason-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LiuJason-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LiuJason-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LiuJason-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LiuJason.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Jason-Liu-Fun-500x375.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Jason-Liu-Fun-500x375.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/01/Jason-Liu-Fun-300x225.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/01/Jason-Liu-Fun-1024x768.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Jason-Liu-Fun-768x576.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/Jason-Liu-Fun-1536x1152.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/01/Jason-Liu-Fun-2048x1536.jpg 2048w, https://tealmedia.com/wp-content/uploads/2024/01/Jason-Liu-Fun-100x75.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/01/Jason-Liu-Fun-250x188.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/01/Jason-Liu-Fun-1000x750.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Jason-Liu-Fun-1500x1125.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/01/Jason-Liu-Fun-2000x1500.jpg 2000w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Jason Liu</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Designer</p> <p class="pronouns">he / him</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/dustin-maciag/"> <span class="screen-reader-only">Dustin Maciag</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MaciagDustin-500x500.png" alt="Headshot of Dustin Maciag" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MaciagDustin-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MaciagDustin-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MaciagDustin-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MaciagDustin-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MaciagDustin-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MaciagDustin-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MaciagDustin-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MaciagDustin-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-MaciagDustin.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Dustin-Fun-500x500.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Dustin-Fun-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Dustin-Fun-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Dustin-Fun-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Dustin-Fun-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Dustin-Fun-768x767.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Dustin-Fun-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Dustin-Fun-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Dustin-Fun-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Dustin-Fun.png 1178w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Dustin Maciag</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Art Director</p> <p class="pronouns">he / him</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/lexi-marron/"> <span class="screen-reader-only">Lexi Marron</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LexiMarron-500x500.png" alt="Headshot of Lexi Marron" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LexiMarron-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LexiMarron-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LexiMarron-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LexiMarron-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LexiMarron-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LexiMarron-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LexiMarron-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LexiMarron-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-LexiMarron.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Lexi Marron</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Social Media Strategist</p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/liz-moderi/"> <span class="screen-reader-only">Liz Moderi</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-ModeriLiz-500x500.png" alt="Headshot of Liz Moderi" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-ModeriLiz-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-ModeriLiz-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-ModeriLiz-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-ModeriLiz-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-ModeriLiz-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-ModeriLiz-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-ModeriLiz-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-ModeriLiz-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-ModeriLiz.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/lizm-funnn-500x500.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/lizm-funnn-500x500.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/01/lizm-funnn-300x300.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/01/lizm-funnn-1024x1024.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/01/lizm-funnn-150x150.jpg 150w, https://tealmedia.com/wp-content/uploads/2024/01/lizm-funnn-768x768.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/lizm-funnn-1536x1536.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/01/lizm-funnn-2048x2048.jpg 2048w, https://tealmedia.com/wp-content/uploads/2024/01/lizm-funnn-100x100.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/01/lizm-funnn-250x250.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/01/lizm-funnn-1000x1000.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/01/lizm-funnn-1500x1500.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/01/lizm-funnn-2000x2000.jpg 2000w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Liz Moderi</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Director of Research and Business Development</p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/11366/"> <span class="screen-reader-only">Steve Morton</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-SteveMorton-2-500x500.png" alt="Steve" srcset="https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-SteveMorton-2-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-SteveMorton-2-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-SteveMorton-2-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-SteveMorton-2-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-SteveMorton-2-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-SteveMorton-2-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-SteveMorton-2-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-SteveMorton-2-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-SteveMorton-2.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Steve Morton</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Senior Back-end Developer</p> <p class="pronouns">He / Him</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/jason-narciso/"> <span class="screen-reader-only">Jason Narciso</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NarcisoJason-500x500.png" alt="Headshot of Jason Narciso" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NarcisoJason-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NarcisoJason-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NarcisoJason-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NarcisoJason-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NarcisoJason-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NarcisoJason-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NarcisoJason-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NarcisoJason-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-NarcisoJason.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/jason-n-fun-375x500.jpeg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/jason-n-fun-375x500.jpeg 375w, https://tealmedia.com/wp-content/uploads/2024/01/jason-n-fun-225x300.jpeg 225w, https://tealmedia.com/wp-content/uploads/2024/01/jason-n-fun-768x1024.jpeg 768w, https://tealmedia.com/wp-content/uploads/2024/01/jason-n-fun-1152x1536.jpeg 1152w, https://tealmedia.com/wp-content/uploads/2024/01/jason-n-fun-75x100.jpeg 75w, https://tealmedia.com/wp-content/uploads/2024/01/jason-n-fun-188x250.jpeg 188w, https://tealmedia.com/wp-content/uploads/2024/01/jason-n-fun-750x1000.jpeg 750w, https://tealmedia.com/wp-content/uploads/2024/01/jason-n-fun-1125x1500.jpeg 1125w, https://tealmedia.com/wp-content/uploads/2024/01/jason-n-fun.jpeg 1374w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Jason Narciso</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Developer</p> <p class="pronouns">he / him</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/jeff-oconnell/"> <span class="screen-reader-only">Jeff O'Connell</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-OConnellJeff-500x500.png" alt="Headshot of Jeff O'Connell" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-OConnellJeff-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-OConnellJeff-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-OConnellJeff-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-OConnellJeff-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-OConnellJeff-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-OConnellJeff-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-OConnellJeff-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-OConnellJeff-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-OConnellJeff.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Jeff O'Connell</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Technical Lead</p> <p class="pronouns">he / him</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/maica-bhatt/"> <span class="screen-reader-only">Ma茂ca Pichler Bhatt</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-MaicaBhatt-500x500.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-MaicaBhatt-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-MaicaBhatt-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-MaicaBhatt-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-MaicaBhatt-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-MaicaBhatt-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-MaicaBhatt-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-MaicaBhatt-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-MaicaBhatt-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/10/Teal-Headshots-MaicaBhatt.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/10/Maica_Bhatt-1-500x500.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/10/Maica_Bhatt-1-500x500.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/10/Maica_Bhatt-1-300x300.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/10/Maica_Bhatt-1-1024x1024.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/10/Maica_Bhatt-1-150x150.jpg 150w, https://tealmedia.com/wp-content/uploads/2024/10/Maica_Bhatt-1-768x768.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/10/Maica_Bhatt-1-100x100.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/10/Maica_Bhatt-1-250x250.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/10/Maica_Bhatt-1-1000x1000.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/10/Maica_Bhatt-1.jpg 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Ma茂ca Pichler Bhatt</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Director of Digital Strategy</p> <p class="pronouns">She / Her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/bhumi-rajvi/"> <span class="screen-reader-only">Bhumi Rajvi</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RajviBhumi-500x500.png" alt="Headshot of Bhumi Rajvi" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RajviBhumi-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RajviBhumi-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RajviBhumi-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RajviBhumi-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RajviBhumi-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RajviBhumi-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RajviBhumi-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RajviBhumi-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RajviBhumi.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Bhumi Rajvi</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Project Manager</p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/leidy-restrepo/"> <span class="screen-reader-only">Leidy Restrepo</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RestrepoLeidy--500x500.png" alt="Headshot of Leidy Restrepo" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RestrepoLeidy--500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RestrepoLeidy--300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RestrepoLeidy--1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RestrepoLeidy--150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RestrepoLeidy--768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RestrepoLeidy--100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RestrepoLeidy--250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RestrepoLeidy--1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-RestrepoLeidy-.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Leidy-travel-500x375.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Leidy-travel-500x375.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/01/Leidy-travel-300x225.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/01/Leidy-travel-1024x768.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Leidy-travel-768x576.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/Leidy-travel-1536x1152.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/01/Leidy-travel-2048x1536.jpg 2048w, https://tealmedia.com/wp-content/uploads/2024/01/Leidy-travel-100x75.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/01/Leidy-travel-250x188.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/01/Leidy-travel-1000x750.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Leidy-travel-1500x1125.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/01/Leidy-travel-2000x1500.jpg 2000w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Leidy Restrepo</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Project Manager</p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/melanie-starkey/"> <span class="screen-reader-only">Melanie Starkey</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-StarkeyMelanie-500x500.png" alt="Headshot of Melanie Starkey" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-StarkeyMelanie-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-StarkeyMelanie-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-StarkeyMelanie-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-StarkeyMelanie-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-StarkeyMelanie-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-StarkeyMelanie-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-StarkeyMelanie-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-StarkeyMelanie-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-StarkeyMelanie.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Melanie_Trees-375x500.jpeg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Melanie_Trees-375x500.jpeg 375w, https://tealmedia.com/wp-content/uploads/2024/01/Melanie_Trees-225x300.jpeg 225w, https://tealmedia.com/wp-content/uploads/2024/01/Melanie_Trees-768x1024.jpeg 768w, https://tealmedia.com/wp-content/uploads/2024/01/Melanie_Trees-75x100.jpeg 75w, https://tealmedia.com/wp-content/uploads/2024/01/Melanie_Trees-188x250.jpeg 188w, https://tealmedia.com/wp-content/uploads/2024/01/Melanie_Trees-750x1000.jpeg 750w, https://tealmedia.com/wp-content/uploads/2024/01/Melanie_Trees.jpeg 960w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Melanie Starkey</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Director of Content Strategy</p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/jessica-stevens/"> <span class="screen-reader-only">Jessica Stevens</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-JessicaStevens-1-500x500.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-JessicaStevens-1-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-JessicaStevens-1-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-JessicaStevens-1-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-JessicaStevens-1-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-JessicaStevens-1-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-JessicaStevens-1-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-JessicaStevens-1-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-JessicaStevens-1-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/08/Teal-Headshots-JessicaStevens-1.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Jessica Stevens</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Back-End Developer</p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/morgan-foust/"> <span class="screen-reader-only">Morgan Tavakoli</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-FoustMorgan-500x500.png" alt="Headshot of Morgan Foust" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-FoustMorgan-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-FoustMorgan-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-FoustMorgan-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-FoustMorgan-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-FoustMorgan-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-FoustMorgan-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-FoustMorgan-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-FoustMorgan-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-FoustMorgan.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/clover-02-375x500.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/clover-02-375x500.jpg 375w, https://tealmedia.com/wp-content/uploads/2024/01/clover-02-225x300.jpg 225w, https://tealmedia.com/wp-content/uploads/2024/01/clover-02-768x1024.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/clover-02-1152x1536.jpg 1152w, https://tealmedia.com/wp-content/uploads/2024/01/clover-02-75x100.jpg 75w, https://tealmedia.com/wp-content/uploads/2024/01/clover-02-188x250.jpg 188w, https://tealmedia.com/wp-content/uploads/2024/01/clover-02-750x1000.jpg 750w, https://tealmedia.com/wp-content/uploads/2024/01/clover-02-1125x1500.jpg 1125w, https://tealmedia.com/wp-content/uploads/2024/01/clover-02.jpg 1440w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Morgan Tavakoli</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Senior UX / UI Designer </p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/tiffany-wang/"> <span class="screen-reader-only">Tiffany Wang</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WangTiffany-500x500.png" alt="Headshot of Tiffany Wang" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WangTiffany-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WangTiffany-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WangTiffany-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WangTiffany-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WangTiffany-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WangTiffany-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WangTiffany-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WangTiffany-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WangTiffany.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Tiffany-Wang-fun-375x500.jpeg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Tiffany-Wang-fun-375x500.jpeg 375w, https://tealmedia.com/wp-content/uploads/2024/01/Tiffany-Wang-fun-225x300.jpeg 225w, https://tealmedia.com/wp-content/uploads/2024/01/Tiffany-Wang-fun-75x100.jpeg 75w, https://tealmedia.com/wp-content/uploads/2024/01/Tiffany-Wang-fun-188x250.jpeg 188w, https://tealmedia.com/wp-content/uploads/2024/01/Tiffany-Wang-fun-750x1000.jpeg 750w, https://tealmedia.com/wp-content/uploads/2024/01/Tiffany-Wang-fun.jpeg 768w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Tiffany Wang</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Senior Project Manager</p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/jackson-whelan/"> <span class="screen-reader-only">Jackson Whelan</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhelanJackson-500x500.png" alt="Headshot of Jackson Whelan" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhelanJackson-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhelanJackson-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhelanJackson-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhelanJackson-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhelanJackson-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhelanJackson-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhelanJackson-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhelanJackson-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhelanJackson.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-square e-hover"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/jackson-fun-500x500.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/jackson-fun-500x500.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/01/jackson-fun-300x300.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/01/jackson-fun-1024x1024.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/01/jackson-fun-150x150.jpg 150w, https://tealmedia.com/wp-content/uploads/2024/01/jackson-fun-768x768.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/jackson-fun-100x100.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/01/jackson-fun-250x250.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/01/jackson-fun-1000x1000.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/01/jackson-fun.jpg 1440w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Jackson Whelan</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Senior Developer</p> <p class="pronouns">he / him</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/austin-whipple/"> <span class="screen-reader-only">Austin Whipple</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhippleAustin-500x500.png" alt="Headshot of Austin Whipple" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhippleAustin-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhippleAustin-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhippleAustin-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhippleAustin-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhippleAustin-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhippleAustin-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhippleAustin-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhippleAustin-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-WhippleAustin.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Austin Whipple</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Technical Director</p> <p class="pronouns">he / him</p> </div> </footer> </div> </div> </article> <article class="card person-card :ratio-square"> <div class="c-inner"> <a class="overlink" href="https://tealmedia.com/people/ellen-yee/"> <span class="screen-reader-only">Ellen Yee</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-square"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YeeEllen-500x500.png" alt="Headshot of Ellen Yee" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YeeEllen-500x500.png 500w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YeeEllen-300x300.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YeeEllen-1024x1024.png 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YeeEllen-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YeeEllen-768x768.png 768w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YeeEllen-100x100.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YeeEllen-250x250.png 250w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YeeEllen-1000x1000.png 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Teal-Headshots-YeeEllen.png 1080w" sizes="(min-width: 1528px) 382px, (min-width: 1292px) 25vw, (min-width: 900px) 33.3333vw, (min-width: 596px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h4 class="title">Ellen Yee</h4> <footer class="card-footer"> <div class="card-meta" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <p class="role">Art Director</p> <p class="pronouns">she / her</p> </div> </footer> </div> </div> </article> <aside class="person-landing-sidebar-group" data-pattern-count="1"> <div class="person-landing-sidebar :inset-false"> <div class="c-inner"> <figure class="image media-figure :g-x"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy " style="aspect-ratio: 0.699;" > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/IMG_4473-1-350x500.jpg" alt="Design team members working on a post-it notes exercise" srcset="https://tealmedia.com/wp-content/uploads/2024/01/IMG_4473-1-350x500.jpg 350w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_4473-1-210x300.jpg 210w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_4473-1-716x1024.jpg 716w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_4473-1-70x100.jpg 70w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_4473-1-175x250.jpg 175w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_4473-1-699x1000.jpg 699w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_4473-1.jpg 720w" loading="lazy" > </div> </figure> </div> </div> </aside> <aside class="person-landing-sidebar-group" data-pattern-count="2"> <div class="person-landing-sidebar :inset-false"> <div class="c-inner"> <figure class="image media-figure :g-x"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy " style="aspect-ratio: 1.326;" > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Frame-9252-500x377.jpg" alt="Creative with a conscience" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Frame-9252-500x377.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/01/Frame-9252-300x226.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/01/Frame-9252-100x75.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/01/Frame-9252-250x189.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/01/Frame-9252.jpg 720w" loading="lazy" > </div> </figure> <div class="easter-egg" style=" --easter-egg-left: -50px; --easter-egg-right: auto; --easter-egg-top: 10%; --easter-egg-bottom: auto; --easter-egg-fg: var(--color-a3); --easter-egg-bg: var(--color-a2); "> <button aria-haspopup="dialog" aria-controls="easter-egg-84172" class="btn :icon-only :version-1 :size-1 :full-width-false" ><span class="text">15</span><span class="icon :icon-teal-15"><svg width="72" height="72" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg"><g class="fill" transform="translate(-3.15 -3.25)"><path class="teal-15-bg" d="M46.6656 7.5231L48.4929 12.5715L53.082 9.77982L53.819 15.0962L58.8883 13.3189L58.5045 18.6733L63.8327 17.9877L62.3427 23.1438L67.6979 23.5813L65.1657 28.3147L70.3145 29.8538L66.853 33.9577L71.5682 36.5319L67.3298 39.8277L71.4057 43.3248L66.5735 45.6673L69.8329 49.9351L64.6187 51.2217L66.9186 56.0732L61.5493 56.2479L62.7915 61.4711L57.5013 60.5263L57.6303 65.8929L52.6519 63.8716L51.6601 69.1463L47.2117 66.1344L45.1428 71.0878L41.4172 67.2179L38.3648 71.6327L35.5247 67.0733L31.6196 70.7577L29.7909 65.709L25.2032 68.501L24.4648 63.1843L19.3955 64.9616L19.7807 59.6075L14.4525 60.2931L15.9426 55.137L10.5874 54.6995L13.1181 49.9658L7.97073 48.4271L11.4308 44.3227L6.71561 41.7485L10.9555 38.4531L6.87806 34.9557L11.7117 32.6135L8.45092 28.3453L13.6666 27.0591L11.3653 22.2073L16.7345 22.0325L15.4937 16.8097L20.7825 17.7542L20.655 12.3879L25.6333 14.4092L26.6252 9.13455L31.0736 12.1464L33.141 7.19263L36.8666 11.0626L39.9205 6.64817L42.7591 11.2072L46.6656 7.5231Z"/><path class="teal-15-fg" d="M41.8083 54.8224C38.2809 53.9831 35.8219 52.4861 34.0009 51.1408L36.5068 43.6087L36.7319 43.6623C37.9173 48.3455 39.9764 52.523 42.1905 53.0498C43.5789 53.3802 45.2316 52.2667 46.2406 48.0262C47.1335 44.2736 46.4522 41.1378 43.082 40.1376C41.6739 39.7232 39.8209 39.6788 37.4211 40.0991L42.2276 25.898L52.4346 28.3267C55.2866 29.0053 58.9426 28.8046 59.0927 28.8403L55.7862 35.9044L41.9391 32.6096L40.0565 38.1885C42.7886 37.3715 45.4457 37.3694 47.7723 37.9229C54.3018 39.4766 55.6588 44.4386 54.6409 48.7165C53.2748 54.458 48.0752 56.3136 41.8083 54.8224Z"/><path class="teal-15-fg" d="M23.8124 26.3542C28.7407 26.1391 33.1971 25.5737 37.321 23.7398L32.1958 45.2797C31.5172 48.1317 31.9036 51.6733 31.8679 51.8234L31.8322 51.9735L22.0004 49.6341L22.0361 49.484C22.0718 49.3339 24.012 46.3459 24.6905 43.4939L28.2353 28.5961L23.5446 27.48L23.8124 26.3542Z"/></g></svg></span></button> <div class="modal ro-flush :align-left :full-false" id="easter-egg-84172" uk-modal="sel-close: .close-modal" data-modal-click-delay="2" role="dialog" aria-modal="true" data-is-active="false" > <article class="w-modal has-image uk-modal-dialog"> <div class="c-inner :g"> <div class="c-close"> <button aria-label="Close modal" class="btn :icon-only :version-3 :size-1 :full-width-false close-modal" ><span class="text">Close</span><span class="icon :icon-close"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g class="stroke"><polyline points="5,5 19,19" vector-effect="non-scaling-stroke" /><polyline points="5,19 19,5" vector-effect="non-scaling-stroke" /></g></svg></span></button> </div> <div class="c-text"> <p>Lucky you!</p> <p>You鈥檝e just won Teal鈥檚 special 15th anniversary prize! To claim it:</p> <p>1) Take a photo of yourself pointing to this pop-up on your screen</p> <p>2) Post it to LinkedIn, and tag @TealMedia and @jessicateal</p> <p>3) We’ll drop you a note to get your address and send your snazzy little prize via snail mail</p> </div> <div class="c-image"> <figure class="image media-figure :g-x"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " style="aspect-ratio: 1.0769;" > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/15-confetti.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/15-confetti.png 476w, https://tealmedia.com/wp-content/uploads/2024/01/15-confetti-300x279.png 300w, https://tealmedia.com/wp-content/uploads/2024/01/15-confetti-100x93.png 100w, https://tealmedia.com/wp-content/uploads/2024/01/15-confetti-250x232.png 250w" loading="lazy" > </div> </figure> </div> </div> </article> </div> </div> </div> </div> <div class="person-landing-sidebar :inset-false"> <div class="c-inner"> <figure class="image media-figure :g-x"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy " style="aspect-ratio: 1.4784;" > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/IMG_2317-2-500x338.jpg" alt="Teal team members posing for a photo" srcset="https://tealmedia.com/wp-content/uploads/2024/01/IMG_2317-2-500x338.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_2317-2-300x203.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_2317-2-100x68.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_2317-2-250x169.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/01/IMG_2317-2.jpg 720w" loading="lazy" > </div> </figure> </div> </div> </aside> <aside class="person-landing-sidebar-group" data-pattern-count="2"> <div class="person-landing-sidebar :inset-false"> <div class="c-inner"> <figure class="image media-figure :g-x"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy " style="aspect-ratio: 1.326;" > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/team-pg-4-500x377.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/02/team-pg-4-500x377.png 500w, https://tealmedia.com/wp-content/uploads/2024/02/team-pg-4-300x226.png 300w, https://tealmedia.com/wp-content/uploads/2024/02/team-pg-4-100x75.png 100w, https://tealmedia.com/wp-content/uploads/2024/02/team-pg-4-250x189.png 250w, https://tealmedia.com/wp-content/uploads/2024/02/team-pg-4.png 720w" loading="lazy" > </div> </figure> </div> </div> <div class="person-landing-sidebar :inset-false"> <div class="c-inner"> <figure class="image media-figure :g-x"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy " style="aspect-ratio: 1.4673;" > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/team-pg-5-500x341.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/02/team-pg-5-500x341.png 500w, https://tealmedia.com/wp-content/uploads/2024/02/team-pg-5-300x204.png 300w, https://tealmedia.com/wp-content/uploads/2024/02/team-pg-5-100x68.png 100w, https://tealmedia.com/wp-content/uploads/2024/02/team-pg-5-250x170.png 250w, https://tealmedia.com/wp-content/uploads/2024/02/team-pg-5.png 719w" loading="lazy" > </div> </figure> </div> </div> </aside> </div> </div> </section> </div> </div> </section> <div class="footer-prompt rot-default ro-flush ri-outer :width-full :palette-3 :bg-bleed-true"> <div class="p-inner" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text;"> <h2 class="title">Want to work at Teal? (Yes. Yes, you do.)</h2> <div class="e-btn"> <a class="btn :version-1 :size-2 :full-width-false" href="https://tealmedia.com/careers/" ><span class="text">Explore Open Positions</span></a> </div> </div> </div> </main> <footer class="site-footer rot-default ro-flush :palette-4"> <div class="c-site-logo"> <svg width="116" height="50" viewBox="0 0 116 50" xmlns="http://www.w3.org/2000/svg"> <g class="fill"> <path d="M4.76971 38.4529V19.0313H0V15.7513C7.38428 11.8808 12.4825 7.87886 16.9925 3.28418V15.7513H25.7507V19.0313H16.9925L17.0569 37.3365C17.0569 40.6834 18.8857 41.929 21.2384 41.929C22.5457 41.929 23.9839 41.5345 25.4222 41.0109C23.9839 45.4073 20.9122 49.9997 14.4423 49.9997C8.49626 49.9997 4.76971 46.0624 4.76971 38.4529Z"/> <path d="M26.4004 32.6131C26.4004 21.5899 33.6537 15.3574 44.1764 15.3574C56.5945 15.3574 60.1879 24.4777 60.1879 32.0872H40.0592C40.8427 37.9921 43.3929 42.0609 49.5365 42.0609C52.7392 42.0609 55.4181 41.2744 59.1424 39.1731L59.4044 39.3692C58.0971 43.5672 52.9345 49.998 43.8501 49.998C35.7467 49.998 26.4004 44.8797 26.4004 32.6109V32.6131ZM39.8639 30.3826L48.1626 27.7577C48.1626 23.8204 47.8363 18.3745 43.9788 18.3745C40.1213 18.3745 39.6663 23.7557 39.7307 27.8223C39.7307 28.6758 39.7951 29.5292 39.8616 30.3804L39.8639 30.3826Z"/> <path d="M61.4961 39.0436C61.4961 32.3521 67.3778 28.1518 73.9142 28.1518C75.8096 28.1518 78.8814 28.5462 81.4294 29.5958V25.9882C81.4294 21.5272 81.4294 18.6394 79.9912 18.6394C76.3312 18.6394 64.6988 27.9557 64.6988 27.9557H64.3726V17.5899C70.9734 16.0813 77.1813 15.3594 80.7769 15.3594C90.5138 15.3594 93.7166 20.6092 93.7166 26.9731V38.2592C93.7166 42.4573 94.4357 44.5585 97.8338 42.7871L98.0291 42.9832C97.7672 46.789 94.9573 49.8729 89.99 49.8729C85.9372 49.8729 83.1273 47.8385 82.0176 44.1641C80.6459 46.7222 77.4432 49.8729 72.0831 49.8729C65.0251 49.8729 61.4961 44.1641 61.4961 39.048V39.0436ZM79.1411 43.2416C80.0556 43.2416 80.839 42.9787 81.6247 42.3882C81.4938 41.6663 81.4294 40.9443 81.4294 40.0909V31.824C80.7747 31.6279 80.1221 31.5611 79.4696 31.5611C75.6787 31.5611 74.2427 33.923 74.2427 37.0716C74.2427 40.5499 75.9406 43.2394 79.1433 43.2394L79.1411 43.2416Z"/> <path d="M115.998 49.2112H99.6602V48.9483C99.6602 48.6853 101.687 42.9787 101.687 37.9919V12.534C101.687 7.54713 99.5292 2.10125 99.5292 1.83832L99.4648 1.57538L101.491 1.31245L113.974 0V37.9897C113.974 42.9765 116 48.6853 116 48.946V49.209L115.998 49.2112Z"/> </g> </svg> </div> <div class="p-inner"> <div class="c-form :c :m :p :g"> <div class="c-form-inner"> <h4>Get our newsletter.</h4> <div class='gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_2' ><div id='gf_2' class='gform_anchor' tabindex='-1'></div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_2' id='gform_2' action='/team/#gf_2' data-formid='2' novalidate> <div class='gform-body gform_body'><div id='gform_fields_2' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_2_1" class="gfield gfield--type-email gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible" data-js-reload="field_2_1" ><label class='gfield_label gform-field-label' for='input_2_1'>Email<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_1' id='input_2_1' type='email' value='' class='large' tabindex='1' placeholder='Email address' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_2" class="gfield gfield--type-hidden gform_hidden field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_2" ><div class='ginput_container ginput_container_text'><input name='input_2' id='input_2_2' type='hidden' class='gform_hidden' aria-invalid="false" value='Form Submission' /></div></div><div id="field_2_3" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_3" ><label class='gfield_label gform-field-label' for='input_2_3'>Comments</label><div class='ginput_container'><input name='input_3' id='input_2_3' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_2_3'>This field is for validation purposes and should be left unchanged.</div></div></div></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_2' class='gform_button button' value='Signup' tabindex='2' onclick='if(window["gf_submitting_2"]){return false;} if( !jQuery("#gform_2")[0].checkValidity || jQuery("#gform_2")[0].checkValidity()){window["gf_submitting_2"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_2"]){return false;} if( !jQuery("#gform_2")[0].checkValidity || jQuery("#gform_2")[0].checkValidity()){window["gf_submitting_2"]=true;} jQuery("#gform_2").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=2&title=&description=&tabindex=1&theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='is_submit_2' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='2' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_2' value='WyJbXSIsImE4OTc2MTY4ZjA4ZTI3OTJjZTM4MDI1ZmExMjlkZjg5Il0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_2' id='gform_target_page_number_2' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_2' id='gform_source_page_number_2' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_2' id='gform_ajax_frame_2' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script> gform.initializeOnLoaded( function() {gformInitSpinner( 2, 'https://tealmedia.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_2').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_2');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_2').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_2').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_2').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_2').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_2').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_2').val();gformInitSpinner( 2, 'https://tealmedia.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [2, current_page]);window['gf_submitting_2'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_2').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_2').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [2]);window['gf_submitting_2'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_2').text());}else{jQuery('#gform_2').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "2", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_2" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_2"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_2" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [2, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 2, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); </script> </div> <div class="c-form-footer"> <p>All things creative‑y and nonprofit‑y. Monthl‑y.</p> </div> </div> <div class="c-meta"> <div class="c-meta-inner"> <div class="footer-promo"> <div class="p-inner"> <div> <div class="c-text"> <p class="title">IT'S OUR 15TH ANNIVERSARY!</p> <p class="text">A prize awaits you if you can find it on our site...</p> </div> <figure class="image media-figure :g-x"> <div class="e-media e-lazy lazy-transparent " style="aspect-ratio: 1;" > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/15-badge.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/15-badge.png 165w, https://tealmedia.com/wp-content/uploads/2024/01/15-badge-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/15-badge-100x100.png 100w" loading="lazy" > </div> </figure> </div> </div> </div> <div class="c-social :bg-s1"> <div class="c-social-inner"> <menu class="social"> <li><a href="/careers/" class="shy">Careers</a></li> <li> <a class="btn :icon-only :version-3 :size-1 :full-width-false social-link linkedin" href="https://www.linkedin.com/company/tealmedia/" ><span class="text">LinkedIn</span><span class="icon :icon-social/linkedin"><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path class="fill" d="M5.9,11.5h4.3v13.9H5.9V11.5z M8.1,4.6c1.4,0,2.5,1.1,2.5,2.5c0,1.4-1.1,2.5-2.5,2.5c-0.7,0-1.3-0.3-1.8-0.7 C5.9,8.4,5.6,7.8,5.6,7.1c0-0.3,0.1-0.7,0.2-1c0.1-0.3,0.3-0.6,0.5-0.8c0.2-0.2,0.5-0.4,0.8-0.5C7.4,4.7,7.8,4.6,8.1,4.6z M13,11.5 h4.1v1.9h0.1c0.6-1.1,2-2.2,4.1-2.2c4.4,0,5.2,2.9,5.2,6.6v7.6h-4.3v-6.8c0-1.6,0-3.7-2.2-3.7c-2.2,0-2.6,1.8-2.6,3.6v6.9H13 L13,11.5L13,11.5z"/></svg></span></a> </li> <li> <a class="btn :icon-only :version-3 :size-1 :full-width-false social-link instagram" href="https://www.instagram.com/tealmedia/" ><span class="text">Instagram</span><span class="icon :icon-social/instagram"><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path class="fill" d="M20.4,26.4c-0.8,0-2.2,0.1-4,0.1l-0.3,0c-2,0-3.5,0-4.4-0.1c-0.9,0-1.7-0.2-2.3-0.4c-0.8-0.2-1.5-0.7-2-1.2 c-0.6-0.6-1-1.3-1.3-2c-0.2-0.7-0.4-1.4-0.4-2.3c0-0.8-0.1-2.2-0.1-4l0-0.3c0-2,0-3.5,0.1-4.4c0-0.9,0.2-1.7,0.4-2.3 c0.3-0.8,0.7-1.5,1.3-2c0.6-0.6,1.3-1,2-1.3c0.7-0.2,1.4-0.4,2.3-0.4c0.8,0,2.2-0.1,4-0.1l0.3,0c2,0,3.5,0,4.4,0.1 c0.9,0,1.7,0.2,2.3,0.4c0.8,0.3,1.5,0.7,2,1.3c0.6,0.6,1,1.3,1.3,2c0.2,0.7,0.4,1.4,0.4,2.3c0,0.8,0,2,0,3.7l0,0.7 c0,2,0,3.5-0.1,4.4c0,0.9-0.2,1.7-0.4,2.3c-0.3,0.8-0.7,1.5-1.3,2c-0.6,0.6-1.3,1-2,1.3C22,26.2,21.3,26.4,20.4,26.4z M15.2,24.6 h1.5c1.3,0,2.2,0,2.9,0c1.2-0.1,2-0.2,2.5-0.4c1-0.4,1.6-1.1,2-2c0.2-0.5,0.3-1.4,0.4-2.5c0-0.7,0-1.7,0-2.9v-1.5c0-1.3,0-2.2,0-2.9 c-0.1-1.2-0.2-2-0.4-2.5c-0.4-1-1-1.6-2-2c-0.5-0.2-1.3-0.3-2.5-0.4c-0.7,0-1.7,0-2.9,0h-1.5c-1.2,0-2.2,0-2.9,0 c-1.2,0.1-2,0.2-2.5,0.4c-1,0.4-1.6,1-2,2c-0.2,0.5-0.3,1.3-0.4,2.5c0,0.7,0,1.7,0,2.9v1.5c0,1.2,0,2.2,0,2.9c0.1,1.2,0.2,2,0.4,2.5 c0.4,1,1.1,1.6,2,2c0.5,0.2,1.4,0.3,2.5,0.4C13,24.6,14,24.6,15.2,24.6z M18.7,20.7c-0.8,0.5-1.7,0.7-2.7,0.7c-1,0-1.9-0.2-2.7-0.7 c-0.8-0.5-1.5-1.1-2-2c-0.5-0.8-0.7-1.7-0.7-2.7c0-1,0.2-1.9,0.7-2.7c0.5-0.8,1.1-1.5,2-2c0.8-0.5,1.7-0.7,2.7-0.7 c1,0,1.9,0.2,2.7,0.7c0.8,0.5,1.5,1.1,2,2c0.5,0.8,0.7,1.7,0.7,2.7c0,1-0.2,1.9-0.7,2.7C20.2,19.5,19.5,20.2,18.7,20.7z M13.5,18.5 c0.7,0.7,1.5,1,2.5,1c1,0,1.8-0.3,2.5-1s1-1.5,1-2.5c0-1-0.3-1.8-1-2.5s-1.5-1-2.5-1c-1,0-1.8,0.3-2.5,1s-1,1.5-1,2.5 C12.5,17,12.8,17.8,13.5,18.5z M22.5,11.3c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4s-0.4-0.5-0.4-0.9c0-0.3,0.1-0.6,0.4-0.9 s0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4s0.4,0.5,0.4,0.9C22.9,10.7,22.7,11,22.5,11.3z"/></svg></span></a> </li> <li> <a class="btn :icon-only :version-3 :size-1 :full-width-false social-link facebook" href="https://www.facebook.com/TealMedia/" ><span class="text">Facebook</span><span class="icon :icon-social/facebook"><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path class="fill" d="M13.5,27.2v-10H10v-4h3.5V10c0-1.7,0.5-3,1.5-3.9s2.3-1.4,3.9-1.4c1.3,0,2.4,0.1,3.2,0.2v3.5h-2.2 c-0.8,0-1.4,0.2-1.7,0.5c-0.2,0.3-0.4,0.8-0.4,1.4v2.8h3.9l-0.5,4h-3.3v10H13.5z"/></svg></span></a> </li> </menu> </div> </div> <div class="c-legal :bg-s1"> <div class="c-legal-inner"> <p> <span>Creative with a conscience</span> <span class="icon :icon-teal-heart"> <svg width="24" height="24" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg"> <g class="fill" transform="scale(1, 1) translate(38.5, 66)"> <path d="M81.4979 36.6594C84.9404 24.7382 90.1974 15.6913 97.2632 9.53142C104.335 3.37153 112.906 0.285156 122.988 0.285156C134.914 0.285156 144.501 4.29744 151.753 12.3284C159.006 20.3594 162.635 30.9753 162.635 44.1824C162.635 55.7692 160.114 65.0797 155.073 72.127C150.032 79.1742 140.352 86.0156 126.028 92.6513L124.184 93.5644C100.706 104.47 86.4749 116.667 81.4921 130.144C76.3926 116.596 62.191 104.405 38.8931 93.5644C38.0354 93.1593 37.3586 92.8507 36.8627 92.6513C22.4802 86.0156 12.783 79.2063 7.77097 72.2298C2.77065 65.2469 0.267578 55.9042 0.267578 44.1824C0.267578 30.9689 3.90842 20.353 11.1959 12.3284C18.4834 4.30387 28.0523 0.285156 39.9142 0.285156C50.0549 0.285156 58.6493 3.37153 65.686 9.53142C72.7226 15.6977 77.9971 24.7382 81.4979 36.6594Z"/> </g> </svg> </span> </p> <p>©Teal Media 2024</p> </div> </div> </div> </div> </div> </footer> <div id="work-with-us" uk-modal> <section class="modal-form :palette-1"> <div class=":c :g"> <button class="uk-modal-close-default" type="button" uk-close> <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20" cy="20" r="19.5" stroke="#222222" stroke-opacity="0.15"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M21.6532 19.9373L29.2105 12.3801L27.6195 10.7891L20.0623 18.3463L12.5051 10.7891L10.9141 12.3801L18.4713 19.9373L10.9141 27.4945L12.5051 29.0854L20.0623 21.5282L27.6195 29.0855L29.2104 27.4945L21.6532 19.9373Z" fill="#006666"/> </svg> </button> <div class="c-texture" style="--texture-bg-color: #CBF3EE;" > <span class="desktop-only"> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="/wp-content/themes/teal-2024/_html/public/images/modal-form-texture-default.png" alt="" > </div> </figure> </span> <span class="mobile-only"> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="/wp-content/themes/teal-2024/_html/public/images/modal-form-texture-default-rotated.png" alt="" > </div> </figure> </span> </div> <div class="c-text"> <div class=":c :m :p :g"> <div class="c-inner"> <script type="text/javascript"></script> <div class='gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_1' ><div id='gf_1' class='gform_anchor' tabindex='-1'></div> <div class='gform_heading'> <p class='gform_description'><h2>Let鈥檚 do this.</h2> <p>The part where we ask you to cough up your email. So we can discuss all the amazing things we鈥檙e gonna do together. No pressure. Really.</p></p> </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_1' id='gform_1' action='/team/#gf_1' data-formid='1' novalidate> <div class='gform-body gform_body'><div id='gform_fields_1' class='gform_fields top_label form_sublabel_below description_above validation_below'><fieldset id="field_1_9" class="gfield gfield--type-name gfield--width-full gfield_contains_required field_sublabel_hidden_label gfield--no-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_9" ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Name<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_1_9'> <span id='input_1_9_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' > <input type='text' name='input_9.3' id='input_1_9_3' value='' tabindex='2' aria-required='true' placeholder='First Name' /> <label for='input_1_9_3' class='gform-field-label gform-field-label--type-sub hidden_sub_label screen-reader-text'>First name</label> </span> <span id='input_1_9_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' > <input type='text' name='input_9.6' id='input_1_9_6' value='' tabindex='4' aria-required='true' placeholder='Last Name' /> <label for='input_1_9_6' class='gform-field-label gform-field-label--type-sub hidden_sub_label screen-reader-text'>Last name</label> </span> </div></fieldset><div id="field_1_3" class="gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_3" ><label class='gfield_label gform-field-label' for='input_1_3'>Email<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_3' id='input_1_3' type='email' value='' class='large' tabindex='6' placeholder='Type your answer here...' aria-required="true" aria-invalid="false" /> </div></div><div id="field_1_4" class="gfield gfield--type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_4" ><label class='gfield_label gform-field-label' for='input_1_4'>Organization<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_4' id='input_1_4' type='text' value='' class='large' tabindex='7' placeholder='Type your answer here...' aria-required="true" aria-invalid="false" /> </div></div><div id="field_1_5" class="gfield gfield--type-textarea field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_5" ><label class='gfield_label gform-field-label' for='input_1_5'>Tell us about your project</label><div class='ginput_container ginput_container_textarea'><textarea name='input_5' id='input_1_5' class='textarea large' tabindex='8' placeholder='Type your answer here...' aria-invalid="false" rows='10' cols='50'></textarea></div></div><div id="field_1_6" class="gfield gfield--type-text field_sublabel_below gfield--has-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_6" ><label class='gfield_label gform-field-label' for='input_1_6'>Budget, if you've got one.</label><div class='gfield_description' id='gfield_description_1_6'>This won't go down on your permanent record.</div><div class='ginput_container ginput_container_text'><input name='input_6' id='input_1_6' type='text' value='' class='large' aria-describedby="gfield_description_1_6" tabindex='9' placeholder='$...' aria-invalid="false" /> </div></div><div id="field_1_7" class="gfield gfield--type-text field_sublabel_below gfield--has-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_7" ><label class='gfield_label gform-field-label' for='input_1_7'>Tell us the problem you're hoping to solve.</label><div class='gfield_description' id='gfield_description_1_7'>We love a juicy problem.</div><div class='ginput_container ginput_container_text'><input name='input_7' id='input_1_7' type='text' value='' class='large' aria-describedby="gfield_description_1_7" tabindex='10' placeholder='Type your answer here...' aria-invalid="false" /> </div></div><div id="field_1_8" class="gfield gfield--type-fileupload field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_8" ><label class='gfield_label gform-field-label' for='input_1_8'>Got a file to share? Let's have a look.</label><div class='ginput_container ginput_container_fileupload'><input type='hidden' name='MAX_FILE_SIZE' value='52428800' /><input name='input_8' id='input_1_8' type='file' class='large' aria-describedby="gfield_upload_rules_1_8" onchange='javascript:gformValidateFileSize( this, 52428800 );' tabindex='11' /><span class='gfield_description gform_fileupload_rules' id='gfield_upload_rules_1_8'>Max. file size: 50 MB.</span><div class='gfield_description validation_message gfield_validation_message validation_message--hidden-on-empty' id='live_validation_message_1_8'></div></div></div><div id="field_1_10" class="gfield gfield--type-hidden gform_hidden field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_10" ><div class='ginput_container ginput_container_text'><input name='input_10' id='input_1_10' type='hidden' class='gform_hidden' aria-invalid="false" value='Form Submission' /></div></div><div id="field_1_11" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_11" ><label class='gfield_label gform-field-label' for='input_1_11'>Phone</label><div class='gfield_description' id='gfield_description_1_11'>This field is for validation purposes and should be left unchanged.</div><div class='ginput_container'><input name='input_11' id='input_1_11' type='text' value='' autocomplete='new-password'/></div></div></div></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_1' class='gform_button button' value='Work With Us' tabindex='12' onclick='if(window["gf_submitting_1"]){return false;} if( !jQuery("#gform_1")[0].checkValidity || jQuery("#gform_1")[0].checkValidity()){window["gf_submitting_1"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_1"]){return false;} if( !jQuery("#gform_1")[0].checkValidity || jQuery("#gform_1")[0].checkValidity()){window["gf_submitting_1"]=true;} jQuery("#gform_1").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=1&title=&description=1&tabindex=1&theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='1' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_1' value='WyJbXSIsImE4OTc2MTY4ZjA4ZTI3OTJjZTM4MDI1ZmExMjlkZjg5Il0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_1' id='gform_ajax_frame_1' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script> gform.initializeOnLoaded( function() {gformInitSpinner( 1, 'https://tealmedia.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_1').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_1');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_1').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_1').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_1').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_1').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_1').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_1').val();gformInitSpinner( 1, 'https://tealmedia.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [1, current_page]);window['gf_submitting_1'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_1').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_1').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [1]);window['gf_submitting_1'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_1').text());}else{jQuery('#gform_1').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_1" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_1"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [1, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 1, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); </script> </div> </div> </div> </div> </section> </div> </div> <script type="text/javascript"> jQuery( document ).ready( function () { jQuery( document ).on( 'gform_confirmation_loaded', function ( event, formId ) { if ( formId == 1 ) { setTimeout( function () { jQuery.ajax({ url: window.location.href, type: 'GET', success: function ( response ) { var content_new = jQuery( response ).find( '#work-with-us .c-inner' ).html(); jQuery( '#work-with-us .c-inner' ).html( content_new ); } }); }, 5000 ); } }); }); </script><div class="breakpoint-detector"><div class="b0"></div><div class="b1"></div><div class="b2"></div><div class="b3"></div><div class="b4"></div><div class="b5"></div><div class="b6"></div><div class="b7"></div><div class="b8"></div><div class="b9"></div></div> <script type="text/javascript"> (function(d,s,i,r) { if (d.getElementById(i)){return;} var n=d.createElement(s),e=d.getElementsByTagName(s)[0]; n.id=i;n.src='//js.hs-analytics.net/analytics/'+(Math.ceil(new Date()/r)*r)+'/23694962.js'; e.parentNode.insertBefore(n, e); })(document,"script","hs-analytics",300000); </script>  <script defer='defer' src="https://tealmedia.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.8.18" id="gform_placeholder-js"></script> <script defer='defer' src="https://tealmedia.com/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=54e7080aa7a02c83aa61fae430b9d869" id="gform_gravityforms_theme_vendors-js"></script> <script id="gform_gravityforms_theme-js-extra"> var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"d940b84825d553eccec395edfc5543f3"}}},"hmr_dev":"","public_path":"https:\/\/tealmedia.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/"}; </script> <script defer='defer' src="https://tealmedia.com/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=bab19fd84843dabc070e73326d787910" id="gform_gravityforms_theme-js"></script> <script rel="preload" as="script" src="//cdn.jsdelivr.net/npm/uikit@3.15.1/dist/js/uikit.min.js?ver=3.15.19" id="fritz-uikit-js"></script> <script rel="preload" as="script" src="//cdn.jsdelivr.net/npm/uikit@3.15.1/dist/js/uikit-icons.min.js?ver=3.15.19" id="fritz-uikit-icons-js"></script> <script rel="preload" as="script" src="//unpkg.com/swiper/swiper-bundle.min.js?ver=6.8.4" id="fritz-swiper-js"></script> <script rel="preload" as="script" src="https://www.google.com/recaptcha/api.js?render&ver=1.0.0" id="fritz-grecaptcha-js"></script> <script id="fritz-app-js-extra"> var fritzScripts = {"ajaxurl":"https:\/\/tealmedia.com\/wp-admin\/admin-ajax.php","security":"08777847bb","postid":"9660","recaptchaKey":""}; </script> <script src="https://tealmedia.com/wp-content/themes/teal-2024/_html/public/js/app.min.js?ver=1732142148" id="fritz-app-js"></script> <script> gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 1) {if(typeof Placeholders != 'undefined'){ Placeholders.enable(); }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); </script> <script> gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_1" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_1"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [1, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 1, currentPage: 1 } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); </script> <script> gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 2) {if(typeof Placeholders != 'undefined'){ Placeholders.enable(); }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); </script> <script> gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "2", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_2" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_2"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_2" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [2, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 2, currentPage: 1 } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); </script> </body> </html>

CINXE.COM

Meet the Teal Media Team: Creative Experts for Impactful Design