Teal Media | Creative with a Conscience

<!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>Teal Media | Creative with a Conscience</title> <meta name="description" content="Teal Media is a woman-owned full-service creative agency based in Washington, DC, that creates brands, builds websites, and drives support for nonprofits." /> <link rel="canonical" href="https://tealmedia.com/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Teal Media | Creative with a Conscience" /> <meta property="og:description" content="Teal Media is a woman-owned full-service creative agency based in Washington, DC, that creates brands, builds websites, and drives support for nonprofits." /> <meta property="og:url" content="https://tealmedia.com/" /> <meta property="og:site_name" content="Teal Media" /> <meta property="article:modified_time" content="2024-09-25T18:34:37+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/","url":"https://tealmedia.com/","name":"Teal Media | Creative with a Conscience","isPartOf":{"@id":"https://tealmedia.com/#website"},"about":{"@id":"https://tealmedia.com/#organization"},"datePublished":"2024-01-08T14:06:23+00:00","dateModified":"2024-09-25T18:34:37+00:00","description":"Teal Media is a woman-owned full-service creative agency based in Washington, DC, that creates brands, builds websites, and drives support for nonprofits.","breadcrumb":{"@id":"https://tealmedia.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://tealmedia.com/"]}]},{"@type":"BreadcrumbList","@id":"https://tealmedia.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@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/9238" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://tealmedia.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://tealmedia.com/' /> <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%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%2F&format=xml" /> </head> <body class="home page-template-default page page-id-9238"> <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 home" data-palette-static="5" 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"> <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-87939" 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-87939" 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-55716" 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-55716" 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 :size-1 :align-right :highlight-text-true"> <div class="c-inner :c :m :p :g rit-fill"> <div class="c-text :g" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h1 class="title">Creative with a <strong>conscience.</strong></h1> <div class="hero-abstract"> <p>We鈥檙e a woman-owned, women-led full-service creative agency that partners with nonprofits to create brands, build websites, and drive support for game-changing missions.</p> </div> </div> </div> </header> <main id="main-content" class=":c :m :p :g"> <section class="feed rot-default rob-feature :arrange-grid :wrap-true :width-full work-home"> <div class="p-inner"> <div data-feed-items class="cards :g-12 "> <article class="card work-card has-image-hover :ratio-normal"> <div class="c-inner :g"> <a class="overlink" href="https://tealmedia.com/work/pflag/"> <span class="screen-reader-only">PFLAG</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-normal"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2023/02/PFLAG-FeaturedImage-Thumb-500x342.jpg" alt="Two individuals at a parade with a pride flag draped over their shoulders" srcset="https://tealmedia.com/wp-content/uploads/2023/02/PFLAG-FeaturedImage-Thumb-500x342.jpg 500w, https://tealmedia.com/wp-content/uploads/2023/02/PFLAG-FeaturedImage-Thumb-300x205.jpg 300w, https://tealmedia.com/wp-content/uploads/2023/02/PFLAG-FeaturedImage-Thumb-1024x699.jpg 1024w, https://tealmedia.com/wp-content/uploads/2023/02/PFLAG-FeaturedImage-Thumb-768x525.jpg 768w, https://tealmedia.com/wp-content/uploads/2023/02/PFLAG-FeaturedImage-Thumb-1536x1049.jpg 1536w, https://tealmedia.com/wp-content/uploads/2023/02/PFLAG-FeaturedImage-Thumb-100x68.jpg 100w, https://tealmedia.com/wp-content/uploads/2023/02/PFLAG-FeaturedImage-Thumb-250x171.jpg 250w, https://tealmedia.com/wp-content/uploads/2023/02/PFLAG-FeaturedImage-Thumb-1000x683.jpg 1000w, https://tealmedia.com/wp-content/uploads/2023/02/PFLAG-FeaturedImage-Thumb-1500x1025.jpg 1500w, https://tealmedia.com/wp-content/uploads/2023/02/PFLAG-FeaturedImage-Thumb.jpg 2000w" sizes="(min-width: 1528px) 1528px, 100vw" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h3 class="title "> <span class="shy">PFLAG</span> </h3> <p class="abstract">An updated brand and a new website to power PFLAG鈥檚 advocacy on behalf of LGBTQ+ people and their families.</p> </div> </div> </article> <article class="card work-card has-pullquote :g has-image-hover :ratio-normal"> <div class="c-inner :g"> <a class="overlink" href="https://tealmedia.com/work/home-planet-fund/"> <span class="screen-reader-only">Home Planet Fund</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-normal"> <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 " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/04/hpf-hero-image-e1713797376926-500x285.jpg" alt="Ladies planting sugarcane in Fiji" srcset="https://tealmedia.com/wp-content/uploads/2024/04/hpf-hero-image-e1713797376926-500x285.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/04/hpf-hero-image-e1713797376926-300x171.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/04/hpf-hero-image-e1713797376926-1024x584.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/04/hpf-hero-image-e1713797376926-768x438.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/04/hpf-hero-image-e1713797376926-1536x876.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/04/hpf-hero-image-e1713797376926-100x57.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/04/hpf-hero-image-e1713797376926-250x143.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/04/hpf-hero-image-e1713797376926-1000x570.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/04/hpf-hero-image-e1713797376926-1500x855.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/04/hpf-hero-image-e1713797376926.jpg 2000w" sizes="(min-width: 1528px) 1528px, 100vw" loading="lazy" > </div> </figure> <figure class="image media-figure :g-x :ratio-normal 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/04/hero-image-2-500x286.jpg" alt="Boys on donkeys laden with water jugs walk along the edge of the Ajar river, as the surrounding red cliffs are lit by the setting sun, near Dehe Khankhala, upper Ajar Valley Bamiyan Province, Afghanistan" srcset="https://tealmedia.com/wp-content/uploads/2024/04/hero-image-2-500x286.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/04/hero-image-2-300x172.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/04/hero-image-2-1024x586.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/04/hero-image-2-768x439.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/04/hero-image-2-1536x879.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/04/hero-image-2-100x57.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/04/hero-image-2-250x143.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/04/hero-image-2-1000x572.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/04/hero-image-2-1500x858.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/04/hero-image-2.jpg 2000w" sizes="(min-width: 1528px) 1528px, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h3 class="title "> <span class="shy">Home Planet Fund</span> </h3> <p class="abstract">A full digital ecosystem for an independent nonprofit (with an initial investment from Patagonia) that supports Indigenous communities leading climate action with nature-based solutions.</p> </div> </div> <div class="pullquote :accent-a2"> <div class="c-quote-title"> <span class="icon :icon-teal-quote"> <svg width="24" height="24" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg"> <g class="fill" transform="scale(1.5, 1.5) translate(18, 38)"> <path d="M122.12 4.74802C109.783 4.74802 99.9809 6.59396 92.7124 10.2802C85.4439 13.9664 81.8068 18.8438 81.8068 24.9123C81.8068 26.7582 82.2254 28.1243 83.0569 29.0162C83.8884 29.9082 85.1724 30.3541 86.9033 30.3541C87.8592 30.3541 89.7484 29.9816 92.5767 29.2364C95.4049 28.4912 97.8032 28.1187 99.7716 28.1187C106.327 28.1187 111.956 30.6138 116.667 35.6097C121.373 40.6056 123.727 46.5838 123.727 53.5385C123.727 61.69 121.074 68.2552 115.774 73.2511C110.474 78.247 103.499 80.7422 94.8562 80.7422C85.738 80.7422 78.5148 77.7841 73.1808 71.8681C67.8468 65.9577 65.1826 57.9134 65.1826 47.7466C65.1826 32.7025 70.0698 21.0736 79.8441 12.8656C89.6183 4.65769 103.527 0.553718 121.588 0.553721L122.482 0.553721L122.482 4.74802L122.126 4.74802L122.12 4.74802Z"/> <path d="M57.0313 4.73653C44.8134 4.73653 35.0448 6.59376 27.7141 10.3139C20.3833 14.0283 16.718 18.8605 16.718 24.8105C16.718 26.7749 17.1196 28.1862 17.9228 29.0499C18.726 29.9136 20.0553 30.3426 21.8993 30.3426C22.793 30.3426 24.7162 29.9701 27.6631 29.2249C30.6101 28.4798 33.0141 28.1072 34.8581 28.1072C41.4139 28.1072 47.0138 30.591 51.6633 35.5587C56.3129 40.5207 58.6377 46.5158 58.6377 53.5327C58.6377 61.6785 55.9848 68.2494 50.6848 73.2453C45.379 78.2412 38.4103 80.7363 29.7673 80.7363C21.1243 80.7363 13.4995 77.7614 8.13718 71.8171C2.7749 65.8672 0.0937558 57.8116 0.0937567 47.6392C0.093758 32.6515 4.99788 21.0565 14.8005 12.8485C24.603 4.64057 38.5009 0.536581 56.4996 0.536583L57.3933 0.536583L57.3933 4.73089L57.0369 4.73089L57.0313 4.73653Z"/> </g> </svg> </span> </div> <blockquote uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text;"> <p>I can鈥檛 imagine building Home Planet Fund without the team at Teal. They鈥檙e not only great at what they do, they were thought partners in developing our brand, voice, and vision. They are a core part of our organization.</p> </blockquote> <figcaption class="rot-small person-color-3" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <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 " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/04/dilafruz-500x500.jpg" alt="Headshot of Dilafruz, Executive Director of HPF" srcset="https://tealmedia.com/wp-content/uploads/2024/04/dilafruz-500x500.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/04/dilafruz-300x300.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/04/dilafruz-150x150.jpg 150w, https://tealmedia.com/wp-content/uploads/2024/04/dilafruz-100x100.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/04/dilafruz-250x250.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/04/dilafruz.jpg 700w" loading="lazy" > </div> </figure> <div class="quote-meta"> <p class="name">Dilafruz Khonikboyeva</p> <p class="role"></p> <p class="work"></p> </div> </figcaption> </div> </article> <article class="card work-card has-image-hover :ratio-normal"> <div class="c-inner :g"> <a class="overlink" href="https://tealmedia.com/work/brookings-institution/"> <span class="screen-reader-only">Brookings Institution</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-normal"> <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 " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2023/11/brookings-hero-desktop-update-500x239.jpg" alt="Panelists on the stage during a Brookings event" srcset="https://tealmedia.com/wp-content/uploads/2023/11/brookings-hero-desktop-update-500x239.jpg 500w, https://tealmedia.com/wp-content/uploads/2023/11/brookings-hero-desktop-update-300x143.jpg 300w, https://tealmedia.com/wp-content/uploads/2023/11/brookings-hero-desktop-update-1024x489.jpg 1024w, https://tealmedia.com/wp-content/uploads/2023/11/brookings-hero-desktop-update-768x367.jpg 768w, https://tealmedia.com/wp-content/uploads/2023/11/brookings-hero-desktop-update-1536x733.jpg 1536w, https://tealmedia.com/wp-content/uploads/2023/11/brookings-hero-desktop-update-100x48.jpg 100w, https://tealmedia.com/wp-content/uploads/2023/11/brookings-hero-desktop-update-250x119.jpg 250w, https://tealmedia.com/wp-content/uploads/2023/11/brookings-hero-desktop-update-1000x477.jpg 1000w, https://tealmedia.com/wp-content/uploads/2023/11/brookings-hero-desktop-update-1500x716.jpg 1500w, https://tealmedia.com/wp-content/uploads/2023/11/brookings-hero-desktop-update-2000x955.jpg 2000w, https://tealmedia.com/wp-content/uploads/2023/11/brookings-hero-desktop-update.jpg 2042w" sizes="(min-width: 1528px) 1528px, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h3 class="title "> <span class="shy">Brookings Institution</span> </h3> <p class="abstract">A completely new look for the think tank鈥檚 research, commentary, scholars, and events鈥攐ne that reflects Brookings' position as a beacon for policymakers worldwide.</p> </div> </div> </article> <article class="card work-card has-image-hover :ratio-normal"> <div class="c-inner :g"> <a class="overlink" href="https://tealmedia.com/work/amnesty-international-usa/"> <span class="screen-reader-only">Amnesty International USA</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-normal"> <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 " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/Amnesty-Hero_Desktop-500x287.jpg" alt="Amnesty supporters welcoming refugees" srcset="https://tealmedia.com/wp-content/uploads/2024/02/Amnesty-Hero_Desktop-500x287.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/02/Amnesty-Hero_Desktop-300x172.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/02/Amnesty-Hero_Desktop-1024x588.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/02/Amnesty-Hero_Desktop-768x441.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/02/Amnesty-Hero_Desktop-1536x882.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/02/Amnesty-Hero_Desktop-2048x1176.jpg 2048w, https://tealmedia.com/wp-content/uploads/2024/02/Amnesty-Hero_Desktop-100x57.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/02/Amnesty-Hero_Desktop-250x144.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/02/Amnesty-Hero_Desktop-1000x574.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/02/Amnesty-Hero_Desktop-1500x861.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/02/Amnesty-Hero_Desktop-2000x1148.jpg 2000w" sizes="(min-width: 1528px) 1528px, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h3 class="title "> <span class="shy">Amnesty International USA</span> </h3> <p class="abstract">Building a Global Movement that Takes Injustice Personally</p> </div> </div> </article> <div class="button-group"> <a class="btn :version-3 :size-2 :full-width-false" href="/work/" ><span class="text">View more work</span></a> </div> </div> </div> </section> <div class="background-switch" data-bg-switch data-bg-switch-palette="1" data-bg-switch-lookaround="0" ></div> <div class="callout ro-feature"> <div class="p-inner :g" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h2 class="title">We create brands. We build websites. We <strong>drive support</strong> for your mission.</h2> <div class="c-text rot-tiny"> <p>And we make sure all of these things work together to accomplish your goals.</p> <div class="e-btn rot-flow"> <a class="btn :version-1 :size-2 :full-width-false" href="/services/" ><span class="text">explore our services</span></a> </div> </div> </div> </div> <header class="section-header rot-default" uk-scrollspy="cls: tm-slide-bottom-small-text;"> <span class="icon :icon-teal-star"> <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(32, 33)"> <path d="M125.432 67.5907C121.842 65.2349 118.384 62.6619 115.056 59.8751C112.269 56.5471 109.693 53.0862 107.337 49.4957C98.0108 35.2861 91.8895 18.821 88.973 0.100586H86.8375C83.9211 18.821 77.7998 35.2861 68.4736 49.4957C66.1177 53.0862 63.5447 56.5438 60.7579 59.8718C57.4299 62.6587 53.969 65.2349 50.3785 67.5907C36.1689 76.9169 19.7038 83.0383 0.983398 85.9547V88.0902C19.7038 91.0067 36.1689 97.128 50.3785 106.454C53.969 108.81 57.4266 111.383 60.7547 114.17C63.5415 117.498 66.1177 120.959 68.4736 124.549C77.7998 138.759 83.9211 155.224 86.8375 173.944H88.973C91.8895 155.224 98.0108 138.759 107.337 124.549C109.693 120.959 112.266 117.501 115.053 114.173C118.381 111.386 121.842 108.81 125.432 106.454C139.642 97.128 156.107 91.0067 174.827 88.0902V85.9547C156.107 83.0383 139.642 76.9169 125.432 67.5907Z"/> </g> </svg> </span> <h3>Our Clients</h3> </header> <section id="marquee-96409" class="logo-marquee marquee rot-default rob-feature :images-true :width-bleed" data-playing="true" data-suspended="false" data-speed="3" style="--marquee-loop-time: 60s; --marquee-group-width: 100vw;" > <div class="p-inner"> <div class="c-inner"> <div class="c-rail"> <div class="c-group"> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/cap-logo.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/moc-logo.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/brookings-logo.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/CLASP.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/GirlTrek.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/Madrie.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/PBTF-1.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/PFLAG.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/TMP-1.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/Amnesty-2.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/nti-logo.png" alt="" > </div> </figure> </div> </div> </div> </div> </div> <div class="c-marquee-control c-control rot-medium"> <button aria-label="Toggle marquee animation" aria-controls="marquee-96409" class="btn :icon-only :version-1 :size-1 :full-width-false marquee-toggle" ><span class="text">Toggle</span><span class="icon :icon-pause"><svg class="tm" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><rect class="fill" x="6" y="5" width="4" height="14" /><rect class="fill" x="14" y="5" width="4" height="14" /></svg></span><span class="icon :icon-play"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><polygon class="fill" points="7,5 19,12 7,19" vector-effect="non-scaling-stroke" /></svg></span></button> </div> </div> </section> <section class="slideshow rot-feature :adjacent-false :pagination-true :width-medium :bg-bleed-true" data-slideshow-common-caption=false > <div class="p-inner"> <div class="c-inner"> <div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="pullquote :accent-a2"> <div class="c-quote-title"> <span class="icon :icon-teal-quote"> <svg width="24" height="24" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg"> <g class="fill" transform="scale(1.5, 1.5) translate(18, 38)"> <path d="M122.12 4.74802C109.783 4.74802 99.9809 6.59396 92.7124 10.2802C85.4439 13.9664 81.8068 18.8438 81.8068 24.9123C81.8068 26.7582 82.2254 28.1243 83.0569 29.0162C83.8884 29.9082 85.1724 30.3541 86.9033 30.3541C87.8592 30.3541 89.7484 29.9816 92.5767 29.2364C95.4049 28.4912 97.8032 28.1187 99.7716 28.1187C106.327 28.1187 111.956 30.6138 116.667 35.6097C121.373 40.6056 123.727 46.5838 123.727 53.5385C123.727 61.69 121.074 68.2552 115.774 73.2511C110.474 78.247 103.499 80.7422 94.8562 80.7422C85.738 80.7422 78.5148 77.7841 73.1808 71.8681C67.8468 65.9577 65.1826 57.9134 65.1826 47.7466C65.1826 32.7025 70.0698 21.0736 79.8441 12.8656C89.6183 4.65769 103.527 0.553718 121.588 0.553721L122.482 0.553721L122.482 4.74802L122.126 4.74802L122.12 4.74802Z"/> <path d="M57.0313 4.73653C44.8134 4.73653 35.0448 6.59376 27.7141 10.3139C20.3833 14.0283 16.718 18.8605 16.718 24.8105C16.718 26.7749 17.1196 28.1862 17.9228 29.0499C18.726 29.9136 20.0553 30.3426 21.8993 30.3426C22.793 30.3426 24.7162 29.9701 27.6631 29.2249C30.6101 28.4798 33.0141 28.1072 34.8581 28.1072C41.4139 28.1072 47.0138 30.591 51.6633 35.5587C56.3129 40.5207 58.6377 46.5158 58.6377 53.5327C58.6377 61.6785 55.9848 68.2494 50.6848 73.2453C45.379 78.2412 38.4103 80.7363 29.7673 80.7363C21.1243 80.7363 13.4995 77.7614 8.13718 71.8171C2.7749 65.8672 0.0937558 57.8116 0.0937567 47.6392C0.093758 32.6515 4.99788 21.0565 14.8005 12.8485C24.603 4.64057 38.5009 0.536581 56.4996 0.536583L57.3933 0.536583L57.3933 4.73089L57.0369 4.73089L57.0313 4.73653Z"/> </g> </svg> </span> </div> <blockquote uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text;"> <p>Teal has been the epitome of the problem-solving partner. There is a Japanese concept of Shokunin, or the spiritual obligation to society to be the best you can be at your craft to make the world a better place. Teal embodies this!</p> </blockquote> <figcaption class="rot-small person-color-3" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <div class="quote-meta"> <p class="name">Soren Messner-Zidel</p> <p class="role"> Senior Director, Digital & Creative</p> <p class="work"><a href="http://brookings.edu">The Brookings Institution</a></p> </div> </figcaption> </div> </div> <div class="swiper-slide"> <div class="pullquote :accent-a2"> <div class="c-quote-title"> <span class="icon :icon-teal-quote"> <svg width="24" height="24" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg"> <g class="fill" transform="scale(1.5, 1.5) translate(18, 38)"> <path d="M122.12 4.74802C109.783 4.74802 99.9809 6.59396 92.7124 10.2802C85.4439 13.9664 81.8068 18.8438 81.8068 24.9123C81.8068 26.7582 82.2254 28.1243 83.0569 29.0162C83.8884 29.9082 85.1724 30.3541 86.9033 30.3541C87.8592 30.3541 89.7484 29.9816 92.5767 29.2364C95.4049 28.4912 97.8032 28.1187 99.7716 28.1187C106.327 28.1187 111.956 30.6138 116.667 35.6097C121.373 40.6056 123.727 46.5838 123.727 53.5385C123.727 61.69 121.074 68.2552 115.774 73.2511C110.474 78.247 103.499 80.7422 94.8562 80.7422C85.738 80.7422 78.5148 77.7841 73.1808 71.8681C67.8468 65.9577 65.1826 57.9134 65.1826 47.7466C65.1826 32.7025 70.0698 21.0736 79.8441 12.8656C89.6183 4.65769 103.527 0.553718 121.588 0.553721L122.482 0.553721L122.482 4.74802L122.126 4.74802L122.12 4.74802Z"/> <path d="M57.0313 4.73653C44.8134 4.73653 35.0448 6.59376 27.7141 10.3139C20.3833 14.0283 16.718 18.8605 16.718 24.8105C16.718 26.7749 17.1196 28.1862 17.9228 29.0499C18.726 29.9136 20.0553 30.3426 21.8993 30.3426C22.793 30.3426 24.7162 29.9701 27.6631 29.2249C30.6101 28.4798 33.0141 28.1072 34.8581 28.1072C41.4139 28.1072 47.0138 30.591 51.6633 35.5587C56.3129 40.5207 58.6377 46.5158 58.6377 53.5327C58.6377 61.6785 55.9848 68.2494 50.6848 73.2453C45.379 78.2412 38.4103 80.7363 29.7673 80.7363C21.1243 80.7363 13.4995 77.7614 8.13718 71.8171C2.7749 65.8672 0.0937558 57.8116 0.0937567 47.6392C0.093758 32.6515 4.99788 21.0565 14.8005 12.8485C24.603 4.64057 38.5009 0.536581 56.4996 0.536583L57.3933 0.536583L57.3933 4.73089L57.0369 4.73089L57.0313 4.73653Z"/> </g> </svg> </span> </div> <blockquote uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text;"> <p>Teal pulled together a tight group of folks with the skills and experience to work quickly through the groundwork and tackle the inevitable oddities that turn up in any project of scale. Their industry experience helped us get off on the right foot鈥攚e鈥檝e been speaking the same language since day one.</p> </blockquote> <figcaption class="rot-small person-color-3" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <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 " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/jamie.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/jamie.png 179w, https://tealmedia.com/wp-content/uploads/2024/01/jamie-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/jamie-100x100.png 100w" loading="lazy" > </div> </figure> <div class="quote-meta"> <p class="name">Jamie Perez</p> <p class="role">Senior Vice President, Digital Strategy</p> <p class="work"><a href="https://www.americanprogress.org/">Center for American Progress</a></p> </div> </figcaption> </div> </div> <div class="swiper-slide"> <div class="pullquote :accent-a2"> <div class="c-quote-title"> <span class="icon :icon-teal-quote"> <svg width="24" height="24" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg"> <g class="fill" transform="scale(1.5, 1.5) translate(18, 38)"> <path d="M122.12 4.74802C109.783 4.74802 99.9809 6.59396 92.7124 10.2802C85.4439 13.9664 81.8068 18.8438 81.8068 24.9123C81.8068 26.7582 82.2254 28.1243 83.0569 29.0162C83.8884 29.9082 85.1724 30.3541 86.9033 30.3541C87.8592 30.3541 89.7484 29.9816 92.5767 29.2364C95.4049 28.4912 97.8032 28.1187 99.7716 28.1187C106.327 28.1187 111.956 30.6138 116.667 35.6097C121.373 40.6056 123.727 46.5838 123.727 53.5385C123.727 61.69 121.074 68.2552 115.774 73.2511C110.474 78.247 103.499 80.7422 94.8562 80.7422C85.738 80.7422 78.5148 77.7841 73.1808 71.8681C67.8468 65.9577 65.1826 57.9134 65.1826 47.7466C65.1826 32.7025 70.0698 21.0736 79.8441 12.8656C89.6183 4.65769 103.527 0.553718 121.588 0.553721L122.482 0.553721L122.482 4.74802L122.126 4.74802L122.12 4.74802Z"/> <path d="M57.0313 4.73653C44.8134 4.73653 35.0448 6.59376 27.7141 10.3139C20.3833 14.0283 16.718 18.8605 16.718 24.8105C16.718 26.7749 17.1196 28.1862 17.9228 29.0499C18.726 29.9136 20.0553 30.3426 21.8993 30.3426C22.793 30.3426 24.7162 29.9701 27.6631 29.2249C30.6101 28.4798 33.0141 28.1072 34.8581 28.1072C41.4139 28.1072 47.0138 30.591 51.6633 35.5587C56.3129 40.5207 58.6377 46.5158 58.6377 53.5327C58.6377 61.6785 55.9848 68.2494 50.6848 73.2453C45.379 78.2412 38.4103 80.7363 29.7673 80.7363C21.1243 80.7363 13.4995 77.7614 8.13718 71.8171C2.7749 65.8672 0.0937558 57.8116 0.0937567 47.6392C0.093758 32.6515 4.99788 21.0565 14.8005 12.8485C24.603 4.64057 38.5009 0.536581 56.4996 0.536583L57.3933 0.536583L57.3933 4.73089L57.0369 4.73089L57.0313 4.73653Z"/> </g> </svg> </span> </div> <blockquote uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text;"> <p>Teal exceeded our expectations with their creativity, attention to detail, and collaborative approach in designing and implementing our new logo and website. Their expertise and dedication truly captured the essence of our organization and helped us better serve our mission.</p> </blockquote> <figcaption class="rot-small person-color-4" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <div class="quote-meta"> <p class="name">Pete Griffin</p> <p class="role">President & CEO</p> <p class="work"><a href="https://www.musiciansoncall.org/">Musicians On Call</a></p> </div> </figcaption> </div> </div> <div class="swiper-slide"> <div class="pullquote :accent-a2"> <div class="c-quote-title"> <span class="icon :icon-teal-quote"> <svg width="24" height="24" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg"> <g class="fill" transform="scale(1.5, 1.5) translate(18, 38)"> <path d="M122.12 4.74802C109.783 4.74802 99.9809 6.59396 92.7124 10.2802C85.4439 13.9664 81.8068 18.8438 81.8068 24.9123C81.8068 26.7582 82.2254 28.1243 83.0569 29.0162C83.8884 29.9082 85.1724 30.3541 86.9033 30.3541C87.8592 30.3541 89.7484 29.9816 92.5767 29.2364C95.4049 28.4912 97.8032 28.1187 99.7716 28.1187C106.327 28.1187 111.956 30.6138 116.667 35.6097C121.373 40.6056 123.727 46.5838 123.727 53.5385C123.727 61.69 121.074 68.2552 115.774 73.2511C110.474 78.247 103.499 80.7422 94.8562 80.7422C85.738 80.7422 78.5148 77.7841 73.1808 71.8681C67.8468 65.9577 65.1826 57.9134 65.1826 47.7466C65.1826 32.7025 70.0698 21.0736 79.8441 12.8656C89.6183 4.65769 103.527 0.553718 121.588 0.553721L122.482 0.553721L122.482 4.74802L122.126 4.74802L122.12 4.74802Z"/> <path d="M57.0313 4.73653C44.8134 4.73653 35.0448 6.59376 27.7141 10.3139C20.3833 14.0283 16.718 18.8605 16.718 24.8105C16.718 26.7749 17.1196 28.1862 17.9228 29.0499C18.726 29.9136 20.0553 30.3426 21.8993 30.3426C22.793 30.3426 24.7162 29.9701 27.6631 29.2249C30.6101 28.4798 33.0141 28.1072 34.8581 28.1072C41.4139 28.1072 47.0138 30.591 51.6633 35.5587C56.3129 40.5207 58.6377 46.5158 58.6377 53.5327C58.6377 61.6785 55.9848 68.2494 50.6848 73.2453C45.379 78.2412 38.4103 80.7363 29.7673 80.7363C21.1243 80.7363 13.4995 77.7614 8.13718 71.8171C2.7749 65.8672 0.0937558 57.8116 0.0937567 47.6392C0.093758 32.6515 4.99788 21.0565 14.8005 12.8485C24.603 4.64057 38.5009 0.536581 56.4996 0.536583L57.3933 0.536583L57.3933 4.73089L57.0369 4.73089L57.0313 4.73653Z"/> </g> </svg> </span> </div> <blockquote uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text;"> <p>I can鈥檛 express my awe and gratitude enough to all of you. You are not only incredibly talented and skilled people, you are kind, funny, and wonderful people to work with. This couldn鈥檛 have happened without each of you. WHYY is, in a word, thrilled.</p> </blockquote> <figcaption class="rot-small person-color-4" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <div class="quote-meta"> <p class="name">Gabriel Coan</p> <p class="role">Vice President, Digital Strategies and Services</p> <p class="work"><a href="https://www.freshair.com/">Fresh Air With Terry Gross</a></p> </div> </figcaption> </div> </div> </div> <div class="swiper-pagination"></div> </div> <button class="btn :icon-only :version-3 :size-1 :full-width-false slideshow-nav-btn prev" ><span class="text">Previous Slide</span><span class="icon :icon-caret :rotate-180"><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> <button class="btn :icon-only :version-3 :size-1 :full-width-false slideshow-nav-btn next" ><span class="text">Next Slide</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> </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">Let鈥檚 get started.</h2> <div class="e-btn"> <a uk-toggle aria-haspopup="dialog" aria-controls="work-with-us" class="btn :version-1 :size-2 :full-width-false" href="#work-with-us" ><span class="text">work with us</span></a> </div> </div> </div> <div class="sticky-cta ro-flush" data-vanish data-vanish-target=".masthead, .footer-prompt, .site-footer" data-vanish-lookaround="1.2" data-vanish-visible="false" > <div> <a uk-toggle aria-haspopup="dialog" aria-controls="work-with-us" class="btn :version-2 :size-1 :full-width-false" href="#work-with-us" ><span class="text">work with us</span></a> </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_unknown 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='/#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_unknown 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='/#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'>Comments</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":"e5dc7f3107","postid":"9238","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

Teal Media | Creative with a Conscience