PageSourceSearch

https://audiencespectrum.org/en/map

html audiencespectrum.org collected 2026-09-29 02:38:48 UTC 119,610 bytes, 1,782 lines download raw bytes

1
2
3
4	<!doctype html>
5<html lang="en-GB">
6
7	<head>
8	        	<meta charset="utf-8" />
9<meta name="description" content="The most powerful tool for segmenting UK cultural audiences" />
10<meta name="abstract" content="The most powerful tool for segmenting UK cultural audiences" />
11<link rel="canonical" href="https://audiencespectrum.org/en/map" />
12<meta name="robots" content="max-image-preview:standard" />
13<link rel="image_src" href="https://evidence.audienceanswers.org/themes/custom/taa/images/meta/audience_spectrum_social.png" />
14<meta property="og:site_name" content="Audience Spectrum" />
15<meta property="og:type" content="website" />
16<meta property="og:url" content="https://audiencespectrum.org/en/map" />
17<meta property="og:title" content="Audience Spectrum Map | Audience Spectrum" />
18<meta property="og:description" content="The most powerful tool for segmenting UK cultural audiences" />
19<meta property="og:image" content="https://evidence.audienceanswers.org/themes/custom/taa/images/meta/audience_spectrum_social.png" />
20<meta property="og:image:alt" content="Audience Spectrum" />
21<meta name="twitter:card" content="summary" />
22<meta name="twitter:title" content="| Audience Spectrum" />
23<meta name="twitter:description" content="The most powerful tool for segmenting UK cultural audiences" />
24<meta name="twitter:creator" content="@audienceagents" />
25<meta name="twitter:image" content="https://evidence.audienceanswers.org/themes/custom/taa/images/meta/audience_spectrum_social.png" />
26<meta name="twitter:image:alt" content="Audience Spectrum" />
27<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" />
28<meta name="MobileOptimized" content="width" />
29<meta name="HandheldFriendly" content="true" />
30<meta name="viewport" content="width=device-width, initial-scale=1.0" />
31<link rel="icon" href="/core/misc/favicon.ico" type="image/vnd.microsoft.icon" />
32
33
34		<!-- only crawl on live site that is not on janus-test   -->
35		
36		 <!-- Google Tag Manager -->
37    
37<script>
38      window.dataLayer = window.dataLayer || [];
39    </script>
39
40
41    
41<script>
vendor: 338 bytes, lines 41-46
41
42		(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
43		new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
44		j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
45		'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
46		})(window,document,'script','dataLayer','
46GTM-PJ8RQZD
vendor: 5 bytes, lines 46-47
46');
47	
47</script>
47
48
49    <!-- End Google Tag Manager -->
50
51		<meta charset="UTF-8">
52<meta name="viewport" content="width=device-width, initial-scale=1.0">
53<title>Audience Spectrum Map | Audience Spectrum</title>
54
55		
56<!-- Favicons -->
57<link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/taa_spectrum/images/favicons/apple-touch-icon.png">
58<link rel="icon" type="image/png" sizes="32x32" href="/themes/custom/taa_spectrum/images/favicons/favicon-32x32.png">
59<link rel="icon" type="image/png" sizes="16x16" href="/themes/custom/taa_spectrum/images/favicons/favicon-16x16.png">
60<link rel="manifest" href="/themes/custom/taa_spectrum/images/favicons/site.webmanifest">
61<link rel="mask-icon" href="/themes/custom/taa_spectrum/images/favicons/safari-pinned-tab.svg" color="#5bbad5">
62<link rel="shortcut icon" href="/themes/custom/taa_spectrum/images/favicons/favicon.ico">
63<meta name="msapplication-TileColor" content="#FFFFFF">
64<meta name="msapplication-config" content="/themes/custom/taa_spectrum/images/favicons/browserconfig.xml">
65<meta name="theme-color" content="#ffffff">
66		<!-- Google fonts - Noto Sans -->
67<link rel="preconnect" href="https://fonts.googleapis.com">
68<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
69<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
70
71<!-- Caecilia -->
72<link href="https://fonts.cdnfonts.com/css/caecilia-lt-pro?styles=63081,63082,63083,63084" rel="stylesheet">
73
74		<link rel="stylesheet" href="/themes/custom/taa_spectrum/dist/main.css">
75
76	</head>
77
78		<body class="bg-light as">
79			<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 79-80
79
80<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
80GTM-PJ8RQZD
vendor: 83 bytes, lines 80-81
80"
81height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
82<!-- End Google Tag Manager (noscript) -->
83
84    <div class="text-center w-100 h6 pt-3 text-muted px-3">
85
86  <p><a href="https://theaudienceagency.org/en/news/audience-agency-enter-voluntary-liquidation"><strong>The Audience Agency&nbsp;to Enter Voluntary Liquidation</strong></a></p>
87
88</div>
89
90			
91<div class="tabs mt-4">
92	<div class="container-lg">
93		<div class="tabs-container">
94			<div class="current-tab-item">
95				<a href="https://audiencespectrum.org" title="Audience Spectrum Homepage"><img src="/themes/custom/taa/images/logos/as_logo.svg" alt="Audience Spectrum"><span class="sr-only">Current site: Audience Spectrum</span>
96				</a>
97			</div>
98			<nav class="tab-nav" aria-labelledby="sitemenulabel">
99				<h2 id="sitemenulabel" class="sr-only">Our other sites</h2>
100				<ul class="list-unstyled m-0 d-flex align-items-end">
101					<li class="tab-nav-item">
102						<a href="https://www.audienceanswers.org" id="aatab" title="Visit the Audience Answers website">
103							<picture>
104								<source media="(max-width: 799px)" srcset="/themes/custom/taa/images/logos/taa_person.svg"/>
105								<source media="(min-width: 800px)" srcset="/themes/custom/taa/images/logos/aa_horizontal_colour_on-light.svg"/>
106								<img src="/themes/custom/taa/images/logos/aa_horizontal_colour_on-light.svg" alt="Audience Answers">
107							</picture>
108						</a>
109					</li>
110					<li class="tab-nav-item">
111						<a href="https://theaudienceagency.org" id="taatab" title="Visit The Audience Agency website">
112							<picture>
113								<source media="(max-width: 799px)" srcset="/themes/custom/taa/images/logos/taa_person.svg"/>
114								<source media="(min-width: 800px)" srcset="/themes/custom/taa/images/logos/taa_logo_colour_horizontal.svg"/>
115								<img src="/themes/custom/taa/images/logos/taa_logo_colour_horizontal.svg" alt="The Audience Agency">
116							</picture>
117
118						</a>
119					</li>
120					<li class="tab-nav-item">
121						<a href="https://theaudienceagency.org/en/search" id="searchtab"><img src="/themes/custom/taa_spectrum/images/icons/search.svg" alt="Search"></a>
122					</li>
123				</ul>
124			</nav>
125		</div>
126	</div>
127	<!--/container-lg-->
128</div>
129<div class="tab-page">
130	<div class="container-lg">
131
132		<nav class="navbar navbar-light navbar-expand-md justify-content-end mt-4 mb-4 p-0">
133
134			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
135				<span class="navbar-toggler-icon"></span>
136			</button>
137			<div class="collapse navbar-collapse ml-auto text-right justify-content-end" id="navbarNav">
138				<ul class="navbar-nav d-flex align-items-center mr-n5">
139										
140											
141														
142              											
143																					<li class="nav-item mr-5 ">
144								<a class="nav-link small text-uppercase letter-spaced text-dark big-underline" href="/segments">The Segments </a>
145							</li>
146
147																	
148																													
149              																										
150																					<li class="nav-item mr-5 active">
151								<a class="nav-link small text-uppercase letter-spaced text-dark big-underline" href="/map">Map <span class="sr-only">(current)</span></a>
152							</li>
153
154																	
155														
156              											
157																																																					<li class="nav-item mr-5 ">
158								<a class="btn btn-outline-dark smallish" href="/node/153">Talk to us </a>
159							</li>
160
161											
162				</ul>
163			</div>
164		</nav>
165</div>
166
167				
168					  <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
169    <div class="layout-container">
170
171  <header role="banner">
172    
173  </header>
174
175  
176  
177
178  
179
180  
181
182  
183
184  <main role="main">
185    <a id="main-content" tabindex="-1"></a>
186    <div class="layout-content">
187        <div>
188    <div data-drupal-messages-fallback class="hidden"></div>
189<div id="block-taa-spectrum-content">
190  
191    
192      
193	<main>
194		<div class="container-lg" mt-md-6"">
195			<div class="row ">
196
197				<div class="page__title col-md-7 mb-4">
198					<h1 class="text-dark mb-4">
199						Audience Spectrum Map
200					</h1>
201					<p class="alert alert-block alert-block-tips">
202					Select a postcode area on the map and choose &#039;Zoom in to area&#039; to see the segments by district.
203					</p>
204
205				</div>
206				<!-- ./page-title -->
207
208			</div>
209			<!-- ./row -->
210		</div>
211
212		  <div class="row no-gutters">
213
214    <div class="map-grid col-12 col-sm-12 mt-3 mt-lg-3 d-md-flex flex-column flex-md-row">  
215     
216      <section id="all-segments" class="d-flex flex-column col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4 bg-dark pl-2 py-2 pr-5">       
217        <a class="d-flex flex-row align-items-center sm-offset-2 p-3 text-decoration-none mb-3" data-toggle="collapse" aria-expanded="true" aria-controls="segmentsMenu">
218          <h6 class="text-light text-uppercase m-0 mr-2 small letter-spaced">Explore the Segments</h6>
219          <img class="d-block d-md-none" src="/themes/custom/taa/images/icons/up-triangle.svg" height="14">
220        </a>
221       
222        <div id="segmentsMenu" class="xs-collapse">
223           <ul id="map-nav" class="map-nav nav list-unstyled d-flex flex-column ml-3 mr-xl-5 mr-3">
224
225      <li class="nav-item mb-2 font-weight-bold">
226      <a role="button" data-segment-load="Metroculturals" class="d-flex flex-row align-items-center justify-content-between text-decoration-none event__segment_selection">
227        <span class="segment-icon bg-as-higher d-flex align-items-center"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/metroculturals.svg" class="mr-2 filter-white"></span>
228        <div class="d-flex flex-row align-items-stretch flex-grow-1">
229          <span class="bg-as-higher rounded d-inline-block w-100 text-white p-2 flex-grow-1 ml-n3 pl-4">Metroculturals</span>
230          <span class="key-frame d-block ml-2 rounded bg-img- bg-as-higher p-2"></span>
231        </div>
232      </a>
233    </li>
234
235      <li class="nav-item mb-2 font-weight-bold">
236      <a role="button" data-segment-load="Commuterland Culturebuffs" class="d-flex flex-row align-items-center justify-content-between text-decoration-none event__segment_selection">
237        <span class="segment-icon bg-as-higher d-flex align-items-center"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/commuterland-culturebuffs.svg" class="mr-2 filter-white"></span>
238        <div class="d-flex flex-row align-items-stretch flex-grow-1">
239          <span class="bg-as-higher rounded d-inline-block w-100 text-white p-2 flex-grow-1 ml-n3 pl-4">Commuterland Culturebuffs</span>
240          <span class="key-frame d-block ml-2 rounded bg-img-polka_dots bg-as-higher p-2"></span>
241        </div>
242      </a>
243    </li>
244
245      <li class="nav-item mb-2 font-weight-bold">
246      <a role="button" data-segment-load="Experience Seekers" class="d-flex flex-row align-items-center justify-content-between text-decoration-none event__segment_selection">
247        <span class="segment-icon bg-as-higher d-flex align-items-center"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/experience-seekers.svg" class="mr-2 filter-white"></span>
248        <div class="d-flex flex-row align-items-stretch flex-grow-1">
249          <span class="bg-as-higher rounded d-inline-block w-100 text-white p-2 flex-grow-1 ml-n3 pl-4">Experience Seekers</span>
250          <span class="key-frame d-block ml-2 rounded bg-img-diagonal_stripes bg-as-higher p-2"></span>
251        </div>
252      </a>
253    </li>
254
255      <li class="nav-item mb-2 font-weight-bold">
256      <a role="button" data-segment-load="Dormitory Dependables" class="d-flex flex-row align-items-center justify-content-between text-decoration-none event__segment_selection">
257        <span class="segment-icon bg-as-medium d-flex align-items-center"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/dormitory-dependables.svg" class="mr-2 filter-dark"></span>
258        <div class="d-flex flex-row align-items-stretch flex-grow-1">
259          <span class="bg-as-medium rounded d-inline-block w-100 text-dark p-2 flex-grow-1 ml-n3 pl-4">Dormitory Dependables</span>
260          <span class="key-frame d-block ml-2 rounded bg-img- bg-as-medium p-2"></span>
261        </div>
262      </a>
263    </li>
264
265      <li class="nav-item mb-2 font-weight-bold">
266      <a role="button" data-segment-load="Trips &amp; Treats" class="d-flex flex-row align-items-center justify-content-between text-decoration-none event__segment_selection">
267        <span class="segment-icon bg-as-medium d-flex align-items-center"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/trips-and-treats.svg" class="mr-2 filter-dark"></span>
268        <div class="d-flex flex-row align-items-stretch flex-grow-1">
269          <span class="bg-as-medium rounded d-inline-block w-100 text-dark p-2 flex-grow-1 ml-n3 pl-4">Trips &amp; Treats</span>
270          <span class="key-frame d-block ml-2 rounded bg-img-polka_dots bg-as-medium p-2"></span>
271        </div>
272      </a>
273    </li>
274
275      <li class="nav-item mb-2 font-weight-bold">
276      <a role="button" data-segment-load="Home &amp; Heritage" class="d-flex flex-row align-items-center justify-content-between text-decoration-none event__segment_selection">
277        <span class="segment-icon bg-as-medium d-flex align-items-center"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/home-and-heritage.svg" class="mr-2 filter-dark"></span>
278        <div class="d-flex flex-row align-items-stretch flex-grow-1">
279          <span class="bg-as-medium rounded d-inline-block w-100 text-dark p-2 flex-grow-1 ml-n3 pl-4">Home &amp; Heritage</span>
280          <span class="key-frame d-block ml-2 rounded bg-img-diagonal_stripes bg-as-medium p-2"></span>
281        </div>
282      </a>
283    </li>
284
285      <li class="nav-item mb-2 font-weight-bold">
286      <a role="button" data-segment-load="Up Our Street" class="d-flex flex-row align-items-center justify-content-between text-decoration-none event__segment_selection">
287        <span class="segment-icon bg-as-lower d-flex align-items-center"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/up-our-street.svg" class="mr-2 filter-white"></span>
288        <div class="d-flex flex-row align-items-stretch flex-grow-1">
289          <span class="bg-as-lower rounded d-inline-block w-100 text-white p-2 flex-grow-1 ml-n3 pl-4">Up Our Street</span>
290          <span class="key-frame d-block ml-2 rounded bg-img- bg-as-lower p-2"></span>
291        </div>
292      </a>
293    </li>
294
295      <li class="nav-item mb-2 font-weight-bold">
296      <a role="button" data-segment-load="Frontline Families" class="d-flex flex-row align-items-center justify-content-between text-decoration-none event__segment_selection">
297        <span class="segment-icon bg-as-lower d-flex align-items-center"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/frontline-families.svg" class="mr-2 filter-white"></span>
298        <div class="d-flex flex-row align-items-stretch flex-grow-1">
299          <span class="bg-as-lower rounded d-inline-block w-100 text-white p-2 flex-grow-1 ml-n3 pl-4">Frontline Families</span>
300          <span class="key-frame d-block ml-2 rounded bg-img-polka_dots bg-as-lower p-2"></span>
301        </div>
302      </a>
303    </li>
304
305      <li class="nav-item mb-2 font-weight-bold">
306      <a role="button" data-segment-load="Kaleidoscope Creativity" class="d-flex flex-row align-items-center justify-content-between text-decoration-none event__segment_selection">
307        <span class="segment-icon bg-as-lower d-flex align-items-center"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/kaleidoscope-creativity.svg" class="mr-2 filter-light"></span>
308        <div class="d-flex flex-row align-items-stretch flex-grow-1">
309          <span class="bg-as-lower rounded d-inline-block w-100 text-light p-2 flex-grow-1 ml-n3 pl-4">Kaleidoscope Creativity</span>
310          <span class="key-frame d-block ml-2 rounded bg-img-diagonal_stripes bg-as-lower p-2"></span>
311        </div>
312      </a>
313    </li>
314
315      <li class="nav-item mb-2 font-weight-bold">
316      <a role="button" data-segment-load="Supported Communities" class="d-flex flex-row align-items-center justify-content-between text-decoration-none event__segment_selection">
317        <span class="segment-icon bg-as-lower d-flex align-items-center"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/supported-communities.svg" class="mr-2 filter-white"></span>
318        <div class="d-flex flex-row align-items-stretch flex-grow-1">
319          <span class="bg-as-lower rounded d-inline-block w-100 text-white p-2 flex-grow-1 ml-n3 pl-4">Supported Communities</span>
320          <span class="key-frame d-block ml-2 rounded bg-img-zig_zag bg-as-lower p-2"></span>
321        </div>
322      </a>
323    </li>
324
325                  
326</ul>
327        </div><!-- #/segmentsMenu -->
328
329        <div id="segment-engagement-rating" class="offset-1 sm-offset-2 mt-5 sm-w-75">
330          <h6 class="text-light text-uppercase letter-spaced small mb-3">Segment Engagement Rating:</h6>
331          <ul class="list-unstyled">
332            <li class="text-light d-inline-flex w-100 align-items-center"><span class="d-block bg-as-higher mr-2" style="width:16px; height:16px;"></span>Higher</li>
333            <li class="text-light d-inline-flex w-100 align-items-center"><span class="d-block bg-as-medium mr-2" style="width:16px; height:16px;"></span>Medium</li>
334            <li class="text-light d-inline-flex w-100 align-items-center"><span class="d-block bg-as-lower mr-2" style="width:16px; height:16px;"></span>Lower</li>
335          </ul>
336        
337          <p class="text-light small">Audience Spectrum Segments are grouped into those that generally have higher engagement, medium engagement and lower engagement</p>
338        </div><!-- #/segment-engagement-rating-->
339
340      </section><!-- #/segment-nav-menu -->
341
342            <section data-segment="Metroculturals" class="d-none flex-row col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4 bg-dark p-0">
343
344        <ul id="map-nav-condensed" class="d-none d-sm-flex nav flex-column pr-0 pl-4">
345
346  
347    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
348    <div data-segment-button="Metroculturals" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Metroculturals"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/metroculturals.svg" class="mr-2"></a></div>
349  </li>
350
351  
352    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
353    <div data-segment-button="Commuterland Culturebuffs" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Commuterland Culturebuffs"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/commuterland-culturebuffs.svg" class="mr-2"></a></div>
354  </li>
355
356  
357    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
358    <div data-segment-button="Experience Seekers" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Experience Seekers"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/experience-seekers.svg" class="mr-2"></a></div>
359  </li>
360
361  
362    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
363    <div data-segment-button="Dormitory Dependables" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Dormitory Dependables"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/dormitory-dependables.svg" class="mr-2"></a></div>
364  </li>
365
366  
367    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
368    <div data-segment-button="Trips &amp; Treats" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Trips &amp; Treats"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/trips-and-treats.svg" class="mr-2"></a></div>
369  </li>
370
371  
372    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
373    <div data-segment-button="Home &amp; Heritage" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Home &amp; Heritage"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/home-and-heritage.svg" class="mr-2"></a></div>
374  </li>
375
376  
377    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
378    <div data-segment-button="Up Our Street" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Up Our Street"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/up-our-street.svg" class="mr-2"></a></div>
379  </li>
380
381  
382    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
383    <div data-segment-button="Frontline Families" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Frontline Families"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/frontline-families.svg" class="mr-2"></a></div>
384  </li>
385
386  
387    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
388    <div data-segment-button="Kaleidoscope Creativity" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Kaleidoscope Creativity"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/kaleidoscope-creativity.svg" class="mr-2"></a></div>
389  </li>
390
391  
392    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
393    <div data-segment-button="Supported Communities" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Supported Communities"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/supported-communities.svg" class="mr-2"></a></div>
394  </li>
395
396    
397</ul> 
398        <div class="map-panel col-12 col-sm-10 bg-as-higher p-0 pt-4">
399          <div class="px-4">
400            <h6 role="button" data-all-segments class="d-block text-white font-italic mt-3 mb-3"><img src="/themes/custom/taa/images/icons/back_arrow.svg" class="mr-2 filter-white">Back to all segments</h6>
401            <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/metroculturals.svg" class="segment-icon--lg filter-white">
402            <h2 class="segment__title font-weight-bold text-white">Metroculturals</h2>
403            <p class="segment__copy mt-4 text-white">Prosperous, liberal urbanites, interested in a very wide cultural spectrum.</p>
404            <h3 class="segment__copy text-white text-uppercase mt-5 letter-spaced small mb-3">Drill down by subsegment:</h3>
405          </div>
406          
407          <div data-subsegment="M1" class="bg-light p-4 mb-3">
408            <div class="d-flex flex-row align-items-start">
409            <div class="circle-wrapper">
410              <div class="segment-circle" style="background: linear-gradient(to top left, #B03A1C 40%, #ef7d39 40%);">
411                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/metroculturals.svg" class="filter-white">
412                <span class="subsegment-name text-white">M1</span>
413              </div>
414            </div>
415              <div class="d-flex flex-column ml-4">
416                <h5 class="font-weight-bold text-dark">Metroculturals M1</h5>
417                <p class="text-dark">Older, established and high-spending professional elites.</p>
418                <a data-sub-segment-load="M1" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
419                <a data-sub-segment-unload="M1" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
420              </div>
421            </div>
422          </div>
423
424          
425          <div data-subsegment="M2" class="bg-light p-4 mb-3">
426            <div class="d-flex flex-row align-items-start">
427            <div class="circle-wrapper">
428              <div class="segment-circle" style="background: linear-gradient(to top left, #B03A1C 40%, #ef7d39 40%);">
429                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/metroculturals.svg" class="filter-white">
430                <span class="subsegment-name text-white">M2</span>
431              </div>
432            </div>
433              <div class="d-flex flex-column ml-4">
434                <h5 class="font-weight-bold text-dark">Metroculturals M2</h5>
435                <p class="text-dark">Younger, mobile and emerging metropolitan professionals.</p>
436                <a data-sub-segment-load="M2" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
437                <a data-sub-segment-unload="M2" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
438              </div>
439            </div>
440          </div>
441
442          
443          <h4 class="pt-4 pb-4 h5 px-4"><a class="text-decoration-none d-inline-block text-white font-weight-bold arrow-link" href="/segments/metroculturals">Read more about Metroculturals and its subsegments</a></h4>
444
445          <div class="bg-light px-4 pt-4 pb-4">
446            <h6 class="text-dark font-weight-light text-uppercase mt-4 small letter-spaced">Intensity KEY:</h6>
447
448            
449                        <ul class="home-heritage-segment__keys segment__keys d-flex flex-column flex-wrap list-unstyled">
450
451            
452                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(235,211,204,0.8); width:16px; height:16px;"></span>0% - 5%</li>
453
454            
455                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(220,173,160,0.8); width:16px; height:16px;"></span>5% - 10%</li>
456
457            
458                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(206,134,116,0.8); width:16px; height:16px;"></span>10% - 20%</li>
459
460            
461                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(191,96,72,0.8); width:16px; height:16px;"></span>20% - 50%</li>
462
463            
464                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(176,58,28,0.8); width:16px; height:16px;"></span>50% - 100%</li>
465
466            
467            </ul>
468
469          </div>
470        </div>
471
472      </section>
473
474        <section data-segment="Commuterland Culturebuffs" class="d-none flex-row col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4 bg-dark p-0">
475
476        <ul id="map-nav-condensed" class="d-none d-sm-flex nav flex-column pr-0 pl-4">
477
478  
479    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
480    <div data-segment-button="Metroculturals" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Metroculturals"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/metroculturals.svg" class="mr-2"></a></div>
481  </li>
482
483  
484    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
485    <div data-segment-button="Commuterland Culturebuffs" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Commuterland Culturebuffs"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/commuterland-culturebuffs.svg" class="mr-2"></a></div>
486  </li>
487
488  
489    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
490    <div data-segment-button="Experience Seekers" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Experience Seekers"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/experience-seekers.svg" class="mr-2"></a></div>
491  </li>
492
493  
494    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
495    <div data-segment-button="Dormitory Dependables" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Dormitory Dependables"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/dormitory-dependables.svg" class="mr-2"></a></div>
496  </li>
497
498  
499    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
500    <div data-segment-button="Trips &amp; Treats" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Trips &amp; Treats"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/trips-and-treats.svg" class="mr-2"></a></div>
501  </li>
502
503  
504    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
505    <div data-segment-button="Home &amp; Heritage" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Home &amp; Heritage"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/home-and-heritage.svg" class="mr-2"></a></div>
506  </li>
507
508  
509    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
510    <div data-segment-button="Up Our Street" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Up Our Street"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/up-our-street.svg" class="mr-2"></a></div>
511  </li>
512
513  
514    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
515    <div data-segment-button="Frontline Families" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Frontline Families"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/frontline-families.svg" class="mr-2"></a></div>
516  </li>
517
518  
519    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
520    <div data-segment-button="Kaleidoscope Creativity" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Kaleidoscope Creativity"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/kaleidoscope-creativity.svg" class="mr-2"></a></div>
521  </li>
522
523  
524    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
525    <div data-segment-button="Supported Communities" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Supported Communities"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/supported-communities.svg" class="mr-2"></a></div>
526  </li>
527
528    
529</ul> 
530        <div class="map-panel col-12 col-sm-10 bg-as-higher p-0 pt-4">
531          <div class="px-4">
532            <h6 role="button" data-all-segments class="d-block text-white font-italic mt-3 mb-3"><img src="/themes/custom/taa/images/icons/back_arrow.svg" class="mr-2 filter-white">Back to all segments</h6>
533            <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/commuterland-culturebuffs.svg" class="segment-icon--lg filter-white">
534            <h2 class="segment__title font-weight-bold text-white">Commuterland Culturebuffs</h2>
535            <p class="segment__copy mt-4 text-white">Affluent, professional and suburbanite keen consumers of traditional culture.</p>
536            <h3 class="segment__copy text-white text-uppercase mt-5 letter-spaced small mb-3">Drill down by subsegment:</h3>
537          </div>
538          
539          <div data-subsegment="C1" class="bg-light p-4 mb-3">
540            <div class="d-flex flex-row align-items-start">
541            <div class="circle-wrapper">
542              <div class="segment-circle" style="background: linear-gradient(to top left, #B03A1C 40%, #ef7d39 40%);">
543                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/commuterland-culturebuffs.svg" class="filter-white">
544                <span class="subsegment-name text-white">C1</span>
545              </div>
546            </div>
547              <div class="d-flex flex-column ml-4">
548                <h5 class="font-weight-bold text-dark">Commuterland Culturebuffs C1</h5>
549                <p class="text-dark">Prosperous families, living in the commuterbelt of major urban centres.</p>
550                <a data-sub-segment-load="C1" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
551                <a data-sub-segment-unload="C1" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
552              </div>
553            </div>
554          </div>
555
556          
557          <div data-subsegment="C2" class="bg-light p-4 mb-3">
558            <div class="d-flex flex-row align-items-start">
559            <div class="circle-wrapper">
560              <div class="segment-circle" style="background: linear-gradient(to top left, #B03A1C 40%, #ef7d39 40%);">
561                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/commuterland-culturebuffs.svg" class="filter-white">
562                <span class="subsegment-name text-white">C2</span>
563              </div>
564            </div>
565              <div class="d-flex flex-column ml-4">
566                <h5 class="font-weight-bold text-dark">Commuterland Culturebuffs C2</h5>
567                <p class="text-dark">Wealthy empty-nesters with comfortable lifestyles in more rural areas.</p>
568                <a data-sub-segment-load="C2" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
569                <a data-sub-segment-unload="C2" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
570              </div>
571            </div>
572          </div>
573
574          
575          <h4 class="pt-4 pb-4 h5 px-4"><a class="text-decoration-none d-inline-block text-white font-weight-bold arrow-link" href="/segments/commuterland-culturebuffs">Read more about Commuterland Culturebuffs and its subsegments</a></h4>
576
577          <div class="bg-light px-4 pt-4 pb-4">
578            <h6 class="text-dark font-weight-light text-uppercase mt-4 small letter-spaced">Intensity KEY:</h6>
579
580            
581                        <ul class="home-heritage-segment__keys segment__keys d-flex flex-column flex-wrap list-unstyled">
582
583            
584                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(235,211,204,0.8); width:16px; height:16px;"></span>0% - 5%</li>
585
586            
587                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(220,173,160,0.8); width:16px; height:16px;"></span>5% - 10%</li>
588
589            
590                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(206,134,116,0.8); width:16px; height:16px;"></span>10% - 20%</li>
591
592            
593                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(191,96,72,0.8); width:16px; height:16px;"></span>20% - 50%</li>
594
595            
596                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(176,58,28,0.8); width:16px; height:16px;"></span>50% - 100%</li>
597
598            
599            </ul>
600
601          </div>
602        </div>
603
604      </section>
605
606        <section data-segment="Experience Seekers" class="d-none flex-row col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4 bg-dark p-0">
607
608        <ul id="map-nav-condensed" class="d-none d-sm-flex nav flex-column pr-0 pl-4">
609
610  
611    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
612    <div data-segment-button="Metroculturals" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Metroculturals"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/metroculturals.svg" class="mr-2"></a></div>
613  </li>
614
615  
616    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
617    <div data-segment-button="Commuterland Culturebuffs" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Commuterland Culturebuffs"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/commuterland-culturebuffs.svg" class="mr-2"></a></div>
618  </li>
619
620  
621    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
622    <div data-segment-button="Experience Seekers" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Experience Seekers"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/experience-seekers.svg" class="mr-2"></a></div>
623  </li>
624
625  
626    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
627    <div data-segment-button="Dormitory Dependables" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Dormitory Dependables"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/dormitory-dependables.svg" class="mr-2"></a></div>
628  </li>
629
630  
631    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
632    <div data-segment-button="Trips &amp; Treats" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Trips &amp; Treats"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/trips-and-treats.svg" class="mr-2"></a></div>
633  </li>
634
635  
636    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
637    <div data-segment-button="Home &amp; Heritage" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Home &amp; Heritage"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/home-and-heritage.svg" class="mr-2"></a></div>
638  </li>
639
640  
641    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
642    <div data-segment-button="Up Our Street" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Up Our Street"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/up-our-street.svg" class="mr-2"></a></div>
643  </li>
644
645  
646    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
647    <div data-segment-button="Frontline Families" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Frontline Families"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/frontline-families.svg" class="mr-2"></a></div>
648  </li>
649
650  
651    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
652    <div data-segment-button="Kaleidoscope Creativity" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Kaleidoscope Creativity"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/kaleidoscope-creativity.svg" class="mr-2"></a></div>
653  </li>
654
655  
656    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
657    <div data-segment-button="Supported Communities" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Supported Communities"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/supported-communities.svg" class="mr-2"></a></div>
658  </li>
659
660    
661</ul> 
662        <div class="map-panel col-12 col-sm-10 bg-as-higher p-0 pt-4">
663          <div class="px-4">
664            <h6 role="button" data-all-segments class="d-block text-white font-italic mt-3 mb-3"><img src="/themes/custom/taa/images/icons/back_arrow.svg" class="mr-2 filter-white">Back to all segments</h6>
665            <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/experience-seekers.svg" class="segment-icon--lg filter-white">
666            <h2 class="segment__title font-weight-bold text-white">Experience Seekers</h2>
667            <p class="segment__copy mt-4 text-white">Highly active, diverse, social and ambitious regular and eclectic arts engagers.</p>
668            <h3 class="segment__copy text-white text-uppercase mt-5 letter-spaced small mb-3">Drill down by subsegment:</h3>
669          </div>
670          
671          <div data-subsegment="E1" class="bg-light p-4 mb-3">
672            <div class="d-flex flex-row align-items-start">
673            <div class="circle-wrapper">
674              <div class="segment-circle" style="background: linear-gradient(to top left, #B03A1C 40%, #ef7d39 40%);">
675                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/experience-seekers.svg" class="filter-white">
676                <span class="subsegment-name text-white">E1</span>
677              </div>
678            </div>
679              <div class="d-flex flex-column ml-4">
680                <h5 class="font-weight-bold text-dark">Experience Seekers E1</h5>
681                <p class="text-dark">Socially minded mid-life professionals with varied artistic tastes.</p>
682                <a data-sub-segment-load="E1" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
683                <a data-sub-segment-unload="E1" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
684              </div>
685            </div>
686          </div>
687
688          
689          <div data-subsegment="E2" class="bg-light p-4 mb-3">
690            <div class="d-flex flex-row align-items-start">
691            <div class="circle-wrapper">
692              <div class="segment-circle" style="background: linear-gradient(to top left, #B03A1C 40%, #ef7d39 40%);">
693                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/experience-seekers.svg" class="filter-white">
694                <span class="subsegment-name text-white">E2</span>
695              </div>
696            </div>
697              <div class="d-flex flex-column ml-4">
698                <h5 class="font-weight-bold text-dark">Experience Seekers E2</h5>
699                <p class="text-dark">Students and graduates with adventurous attitudes in diverse urban areas.</p>
700                <a data-sub-segment-load="E2" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
701                <a data-sub-segment-unload="E2" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
702              </div>
703            </div>
704          </div>
705
706          
707          <h4 class="pt-4 pb-4 h5 px-4"><a class="text-decoration-none d-inline-block text-white font-weight-bold arrow-link" href="/segments/experience-seekers">Read more about Experience Seekers and its subsegments</a></h4>
708
709          <div class="bg-light px-4 pt-4 pb-4">
710            <h6 class="text-dark font-weight-light text-uppercase mt-4 small letter-spaced">Intensity KEY:</h6>
711
712            
713                        <ul class="home-heritage-segment__keys segment__keys d-flex flex-column flex-wrap list-unstyled">
714
715            
716                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(235,211,204,0.8); width:16px; height:16px;"></span>0% - 5%</li>
717
718            
719                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(220,173,160,0.8); width:16px; height:16px;"></span>5% - 10%</li>
720
721            
722                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(206,134,116,0.8); width:16px; height:16px;"></span>10% - 20%</li>
723
724            
725                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(191,96,72,0.8); width:16px; height:16px;"></span>20% - 50%</li>
726
727            
728                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(176,58,28,0.8); width:16px; height:16px;"></span>50% - 100%</li>
729
730            
731            </ul>
732
733          </div>
734        </div>
735
736      </section>
737
738        <section data-segment="Dormitory Dependables" class="d-none flex-row col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4 bg-dark p-0">
739
740        <ul id="map-nav-condensed" class="d-none d-sm-flex nav flex-column pr-0 pl-4">
741
742  
743    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
744    <div data-segment-button="Metroculturals" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Metroculturals"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/metroculturals.svg" class="mr-2"></a></div>
745  </li>
746
747  
748    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
749    <div data-segment-button="Commuterland Culturebuffs" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Commuterland Culturebuffs"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/commuterland-culturebuffs.svg" class="mr-2"></a></div>
750  </li>
751
752  
753    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
754    <div data-segment-button="Experience Seekers" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Experience Seekers"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/experience-seekers.svg" class="mr-2"></a></div>
755  </li>
756
757  
758    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
759    <div data-segment-button="Dormitory Dependables" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Dormitory Dependables"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/dormitory-dependables.svg" class="mr-2"></a></div>
760  </li>
761
762  
763    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
764    <div data-segment-button="Trips &amp; Treats" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Trips &amp; Treats"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/trips-and-treats.svg" class="mr-2"></a></div>
765  </li>
766
767  
768    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
769    <div data-segment-button="Home &amp; Heritage" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Home &amp; Heritage"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/home-and-heritage.svg" class="mr-2"></a></div>
770  </li>
771
772  
773    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
774    <div data-segment-button="Up Our Street" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Up Our Street"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/up-our-street.svg" class="mr-2"></a></div>
775  </li>
776
777  
778    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
779    <div data-segment-button="Frontline Families" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Frontline Families"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/frontline-families.svg" class="mr-2"></a></div>
780  </li>
781
782  
783    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
784    <div data-segment-button="Kaleidoscope Creativity" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Kaleidoscope Creativity"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/kaleidoscope-creativity.svg" class="mr-2"></a></div>
785  </li>
786
787  
788    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
789    <div data-segment-button="Supported Communities" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Supported Communities"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/supported-communities.svg" class="mr-2"></a></div>
790  </li>
791
792    
793</ul> 
794        <div class="map-panel col-12 col-sm-10 bg-as-medium p-0 pt-4">
795          <div class="px-4">
796            <h6 role="button" data-all-segments class="d-block text-dark font-italic mt-3 mb-3"><img src="/themes/custom/taa/images/icons/back_arrow.svg" class="mr-2 filter-dark">Back to all segments</h6>
797            <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/dormitory-dependables.svg" class="segment-icon--lg filter-dark">
798            <h2 class="segment__title font-weight-bold text-dark">Dormitory Dependables</h2>
799            <p class="segment__copy mt-4 text-dark">Suburbanites and small towners interested in heritage activities and mainstream arts.</p>
800            <h3 class="segment__copy text-dark text-uppercase mt-5 letter-spaced small mb-3">Drill down by subsegment:</h3>
801          </div>
802          
803          <div data-subsegment="D1" class="bg-light p-4 mb-3">
804            <div class="d-flex flex-row align-items-start">
805            <div class="circle-wrapper">
806              <div class="segment-circle" style="background: linear-gradient(to top left, #AFA525 40%, #d2cb76 40%);">
807                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/dormitory-dependables.svg" class="filter-dark">
808                <span class="subsegment-name text-dark">D1</span>
809              </div>
810            </div>
811              <div class="d-flex flex-column ml-4">
812                <h5 class="font-weight-bold text-dark">Dormitory Dependables D1</h5>
813                <p class="text-dark">Commuter-town families, investing for the future.</p>
814                <a data-sub-segment-load="D1" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
815                <a data-sub-segment-unload="D1" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
816              </div>
817            </div>
818          </div>
819
820          
821          <div data-subsegment="D2" class="bg-light p-4 mb-3">
822            <div class="d-flex flex-row align-items-start">
823            <div class="circle-wrapper">
824              <div class="segment-circle" style="background: linear-gradient(to top left, #AFA525 40%, #d2cb76 40%);">
825                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/dormitory-dependables.svg" class="filter-dark">
826                <span class="subsegment-name text-dark">D2</span>
827              </div>
828            </div>
829              <div class="d-flex flex-column ml-4">
830                <h5 class="font-weight-bold text-dark">Dormitory Dependables D2</h5>
831                <p class="text-dark">Settled, comfortable residents, enjoying regional life.</p>
832                <a data-sub-segment-load="D2" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
833                <a data-sub-segment-unload="D2" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
834              </div>
835            </div>
836          </div>
837
838          
839          <h4 class="pt-4 pb-4 h5 px-4"><a class="text-decoration-none d-inline-block text-dark font-weight-bold arrow-link" href="/segments/dormitory-dependables">Read more about Dormitory Dependables and its subsegments</a></h4>
840
841          <div class="bg-light px-4 pt-4 pb-4">
842            <h6 class="text-dark font-weight-light text-uppercase mt-4 small letter-spaced">Intensity KEY:</h6>
843
844            
845                        <ul class="home-heritage-segment__keys segment__keys d-flex flex-column flex-wrap list-unstyled">
846
847            
848                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(241,238,207,0.8); width:16px; height:16px;"></span>0% - 5%</li>
849
850            
851                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(224,217,126,0.8); width:16px; height:16px;"></span>5% - 10%</li>
852
853            
854                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(206,195,44,0.8); width:16px; height:16px;"></span>10% - 20%</li>
855
856            
857                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(175,165,37,0.8); width:16px; height:16px;"></span>20% - 50%</li>
858
859            
860                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(144,136,30,0.8); width:16px; height:16px;"></span>50% - 100%</li>
861
862            
863            </ul>
864
865          </div>
866        </div>
867
868      </section>
869
870        <section data-segment="Trips &amp; Treats" class="d-none flex-row col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4 bg-dark p-0">
871
872        <ul id="map-nav-condensed" class="d-none d-sm-flex nav flex-column pr-0 pl-4">
873
874  
875    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
876    <div data-segment-button="Metroculturals" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Metroculturals"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/metroculturals.svg" class="mr-2"></a></div>
877  </li>
878
879  
880    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
881    <div data-segment-button="Commuterland Culturebuffs" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Commuterland Culturebuffs"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/commuterland-culturebuffs.svg" class="mr-2"></a></div>
882  </li>
883
884  
885    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
886    <div data-segment-button="Experience Seekers" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Experience Seekers"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/experience-seekers.svg" class="mr-2"></a></div>
887  </li>
888
889  
890    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
891    <div data-segment-button="Dormitory Dependables" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Dormitory Dependables"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/dormitory-dependables.svg" class="mr-2"></a></div>
892  </li>
893
894  
895    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
896    <div data-segment-button="Trips &amp; Treats" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Trips &amp; Treats"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/trips-and-treats.svg" class="mr-2"></a></div>
897  </li>
898
899  
900    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
901    <div data-segment-button="Home &amp; Heritage" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Home &amp; Heritage"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/home-and-heritage.svg" class="mr-2"></a></div>
902  </li>
903
904  
905    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
906    <div data-segment-button="Up Our Street" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Up Our Street"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/up-our-street.svg" class="mr-2"></a></div>
907  </li>
908
909  
910    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
911    <div data-segment-button="Frontline Families" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Frontline Families"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/frontline-families.svg" class="mr-2"></a></div>
912  </li>
913
914  
915    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
916    <div data-segment-button="Kaleidoscope Creativity" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Kaleidoscope Creativity"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/kaleidoscope-creativity.svg" class="mr-2"></a></div>
917  </li>
918
919  
920    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
921    <div data-segment-button="Supported Communities" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Supported Communities"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/supported-communities.svg" class="mr-2"></a></div>
922  </li>
923
924    
925</ul> 
926        <div class="map-panel col-12 col-sm-10 bg-as-medium p-0 pt-4">
927          <div class="px-4">
928            <h6 role="button" data-all-segments class="d-block text-dark font-italic mt-3 mb-3"><img src="/themes/custom/taa/images/icons/back_arrow.svg" class="mr-2 filter-dark">Back to all segments</h6>
929            <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/trips-and-treats.svg" class="segment-icon--lg filter-dark">
930            <h2 class="segment__title font-weight-bold text-dark">Trips &amp; Treats</h2>
931            <p class="segment__copy mt-4 text-dark">Mainstream arts and popular culture fans influenced by children, family and friends.</p>
932            <h3 class="segment__copy text-dark text-uppercase mt-5 letter-spaced small mb-3">Drill down by subsegment:</h3>
933          </div>
934          
935          <div data-subsegment="T1" class="bg-light p-4 mb-3">
936            <div class="d-flex flex-row align-items-start">
937            <div class="circle-wrapper">
938              <div class="segment-circle" style="background: linear-gradient(to top left, #AFA525 40%, #d2cb76 40%);">
939                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/trips-and-treats.svg" class="filter-dark">
940                <span class="subsegment-name text-dark">T1</span>
941              </div>
942            </div>
943              <div class="d-flex flex-column ml-4">
944                <h5 class="font-weight-bold text-dark">Trips &amp; Treats T1</h5>
945                <p class="text-dark">Modern young families, building a future.</p>
946                <a data-sub-segment-load="T1" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
947                <a data-sub-segment-unload="T1" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
948              </div>
949            </div>
950          </div>
951
952          
953          <div data-subsegment="T2" class="bg-light p-4 mb-3">
954            <div class="d-flex flex-row align-items-start">
955            <div class="circle-wrapper">
956              <div class="segment-circle" style="background: linear-gradient(to top left, #AFA525 40%, #d2cb76 40%);">
957                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/trips-and-treats.svg" class="filter-dark">
958                <span class="subsegment-name text-dark">T2</span>
959              </div>
960            </div>
961              <div class="d-flex flex-column ml-4">
962                <h5 class="font-weight-bold text-dark">Trips &amp; Treats T2</h5>
963                <p class="text-dark">Settled families with established lifestyles.</p>
964                <a data-sub-segment-load="T2" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
965                <a data-sub-segment-unload="T2" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
966              </div>
967            </div>
968          </div>
969
970          
971          <h4 class="pt-4 pb-4 h5 px-4"><a class="text-decoration-none d-inline-block text-dark font-weight-bold arrow-link" href="/segments/trips-and-treats">Read more about Trips &amp; Treats and its subsegments</a></h4>
972
973          <div class="bg-light px-4 pt-4 pb-4">
974            <h6 class="text-dark font-weight-light text-uppercase mt-4 small letter-spaced">Intensity KEY:</h6>
975
976            
977                        <ul class="home-heritage-segment__keys segment__keys d-flex flex-column flex-wrap list-unstyled">
978
979            
980                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(241,238,207,0.8); width:16px; height:16px;"></span>0% - 5%</li>
981
982            
983                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(224,217,126,0.8); width:16px; height:16px;"></span>5% - 10%</li>
984
985            
986                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(206,195,44,0.8); width:16px; height:16px;"></span>10% - 20%</li>
987
988            
989                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(175,165,37,0.8); width:16px; height:16px;"></span>20% - 50%</li>
990
991            
992                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(144,136,30,0.8); width:16px; height:16px;"></span>50% - 100%</li>
993
994            
995            </ul>
996
997          </div>
998        </div>
999
1000      </section>
1001
1002        <section data-segment="Home &amp; Heritage" class="d-none flex-row col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4 bg-dark p-0">
1003
1004        <ul id="map-nav-condensed" class="d-none d-sm-flex nav flex-column pr-0 pl-4">
1005
1006  
1007    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1008    <div data-segment-button="Metroculturals" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Metroculturals"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/metroculturals.svg" class="mr-2"></a></div>
1009  </li>
1010
1011  
1012    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1013    <div data-segment-button="Commuterland Culturebuffs" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Commuterland Culturebuffs"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/commuterland-culturebuffs.svg" class="mr-2"></a></div>
1014  </li>
1015
1016  
1017    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1018    <div data-segment-button="Experience Seekers" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Experience Seekers"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/experience-seekers.svg" class="mr-2"></a></div>
1019  </li>
1020
1021  
1022    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1023    <div data-segment-button="Dormitory Dependables" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Dormitory Dependables"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/dormitory-dependables.svg" class="mr-2"></a></div>
1024  </li>
1025
1026  
1027    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1028    <div data-segment-button="Trips &amp; Treats" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Trips &amp; Treats"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/trips-and-treats.svg" class="mr-2"></a></div>
1029  </li>
1030
1031  
1032    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1033    <div data-segment-button="Home &amp; Heritage" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Home &amp; Heritage"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/home-and-heritage.svg" class="mr-2"></a></div>
1034  </li>
1035
1036  
1037    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1038    <div data-segment-button="Up Our Street" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Up Our Street"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/up-our-street.svg" class="mr-2"></a></div>
1039  </li>
1040
1041  
1042    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1043    <div data-segment-button="Frontline Families" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Frontline Families"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/frontline-families.svg" class="mr-2"></a></div>
1044  </li>
1045
1046  
1047    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1048    <div data-segment-button="Kaleidoscope Creativity" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Kaleidoscope Creativity"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/kaleidoscope-creativity.svg" class="mr-2"></a></div>
1049  </li>
1050
1051  
1052    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1053    <div data-segment-button="Supported Communities" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Supported Communities"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/supported-communities.svg" class="mr-2"></a></div>
1054  </li>
1055
1056    
1057</ul> 
1058        <div class="map-panel col-12 col-sm-10 bg-as-medium p-0 pt-4">
1059          <div class="px-4">
1060            <h6 role="button" data-all-segments class="d-block text-dark font-italic mt-3 mb-3"><img src="/themes/custom/taa/images/icons/back_arrow.svg" class="mr-2 filter-dark">Back to all segments</h6>
1061            <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/home-and-heritage.svg" class="segment-icon--lg filter-dark">
1062            <h2 class="segment__title font-weight-bold text-dark">Home &amp; Heritage</h2>
1063            <p class="segment__copy mt-4 text-dark">Rural and small town pensioners attracted to daytime activities and historical content.</p>
1064            <h3 class="segment__copy text-dark text-uppercase mt-5 letter-spaced small mb-3">Drill down by subsegment:</h3>
1065          </div>
1066          
1067          <div data-subsegment="H1" class="bg-light p-4 mb-3">
1068            <div class="d-flex flex-row align-items-start">
1069            <div class="circle-wrapper">
1070              <div class="segment-circle" style="background: linear-gradient(to top left, #AFA525 40%, #d2cb76 40%);">
1071                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/home-and-heritage.svg" class="filter-dark">
1072                <span class="subsegment-name text-dark">H1</span>
1073              </div>
1074            </div>
1075              <div class="d-flex flex-column ml-4">
1076                <h5 class="font-weight-bold text-dark">Home &amp; Heritage H1</h5>
1077                <p class="text-dark">Settled suburban seniors.</p>
1078                <a data-sub-segment-load="H1" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
1079                <a data-sub-segment-unload="H1" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
1080              </div>
1081            </div>
1082          </div>
1083
1084          
1085          <div data-subsegment="H2" class="bg-light p-4 mb-3">
1086            <div class="d-flex flex-row align-items-start">
1087            <div class="circle-wrapper">
1088              <div class="segment-circle" style="background: linear-gradient(to top left, #AFA525 40%, #d2cb76 40%);">
1089                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/home-and-heritage.svg" class="filter-dark">
1090                <span class="subsegment-name text-dark">H2</span>
1091              </div>
1092            </div>
1093              <div class="d-flex flex-column ml-4">
1094                <h5 class="font-weight-bold text-dark">Home &amp; Heritage H2</h5>
1095                <p class="text-dark">Affluent residents of rural idylls.</p>
1096                <a data-sub-segment-load="H2" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
1097                <a data-sub-segment-unload="H2" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
1098              </div>
1099            </div>
1100          </div>
1101
1102          
1103          <h4 class="pt-4 pb-4 h5 px-4"><a class="text-decoration-none d-inline-block text-dark font-weight-bold arrow-link" href="/segments/home-and-heritage">Read more about Home &amp; Heritage and its subsegments</a></h4>
1104
1105          <div class="bg-light px-4 pt-4 pb-4">
1106            <h6 class="text-dark font-weight-light text-uppercase mt-4 small letter-spaced">Intensity KEY:</h6>
1107
1108            
1109                        <ul class="home-heritage-segment__keys segment__keys d-flex flex-column flex-wrap list-unstyled">
1110
1111            
1112                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(241,238,207,0.8); width:16px; height:16px;"></span>0% - 5%</li>
1113
1114            
1115                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(224,217,126,0.8); width:16px; height:16px;"></span>5% - 10%</li>
1116
1117            
1118                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(206,195,44,0.8); width:16px; height:16px;"></span>10% - 20%</li>
1119
1120            
1121                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(175,165,37,0.8); width:16px; height:16px;"></span>20% - 50%</li>
1122
1123            
1124                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(144,136,30,0.8); width:16px; height:16px;"></span>50% - 100%</li>
1125
1126            
1127            </ul>
1128
1129          </div>
1130        </div>
1131
1132      </section>
1133
1134        <section data-segment="Up Our Street" class="d-none flex-row col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4 bg-dark p-0">
1135
1136        <ul id="map-nav-condensed" class="d-none d-sm-flex nav flex-column pr-0 pl-4">
1137
1138  
1139    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1140    <div data-segment-button="Metroculturals" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Metroculturals"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/metroculturals.svg" class="mr-2"></a></div>
1141  </li>
1142
1143  
1144    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1145    <div data-segment-button="Commuterland Culturebuffs" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Commuterland Culturebuffs"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/commuterland-culturebuffs.svg" class="mr-2"></a></div>
1146  </li>
1147
1148  
1149    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1150    <div data-segment-button="Experience Seekers" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Experience Seekers"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/experience-seekers.svg" class="mr-2"></a></div>
1151  </li>
1152
1153  
1154    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1155    <div data-segment-button="Dormitory Dependables" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Dormitory Dependables"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/dormitory-dependables.svg" class="mr-2"></a></div>
1156  </li>
1157
1158  
1159    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1160    <div data-segment-button="Trips &amp; Treats" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Trips &amp; Treats"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/trips-and-treats.svg" class="mr-2"></a></div>
1161  </li>
1162
1163  
1164    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1165    <div data-segment-button="Home &amp; Heritage" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Home &amp; Heritage"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/home-and-heritage.svg" class="mr-2"></a></div>
1166  </li>
1167
1168  
1169    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1170    <div data-segment-button="Up Our Street" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Up Our Street"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/up-our-street.svg" class="mr-2"></a></div>
1171  </li>
1172
1173  
1174    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1175    <div data-segment-button="Frontline Families" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Frontline Families"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/frontline-families.svg" class="mr-2"></a></div>
1176  </li>
1177
1178  
1179    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1180    <div data-segment-button="Kaleidoscope Creativity" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Kaleidoscope Creativity"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/kaleidoscope-creativity.svg" class="mr-2"></a></div>
1181  </li>
1182
1183  
1184    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1185    <div data-segment-button="Supported Communities" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Supported Communities"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/supported-communities.svg" class="mr-2"></a></div>
1186  </li>
1187
1188    
1189</ul> 
1190        <div class="map-panel col-12 col-sm-10 bg-as-lower p-0 pt-4">
1191          <div class="px-4">
1192            <h6 role="button" data-all-segments class="d-block text-white font-italic mt-3 mb-3"><img src="/themes/custom/taa/images/icons/back_arrow.svg" class="mr-2 filter-white">Back to all segments</h6>
1193            <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/up-our-street.svg" class="segment-icon--lg filter-white">
1194            <h2 class="segment__title font-weight-bold text-white">Up Our Street</h2>
1195            <p class="segment__copy mt-4 text-white">Sociable retirees looking for inexpensive, mainstream, local leisure opportunities</p>
1196            <h3 class="segment__copy text-white text-uppercase mt-5 letter-spaced small mb-3">Drill down by subsegment:</h3>
1197          </div>
1198          
1199          <div data-subsegment="U1" class="bg-light p-4 mb-3">
1200            <div class="d-flex flex-row align-items-start">
1201            <div class="circle-wrapper">
1202              <div class="segment-circle" style="background: linear-gradient(to top left, #298A93 40%, #79b2b7 40%);">
1203                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/up-our-street.svg" class="filter-white">
1204                <span class="subsegment-name text-white">U1</span>
1205              </div>
1206            </div>
1207              <div class="d-flex flex-column ml-4">
1208                <h5 class="font-weight-bold text-dark">Up Our Street U1</h5>
1209                <p class="text-dark">Middle-aged inhabitants of semis on the edge of town.</p>
1210                <a data-sub-segment-load="U1" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
1211                <a data-sub-segment-unload="U1" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
1212              </div>
1213            </div>
1214          </div>
1215
1216          
1217          <div data-subsegment="U2" class="bg-light p-4 mb-3">
1218            <div class="d-flex flex-row align-items-start">
1219            <div class="circle-wrapper">
1220              <div class="segment-circle" style="background: linear-gradient(to top left, #298A93 40%, #79b2b7 40%);">
1221                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/up-our-street.svg" class="filter-white">
1222                <span class="subsegment-name text-white">U2</span>
1223              </div>
1224            </div>
1225              <div class="d-flex flex-column ml-4">
1226                <h5 class="font-weight-bold text-dark">Up Our Street U2</h5>
1227                <p class="text-dark">Older residents of terraces and flats in built up areas.</p>
1228                <a data-sub-segment-load="U2" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
1229                <a data-sub-segment-unload="U2" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
1230              </div>
1231            </div>
1232          </div>
1233
1234          
1235          <h4 class="pt-4 pb-4 h5 px-4"><a class="text-decoration-none d-inline-block text-white font-weight-bold arrow-link" href="/segments/up-our-street">Read more about Up Our Street and its subsegments</a></h4>
1236
1237          <div class="bg-light px-4 pt-4 pb-4">
1238            <h6 class="text-dark font-weight-light text-uppercase mt-4 small letter-spaced">Intensity KEY:</h6>
1239
1240            
1241                        <ul class="home-heritage-segment__keys segment__keys d-flex flex-column flex-wrap list-unstyled">
1242
1243            
1244                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(208,227,228,0.8); width:16px; height:16px;"></span>0% - 5%</li>
1245
1246            
1247                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(166,205,208,0.8); width:16px; height:16px;"></span>5% - 10%</li>
1248
1249            
1250                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(125,182,187,0.8); width:16px; height:16px;"></span>10% - 20%</li>
1251
1252            
1253                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(83,160,167,0.8); width:16px; height:16px;"></span>20% - 50%</li>
1254
1255            
1256                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(41,138,147,0.8); width:16px; height:16px;"></span>50% - 100%</li>
1257
1258            
1259            </ul>
1260
1261          </div>
1262        </div>
1263
1264      </section>
1265
1266        <section data-segment="Frontline Families" class="d-none flex-row col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4 bg-dark p-0">
1267
1268        <ul id="map-nav-condensed" class="d-none d-sm-flex nav flex-column pr-0 pl-4">
1269
1270  
1271    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1272    <div data-segment-button="Metroculturals" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Metroculturals"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/metroculturals.svg" class="mr-2"></a></div>
1273  </li>
1274
1275  
1276    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1277    <div data-segment-button="Commuterland Culturebuffs" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Commuterland Culturebuffs"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/commuterland-culturebuffs.svg" class="mr-2"></a></div>
1278  </li>
1279
1280  
1281    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1282    <div data-segment-button="Experience Seekers" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Experience Seekers"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/experience-seekers.svg" class="mr-2"></a></div>
1283  </li>
1284
1285  
1286    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1287    <div data-segment-button="Dormitory Dependables" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Dormitory Dependables"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/dormitory-dependables.svg" class="mr-2"></a></div>
1288  </li>
1289
1290  
1291    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1292    <div data-segment-button="Trips &amp; Treats" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Trips &amp; Treats"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/trips-and-treats.svg" class="mr-2"></a></div>
1293  </li>
1294
1295  
1296    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1297    <div data-segment-button="Home &amp; Heritage" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Home &amp; Heritage"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/home-and-heritage.svg" class="mr-2"></a></div>
1298  </li>
1299
1300  
1301    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1302    <div data-segment-button="Up Our Street" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Up Our Street"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/up-our-street.svg" class="mr-2"></a></div>
1303  </li>
1304
1305  
1306    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1307    <div data-segment-button="Frontline Families" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Frontline Families"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/frontline-families.svg" class="mr-2"></a></div>
1308  </li>
1309
1310  
1311    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1312    <div data-segment-button="Kaleidoscope Creativity" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Kaleidoscope Creativity"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/kaleidoscope-creativity.svg" class="mr-2"></a></div>
1313  </li>
1314
1315  
1316    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1317    <div data-segment-button="Supported Communities" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Supported Communities"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/supported-communities.svg" class="mr-2"></a></div>
1318  </li>
1319
1320    
1321</ul> 
1322        <div class="map-panel col-12 col-sm-10 bg-as-lower p-0 pt-4">
1323          <div class="px-4">
1324            <h6 role="button" data-all-segments class="d-block text-white font-italic mt-3 mb-3"><img src="/themes/custom/taa/images/icons/back_arrow.svg" class="mr-2 filter-white">Back to all segments</h6>
1325            <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/frontline-families.svg" class="segment-icon--lg filter-white">
1326            <h2 class="segment__title font-weight-bold text-white">Frontline Families</h2>
1327            <p class="segment__copy mt-4 text-white">Frugal, semi-urban renting families, light on arts and culture but heavy on community.</p>
1328            <h3 class="segment__copy text-white text-uppercase mt-5 letter-spaced small mb-3">Drill down by subsegment:</h3>
1329          </div>
1330          
1331          <div data-subsegment="F1" class="bg-light p-4 mb-3">
1332            <div class="d-flex flex-row align-items-start">
1333            <div class="circle-wrapper">
1334              <div class="segment-circle" style="background: linear-gradient(to top left, #298A93 40%, #79b2b7 40%);">
1335                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/frontline-families.svg" class="filter-white">
1336                <span class="subsegment-name text-white">F1</span>
1337              </div>
1338            </div>
1339              <div class="d-flex flex-column ml-4">
1340                <h5 class="font-weight-bold text-dark">Frontline Families F1</h5>
1341                <p class="text-dark">Older families, getting by despite challenges.</p>
1342                <a data-sub-segment-load="F1" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
1343                <a data-sub-segment-unload="F1" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
1344              </div>
1345            </div>
1346          </div>
1347
1348          
1349          <div data-subsegment="F2" class="bg-light p-4 mb-3">
1350            <div class="d-flex flex-row align-items-start">
1351            <div class="circle-wrapper">
1352              <div class="segment-circle" style="background: linear-gradient(to top left, #298A93 40%, #79b2b7 40%);">
1353                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/frontline-families.svg" class="filter-white">
1354                <span class="subsegment-name text-white">F2</span>
1355              </div>
1356            </div>
1357              <div class="d-flex flex-column ml-4">
1358                <h5 class="font-weight-bold text-dark">Frontline Families F2</h5>
1359                <p class="text-dark">Younger, cash-strapped families and couples starting out.</p>
1360                <a data-sub-segment-load="F2" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
1361                <a data-sub-segment-unload="F2" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
1362              </div>
1363            </div>
1364          </div>
1365
1366          
1367          <h4 class="pt-4 pb-4 h5 px-4"><a class="text-decoration-none d-inline-block text-white font-weight-bold arrow-link" href="/segments/frontline-families">Read more about Frontline Families and its subsegments</a></h4>
1368
1369          <div class="bg-light px-4 pt-4 pb-4">
1370            <h6 class="text-dark font-weight-light text-uppercase mt-4 small letter-spaced">Intensity KEY:</h6>
1371
1372            
1373                        <ul class="home-heritage-segment__keys segment__keys d-flex flex-column flex-wrap list-unstyled">
1374
1375            
1376                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(208,227,228,0.8); width:16px; height:16px;"></span>0% - 5%</li>
1377
1378            
1379                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(166,205,208,0.8); width:16px; height:16px;"></span>5% - 10%</li>
1380
1381            
1382                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(125,182,187,0.8); width:16px; height:16px;"></span>10% - 20%</li>
1383
1384            
1385                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(83,160,167,0.8); width:16px; height:16px;"></span>20% - 50%</li>
1386
1387            
1388                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(41,138,147,0.8); width:16px; height:16px;"></span>50% - 100%</li>
1389
1390            
1391            </ul>
1392
1393          </div>
1394        </div>
1395
1396      </section>
1397
1398        <section data-segment="Kaleidoscope Creativity" class="d-none flex-row col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4 bg-dark p-0">
1399
1400        <ul id="map-nav-condensed" class="d-none d-sm-flex nav flex-column pr-0 pl-4">
1401
1402  
1403    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1404    <div data-segment-button="Metroculturals" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Metroculturals"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/metroculturals.svg" class="mr-2"></a></div>
1405  </li>
1406
1407  
1408    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1409    <div data-segment-button="Commuterland Culturebuffs" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Commuterland Culturebuffs"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/commuterland-culturebuffs.svg" class="mr-2"></a></div>
1410  </li>
1411
1412  
1413    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1414    <div data-segment-button="Experience Seekers" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Experience Seekers"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/experience-seekers.svg" class="mr-2"></a></div>
1415  </li>
1416
1417  
1418    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1419    <div data-segment-button="Dormitory Dependables" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Dormitory Dependables"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/dormitory-dependables.svg" class="mr-2"></a></div>
1420  </li>
1421
1422  
1423    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1424    <div data-segment-button="Trips &amp; Treats" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Trips &amp; Treats"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/trips-and-treats.svg" class="mr-2"></a></div>
1425  </li>
1426
1427  
1428    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1429    <div data-segment-button="Home &amp; Heritage" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Home &amp; Heritage"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/home-and-heritage.svg" class="mr-2"></a></div>
1430  </li>
1431
1432  
1433    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1434    <div data-segment-button="Up Our Street" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Up Our Street"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/up-our-street.svg" class="mr-2"></a></div>
1435  </li>
1436
1437  
1438    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1439    <div data-segment-button="Frontline Families" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Frontline Families"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/frontline-families.svg" class="mr-2"></a></div>
1440  </li>
1441
1442  
1443    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1444    <div data-segment-button="Kaleidoscope Creativity" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Kaleidoscope Creativity"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/kaleidoscope-creativity.svg" class="mr-2"></a></div>
1445  </li>
1446
1447  
1448    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1449    <div data-segment-button="Supported Communities" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Supported Communities"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/supported-communities.svg" class="mr-2"></a></div>
1450  </li>
1451
1452    
1453</ul> 
1454        <div class="map-panel col-12 col-sm-10 bg-as-lower p-0 pt-4">
1455          <div class="px-4">
1456            <h6 role="button" data-all-segments class="d-block text-light font-italic mt-3 mb-3"><img src="/themes/custom/taa/images/icons/back_arrow.svg" class="mr-2 filter-light">Back to all segments</h6>
1457            <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/kaleidoscope-creativity.svg" class="segment-icon--lg filter-light">
1458            <h2 class="segment__title font-weight-bold text-light">Kaleidoscope Creativity</h2>
1459            <p class="segment__copy mt-4 text-light">Mixed age urban low engagers preferring free, local, culturally specific arts and festivals.</p>
1460            <h3 class="segment__copy text-light text-uppercase mt-5 letter-spaced small mb-3">Drill down by subsegment:</h3>
1461          </div>
1462          
1463          <div data-subsegment="K1" class="bg-light p-4 mb-3">
1464            <div class="d-flex flex-row align-items-start">
1465            <div class="circle-wrapper">
1466              <div class="segment-circle" style="background: linear-gradient(to top left, #298A93 40%, #79b2b7 40%);">
1467                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/kaleidoscope-creativity.svg" class="filter-light">
1468                <span class="subsegment-name text-light">K1</span>
1469              </div>
1470            </div>
1471              <div class="d-flex flex-column ml-4">
1472                <h5 class="font-weight-bold text-dark">Kaleidoscope Creativity K1</h5>
1473                <p class="text-dark">Settled and diverse urban communities.</p>
1474                <a data-sub-segment-load="K1" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
1475                <a data-sub-segment-unload="K1" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
1476              </div>
1477            </div>
1478          </div>
1479
1480          
1481          <div data-subsegment="K2" class="bg-light p-4 mb-3">
1482            <div class="d-flex flex-row align-items-start">
1483            <div class="circle-wrapper">
1484              <div class="segment-circle" style="background: linear-gradient(to top left, #298A93 40%, #79b2b7 40%);">
1485                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/kaleidoscope-creativity.svg" class="filter-light">
1486                <span class="subsegment-name text-light">K2</span>
1487              </div>
1488            </div>
1489              <div class="d-flex flex-column ml-4">
1490                <h5 class="font-weight-bold text-dark">Kaleidoscope Creativity K2</h5>
1491                <p class="text-dark">Hard-pressed singles in city tower blocks.</p>
1492                <a data-sub-segment-load="K2" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
1493                <a data-sub-segment-unload="K2" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
1494              </div>
1495            </div>
1496          </div>
1497
1498          
1499          <h4 class="pt-4 pb-4 h5 px-4"><a class="text-decoration-none d-inline-block text-light font-weight-bold arrow-link" href="/segments/kaleidoscope-creativity">Read more about Kaleidoscope Creativity and its subsegments</a></h4>
1500
1501          <div class="bg-light px-4 pt-4 pb-4">
1502            <h6 class="text-dark font-weight-light text-uppercase mt-4 small letter-spaced">Intensity KEY:</h6>
1503
1504            
1505                        <ul class="home-heritage-segment__keys segment__keys d-flex flex-column flex-wrap list-unstyled">
1506
1507            
1508                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(208,227,228,0.8); width:16px; height:16px;"></span>0% - 5%</li>
1509
1510            
1511                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(166,205,208,0.8); width:16px; height:16px;"></span>5% - 10%</li>
1512
1513            
1514                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(125,182,187,0.8); width:16px; height:16px;"></span>10% - 20%</li>
1515
1516            
1517                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(83,160,167,0.8); width:16px; height:16px;"></span>20% - 50%</li>
1518
1519            
1520                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(41,138,147,0.8); width:16px; height:16px;"></span>50% - 100%</li>
1521
1522            
1523            </ul>
1524
1525          </div>
1526        </div>
1527
1528      </section>
1529
1530        <section data-segment="Supported Communities" class="d-none flex-row col-12 col-sm-12 col-md-6 col-lg-5 col-xl-4 bg-dark p-0">
1531
1532        <ul id="map-nav-condensed" class="d-none d-sm-flex nav flex-column pr-0 pl-4">
1533
1534  
1535    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1536    <div data-segment-button="Metroculturals" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Metroculturals"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/metroculturals.svg" class="mr-2"></a></div>
1537  </li>
1538
1539  
1540    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1541    <div data-segment-button="Commuterland Culturebuffs" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Commuterland Culturebuffs"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/commuterland-culturebuffs.svg" class="mr-2"></a></div>
1542  </li>
1543
1544  
1545    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1546    <div data-segment-button="Experience Seekers" class="segment-icon btn-as-higher d-flex align-items-center"><a role="button" data-segment-load="Experience Seekers"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/experience-seekers.svg" class="mr-2"></a></div>
1547  </li>
1548
1549  
1550    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1551    <div data-segment-button="Dormitory Dependables" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Dormitory Dependables"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/dormitory-dependables.svg" class="mr-2"></a></div>
1552  </li>
1553
1554  
1555    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1556    <div data-segment-button="Trips &amp; Treats" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Trips &amp; Treats"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/trips-and-treats.svg" class="mr-2"></a></div>
1557  </li>
1558
1559  
1560    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1561    <div data-segment-button="Home &amp; Heritage" class="segment-icon btn-as-medium d-flex align-items-center"><a role="button" data-segment-load="Home &amp; Heritage"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/home-and-heritage.svg" class="mr-2"></a></div>
1562  </li>
1563
1564  
1565    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1566    <div data-segment-button="Up Our Street" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Up Our Street"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/up-our-street.svg" class="mr-2"></a></div>
1567  </li>
1568
1569  
1570    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1571    <div data-segment-button="Frontline Families" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Frontline Families"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/frontline-families.svg" class="mr-2"></a></div>
1572  </li>
1573
1574  
1575    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1576    <div data-segment-button="Kaleidoscope Creativity" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Kaleidoscope Creativity"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/kaleidoscope-creativity.svg" class="mr-2"></a></div>
1577  </li>
1578
1579  
1580    <li class="nav-item rounded-right d-inline-flex align-items-center justify-content-between mb-2 pl-0 font-weight-bold text-light position-relative">
1581    <div data-segment-button="Supported Communities" class="segment-icon btn-as-lower d-flex align-items-center"><a role="button" data-segment-load="Supported Communities"><img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/supported-communities.svg" class="mr-2"></a></div>
1582  </li>
1583
1584    
1585</ul> 
1586        <div class="map-panel col-12 col-sm-10 bg-as-lower p-0 pt-4">
1587          <div class="px-4">
1588            <h6 role="button" data-all-segments class="d-block text-white font-italic mt-3 mb-3"><img src="/themes/custom/taa/images/icons/back_arrow.svg" class="mr-2 filter-white">Back to all segments</h6>
1589            <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/supported-communities.svg" class="segment-icon--lg filter-white">
1590            <h2 class="segment__title font-weight-bold text-white">Supported Communities</h2>
1591            <p class="segment__copy mt-4 text-white">Culturally low engaged, health poor, craft circle and church group seniors and youths.</p>
1592            <h3 class="segment__copy text-white text-uppercase mt-5 letter-spaced small mb-3">Drill down by subsegment:</h3>
1593          </div>
1594          
1595          <div data-subsegment="S1" class="bg-light p-4 mb-3">
1596            <div class="d-flex flex-row align-items-start">
1597            <div class="circle-wrapper">
1598              <div class="segment-circle" style="background: linear-gradient(to top left, #298A93 40%, #79b2b7 40%);">
1599                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/supported-communities.svg" class="filter-white">
1600                <span class="subsegment-name text-white">S1</span>
1601              </div>
1602            </div>
1603              <div class="d-flex flex-column ml-4">
1604                <h5 class="font-weight-bold text-dark">Supported Communities S1</h5>
1605                <p class="text-dark">Young, immobile and hard-up, often relying on welfare to get by.</p>
1606                <a data-sub-segment-load="S1" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
1607                <a data-sub-segment-unload="S1" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
1608              </div>
1609            </div>
1610          </div>
1611
1612          
1613          <div data-subsegment="S2" class="bg-light p-4 mb-3">
1614            <div class="d-flex flex-row align-items-start">
1615            <div class="circle-wrapper">
1616              <div class="segment-circle" style="background: linear-gradient(to top left, #298A93 40%, #79b2b7 40%);">
1617                <img src="/themes/custom/taa/images/icons/audience_spectrum/segments/icon-only/supported-communities.svg" class="filter-white">
1618                <span class="subsegment-name text-white">S2</span>
1619              </div>
1620            </div>
1621              <div class="d-flex flex-column ml-4">
1622                <h5 class="font-weight-bold text-dark">Supported Communities S2</h5>
1623                <p class="text-dark">Elderly residents of sheltered housing, with low incomes and declining health.</p>
1624                <a data-sub-segment-load="S2" class="text-decoration-none text-as-lower arrow-link cursor-pointer">View</a>
1625                <a data-sub-segment-unload="S2" class="text-decoration-none text-as-lower cursor-pointer">Clear</a>
1626              </div>
1627            </div>
1628          </div>
1629
1630          
1631          <h4 class="pt-4 pb-4 h5 px-4"><a class="text-decoration-none d-inline-block text-white font-weight-bold arrow-link" href="/segments/supported-communities">Read more about Supported Communities and its subsegments</a></h4>
1632
1633          <div class="bg-light px-4 pt-4 pb-4">
1634            <h6 class="text-dark font-weight-light text-uppercase mt-4 small letter-spaced">Intensity KEY:</h6>
1635
1636            
1637                        <ul class="home-heritage-segment__keys segment__keys d-flex flex-column flex-wrap list-unstyled">
1638
1639            
1640                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(208,227,228,0.8); width:16px; height:16px;"></span>0% - 5%</li>
1641
1642            
1643                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(166,205,208,0.8); width:16px; height:16px;"></span>5% - 10%</li>
1644
1645            
1646                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(125,182,187,0.8); width:16px; height:16px;"></span>10% - 20%</li>
1647
1648            
1649                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(83,160,167,0.8); width:16px; height:16px;"></span>20% - 50%</li>
1650
1651            
1652                <li class="text-dark d-flex flex-row align-items-center mb-4"><span class="d-block btn-as-lower mr-2" style="background-color:rgba(41,138,147,0.8); width:16px; height:16px;"></span>50% - 100%</li>
1653
1654            
1655            </ul>
1656
1657          </div>
1658        </div>
1659
1660      </section>
1661
1662  
1663      <div id="map" class="col-12 col-sm-12 col-md-6 col-lg-7 col-xl-8">
1664
1665        <div id="map-inner">
1666
1667        <div class="map-interface--top-left position-absolute md-mt-4 b4">
1668
1669          <div class="map__metadata p-3 mb-2 bg-white">
1670            <h4 class="text-uppercase font-weight-light letter-spaced mb-1 small">Showing:</h4>
1671            <p class="mb-0" id="map-description"></p>
1672          </div>
1673          <button data-reset-map class="reset-map d-inline-flex bg-white"><img src="/themes/custom/taa/images/icons/refresh.svg" width="24px" class="filter-primary mr-2"><span class="filter-primary">Reset map</span>
1674          </button>
1675        </div>
1676
1677      </div>
1678
1679    </div>
1680  </div>
1680		<div class="row no-gutters col-md-12 bg-info bg-img-promo-place">
1681			<div class="col-md-5 bg-more-white p-4 pb-8 position-relative">
1682				<h4 class="h4">
1683					
1684
1685  Want to find out about the demographics and levels of cultural engagement in your local area?
1686
1687				</h4>
1688				<img class="filter-dark position-bottom mb-4 position-right mr-4" alt="The Audience Agency" src="/themes/custom/taa/images/logos/taa_logo.svg" width="60%">
1689			</div>
1690			<div class="col-md-7 p-4 text-white smallish">
1691				<p>
1692					Population Profile Reports (PPRs) are user-friendly, bespoke to your area and easily actionable for marketing, strategic planning, advocacy or as a starting point for organisational change.
1693				</p>
1694				<a href="https://evidence.audienceanswers.org/en/solutions/population-profile-reports" title=" on The Audience Agency Website" class="block-arrow-link">More about PPRs</a>
1695			</div>
1696		</div>
1697	</main>
1698
1699  </div>
1700
1701  </div>
1702
1703    </div>
1704    
1705    
1706  </main>
1707
1708  
1709</div>
1710  </div>
1711
1712
1713				
1714				
1714<script src="/themes/custom/taa_spectrum/dist/main.js"></script>
1714
1715
1716				<footer class="bg-dark text-white py-6 position-relative">
1717  <nav class="container-lg">
1718    <div class="row mb-5">
1719      <div class="col-md-8">
1720
1721        <p class="mb-5">
1722          <a href="/" title="Return to the Audience Spectrum homepage">
1723            <img src="/themes/custom/taa_spectrum/images/logos/as_logo_on_dark.svg" alt="Audience Spectrum" width="340px" class="img-fluid">
1724          </a>
1725        </p>
1726        <div class="row row-cols-1 row-cols-sm-2 ">
1727          <div class="col mb-4">
1728            <p class="mb-4">
1729              <a class="btn btn-outline-white btn-lg  " href="/get-touch">Talk to us</a>
1730            </p>
1731            <p class="mb-4">
1732              <a href="mailto:[email protected]?subject=Via Audience Spectrum Site Footer" class="text-decoration-none text-white" target="_blank">[email protected]</a>
1733            </p>
1734            <ul class="list-unstyled d-flex mb-4">
1735
1736                                              <li><a href="https://www.linkedin.com/company/the-audience-agency" title="LinkedIn"><img src="/themes/custom/taa_spectrum/images/icons/linkedin.svg" alt="LinkedIn logo" class="filter-white mr-3"></a></li>
1737              
1738                                              <li><a href="https://www.youtube.com/channel/UCvuo6UzywDRQ1xXpk82P5vw" title="YouTube"><img src="/themes/custom/taa_spectrum/images/icons/youtube.svg" alt="YouTube logo" class="filter-white mr-3"></a></li>
1739                          </ul>
1740          </div><!--/col-->
1741          <div class="col mb-4">
1742            <ul class="list-unstyled">
1743            						  
1744                  
1745                    <li class="mb-3"><a href="/segments" class="text-white text-decoration-none">The Segments</a></li>
1746                  
1747                          						  
1748                  
1749                    <li class="mb-3"><a href="/map" class="text-white text-decoration-none">Map</a></li>
1750                  
1751                          						  
1752                  
1753                                      </ul>
1754          </div><!--/col-->
1755        </div><!--/rowcols2-->
1756      </div><!--/col-->
1757      <div class="col-md-4 mb-4 position-md-absolute position-md-right pr-0 col-9 offset-3 offset-md-0">
1758        <a class="bg-black d-flex justify-content-between align-items-center p-5 w-100 mb-4" href="https://audienceanswers.org" title="Go to the Audience Answers Website"><img src="/themes/custom/taa_spectrum/images/logos/aa_vertical_colour_on-dark.svg" alt="Audience Answers" width="100px"><img src="/themes/custom/taa_spectrum/images/icons/link_arrow.svg" alt="" class="filter-aa" width="24px"></a>
1759        <a class="bg-black d-flex justify-content-between align-items-center p-5 w-100 mb-4" href="https://theaudienceagency.org" title="Go to The Audience Agency Website"><img src="/themes/custom/taa_spectrum/images/logos/taa_vertical_colour_on-dark.svg" alt="Audience Answers" width="124px"><img src="/themes/custom/taa_spectrum/images/icons/link_arrow.svg" alt="" class="filter-taa" width="24px"></a>
1760      </div><!--/col-->
1761    </div><!--/row-->
1762    <div class="row">
1763      <div class="col-md-6">
1764        <p class="small">Copyright © 2026 The Audience Agency</p>
1765      </div><!--/col-->
1766      <div class="col-md-6 text-md-right">
1767        <p class="small">
1768                                <a href="https://www.theaudienceagency.org/accessibility" class="text-white mr-2 text-decoration-none">Accessibility</a> &bull;
1769          
1770                                <a href="https://www.theaudienceagency.org/privacy-policy" class="text-white mr-2 text-decoration-none">&nbsp;&nbsp;Privacy</a> &bull;
1771          
1772                                <a href="https://www.theaudienceagency.org/terms-and-conditions" class="text-white mr-2 text-decoration-none">&nbsp;&nbsp;Terms &amp; Conditions</a>
1773          
1774        </p>
1775      </div><!--/col-->
1776    </div><!--/row-->
1777
1778  </nav><!--/container-->
1779</footer>
1780</body>
1781		</body>
1782	</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.