PageSourceSearch

https://untangleyourbrand.com/contact

html untangleyourbrand.com collected 2026-10-04 07:58:53 UTC 284,295 bytes, 1,936 lines download raw bytes

1<!DOCTYPE html><html lang="en" dir="ltr" class="theme-light"><head><meta charSet="utf-8"/><link rel="preconnect" href="/" crossorigin=""/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="stylesheet" href="/styles/static.css" data-precedence="default"/><link rel="stylesheet" href="/styles/notion.css" data-precedence="default"/><link rel="stylesheet" href="/styles/super.css" data-precedence="default"/><link rel="stylesheet" href="/_next/static/chunks/16sz9a438v8dy.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/2l8zr1i2h4s0n.js"/>
1<script src="/_next/static/chunks/39lh7h2mq0kht.js" async=""></script>
1<script src="/_next/static/chunks/35e6ihb8m-ok8.js" async=""></script>
1<script src="/_next/static/chunks/2w35j0myr5uh6.js" async=""></script>
1<script src="/_next/static/chunks/10-69h2xev3ek.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-14fm30rxd4vnq.js" async=""></script>
1<script src="/_next/static/chunks/0ylgcnss9ue9v.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/1dlft7ht-6kzk.js" async=""></script>
1<script src="/_next/static/chunks/1xt6zdl-o7wg3.js" async=""></script>
1<script src="/_next/static/chunks/0rr5btioklgf4.js" async=""></script>
1<script src="/_next/static/chunks/2matreab0rub0.js" async=""></script>
1<script src="/_next/static/chunks/2z5wb7vhdi3hf.js" async=""></script>
1<script src="/_next/static/chunks/3cmvik1zogxvy.js" async=""></script>
vendor: 66 bytes, line 1
1<script async="" src="https://www.googletagmanager.com/gtag/js?id=
1G-DF2FGNT9RY
vendor: 11 bytes, line 1
1"></script>
1<script src="/_next/static/chunks/0tebe-k_4bvw8.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/08sikk1eypppo.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/1thlt7ghjj4x5.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/41l0cu_krzrbf.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/2ggeb0g51xxjo.js" async="" crossorigin=""></script>
1<link rel="preload" href="/_next/static/chunks/12e5er48ih0r9.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/2hzu56xqay5am.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/0vbmy_j6p2zr0.js" as="script" fetchPriority="low"/><link rel="icon" href="https://assets.super.so/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95/uploads/favicon/358ef569-a475-483f-881e-94e762373554.jpg"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><title>Say hello</title><meta name="description" content="Want to talk about your brand? Book a free Quick Chat, drop me an email, or say hello on social. Happy to talk records too, if that&#x27;s more your thing."/><meta name="generator" content="Super"/><meta name="robots" content="index, follow"/><meta property="og:title" content="Say hello"/><meta property="og:description" content="Want to talk about your brand? Book a free Quick Chat, drop me an email, or say hello on social. Happy to talk records too, if that&#x27;s more your thing."/><meta property="og:url" content="https://untangleyourbrand.com/contact"/><meta property="og:site_name" content="Say hello"/><meta property="og:locale" content="en-US"/><meta property="og:image" content="https://assets.super.so/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95/uploads/cover/24e70d1c-cd58-4986-9dc0-b2559bf85226.png"/><meta property="og:image:alt" content="Say hello"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Say hello"/><meta name="twitter:description" content="Want to talk about your brand? Book a free Quick Chat, drop me an email, or say hello on social. Happy to talk records too, if that&#x27;s more your thing."/><meta name="twitter:image" content="https://assets.super.so/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95/uploads/cover/24e70d1c-cd58-4986-9dc0-b2559bf85226.png"/><meta name="twitter:image:alt" content="Say hello"/>
1<script>
2  (function () {
3    if (typeof Node !== "function" || !Node.prototype || Node.prototype.__superDomGuard) {
4      return;
5    }
6    Node.prototype.__superDomGuard = true;
7
8    var originalRemoveChild = Node.prototype.removeChild;
9    Node.prototype.removeChild = function (child) {
10      if (child && child.parentNode !== this) {
11        if (typeof console !== "undefined" && console.warn) {
12          console.warn("[super] skipped removeChild for node not in this parent", child, this);
13        }
14        return child;
15      }
16      return originalRemoveChild.apply(this, arguments);
17    };
18
19    var originalInsertBefore = Node.prototype.insertBefore;
20    Node.prototype.insertBefore = function (newNode, referenceNode) {
21      if (referenceNode && referenceNode.parentNode !== this) {
22        if (typeof console !== "undefined" && console.warn) {
23          console.warn("[super] skipped insertBefore for reference node not in this parent", referenceNode, this);
24        }
25        return newNode;
26      }
27      return originalInsertBefore.apply(this, arguments);
28    };
29  })();
30</script>
30<script>
31    const html = document.getElementsByTagName("html")[0];
32    try {
33      const colorPreference = localStorage
34        ? localStorage.getItem("color-preference")
35        : null;
36
37      if (true) {
38        html.classList.remove("theme-light");
39      }
40      
41      if (false && colorPreference && html) {
42        html.classList.add("theme-" + colorPreference);
43      } else {
44        html.classList.add("theme-light");
45      }
46    } catch (e) {
47      console.log('ERROR themeEffect', e)
48      html.classList.add("theme-light");
49    }
50</script>
50<style>
51      @font-face {
52        font-family: "Inter";
53        font-style: normal;
54font-display: swap;
55        font-weight: 400;
56        src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot"); /* IE9 Compat Modes */
57        
58          src: local(""),
59            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix")
60            format("embedded-opentype"),
61            /* IE6-IE8 */
62            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2")
63            format("woff2"),
64            /* Super Modern Browsers */
65            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff")
66            format("woff"),
67            /* Modern Browsers */
68            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf")
69            format("truetype"),
70            /* Safari, Android, iOS */
71            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Inter")
72            format("svg"); /* Legacy iOS */
73        
74      }
75    
76      @font-face {
77        font-family: "Inter";
78        font-style: normal;
79font-display: swap;
80        font-weight: 500;
81        src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot"); /* IE9 Compat Modes */
82        
83          src: local(""),
84            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot?#iefix")
85            format("embedded-opentype"),
86            /* IE6-IE8 */
87            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2")
88            format("woff2"),
89            /* Super Modern Browsers */
90            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff")
91            format("woff"),
92            /* Modern Browsers */
93            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.ttf")
94            format("truetype"),
95            /* Safari, Android, iOS */
96            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Inter")
97            format("svg"); /* Legacy iOS */
98        
99      }
100    
101      @font-face {
102        font-family: "Inter";
103        font-style: normal;
104font-display: swap;
105        font-weight: 600;
106        src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot"); /* IE9 Compat Modes */
107        
108          src: local(""),
109            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot?#iefix")
110            format("embedded-opentype"),
111            /* IE6-IE8 */
112            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2")
113            format("woff2"),
114            /* Super Modern Browsers */
115            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff")
116            format("woff"),
117            /* Modern Browsers */
118            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.ttf")
119            format("truetype"),
120            /* Safari, Android, iOS */
121            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.svg#Inter")
122            format("svg"); /* Legacy iOS */
123        
124      }
125    
126      @font-face {
127        font-family: "Inter";
128        font-style: normal;
129font-display: swap;
130        font-weight: 700;
131        src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot"); /* IE9 Compat Modes */
132        
133          src: local(""),
134            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix")
135            format("embedded-opentype"),
136            /* IE6-IE8 */
137            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2")
138            format("woff2"),
139            /* Super Modern Browsers */
140            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff")
141            format("woff"),
142            /* Modern Browsers */
143            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf")
144            format("truetype"),
145            /* Safari, Android, iOS */
146            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Inter")
147            format("svg"); /* Legacy iOS */
148        
149      }
150    
151      @font-face {
152        font-family: "Inter-fallback";
153        size-adjust: 107%;
154        ascent-override: 90%;
155        src: local("Arial");
156      }
157    </style><style>html{font-size:16px}</style>
157<script src="https://cdn.cookiehub.eu/c2/cbea01d6.js"></script>
157<script>
158document.addEventListener("DOMContentLoaded", function() {
159  var cpm = {};
160  window.cookiehub.load(cpm);
161});
162</script>
162<script>
163  window.dataLayer = window.dataLayer || [];
164  function gtag(){dataLayer.push(arguments);}
165  gtag('consent', 'default', {
166    'analytics_storage': 'denied',
167    'ad_storage': 'denied'
168  });
169</script>
169<script>
170  gtag('js', new Date());
171  gtag('config', 'G-DF2FGNT9RY');
172</script>
172<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
172</head><body><div hidden=""><!--$--><!--/$--></div><div class="super-root"><style>
173/* =========================================================
174   CUSTOM FOOTER — UNTANGLE YOUR BRAND (v7 layout: links right)
175   ========================================================= */
176
177/* Hide Super footer (failsafe) */
178.super-footer,
179footer.super-footer {
180  display: none !important;
181}
182
183/* ---------- Global controls ---------- */
184:root {
185  --footer-padding-inline: 5%;      /* side padding */
186  --space-tagline-top: 0.2rem;      /* gap between title & tagline */
187  --space-links-top: 1.5rem;        /* gap between tagline & links */
188  --space-legal-top: 1.5rem;        /* gap between links & legal */
189  --space-after-legal: 3rem;        /* space below the footer */
190  --links-gap: 2rem;                /* space between each link */
191}
192
193/* Base footer */
194footer.custom-footer {
195  font-family: "Noto Sans", sans-serif !important;
196  background: transparent !important;
197  color: #585858 !important;
198  padding: 0 var(--footer-padding-inline);
199  margin: 0 0 var(--space-after-legal) 0 !important;
200  display: flex;
201  flex-direction: column;
202  gap: var(--space-legal-top);
203}
204
205/* --- NEW: group brand + tagline on left, links on right --- */
206footer.custom-footer .footer-top {
207  display: flex !important;
208  justify-content: space-between !important;
209  align-items: flex-start !important;
210  flex-wrap: wrap !important;
211  gap: var(--links-gap);
212}
213
214/* Brand container (left block) */
215footer.custom-footer .footer-brand {
216  display: flex;
217  flex-direction: column;
218}
219
220/* Title link */
221footer.custom-footer .footer-title a {
222  font-family: "Inter", sans-serif !important;
223  font-weight: 600 !important;
224  font-size: 1.2rem !important;
225  color: #000000 !important;
226  text-decoration: none !important;
227  letter-spacing: -0.04em !important;
228  transition: color 0.2s ease-in-out;
229  display: inline-block;
230}
231footer.custom-footer .footer-title a:hover {
232  color: #FF31AF !important;
233}
234
235/* Tagline */
236footer.custom-footer .footer-tagline {
237  font-family: "Noto Sans", sans-serif !important;
238  font-weight: 400 !important;
239  font-size: 0.85rem !important;
240  letter-spacing: 0.0em !important;
241  color: #585858 !important;
242  margin-top: var(--space-tagline-top) !important;
243}
244
245/* Links row (right block) */
246footer.custom-footer .footer-links {
247  display: flex;
248  flex-wrap: wrap;
249  justify-content: flex-end;
250  align-items: flex-start;
251  gap: var(--links-gap);
252  margin-top: var(--space-links-top) !important;
253}
254footer.custom-footer .footer-links a {
255  font-family: "Inter", sans-serif !important;
256  font-weight: 600 !important;
257  font-size: 1.1rem !important;
258  text-decoration: none !important;
259  color: #000000 !important;
260  transition: color 0.2s ease-in-out;
261}
262footer.custom-footer .footer-links a:hover {
263  color: #FF31AF !important;
264}
265
266/* Legal */
267footer.custom-footer .footer-legal {
268  font-family: "Noto Sans", sans-serif !important;
269  font-weight: 400 !important;
270  font-size: 0.85rem !important;
271  letter-spacing: 0.0em !important;
272  color: #585858 !important;
273}
274
275/* Responsive */
276@media (max-width: 768px) {
277  footer.custom-footer .footer-top {
278    flex-direction: column !important;
279    align-items: flex-start !important;
280    gap: 1rem !important;
281  }
282  footer.custom-footer .footer-links {
283    justify-content: flex-start !important;
284  }
285}
286</style>
287
288<footer class="custom-footer">
289  <div class="footer-top">
290    <div class="footer-brand">
291      <div class="footer-title">
292        <a href="https://untangleyourbrand.com">Untangle Your Brand®</a>
293      </div>
294      <div class="footer-tagline">
295        Creating brands that are relevant, unique and memorable.
296      </div>
297    </div>
298
299    <div class="footer-links">
300      <a href="https://untangleyourbrand.com/tools">Tools</a>
301      <a href="https://untangleyourbrand.com/check">Check</a>
302      <a href="https://untangleyourbrand.com/guide">Guide</a>
303      <a href="https://untangleyourbrand.com/vault">Vault</a>
304      <a href="https://untangleyourbrand.com/contact">Contact</a>
305      <a href="https://untangleyourbrand.com/pincreative">PIN</a>
306      <a href="https://untangleyourbrand.com/privacy">Privacy</a>
307      <a href="https://untangleyourbrand.com/ai">AI</a>      
308      <a href="https://untangleyourbrand.com/ask">Ask</a>      
309    </div>
310  </div>
311
312  <div class="footer-legal">
313    Untangle Your Brand® is a registered trademark © 
314    <a href="https://untangleyourbrand.com/pincreative" target="_blank" rel="noopener">
315      PIN Creative
316    </a> 2026
317  </div>
318</footer>
319
320<style>
321/* Ensure the footer-legal link colour matches the text colour */
322footer.custom-footer .footer-legal,
323footer.custom-footer .footer-legal a,
324footer.custom-footer .footer-legal a:visited,
325footer.custom-footer .footer-legal a:active {
326  color: #585858 !important; /* force dark grey */
327  font-family: "Noto Sans", sans-serif !important;
328  font-weight: 400 !important;
329  font-size: 0.85rem !important;
330  letter-spacing: 0em !important;
331  text-decoration: none !important;
332}
333
334footer.custom-footer .footer-legal a:hover {
335  color: #FF31AF !important; /* optional hover accent */
336}
337</style>
338
339  
340
341
342
343
344
345
346
347
348<nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="super-navbar simple" style="position:sticky;box-shadow:var(--navbar-shadow);-webkit-box-shadow:var(--navbar-shadow)"><div class="super-navbar__content"><a class="notion-link super-navbar__logo" href="/"><span class="super-navbar__logo-text" style="font-size:16px">Untangle Your Brand®</span></a><div style="position:relative"><ul data-orientation="horizontal" class="super-navbar__item-list" dir="ltr"><li><a class="notion-link super-navbar__item" href="/work">Work</a></li><li><a class="notion-link super-navbar__item" href="/how">How</a></li><li><a class="notion-link super-navbar__item" href="/what">What</a></li><li><a class="notion-link super-navbar__item" href="/who">Who</a></li><li><a class="notion-link super-navbar__item" href="/learn">Learn</a></li><li><a class="notion-link super-navbar__item" href="/brain">BrAIn</a></li><li><a href="https://blah.untangleyourbrand.com" class="notion-link super-navbar__item" target="_blank" rel="noopener noreferrer">Blah</a></li><li><a class="notion-link super-navbar__item" href="/zest">ZEST</a></li></ul></div><div class="super-navbar__actions"><a class="notion-link" href="/ask"><div class="super-navbar__cta">Ask Dave</div></a><div class="super-navbar__button super-navbar__search"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search " type="Search"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><!--/$--></div><div class="super-navbar__button super-navbar__menu-open"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu " type="Menu"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg><!--/$--></div></div></div><div class="super-navbar__viewport-wrapper"></div></nav><div class="super-content-wrapper"><main id="page-contact" class="super-content page__contact parent-page__index"><div class="notion-header page"><div class="notion-header__cover no-cover no-icon"></div><div class="notion-header__content max-width no-cover no-icon"><div class="notion-header__title-wrapper"><h1 class="notion-header__title">Contact</h1></div></div></div><article id="block-contact" class="notion-root max-width has-footer"><span class="notion-heading__anchor" id="298caacc9ce08094b639fd5bb8030069"></span><h1 id="block-298caacc9ce08094b639fd5bb8030069" class="notion-heading notion-semantic-string">Say hello</h1><div id="block-297caacc9ce08002af4fe54a66b0090a" class="notion-column-list"><div id="block-297caacc9ce08084b8a9df2a44410d85" class="notion-column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5)"><p id="block-297caacc9ce0803f8c4adbb0b041de39" class="notion-text notion-text__content notion-semantic-string">If you’d like to talk about how I can help you untangle your brand, just book a quick chat, send an email, or get in touch through social.</p><div id="block-297caacc9ce080469b07fa9db2918bf7" class="notion-text"></div></div><div id="block-297caacc9ce0802eb378c7ad4abe6707" class="notion-column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5);margin-inline-start:var(--column-spacing)"><div id="block-297caacc9ce08059a945c0b8ef1e97d0" class="notion-text"></div></div></div><div id="block-297caacc9ce080bb92a2e268805d548c" class="notion-text"></div><div id="block-298caacc9ce080b7af41fa7e203057d3" class="notion-column-list"><div id="block-298caacc9ce0807ba4a7c2d667d6fd99" class="notion-column" style="width:calc((100% - var(--column-spacing) * 3) * 0.25)"><p id="block-297caacc9ce08022b7acd0231d4cd836" class="notion-text notion-text__content notion-semantic-string"><a href="mailto:[email protected]" class="notion-link link" target="_blank" rel="noopener noreferrer">[email protected]</a></p><p id="block-297caacc9ce080f59c32d063388dc86f" class="notion-text notion-text__content notion-semantic-string">+44 7957 253907</p><div id="block-297caacc9ce0806d89f1f29887d63676" class="notion-text"></div></div><div id="block-298caacc9ce080c0826fc3387e9fa6e9" class="notion-column" style="width:calc((100% - var(--column-spacing) * 3) * 0.25);margin-inline-start:var(--column-spacing)"><div id="block-298caacc9ce080ba90bafd3780b75572" class="notion-text"></div></div><div id="block-298caacc9ce08046b5d7d817738f9226" class="notion-column" style="width:calc((100% - var(--column-spacing) * 3) * 0.25);margin-inline-start:var(--column-spacing)"><div id="block-298caacc9ce08034ad17d1b287535313" class="notion-text"></div><p id="block-297caacc9ce08013aa20d097bd831156" class="notion-text notion-text__content notion-semantic-string"><a href="https://www.linkedin.com/in/pincreative/" class="notion-link link" data-server-link="true" data-link-uri="https://www.linkedin.com/in/pincreative/">LinkedIn</a></p><p id="block-297caacc9ce0809487e2dbc28876ad8e" class="notion-text notion-text__content notion-semantic-string"><a href="https://www.facebook.com/groups/untangleyourbrand/" class="notion-link link" data-server-link="true" data-link-uri="https://www.facebook.com/groups/untangleyourbrand/">Facebook</a></p><p id="block-297caacc9ce08073ae29e05629f22bea" class="notion-text notion-text__content notion-semantic-string"><a href="https://www.instagram.com/untangleyourbrand/" class="notion-link link" data-server-link="true" data-link-uri="https://www.instagram.com/untangleyourbrand/">Instagram</a></p><p id="block-297caacc9ce08003b7edf8718178d90f" class="notion-text notion-text__content notion-semantic-string"><a href="https://open.spotify.com/user/nigel300" class="notion-link link" data-server-link="true" data-link-uri="https://open.spotify.com/user/nigel300">Spotify<!-- --></a></p></div><div id="block-298caacc9ce0807b89d9e385c361221d" class="notion-column" style="width:calc((100% - var(--column-spacing) * 3) * 0.25);margin-inline-start:var(--column-spacing)"><div id="block-298caacc9ce080139a50c3178d7208f3" class="notion-text"></div><div id="block-298caacc9ce080d7b1edd69bd922edc4" class="notion-image align-start page-width"><span data-full-size="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9893e623-7ba6-4379-ba61-30b6343c20b6/UYB_BUBBLE_ILLUSTRATIONS_1920p
348x4/public" data-lightbox-src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9893e623-7ba6-4379-ba61-30b6343c20b6/UYB_BUBBLE_ILLUSTRATIONS_1920px4/public" style="display:contents"><img alt="image" loading="lazy" width="1920" height="1080" decoding="async" data-nimg="1" style="color:transparent;object-fit:contain;object-position:center;height:auto" sizes="(max-width: 546px) 100vw, 100vw" srcSet="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9893e623-7ba6-4379-ba61-30b6343c20b6/UYB_BUBBLE_ILLUSTRATIONS_1920px4/w=1920,quality=90,fit=scale-down 640w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9893e623-7ba6-4379-ba61-30b6343c20b6/UYB_BUBBLE_ILLUSTRATIONS_1920px4/w=1920,quality=90,fit=scale-down 750w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9893e623-7ba6-4379-ba61-30b6343c20b6/UYB_BUBBLE_ILLUSTRATIONS_1920px4/w=1920,quality=90,fit=scale-down 828w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9893e623-7ba6-4379-ba61-30b6343c20b6/UYB_BUBBLE_ILLUSTRATIONS_1920px4/w=1920,quality=90,fit=scale-down 1080w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9893e623-7ba6-4379-ba61-30b6343c20b6/UYB_BUBBLE_ILLUSTRATIONS_1920px4/w=1920,quality=90,fit=scale-down 1200w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9893e623-7ba6-4379-ba61-30b6343c20b6/UYB_BUBBLE_ILLUSTRATIONS_1920px4/w=1920,quality=90,fit=scale-down 1920w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9893e623-7ba6-4379-ba61-30b6343c20b6/UYB_BUBBLE_ILLUSTRATIONS_1920px4/w=1920,quality=90,fit=scale-down 2048w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9893e623-7ba6-4379-ba61-30b6343c20b6/UYB_BUBBLE_ILLUSTRATIONS_1920px4/w=1920,quality=90,fit=scale-down 3840w" src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9893e623-7ba6-4379-ba61-30b6343c20b6/UYB_BUBBLE_ILLUSTRATIONS_1920px4/w=1920,quality=90,fit=scale-down"/></span></div></div></div><div id="block-297caacc9ce080659b18c45eda8c552f" class="notion-column-list"><div id="block-297caacc9ce080b39d09d41fda05cf1e" class="notion-column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5)"><span class="notion-heading__anchor" id="297caacc9ce0803f91c7c30f3788b55f"></span><h3 id="block-297caacc9ce0803f91c7c30f3788b55f" class="notion-heading notion-semantic-string"><a href="https://calendly.com/pincreative/chat" class="notion-link link" data-server-link="true" data-link-uri="https://calendly.com/pincreative/chat">Book a free Quick Chat</a></h3><p id="block-297caacc9ce0804e8f63f547063199a8" class="notion-text notion-text__content notion-semantic-string">During the call, you can ask me anything about how I can help you untangle your brand, or we can chat about records and anything else you’re interested in.</p><div id="block-297caacc9ce080f0b3f1ebfbc9b29232" class="notion-text"></div><span class="notion-heading__anchor" id="297caacc9ce0809d8c5eee7520e6c3ec"></span><h3 id="block-297caacc9ce0809d8c5eee7520e6c3ec" class="notion-heading notion-semantic-string">Sign-up, to keep up</h3><p id="block-3a5caacc9ce08016a91fe80905d8efb6" class="notion-text notion-text__content notion-semantic-string">Sign up below to read more of my content and find out when new tools launch.</p><span id="block-3a5caacc9ce08053a3f1d062d3d0cbf8" class="notion-embed" style="display:block;width:100%"><span class="notion-embed__content" style="display:flex;width:100%"><span class="notion-embed__loader" style="display:inline-block"><svg class="super-loader__spinner" viewBox="0 0 24 24"><defs><linearGradient x1="28.1542969%" y1="63.7402344%" x2="74.6289062%" y2="17.7832031%" id="linearGradient-1"><stop stop-color="rgba(164, 164, 164, 1)" offset="0%"></stop><stop stop-color="rgba(164, 164, 164, 0)" stop-opacity="0" offset="100%"></stop></linearGradient></defs><g id="Page-1" stroke="none" stroke-width="1" fill="none"><g transform="translate(-236.000000, -286.000000)"><g transform="translate(238.000000, 286.000000)"><circle id="Oval-2" stroke="url(#linearGradient-1)" stroke-width="4" cx="10" cy="12" r="10"></circle><path d="M10,2 C4.4771525,2 0,6.4771525 0,12" id="Oval-2" stroke="rgba(164, 164, 164, 1)" stroke-width="4"></path><rect id="Rectangle-1" fill="rgba(164, 164, 164, 1)" x="8" y="0" width="4" height="4" rx="8"></rect></g></g></g></svg></span><span class="notion-embed__container__wrapper align-start" style="width:100%;display:flex;height:96px"><span style="width:100%;height:100%;display:block" class="notion-embed__container"><iframe src="https://pin-creative.github.io/ghost-signup-embed/" title="pin-creative.github.io" sandbox="allow-scripts allow-popups allow-forms allow-same-origin allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation" allowFullScreen="" loading="lazy" frameBorder="0"></iframe></span></span></span></span>
348<p id="block-3a5caacc9ce080febc04f925649bcd50" class="notion-text color-gray notion-text__content notion-semantic-string">By signing up, you&#x27;ll be added to the PIN Creative mailing list and receive updates from the content platform Blah, Blah, Blah, covering brands, bands, creativity, and events. You can unsubscribe at any time.</p><div id="block-3a5caacc9ce080c08b15e0753a20a2ac" class="notion-text"></div></div><div id="block-297caacc9ce080cb8b32d6eaf0479532" class="notion-column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5);margin-inline-start:var(--column-spacing)"><div id="block-297caacc9ce08084b056da871f7f4d33" class="notion-text"></div><div id="block-297caacc9ce08091a430da66babf39b1" class="notion-text color-green"></div><div id="block-297caacc9ce080229f47eac21fbe1b65" class="notion-text"></div></div></div></article></main><style>
349    html {
350      font-size: 16px;
351    }
352
353    
354  </style><!--$--><!--/$--></div><footer class="super-footer corners"><div class="super-footer__content"><a class="notion-link super-footer__logo" href="/"><span class="super-footer__logo-text" style="font-size:26px">Untangle Your Brand®</span></a><div class="super-footer__links"><a href="/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::fa7cc07a-0fa1-4062-af8f-48214fee5e54" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::fa7cc07a-0fa1-4062-af8f-48214fee5e54"><p>Check</p></a><a href="/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::08f54908-3b93-48be-99b2-4d8b7f28bb16" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::08f54908-3b93-48be-99b2-4d8b7f28bb16"><p>Guide</p></a><a href="/vault" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/vault"><p>Vault</p></a><a href="/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::beea566f-7e7a-41e5-b264-2788a2ba94b0" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::beea566f-7e7a-41e5-b264-2788a2ba94b0"><p>Login</p></a><a href="/pincreative" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/pincreative"><p>PIN</p></a><a href="/privacy" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/privacy"><p>Privacy</p></a><a href="/ask" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/ask"><p>Ask</p></a></div><p class="super-footer__footnote">Untangle Your Brand® is a registered trademark © PIN Creative 2025</p><div class="super-footer__icons"><a href="https://www.linkedin.com/in/pincreative/" class="notion-link" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><title>LinkedIn</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></a><a href="https://www.instagram.com/untangleyourbrand/" class="notion-link" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><title>Instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"></path></svg></a></div></div></footer></div><style>
355  
356    html.theme-light {
357      /* Gray */
358      --gray-h: 36;
359      --gray-s: 2%;
360      --gray-l: 46%;
361      --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l));
362      --color-text-gray: var(--color-gray);
363      --color-bg-gray: hsl(
364        var(--gray-h),
365        var(--gray-s),
366        90%
367      );
368      --color-bg-gray-light: var(--color-bg-gray);
369      --color-pill-gray: hsl(
370        calc(var(--gray-h) + 14),
371        var(--gray-s),
372        88%
373      );
374      --color-pill-text-gray: hsl(
375        var(--gray-h),
376        var(--gray-s),
377        calc(var(--gray-l) - 28%)
378      );
379      --color-bg-form-btn-gray: #A7A39A;
380
381      /* Brown */
382      --brown-h: 19;
383      --brown-s: 31%;
384      --brown-l: 47%;
385      --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l));
386      --color-text-brown: var(--color-brown);
387      --color-bg-brown: hsl(
388        var(--brown-h),
389        var(--brown-s),
390        90%
391      );
392      --color-bg-brown-light: var(--color-bg-brown);
393      --color-pill-brown: hsl(
394        var(--brown-h),
395        calc(var(--brown-s) + 10%),
396        89%
397      );
398      --color-pill-text-brown: hsl(
399        var(--brown-h),
400        calc(var(--brown-s) + 10%),
401        calc(var(--brown-l) - 28%)
402      );
403      --color-bg-form-btn-brown: #9A6851;
404
405      /* Orange */
406      --orange-h: 30;
407      --orange-s: 87%;
408      --orange-l: 45%;
409      --color-orange: hsl(
410        var(--orange-h),
411        var(--orange-s),
412        var(--orange-l)
413      );
414      --color-text-orange: var(--color-orange);
415      --color-bg-orange: hsl(
416        var(--orange-h),
417        var(--orange-s),
418        90%
419      );
420      --color-bg-orange-light: var(--color-bg-orange);
421      --color-pill-orange: hsl(
422        var(--orange-h),
423        calc(var(--orange-s) - 6%),
424        87%
425      );
426      --color-pill-text-orange: hsl(
427        calc(var(--orange-h) - 5),
428        calc(var(--orange-s) - 18%),
429        calc(var(--orange-l) - 28%)
430      );
431      --color-bg-form-btn-orange: #D9730D;
432
433      /* Yellow */
434      --yellow-h: 38;
435      --yellow-s: 62%;
436      --yellow-l: 49%;
437      --color-yellow: hsl(
438        var(--yellow-h),
439        var(--yellow-s),
440        var(--yellow-l)
441      );
442      --color-text-yellow: var(--color-yellow);
443      --color-bg-yellow: hsl(
444        var(--yellow-h),
445        calc(var(--yellow-s) + 90%),
446        90%
447      );
448      --color-bg-yellow-light: var(--color-bg-yellow);
449      --color-pill-yellow: hsl(
450        calc(var(--yellow-h) + 3),
451        calc(var(--yellow-s) + 24%),
452        90%
453      );
454      --color-pill-text-yellow: hsl(
455        calc(var(--yellow-h) - 11),
456        calc(var(--yellow-s) - 22%),
457        calc(var(--yellow-l) - 28%)
458      );
459      --color-bg-form-btn-yellow: #CA922F;
460
461      /* Green */
462      --green-h: 149;
463      --green-s: 31%;
464      --green-l: 39%;
465      --color-green: hsl(var(--green-h), var(--green-s), var(--green-l));
466      --color-text-green: var(--color-green);
467      --color-bg-green: hsl(
468        var(--green-h),
469        var(--green-s),
470        90%
471      );
472      --color-bg-green-light: var(--color-bg-green);
473      --color-pill-green: hsl(
474        calc(var(--green-h) - 28),
475        calc(var(--green-s) + 3%),
476        89%
477      );
478      --color-pill-text-green: hsl(
479        calc(var(--green-h) - 2),
480        var(--green-s),
481        calc(var(--green-l) - 22%)
482      );
483      --color-bg-form-btn-green: #448361;
484
485      /* Blue */
486      --blue-h: 202;
487      --blue-s: 53%;
488      --blue-l: 43%;
489      --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));
490      --color-text-blue: var(--color-blue);
491      --color-bg-blue: hsl(
492        var(--blue-h),
493        var(--blue-s),
494        90%
495      );
496      --color-bg-blue-light: var(--color-bg-blue);
497      --color-pill-blue: hsl(
498        var(--blue-h),
499        calc(var(--blue-s) - 5%),
500        85%
501      );
502      --color-pill-text-blue: hsl(
503        calc(var(--blue-h) + 7),
504        calc(var(--blue-s) - 6%),
505        calc(var(--blue-l) - 22%)
506      );
507      --color-bg-form-btn-blue: #327DA9;
508
509      /* Purple */
510      --purple-h: 274;
511      --purple-s: 32%;
512      --purple-l: 54%;
513      --color-purple: hsl(
514        var(--purple-h),
515        var(--purple-s),
516        var(--purple-l)
517      );
518      --color-text-purple: var(--color-purple);
519      --color-bg-purple: hsl(
520        var(--purple-h),
521        var(--purple-s),
522        90%
523      );
524      --color-bg-purple-light: var(--color-bg-purple);
525      --color-pill-purple: hsl(
526        var(--purple-h),
527        calc(var(--purple-s) + 5%),
528        90%
529      );
530      --color-pill-text-purple: hsl(
531        calc(var(--purple-h) + 1),
532        calc(var(--purple-s) + 10%),
533        calc(var(--purple-l) - 31%)
534      );
535      --color-bg-form-btn-purple: #8F64AF;
536
537      /* Pink */
538      --pink-h: 323;
539      --pink-s: 100%;
540      --pink-l: 60%;
541      --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));
542      --color-text-pink: var(--color-pink);
543      --color-bg-pink: hsl(
544        var(--pink-h),
545        var(--pink-s),
546        90%
547      );
548      --color-bg-pink-light: var(--color-bg-pink);
549      --color-pill-pink: hsl(
550        var(--pink-h),
551        var(--pink-s),
552        90%
553      );
554      --color-pill-text-pink: hsl(
555        calc(var(--pink-h) + 3),
556        calc(var(--pink-s) - 14%),
557        calc(var(--pink-l) - 31%)
558      );
559      --color-bg-form-btn-pink: #C24C8B;
560
561      /* Red */
562      --red-h: 2;
563      --red-s: 80%;
564      --red-l: 52%;
565      --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));
566      --color-text-red: var(--color-red);
567      --color-bg-red: hsl(
568        var(--red-h),
569        var(--red-s),
570        90%
571      );
572      --color-bg-red-light: var(--color-bg-red);
573      --color-pill-red: hsl(
574        calc(var(--red-h) + 6),
575        calc(var(--red-s) + 42%),
576        90%
577      );
578      --color-pill-text-red: hsl(
579        calc(var(--red-h) + 0),
580        var(--red-s),
581        calc(var(--red-l) - 32%)
582      );
583      --color-bg-form-btn-red: #D44E49;
584
585      /*Default*/
586      --default-h: 45;
587      --default-s: 8%;
588      --default-l: 20%;
589      --color-default: hsl(
590        var(--default-h),
591        var(--default-s),
592        var(--default-l)
593      );
594      --color-pill-default: hsl(
595        var(--gray-h),
596        var(--gray-s),
597        90%
598      );
599      --color-pill-text-default: hsl(
600        var(--gray-h),
601        var(--gray-s),
602        calc(var(--gray-l) - 28%)
603      );
604      --color-bg-form-btn-default: #55534E;
605
606      /*Other*/
607      --color-text-default: #37352f;
608      --color-text-default-light: #7d7c78;
609      --color-bg-default: #ffffff;
610      --color-border-default: #E9E9E7;
611      --color-border-dark: var(--color-border-default);
612      --color-ui-hover-bg: #efefef;
613      --color-card-bg: #ffffff;
614      --color-card-bg-hover: #edf0ee;
615      --color-calendar-weekend-bg: #e9e9e7;
616      --color-checkbox-bg: #2EAADC;
617      --color-code-bg: rgba(135,131,120,.15);
618
619      /*Scrollbar*/
620      --scrollbar-background-color: #FAFAFA;
621      --scrollbar-thumb-color: #C1C1C1;
622      --scrollbar-border-color: #E8E8E8;
623
624      /*Navbar*/
625      --navbar-text-color: #37352F;
626      --navbar-list-item-hover: rgba(130, 130, 130, 0.09);
627      --navbar-background-color-hover: #f0f0f0;
628      --navbar-background-color: #ffffff;
629      --navbar-button-text-color: #ffffff;
630      --navbar-button-background-color: #37352F;
631      --navbar-menu-background-color: var(--navbar-background-color);
632      --navbar-text-color-dark: #282620;
633
634      /*Footer*/
635      --footer-text-color: #37352F;
636      --footer-background-color: #edf0ee;
637
638      /*Sidebar*/
639      --sidebar-text-color: #37352F;
640      --sidebar-cta-text-color: #37352F;
641      --sidebar-background-color: #ffffff;
642      --sidebar-cta-background-color: #ffffff;
643      --sidebar-border-color: #E9E9E7;
644      --sidebar-background-color-hover: #efefef;
645      --sidebar-text-color-dark: #282620;
646      --sidebar-cta-background-color-hover: #efefef;
647    }
648
649    
650  /**
651   * One Light theme for prism.js
652   * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax
653   */
654  
655  /**
656   * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)
657   * From colors.less
658   * --mono-1: hsl(230, 8%, 24%);
659   * --mono-2: hsl(230, 6%, 44%);
660   * --mono-3: hsl(230, 4%, 64%)
661   * --hue-1: hsl(198, 99%, 37%);
662   * --hue-2: hsl(221, 87%, 60%);
663   * --hue-3: hsl(301, 63%, 40%);
664   * --hue-4: hsl(119, 34%, 47%);
665   * --hue-5: hsl(5, 74%, 59%);
666   * --hue-5-2: hsl(344, 84%, 43%);
667   * --hue-6: hsl(35, 99%, 36%);
668   * --hue-6-2: hsl(35, 99%, 40%);
669   * --syntax-fg: hsl(230, 8%, 24%);
670   * --syntax-bg: hsl(230, 1%, 98%);
671   * --syntax-gutter: hsl(230, 1%, 62%);
672   * --syntax-guide: hsla(230, 8%, 24%, 0.2);
673   * --syntax-accent: hsl(230, 100%, 66%);
674   * From syntax-variables.less
675   * --syntax-selection-color: hsl(230, 1%, 90%);
676   * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);
677   * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);
678   */
679  
680  html.theme-light code[class*="language-"],
681  html.theme-light pre[class*="language-"] {
682    color: hsl(230, 8%, 24%);
683    font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
684    direction: ltr;
685    text-align: left;
686    white-space: pre;
687    word-spacing: normal;
688    word-break: normal;
689    line-height: 1.5;
690    -moz-tab-size: 2;
691    -o-tab-size: 2;
692    tab-size: 2;
693    -webkit-hyphens: none;
694    -moz-hyphens: none;
695    -ms-hyphens: none;
696    hyphens: none;
697  }
698  
699  /* Selection */
700  html.theme-light code[class*="language-"]::-moz-selection,
701  html.theme-light code[class*="language-"] *::-moz-selection,
702  html.theme-light pre[class*="language-"] *::-moz-selection {
703    background: hsl(230, 1%, 90%);
704    color: inherit;
705  }
706  
707  html.theme-light code[class*="language-"]::selection,
708  html.theme-light code[class*="language-"] *::selection,
709  html.theme-light pre[class*="language-"] *::selection {
710    background: hsl(230, 1%, 90%);
711    color: inherit;
712  }
713  
714  /* Code blocks */
715  html.theme-light pre[class*="language-"] {
716    padding: 1em;
717    margin: 0.5em 0;
718    overflow: auto;
719    border-radius: 0.3em;
720  }
721  
722  /* Inline code */
723  html.theme-light :not(pre) > code[class*="language-"] {
724    padding: 0.2em 0.3em;
725    border-radius: 0.3em;
726    white-space: normal;
727  }
728  
729  html.theme-light .token.comment,
730  html.theme-light .token.prolog,
731  html.theme-light .token.cdata {
732    color: hsl(230, 4%, 64%);
733  }
734  
735  html.theme-light .token.doctype,
736  html.theme-light .token.punctuation,
737  html.theme-light .token.entity {
738    color: hsl(230, 8%, 24%);
739  }
740  
741  html.theme-light .token.attr-name,
742  html.theme-light .token.class-name,
743  html.theme-light .token.boolean,
744  html.theme-light .token.constant,
745  html.theme-light .token.number,
746  html.theme-light .token.atrule {
747    color: hsl(35, 99%, 36%);
748  }
749  
750  html.theme-light .token.keyword {
751    color: hsl(301, 63%, 40%);
752  }
753  
754  html.theme-light .token.property,
755  html.theme-light .token.tag,
756  html.theme-light .token.symbol,
757  html.theme-light .token.deleted,
758  html.theme-light .token.important {
759    color: hsl(5, 74%, 59%);
760  }
761  
762  html.theme-light .token.selector,
763  html.theme-light .token.string,
764  html.theme-light .token.char,
765  html.theme-light .token.builtin,
766  html.theme-light .token.inserted,
767  html.theme-light .token.regex,
768  html.theme-light .token.attr-value,
769  html.theme-light .token.attr-value > .token.punctuation {
770    color: hsl(119, 34%, 47%);
771  }
772  
773  html.theme-light .token.variable,
774  html.theme-light .token.operator,
775  html.theme-light .token.function {
776    color: hsl(221, 87%, 60%);
777  }
778  
779  html.theme-light .token.url {
780    color: hsl(198, 99%, 37%);
781  }
782  
783  /* HTML overrides */
784  html.theme-light .token.attr-value > .token.punctuation.attr-equals,
785  html.theme-light .token.special-attr > .token.attr-value > .token.value.css {
786    color: hsl(230, 8%, 24%);
787  }
788  
789  /* CSS overrides */
790  html.theme-light .language-css .token.selector {
791    color: hsl(5, 74%, 59%);
792  }
793  
794  html.theme-light .language-css .token.property {
795    color: hsl(230, 8%, 24%);
796  }
797  
798  html.theme-light .language-css .token.function,
799  html.theme-light .language-css .token.url > .token.function {
800    color: hsl(198, 99%, 37%);
801  }
802  
803  html.theme-light .language-css .token.url > .token.string.url {
804    color: hsl(119, 34%, 47%);
805  }
806  
807  html.theme-light .language-css .token.important,
808  html.theme-light .language-css .token.atrule .token.rule {
809    color: hsl(301, 63%, 40%);
810  }
811  
812  /* JS overrides */
813  html.theme-light .language-javascript .token.operator {
814    color: hsl(301, 63%, 40%);
815  }
816  
817  html.theme-light .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation {
818    color: hsl(344, 84%, 43%);
819  }
820  
821  /* JSON overrides */
822  html.theme-light .language-json .token.operator {
823    color: hsl(230, 8%, 24%);
824  }
825  
826  html.theme-light .language-json .token.null.keyword {
827    color: hsl(35, 99%, 36%);
828  }
829  
830  /* MD overrides */
831  html.theme-light .language-markdown .token.url,
832  html.theme-light .language-markdown .token.url > .token.operator,
833  html.theme-light .language-markdown .token.url-reference.url > .token.string {
834    color: hsl(230, 8%, 24%);
835  }
836  
837  html.theme-light .language-markdown .token.url > .token.content {
838    color: hsl(221, 87%, 60%);
839  }
840  
841  html.theme-light .language-markdown .token.url > .token.url,
842  html.theme-light .language-markdown .token.url-reference.url {
843    color: hsl(198, 99%, 37%);
844  }
845  
846  html.theme-light .language-markdown .token.blockquote.punctuation,
847  html.theme-light .language-markdown .token.hr.punctuation {
848    color: hsl(230, 4%, 64%);
849    font-style: italic;
850  }
851  
852  html.theme-light .language-markdown .token.code-snippet {
853    color: hsl(119, 34%, 47%);
854  }
855  
856  html.theme-light .language-markdown .token.bold .token.content {
857    color: hsl(35, 99%, 36%);
858  }
859  
860  html.theme-light .language-markdown .token.italic .token.content {
861    color: hsl(301, 63%, 40%);
862  }
863  
864  html.theme-light .language-markdown .token.strike .token.content,
865  html.theme-light .language-markdown .token.strike .token.punctuation,
866  html.theme-light .language-markdown .token.list.punctuation,
867  html.theme-light .language-markdown .token.title.important > .token.punctuation {
868    color: hsl(5, 74%, 59%);
869  }
870  
871  /* General */
872  html.theme-light .token.bold {
873    font-weight: bold;
874  }
875  
876  html.theme-light .token.comment,
877  html.theme-light .token.italic {
878    font-style: italic;
879  }
880  
881  html.theme-light .token.entity {
882    cursor: help;
883  }
884  
885  html.theme-light .token.namespace {
886    opacity: 0.8;
887  }
888  
889  /* Plugin overrides */
890  /* Selectors should have higher specificity than those in the plugins' default stylesheets */
891  
892  /* Show Invisibles plugin overrides */
893  html.theme-light .token.token.tab:not(:empty):before,
894  html.theme-light .token.token.cr:before,
895  html.theme-light .token.token.lf:before,
896  html.theme-light .token.token.space:before {
897    color: hsla(230, 8%, 24%, 0.2);
898  }
899  
900  /* Toolbar plugin overrides */
901  /* Space out all buttons and move them away from the right edge of the code block */
902  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item {
903    margin-right: 0.4em;
904  }
905  
906  /* Styling the buttons */
907  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button,
908  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,
909  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span {
910    background: hsl(230, 1%, 90%);
911    color: hsl(230, 6%, 44%);
912    padding: 0.1em 0.4em;
913    border-radius: 0.3em;
914  }
915  
916  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover,
917  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus,
918  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover,
919  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus,
920  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover,
921  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
922    background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */
923    color: hsl(230, 8%, 24%);
924  }
925  
926  /* Line Highlight plugin overrides */
927  /* The highlighted line itself */
928  html.theme-light .line-highlight.line-highlight {
929    background: hsla(230, 8%, 24%, 0.05);
930  }
931  
932  /* Default line numbers in Line Highlight plugin */
933  html.theme-light .line-highlight.line-highlight:before,
934  html.theme-light .line-highlight.line-highlight[data-end]:after {
935    background: hsl(230, 1%, 90%);
936    color: hsl(230, 8%, 24%);
937    padding: 0.1em 0.6em;
938    border-radius: 0.3em;
939    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */
940  }
941  
942  /* Hovering over a linkable line number (in the gutter area) */
943  /* Requires Line Numbers plugin as well */
944  html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before {
945    background-color: hsla(230, 8%, 24%, 0.05);
946  }
947  
948  /* Line Numbers and Command Line plugins overrides */
949  /* Line separating gutter from coding area */
950  html.theme-light .line-numbers.line-numbers .line-numbers-rows,
951  html.theme-light .command-line .command-line-prompt {
952    border-right-color: hsla(230, 8%, 24%, 0.2);
953  }
954  
955  /* Stuff in the gutter */
956  html.theme-light .line-numbers .line-numbers-rows > span:before,
957  html.theme-light .command-line .command-line-prompt > span:before {
958    color: hsl(230, 1%, 62%);
959  }
960  
961  /* Match Braces plugin overrides */
962  /* Note: Outline colour is inherited from the braces */
963  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1,
964  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5,
965  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 {
966    color: hsl(5, 74%, 59%);
967  }
968  
969  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2,
970  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6,
971  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 {
972    color: hsl(119, 34%, 47%);
973  }
974  
975  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3,
976  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7,
977  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 {
978    color: hsl(221, 87%, 60%);
979  }
980  
981  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4,
982  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8,
983  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 {
984    color: hsl(301, 63%, 40%);
985  }
986  
987  /* Diff Highlight plugin overrides */
988  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */
989  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix),
990  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) {
991    background-color: hsla(353, 100%, 66%, 0.15);
992  }
993  
994  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection,
995  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection,
996  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,
997  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {
998    background-color: hsla(353, 95%, 66%, 0.25);
999  }
1000  
1001  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection,
1002  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection,
1003  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection,
1004  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection {
1005    background-color: hsla(353, 95%, 66%, 0.25);
1006  }
1007  
1008  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix),
1009  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) {
1010    background-color: hsla(137, 100%, 55%, 0.15);
1011  }
1012  
1013  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection,
1014  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection,
1015  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,
1016  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {
1017    background-color: hsla(135, 73%, 55%, 0.25);
1018  }
1019  
1020  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection,
1021  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection,
1022  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection,
1023  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
1024    background-color: hsla(135, 73%, 55%, 0.25);
1025  }
1026  
1027  /* Previewers plugin overrides */
1028  /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */
1029  /* Border around popup */
1030  html.theme-light .prism-previewer.prism-previewer:before,
1031  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div {
1032    border-color: hsl(0, 0, 95%);
1033  }
1034  
1035  /* Angle and time should remain as circles and are hence not included */
1036  html.theme-light .prism-previewer-color.prism-previewer-color:before,
1037  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div,
1038  html.theme-light .prism-previewer-easing.prism-previewer-easing:before {
1039    border-radius: 0.3em;
1040  }
1041  
1042  /* Triangles pointing to the code */
1043  html.theme-light .prism-previewer.prism-previewer:after {
1044    border-top-color: hsl(0, 0, 95%);
1045  }
1046  
1047  html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after {
1048    border-bottom-color: hsl(0, 0, 95%);
1049  }
1050  
1051  /* Background colour within the popup */
1052  html.theme-light .prism-previewer-angle.prism-previewer-angle:before,
1053  html.theme-light .prism-previewer-time.prism-previewer-time:before,
1054  html.theme-light .prism-previewer-easing.prism-previewer-easing {
1055    background: hsl(0, 0%, 100%);
1056  }
1057  
1058  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */
1059  /* For time, this is the alternate colour */
1060  html.theme-light .prism-previewer-angle.prism-previewer-angle circle,
1061  html.theme-light .prism-previewer-time.prism-previewer-time circle {
1062    stroke: hsl(230, 8%, 24%);
1063    stroke-opacity: 1;
1064  }
1065  
1066  /* Stroke colours of the handle, direction point, and vector itself */
1067  html.theme-light .prism-previewer-easing.prism-previewer-easing circle,
1068  html.theme-light .prism-previewer-easing.prism-previewer-easing path,
1069  html.theme-light .prism-previewer-easing.prism-previewer-easing line {
1070    stroke: hsl(230, 8%, 24%);
1071  }
1072  
1073  /* Fill colour of the handle */
1074  html.theme-light .prism-previewer-easing.prism-previewer-easing circle {
1075    fill: transparent;
1076  }
1077  
1078  
1079  
1080    :root {
1081      /* Layout */
1082      --padding-layout: 0.6rem;
1083      --border-radii-layout: 12px;
1084      --border-thickness-layout: 1px;
1085      --border-type-layout: solid;
1086      --border-layout: var(--border-thickness-layout)
1087        var(--border-type-layout) var(--color-border-default);
1088      --layout-max-width: 1300px;
1089      --column-spacing: 40px;
1090      --page-display: none;
1091      --padding-right: calc(env(safe-area-inset-right) + 96px);
1092      --padding-left: calc(env(safe-area-inset-left) + 96px);
1093      --padding-right-mobile: calc(env(safe-area-inset-right) + 24px);
1094      --padding-left-mobile: calc(env(safe-area-inset-left) + 24px);
1095      /* Header */
1096      --header-cover-height: 30vh;
1097      --header-title-align: start;
1098      --header-icon-align: -112px auto auto auto;
1099      --header-display: none;
1100      /* Collection header */
1101      --collection-header-border: var(--border-layout);
1102      /* Collection table */
1103      --collection-table-cell-padding: calc(var(--padding-layout) - 0.3rem)
1104        calc(var(--padding-layout) - 0.1rem);
1105      /* Collection list */
1106      --collection-list-item-padding: calc(var(--padding-layout) - 0.5rem);
1107      --collection-list-item-border-radii: calc(
1108        var(--border-radii-layout) - 1px
1109      );
1110      /* Collection card */
1111      --collection-card-padding: 0px;
1112      --collection-card-title-padding: 0px;
1113      --collection-card-content-padding: var(--padding-layout);
1114      --collection-card-border-radii: var(--border-radii-layout);
1115      --collection-card-gap: 10px;
1116      --collection-card-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px;
1117      --collection-card-title-size: 1rem;
1118      --collection-card-cover-height-small: 149px;
1119      --collection-card-cover-size-small: 172px;
1120      --collection-card-cover-height-medium: 201px;
1121      --collection-card-cover-size-medium: 260px;
1122      --collection-card-cover-height-large: 360px;
1123      --collection-card-cover-size-large: 320px;
1124      --collection-card-icon-display: none;
1125      /* Callout */
1126      --callout-padding: calc(var(--padding-layout) + 0.4rem)
1127        calc(var(--padding-layout) + 0.4rem)
1128        calc(var(--padding-layout) + 0.4rem)
1129        calc(var(--padding-layout) + 0.1em);
1130      --callout-border-radii: calc(var(--border-radii-layout) - 2px);
1131      --callout-border: var(--border-layout);
1132      --callout-icon-display: none;
1133      --callout-shadow: none;
1134      /* File */
1135      --file-border-radii: calc(var(--border-radii-layout) - 2px);
1136      /* Equation */
1137      --equation-border-radii: calc(var(--border-radii-layout) - 2px);
1138      /* Divider */
1139      --divider-border: var(--border-layout);
1140      /* Quote */
1141      --quote-border: calc(var(--border-thickness-layout) + 2px) solid
1142        currentcolor;
1143      /* Code */
1144      --code-padding: calc(var(--padding-layout) + 1.4rem);
1145      --code-border-radii: var(--border-radii-layout);
1146      /* Tweet */
1147      --tweet-padding: calc(var(--padding-layout) + 0.65rem)
1148        calc(var(--padding-layout) + 0.65rem)
1149        calc(var(--padding-layout) + 0.05rem)
1150        calc(var(--padding-layout) + 0.65rem);
1151      --tweet-border-radii: var(--border-radii-layout);
1152      --tweet-border: var(--border-layout);
1153      /* Bookmark */
1154      --bookmark-padding: calc(var(--padding-layout) + 0.15rem) 0p
1154x
1155        calc(var(--padding-layout) + 0.025rem)
1156        calc(var(--padding-layout) + 0.275rem);
1157      --bookmark-border-radii: var(--border-radii-layout);
1158      --bookmark-border: var(--border-layout);
1159      --bookmark-image-border-radii: 0px
1160        calc(var(--border-radii-layout) - 1px)
1161        calc(var(--border-radii-layout) - 1px) 0px;
1162      /* Embed */
1163      --embed-border-radii: calc(var(--border-radii-layout) - 5px);
1164      /* Image */
1165      --image-border-radii: calc(var(--border-radii-layout) - 5px);
1166      /* Typography */
1167      --title-size: 2.5rem;
1168      --quote-size: 1.2rem;
1169      --quote-size-large: 1.4rem;
1170      --heading-size: 1rem;
1171      --primary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji,
1172        Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,
1173        Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,
1174        BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,
1175        sans-serif;
1176        --secondary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji,
1177        Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,
1178        Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,
1179        BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,
1180        sans-serif;
1181      --text-weight: 400;
1182      --heading-weight: 600;
1183      --heading1-size: calc(var(--heading-size) * 1.875);
1184      --heading2-size: calc(var(--heading-size) * 1.5);
1185      --heading3-size: calc(var(--heading-size) * 1.25);
1186      --heading4-size: calc(var(--heading-size) * 1);
1187      --heading5-size: calc(var(--heading-size) * 0.8125);
1188      /* Scrollbars */
1189      --scrollbar-width: 15px;
1190      /* Navbar */
1191      --navbar-height: 84px;
1192      --navbar-shadow: none;
1193      --navbar-button-border-radii: 50px;
1194      --navbar-list-width-single-column: 320px;
1195      --navbar-list-width: 620px;
1196      /*Sidebar*/
1197      --sidebar-width: 280px;
1198      --sidebar-shadow: none;
1199    }
1200    html {
1201      scroll-padding-top: 90px;
1202    }
1203    body {
1204      font-family: var(--secondary-font);
1205    }
1206
1207    
1208
1209
1210
1211
1212/* 
1213==========
1214UNIVERSAL — BASE TYPOGRAPHY
1215========== 
1216*/
1217
1218body {
1219  background-color: #edf0ee !important;
1220  color: #585858 !important;
1221  font-family: "Noto Sans", sans-serif !important;
1222  font-weight: 400 !important;
1223  font-size: 1.15rem !important;
1224  line-height: 1.4 !important;
1225}
1226
1227/* Base paragraph and list settings */
1228body, p, li {
1229  line-height: 1.4 !important;
1230  letter-spacing: -0.02em !important;
1231  font-size: 1.15rem !important;
1232
1233}
1234
1235/* 
1236==========
1237BODY COPY — BOLD TEXT COLOUR
1238========== 
1239*/
1240
1241strong,
1242b {
1243  color: #000000 !important;
1244  font-weight: 700 !important; /* ensures visible weight without overdoing it */
1245}
1246
1247
1248/* 
1249==========
1250HEADINGS — FLAT SCALE WITH INDEPENDENT CONTROL
1251========== 
1252*/
1253h1, h2, h3, h4, h5, h6 {
1254  font-family: "Inter", sans-serif !important;
1255  font-weight: 900 !important;
1256  color: #000 !important;
1257  line-height: 1.2 !important;
1258  letter-spacing: -0.02em !important;
1259  margin-bottom: 0.4em !important;
1260}
1261
1262/* Primary headings (flat to start) */
1263h1 { font-size: 1.6rem !important; }
1264h2 { font-size: 1.6rem !important; }
1265h3 { font-size: 1.6rem !important; }
1266
1267/* Secondary levels (smaller optional hierarchy) */
1268h4 { font-size: 1.2rem !important; }
1269h5 { font-size: 1rem !important; }
1270h6 { font-size: 0.9rem !important; }
1271
1272
1273
1274
1275/* Responsive scale — maintain rhythm on mobile */
1276@media (max-width: 768px) {
1277  h1, h2, h3 { font-size: 1.4rem !important; }
1278  h4, h5, h6 { font-size: 1rem !important; }
1279}
1280
1281/* 
1282==========
1283RESPONSIVE BODY SIZE — MOBILE OVERRIDE
1284========== 
1285*/
1286@media (max-width: 768px) {
1287  html,
1288  body,
1289  .super-content,
1290  .notion-body,
1291  .notion-page-content,
1292  .notion-text-block,
1293  .notion-text__content {
1294    font-size: 1.1rem !important;
1295
1296    line-height: 1.4 !important;   /* keeps rhythm consistent */
1297  }
1298}
1299
1300
1301/* 
1302==========
1303DIVIDERS / HORIZONTAL RULES
1304========== 
1305*/
1306
1307/* Standard Notion divider styling */
1308.notion-divider,
1309hr {
1310  border: none !important;
1311  height: 1px !important;
1312  background-color: #000000 !important;   /* solid black line */
1313  opacity: 0.15 !important;               /* adjust visibility (0.15 = subtle, 1 = solid) */
1314  margin: 2rem 0 !important;              /* vertical spacing */
1315}
1316
1317
1318
1319/* 
1320==========
1321TOGGLE BLOCKS — NATIVE (H3 LEVEL) — CUSTOM GHOST ICON
1322========== 
1323*/
1324
1325/* Base container */
1326.notion-toggle-heading-3 {
1327  position: relative !important;
1328  background: #ffffff !important;
1329  border: 1px solid rgba(0,0,0,0.08) !important;
1330  border-radius: 8px !important;
1331  margin-bottom: 1rem !important;
1332  padding: 0.6rem 1rem !important;
1333  transition: box-shadow 0.2s ease-in-out !important;
1334}
1335
1336/* Replace Notion’s default “‣” with a custom SVG chevron */
1337.notion-toggle-heading-3 .notion-toggle__trigger_icon span {
1338  display: block !important;
1339  width: 16px !important;
1340  height: 16px !important;
1341  background: none !important;
1342  position: relative !important;
1343  color: transparent !important;
1344}
1345
1346/* Inject custom SVG using mask technique */
1347.notion-toggle-heading-3 .notion-toggle__trigger_icon span::before {
1348  content: "" !important;
1349  position: absolute !important;
1350  inset: 0 !important;
1351  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M23.25,7.311,12.53,18.03a.749.749,0,0,1-1.06,0L.75,7.311'/></svg>") center / contain no-repeat;
1352  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M23.25,7.311,12.53,18.03a.749.749,0,0,1-1.06,0L.75,7.311'/></svg>") center / contain no-repeat;
1353  background-color: #000000 !important;   /* icon colour */
1354  transition: transform 0.25s ease-in-out !important;
1355}
1356
1357/* Position and rotate icon */
1358.notion-toggle-heading-3 .notion-toggle__trigger_icon {
1359  position: absolute !important;
1360  right: 1rem !important;
1361  top: 0.rem !important;
1362  transform: rotate(0deg) !important;
1363  transition: transform 0.25s ease-in-out !important;
1364}
1365
1366.notion-toggle-heading-3.open .notion-toggle__trigger_icon {
1367  transform: rotate(90deg) !important;
1368}
1369
1370/* Keep text and spacing consistent */
1371.notion-toggle-heading-3 h3.notion-heading.toggle {
1372  padding-right: 1.5rem !important;
1373}
1374
1375.notion-toggle-heading-3 .notion-toggle__content {
1376  padding: 6px !important;
1377  margin-top: 0.6rem !important;
1378}
1379
1380.notion-toggle-heading-3:hover {
1381  box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
1382}
1383
1384
1385
1386/* 
1387==========
1388CALLOUT BLOCKS — INVISIBLE LINK STYLE
1389========== 
1390*/
1391
1392/* Remove background, border, and padding */
1393.notion-callout {
1394  background: none !important;
1395  border: none !important;
1396  box-shadow: none !important;
1397  padding: 0 !important;
1398  margin: 0 !important;
1399}
1400
1401/* Remove icon column and alignment space */
1402.notion-callout__icon,
1403.notion-callout__icon-wrapper {
1404  display: none !important;
1405}
1406
1407/* Ensure inner content behaves like normal text */
1408.notion-callout__content {
1409  padding: 0 !important;
1410  margin: 0 !important;
1411  background: none !important;
1412  border: none !important;
1413}
1414
1415/* Remove hover colour changes */
1416.notion-callout:hover {
1417  background: none !important;
1418  box-shadow: none !important;
1419}
1420
1421
1422
1423/* 
1424==========
1425NAV & LINKS — HOVER STATES
1426========== 
1427*/
1428
1429a:hover,
1430.nav a:hover,
1431.footer a:hover {
1432  color: #FF31AF !important;
1433  transition: color 0.2s ease-in-out;
1434}
1435
1436
1437
1438/* 
1439==========
1440BUTTONS — HOVER STATES
1441========== 
1442*/
1443
1444button:hover,
1445.notion-button:hover {
1446  background-color: #FF31AF !important;
1447  color: #ffffff !important;
1448  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
1449}
1450
1451
1452/* 
1453==========
1454NAVBAR — TYPE STYLE ONLY
1455========== 
1456*/
1457
1458/* Logo text */
1459.super-navbar__logo-text {
1460  font-family: "Inter", sans-serif !important;
1461  font-weight: 900 !important;
1462  font-size: 1.4rem !important;
1463  letter-spacing: -0.06em !important;
1464  padding-left: 35px !important;
1465  color: #000000 !important;
1466  -webkit-font-smoothing: antialiased !important;
1467  text-decoration: none !important;
1468  transition: color 0.2s ease-in-out !important;
1469}
1470
1471/* Menu items */
1472.super-navbar__item {
1473  font-family: "Inter", sans-serif !important;
1474  font-weight: 700 !important;
1475  font-size: 1.1rem !important;
1476  color: #000000 !important;
1477  text-decoration: none !important;
1478  transition: color 0.2s ease-in-out !important;
1479}
1480
1481/* Hover and active states — consistent colour handling */
1482.super-navbar__item:hover,
1483.super-navbar__item--active,
1484.super-navbar__item.is-active,
1485.super-navbar__logo-text:hover {
1486  color: #FF31AF !important;
1487  text-decoration: none !important;
1488}
1489
1490/* CTA button */
1491.super-navbar__cta {
1492  background: #000000 !important;
1493  color: #ffffff !important;
1494  font-family: "Inter", sans-serif !important;
1495  font-weight: 700 !important;
1496  font-size: 1rem !important;
1497  padding: 0.5rem 1rem !important;
1498  border-radius: 8px !important;
1499  text-decoration: none !important;
1500  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out !important;
1501}
1502
1503/* Force pure black on navbar items */
1504.super-navbar__item,
1505.super-navbar__item a,
1506.super-navbar__item .super-navbar__link {
1507  color: #000000 !important;   /* true black */
1508  opacity: 1 !important;       /* stop dimming */
1509  text-shadow: none !important;/* remove gray halo */
1510  filter: none !important;     
1511  mix-blend-mode: normal !important;
1512  -webkit-text-stroke: 0 !important;
1513  -webkit-font-smoothing: auto !important; /* avoid antialias lightening */
1514  text-rendering: optimizeLegibility;
1515}
1516
1517/* 
1518==========
1519NAVBAR — LOGO + MENU ALIGNMENT FIX
1520========== 
1521*/
1522
1523/* Align entire navbar content from the left */
1524.super-navbar,
1525.super-navbar__inner,
1526.super-navbar__content {
1527  display: flex;
1528  align-items: center !important;
1529  justify-content: flex-start !important;
1530}
1531
1532/* Reset hidden padding / offset around logo */
1533.super-navbar__logo-wrapper,
1534.super-navbar__logo,
1535.super-navbar__logo-text {
1536  margin: 0 !important;
1537  padding: 20 !important;
1538  left: 0 !important;             /* prevent Super’s negative offset */
1539  position: relative !important;
1540}
1541
1542/* Adjust space between logo and menu items */
1543.super-navbar__item-list,
1544.super-navbar__list {
1545  margin-left: 10px !important;   /* extra gap between logo and first item */
1546  gap: 18px !important;
1547  position: relative !important;
1548  top: 2px !important;            /* slight vertical drop for baseline align */
1549}
1550
1551/* Keep CTA / right actions aligned to the far right */
1552.super-navbar__actions,
1553.super-navbar__cta,
1554.super-navbar__buttons,
1555.super-navbar__right {
1556  margin-left: auto !important;
1557}
1558
1559
1560
1561/* 
1562==========
1563NAVBAR — MOBILE RESET (LOGO ALIGNMENT)
1564========== 
1565*/
1566@media (max-width: 768px) {
1567  .super-navbar__logo-text {
1568    padding-left: 0 !important;  /* remove desktop offset on mobile */
1569  }
1570}
1571
1572
1573
1574/* 
1575==========
1576LAYOUT — FULL WIDTH (20PX GUTTERS, SINGLE RULE)
1577========== 
1578*/
1579
1580.notion-root,
1581.super-content,
1582.super-content-wrapper,
1583.notion-page-content {
1584  max-width: 100% !important;
1585  width: 100% !important;
1586  margin: 0 auto !important;
1587  padding-top: 20px !important;
1588  padding-left: 20px !important;
1589  padding-right: 20px !important;
1590  box-sizing: border-box !important;
1591}
1592
1593
1594
1595==========
1596LAYOUT — MOBILE ADJUSTMENT (RETURN TO DEFAULT GUTTERS)
1597========== 
1598*/
1599@media (max-width: 1024px) {
1600  .notion-root,
1601  .super-content,
1602  .super-content-wrapper,
1603  .notion-page-content{
1604    padding-left: 6px !important;   /* restores normal mobile spacing */
1605    padding-right: 6px !important;
1606    padding-top: 20px !important;
1607  }
1608}
1609
1610
1611
1612
1613
1614
1615/* 
1616==========
1617GALLERY CARD TYPOGRAPHY — TITLE + DESCRIPTION SPACING ADJUSTMENT
1618========== 
1619*/
1620
1621/* Title (unchanged style, just clearer separation below) */
1622.notion-property.notion-property__title.notion-collection-card__property.notion-semantic-string {
1623  line-height: 1.2 !important;
1624  font-weight: 900 !important;
1625  color: #000 !important;
1626  transition: color 0.2s ease !important;
1627  font-size: 1.5em !important;
1628  margin-bottom: .6em !important;  /* increased gap below title */
1629}
1630
1631/* Description (unchanged type, just small top margin tweak for rhythm) */
1632.notion-collection-gallery.large .notion-collection-card__property.no-wrap,
1633.notion-collection-gallery.medium .notion-collection-card__property.no-wrap {
1634  font-size: 1.1em !important;
1635  line-height: 1.3 !important;
1636  color: grey !important;
1637  font-weight: 400 !important;
1638  white-space: normal !important;
1639  margin-top: 0.1em !important;  /* adds subtle separation from title */
1640}
1641
1642
1643
1644
1645
1646/* 
1647==========
1648GALLERY CARD TYPOGRAPHY — SMALL CARDS ONLY (SMALLER DESCRIPTION)
1649========== 
1650*/
1651
1652.notion-collection-gallery.small .notion-collection-card__property.no-wrap {
1653  font-size: 1.0em !important;       /* slightly smaller than medium/large */
1654  line-height: 1.3 !important;
1655  color: grey !important;
1656  font-weight: 400 !important;
1657  white-space: normal !important;
1658  margin-top: 0.1em !important;
1659}
1660
1661
1662
1663/* 
1664==========
1665GALLERY GRID — FORCE 6 COLUMNS (SMALL VIEW)
1666========== 
1667*/
1668
1669.notion-collection-gallery.small {
1670  display: grid !important;
1671  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
1672  gap: 1rem !important; /* adjust for tighter or looser spacing */
1673}
1674
1675
1676
1677/* 
1678==========
1679GALLERY GRID — FORCE 4 COLUMNS (MEDIUM VIEW)
1680========== 
1681*/
1682
1683.notion-collection-gallery.medium .notion-gallery-view {
1684  display: grid !important;
1685  grid-template-columns: repeat(4, 1fr) !important;
1686  gap: 1.5rem !important; /* adjust spacing between cards if needed */
1687}
1688/* 
1689==========
1690GALLERY GRID — FORCE 4 COLUMNS (MEDIUM VIEW)
1691========== 
1692*/
1693
1694.notion-collection-gallery.medium {
1695  display: grid !important;
1696  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
1697  gap: 1.5rem !important; /* adjust if spacing too wide/tight */
1698}
1699
1700/* 
1701==========
1702GALLERY GRID — FORCE 2 COLUMNS (LARGE VIEW)
1703========== 
1704*/
1705
1706.notion-collection-gallery.large {
1707  display: grid !important;
1708  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
1709  gap: 2rem !important; /* adjust spacing to taste */
1710}
1711
1712
1713
1714/* 
1715==========
1716GALLERY GRID — GLOBAL MOBILE OVERRIDE
1717========== 
1718*/
1719
1720@media (max-width: 768px) {
1721  .notion-collection-gallery.large,
1722  .notion-collection-gallery.medium,
1723  .notion-collection-gallery.small {
1724    display: grid !important;
1725    grid-template-columns: 1fr !important;  /* one card per row */
1726    gap: 1.25rem !important;                /* balanced vertical spacing */
1727  }
1728
1729  /* Optional: slightly larger card padding on mobile for readability */
1730  .notion-collection-card__content {
1731    padding: 20px !important;
1732  }
1733}
1734
1735
1736
1737/* 
1738==========
1739GALLERY CARDS — REMOVE DEFAULT BORDER / OUTLINE (KEEP HOVER EFFECT)
1740========== 
1741*/
1742
1743/* Default state — clean, flat, no border */
1744.notion-collection-card,
1745.notion-collection-card__content {
1746  border: none !important;
1747  outline: none !important;
1748  background-color: #ffffff !important;
1749  box-shadow: 0 0 0 0 rgba(0,0,0,0) !important; /* keeps structure but invisible */
1750  transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out !important;
1751}
1752
1753/* Hover state — subtle lift effect restored */
1754.notion-collection-card:hover,
1755.notion-collection-card__content:hover {
1756  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
1757  transform: translateY(-2px) !important;
1758}
1759
1760
1761
1762/* 
1763==========
1764NAVBAR — CHAT CTA MOBILE BEHAVIOUR
1765========== 
1766*/
1767
1768/* Desktop: show chat button normally */
1769.super-navbar__cta {
1770  display: inline-flex !important;
1771  align-items: center !important;
1772  justify-content: center !important;
1773}
1774
1775/* Mobile: hide chat button, rely on burger menu instead */
1776@media (max-width: 1024px) {
1777  .super-navbar__cta {
1778    display: none !important;
1779  }
1780
1781  /* Ensure burger menu icon visible and accessible */
1782  .super-navbar__menu-toggle {
1783    display: flex !important;
1784    align-items: center !important;
1785    justify-content: center !important;
1786  }
1787}
1788
1789
1790/* 
1791/* 
1792===============
1793DESKTOP CONTAINER — FIX WIDTH AT 1200PX
1794Prevents layout stretching on large monitors
1795================
1796*/
1797
1798@media (min-width: 1601px) {
1799  .notion-root,
1800  .super-content,
1801  .super-content-wrapper,
1802  .notion-page-content {
1803    max-width: 1440px !important;   /* fixed desktop width */
1804    margin-left: auto !important;
1805    margin-right: auto !important;
1806    padding-left: 20px !important;
1807    padding-right: 20px !important;
1808    box-sizing: border-box !important;
1809  }
1810}
1811
1812
1813
1814
1815/* 
1816===============
1817GLOBAL LAYOUT — FORCE MOBILE MODE ON TABLETS
1818Forces full single-column layout and removes column indents
1819================
1820*/
1821
1822@media (max-width: 1024px) {
1823
1824  /* 1. Stack all Notion column blocks vertically */
1825  .notion-column-list,
1826  .notion-column {
1827    display: block !important;
1828    width: 100% !important;
1829    max-width: 100% !important;
1830  }
1831
1832  /* 2. Remove leftover gutter and padding from collapsed columns */
1833  .notion-column-list {
1834    gap: 0 !important;
1835    margin-left: 0 !important;
1836    margin-right: 0 !important;
1837    padding-left: 0 !important;
1838    padding-right: 0 !important;
1839  }
1840
1841  .notion-column {
1842    margin-left: 0 !important;
1843    margin-right: 0 !important;
1844    padding-left: 0 !important;
1845    padding-right: 0 !important;
1846    width: 100% !important;
1847    max-width: 100% !important;
1848  }
1849
1850  .notion-column > div {
1851    margin-left: 0 !important;
1852    margin-right: 0 !important;
1853  }
1854
1855  /* 3. Ensure galleries and multi-column sections follow suit */
1856  .notion-collection-gallery.large,
1857  .notion-collection-gallery.medium,
1858  .notion-collection-gallery.small {
1859    display: grid !important;
1860    grid-template-columns: 1fr !important;
1861    gap: 1.25rem !important;
1862  }
1863
1864  /* 4. Reset paddings for clean single-column alignment */
1865  .notion-root,
1866  .super-content,
1867  .super-content-wrapper,
1868  .notion-page-content {
1869    padding-left: 6px !important;
1870    padding-right: 6px !important;
1871  }
1872
1873  /* 5. Optional: normalise flex containers */
1874  .super-content,
1875  .notion-root {
1876    display: block !important;
1877    justify-content: flex-start !important;
1878    align-items: stretch !important;
1879  }
1880}
1881
1882
1883
1884/* 
1885==========
1886CUSTOM FOOTER — FORCE TO PAGE BOTTOM
1887========== 
1888*/
1889
1890footer.custom-footer {
1891  position: relative !important;
1892  bottom: 0 !important;
1893  width: 100% !important;
1894  margin-top: auto !important;
1895  order: 99 !important; /* ensures it appears last in flex wrappers */
1896}
1897
1898/* If Super wraps content in flex or grid, push footer to the end */
1899.super-content,
1900.super-content-wrapper,
1901.notion-root {
1902  display: flex !important;
1903  flex-direction: column !important;
1904}
1905
1906/* 
1907==========
1908FOOTER — FULL WIDTH ALIGNMENT (DESKTOP + MOBILE)
1909========== 
1910*/
1911
1912/* Desktop / default */
1913footer.custom-footer {
1914  max-width: 100% !important;
1915  width: 100% !important;
1916  margin: 0 auto !important;
1917  padding-left: 60px !important;   /* match site gutters */
1918  padding-right:60px !important;
1919  box-sizing: border-box !important;
1920}
1921
1922/* Mobile adjustment */
1923@media (max-width: 1024px) {
1924  footer.custom-footer {
1925    padding-left: 18px !important;  /* match mobile gutters */
1926    padding-right: 22px !important;
1927  }
1928}
1929
1930
1931:root {
1932  --primary-font: "Noto Sans", sans-serif !important;
1933  --secondary-font: "Noto Sans", sans-serif !important;
1934}
1935  
1936</style>
1936<script src="/_next/static/chunks/2l8zr1i2h4s0n.js" id="_R_" async=""></script>
1936<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1936<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[339756,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"default\"]\n3:I[837457,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"default\"]\n6:I[897367,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"OutletBoundary\"]\n7:\"$Sreact.suspense\"\na:I[897367,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"ViewportBoundary\"]\nc:I[897367,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"MetadataBoundary\"]\ne:I[168027,[],\"default\",1]\n:HC[\"/\",\"\"]\n:HL[\"/_next/static/chunks/16sz9a438v8dy.css\",\"style\"]\n9:X\n0:{\"P\":null,\"c\":[\"\",\"main\",\"untangleyourbrand.com\",\"contact\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"main\",{\"children\":[[\"site\",\"untangleyourbrand.com\",\"d\",[]],{\"children\":[[\"page\",\"contact\",\"oc\",[]],{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4224]},\"$undefined\",\"$undefined\",4144]},\"$undefined\",\"$undefined\",4208]},\"$undefined\",\"$undefined\",4208]},\"$undefined\",\"$undefined\",4176],[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0rr5btioklgf4.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/2matreab0rub0.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/3cmvik1zogxvy.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L4\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/16sz9a438v8dy.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/08sikk1eypppo.js\",\"async\":true,\"nonce\":\"$undefined\"}
1936],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/41l0cu_krzrbf.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@8\"}]}]]}],{},null,false,null]},null,false,null]},null,false,\"$9\"]},null,false,\"$9\"]},null,false,\"$9\"],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Ld\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",[]],\"S\":true,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"8nKJgvzrVfFJJjcVzY9_u\"}\n9:C\nb:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1936<script>self.__next_f.push([1,"f:T438,\n  (function () {\n    if (typeof Node !== \"function\" || !Node.prototype || Node.prototype.__superDomGuard) {\n      return;\n    }\n    Node.prototype.__superDomGuard = true;\n\n    var originalRemoveChild = Node.prototype.removeChild;\n    Node.prototype.removeChild = function (child) {\n      if (child \u0026\u0026 child.parentNode !== this) {\n        if (typeof console !== \"undefined\" \u0026\u0026 console.warn) {\n          console.warn(\"[super] skipped removeChild for node not in this parent\", child, this);\n        }\n        return child;\n      }\n      return originalRemoveChild.apply(this, arguments);\n    };\n\n    var originalInsertBefore = Node.prototype.insertBefore;\n    Node.prototype.insertBefore = function (newNode, referenceNode) {\n      if (referenceNode \u0026\u0026 referenceNode.parentNode !== this) {\n        if (typeof console !== \"undefined\" \u0026\u0026 console.warn) {\n          console.warn(\"[super] skipped insertBefore for reference node not in this parent\", referenceNode, this);\n        }\n        return newNode;\n      }\n      return originalInsertBefore.apply(this, arguments);\n    };\n  })();\n10:T1465,\n      @font-face {\n        font-family: \"Inter\";\n        font-style: normal;\nfont-display: swap;\n        font-weight: 400;\n        src: url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot\"); /* IE9 Compat Modes */\n        \n          src: local(\"\"),\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix\")\n            format(\"embedded-opentype\"),\n            /* IE6-IE8 */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\")\n            format(\"woff2\"),\n            /* Super Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff\")\n            format(\"woff\"),\n            /* Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf\")\n            format(\"truetype\"),\n            /* Safari, Android, iOS */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Inter\")\n            format(\"svg\"); /* Legacy iOS */\n        \n      }\n    \n      @font-face {\n        font-family: \"Inter\";\n        font-style: normal;\nfont-display: swap;\n        font-weight: 500;\n        src: url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot\"); /* IE9 Compat Modes */\n        \n          src: local(\"\"),\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot?#iefix\")\n            format(\"embedded-opentype\"),\n            /* IE6-IE8 */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\")\n            format(\"woff2\"),\n            /* Super Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff\")\n            format(\"woff\"),\n            /* Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.ttf\")\n            format(\"truetype\"),\n            /* Safari, Android, iOS */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Inter\")\n            format(\"svg\"); /* Legacy iOS */\n        \n      }\n    \n      @font-face {\n        font-family: \"Inter\";\n        font-style: normal;\nfont-display: swap;\n        font-weight: 600;\n        src: url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot\"); /* IE9 Compat Modes */\n        \n          src: local(\"\"),\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot?#iefix\")\n            format(\"embedded-opentype\"),\n            /* IE6-IE8 */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\")\n            format(\"woff2\"),\n            /* Super Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff\")\n            format(\"woff\"),\n            /* Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.ttf\")\n            format(\"truetype\"),\n            /* Safari, Android, iOS */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.svg#Inter\")\n            format(\"svg\"); /* Legacy iOS */\n        \n      }\n    \n      @font-face {\n        font-family: \"Inter\";\n        font-style: normal;\nfont-display: swap;\n        font-weight: 700;\n        src: url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot\"); /* IE9 Compat Modes */\n        \n          src: local(\"\"),\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix\")\n            format(\"embedded-opentype\"),\n            /* IE6-IE8 */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\")\n            format(\"woff2\"),\n            /* Super Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff\")\n            format(\"woff\"),\n            /* Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf\")\n            format(\"truetype\"),\n            /* Safari, Android, iOS */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Inter\")\n            format(\"svg\"); /* Legacy iOS */\n        \n      }\n    \n      @font-face {\n        font-family: \"Inter-fallback\";\n        size-adjust: 107%;\n        ascent-override: 90%;\n        src: local(\"Arial\");\n      }\n    4:[\"$\",\"html\",null,{\"lang\":\"en\",\"dir\":\"ltr\",\"className\":\"theme-light\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$f\"}}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"https://assets.super.so/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95/uploads/favicon/358ef569-a475-483f-881e-94e762373554.jpg\"}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n    const html = document.getElementsByTagName(\\\"html\\\")[0];\\n    try {\\n      const colorPreference = localStorage\\n        ? localStorage.getItem(\\\"color-preference\\\")\\n        : null;\\n\\n      if (true) {\\n        html.classList.remove(\\\"theme-light\\\");\\n      }\\n      \\n      if (false \u0026\u0026 colorPreference \u0026\u0026 html) {\\n        html.classList.add(\\\"theme-\\\" + colorPreference);\\n      } else {\\n        html.classList.add(\\\"theme-light\\\");\\n      }\\n    } catch (e) {\\n      console.log('ERROR themeEffect', e)\\n      html.classList.add(\\\"theme-light\\\");\\n    }\\n\"}}],[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$10\"}}],\"$L11\",\"$L12\",[\"$L13\",\"$L14\",\"$L15\",\"$L16\"],[\"$L17\",\"$L18\",\"$L19\",\"$L1a\",\"$L1b\"]]}],\"$L1c\"]}]\n"])</script>
1936<script>self.__next_f.push([1,"1d:I[868422,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"SiteProvider\"]\n:HL[\"/styles/static.css\",\"style\"]\n:HL[\"/styles/notion.css\",\"style\"]\n:HL[\"/styles/super.css\",\"style\"]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n11:[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"html{font-size:16px}\"}}]\n12:[[\"$\",\"link\",\"/styles/static.css\",{\"rel\":\"stylesheet\",\"href\":\"/styles/static.css\",\"precedence\":\"default\"}],[\"$\",\"link\",\"/styles/notion.css\",{\"rel\":\"stylesheet\",\"href\":\"/styles/notion.css\",\"precedence\":\"default\"}],[\"$\",\"link\",\"/styles/super.css\",{\"rel\":\"stylesheet\",\"href\":\"/styles/super.css\",\"precedence\":\"default\"}]]\n13:[\"$\",\"link\",\"font-preload-Inter-regular\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n14:[\"$\",\"link\",\"font-preload-Inter-500\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n15:[\"$\",\"link\",\"font-preload-Inter-600\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n16:[\"$\",\"link\",\"font-preload-Inter-700\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n17:[\"$\",\"script\",\"2\",{\"src\":\"https://cdn.cookiehub.eu/c2/cbea01d6.js\",\"children\":null}]\n18:[\"$\",\"script\",\"4\",{\"dangerouslySetInnerHTML\":{\"__html\":\"\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n  var cpm = {};\\n  window.cookiehub.load(cpm);\\n});\\n\"},\"children\":null}]\n19:[\"$\",\"script\",\"8\",{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n  window.dataLayer = window.dataLayer || [];\\n  function gtag(){dataLayer.push(arguments);}\\n  gtag('consent', 'default', {\\n    'analytics_storage': 'denied',\\n    'ad_storage': 'denied'\\n  });\\n\"},\"children\":null}]\n1a:[\"$\",\"script\",\"12\",{\"async\":true,\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-DF2FGNT9RY\",\"children\":null}]\n1b:[\"$\",\"script\",\"14\",{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n  gtag('js', new Date());\\n  gtag('config', 'G-DF2FGNT9RY');\\n\"},\"children\":null}]\n1e:T13c4,\u003cstyle\u003e\n/* =========================================================\n   CUSTOM FOOTER — UNTANGLE YOUR BRAND (v7 layout: links right)\n   ========================================================= */\n\n/* Hide Super footer (failsafe) */\n.super-footer,\nfooter.super-footer {\n  display: none !important;\n}\n\n/* ---------- Global controls ---------- */\n:root {\n  --footer-padding-inline: 5%;      /* side padding */\n  --space-tagline-top: 0.2rem;      /* gap between title \u0026 tagline */\n  --space-links-top: 1.5rem;        /* gap between tagline \u0026 links */\n  --space-legal-top: 1.5rem;        /* gap between links \u0026 legal */\n  --space-after-legal: 3rem;        /* space below the footer */\n  --links-gap: 2rem;                /* space between each link */\n}\n\n/* Base footer */\nfooter.custom-footer {\n  font-family: \"Noto Sans\", sans-serif !important;\n  background: transparent !important;\n  color: #585858 !important;\n  padding: 0 var(--footer-padding-inline);\n  margin: 0 0 var(--space-after-legal) 0 !important;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-legal-top);\n}\n\n/* --- NEW: group brand + tagline on left, links on right --- */\nfooter.custom-footer .footer-top {\n  display: flex !important;\n  justify-content: space-between !important;\n  align-items: flex-start !important;\n  flex-wrap: wrap !important;\n  gap: var(--links-gap);\n}\n\n/* Brand container (left block) */\nfooter.custom-footer .footer-brand {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Title link */\nfooter.custom-footer .footer-title a {\n  font-family: \"Inter\", sans-serif !important;\n  font-weight: 600 !important;\n  font-size: 1.2rem !important;\n  color: #000000 !important;\n  text-decoration: none !important;\n  letter-spacing: -0.04em !important;\n  transition: color 0.2s ease-in-out;\n  display: inline-block;\n}
1936\nfooter.custom-footer .footer-title a:hover {\n  color: #FF31AF !important;\n}\n\n/* Tagline */\nfooter.custom-footer .footer-tagline {\n  font-family: \"Noto Sans\", sans-serif !important;\n  font-weight: 400 !important;\n  font-size: 0.85rem !important;\n  letter-spacing: 0.0em !important;\n  color: #585858 !important;\n  margin-top: var(--space-tagline-top) !important;\n}\n\n/* Links row (right block) */\nfooter.custom-footer .footer-links {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: flex-start;\n  gap: var(--links-gap);\n  margin-top: var(--space-links-top) !important;\n}\nfooter.custom-footer .footer-links a {\n  font-family: \"Inter\", sans-serif !important;\n  font-weight: 600 !important;\n  font-size: 1.1rem !important;\n  text-decoration: none !important;\n  color: #000000 !important;\n  transition: color 0.2s ease-in-out;\n}\nfooter.custom-footer .footer-links a:hover {\n  color: #FF31AF !important;\n}\n\n/* Legal */\nfooter.custom-footer .footer-legal {\n  font-family: \"Noto Sans\", sans-serif !important;\n  font-weight: 400 !important;\n  font-size: 0.85rem !important;\n  letter-spacing: 0.0em !important;\n  color: #585858 !important;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n  footer.custom-footer .footer-top {\n    flex-direction: column !important;\n    align-items: flex-start !important;\n    gap: 1rem !important;\n  }\n  footer.custom-footer .footer-links {\n    justify-content: flex-start !important;\n  }\n}\n\u003c/style\u003e\n\n\u003cfooter class=\"custom-footer\"\u003e\n  \u003cdiv class=\"footer-top\"\u003e\n    \u003cdiv class=\"footer-brand\"\u003e\n      \u003cdiv class=\"footer-title\"\u003e\n        \u003ca href=\"https://untangleyourbrand.com\"\u003eUntangle Your Brand®\u003c/a\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"footer-tagline\"\u003e\n        Creating brands that are relevant, unique and memorable.\n      \u003c/div\u003e\n    \u003c/div\u003e\n\n    \u003cdiv class=\"footer-links\"\u003e\n      \u003ca href=\"https://untangleyourbrand.com/tools\"\u003eTools\u003c/a\u003e\n      \u003ca href=\"https://untangleyourbrand.com/check\"\u003eCheck\u003c/a\u003e\n      \u003ca href=\"https://untangleyourbrand.com/guide\"\u003eGuide\u003c/a\u003e\n      \u003ca href=\"https://untangleyourbrand.com/vault\"\u003eVault\u003c/a\u003e\n      \u003ca href=\"https://untangleyourbrand.com/contact\"\u003eContact\u003c/a\u003e\n      \u003ca href=\"https://untangleyourbrand.com/pincreative\"\u003ePIN\u003c/a\u003e\n      \u003ca href=\"https://untangleyourbrand.com/privacy\"\u003ePrivacy\u003c/a\u003e\n      \u003ca href=\"https://untangleyourbrand.com/ai\"\u003eAI\u003c/a\u003e      \n      \u003ca href=\"https://untangleyourbrand.com/ask\"\u003eAsk\u003c/a\u003e      \n    \u003c/div\u003e\n  \u003c/div\u003e\n\n  \u003cdiv class=\"footer-legal\"\u003e\n    Untangle Your Brand® is a registered trademark © \n    \u003ca href=\"https://untangleyourbrand.com/pincreative\" target=\"_blank\" rel=\"noopener\"\u003e\n      PIN Creative\n    \u003c/a\u003e 2026\n  \u003c/div\u003e\n\u003c/footer\u003e\n\n\u003cstyle\u003e\n/* Ensure the footer-legal link colour matches the text colour */\nfooter.custom-footer .footer-legal,\nfooter.custom-footer .footer-legal a,\nfooter.custom-footer .footer-legal a:visited,\nfooter.custom-footer .footer-legal a:active {\n  color: #585858 !important; /* force dark grey */\n  font-family: \"Noto Sans\", sans-serif !important;\n  font-weight: 400 !important;\n  font-size: 0.85rem !important;\n  letter-spacing: 0em !important;\n  text-decoration: none !important;\n}\n\nfooter.custom-footer .footer-legal a:hover {\n  color: #FF31AF !important; /* optional hover accent */\n}\n\u003c/style\u003e\n\n  \n\u003c/div\u003e\n\n\n\n\u003c/footer\u003e\n\n\n\n1f:T41ed,\n\n\n\n\n/* \n==========\nUNIVERSAL — BASE TYPOGRAPHY\n========== \n*/\n\nbody {\n  background-color: #edf0ee !important;\n  color: #585858 !important;\n  font-family: \"Noto Sans\", sans-serif !important;\n  font-weight: 400 !important;\n  font-size: 1.15rem !important;\n  line-height: 1.4 !important;\n}\n\n/* Base paragraph and list settings */\nbody, p, li {\n  line-height: 1.4 !important;\n  letter-spacing: -0.02em !important;\n  font-size: 1.15rem !important;\n\n}\n\n/* \n==========\nBODY COPY — BOLD TEXT COLOUR\n========== \n*/\n\nstrong,\nb {\n  color: #000000 !important;\n  font-weight: 700 !important; /* ensures visible weight without overdoing it */\n}\n\n\n/* \n==========\nHEADINGS — FLAT SCALE WITH INDEPENDENT CONTROL\n========== \n*/\nh1, h2, h3, h4, h5, h6 {\n  font-family: \"Inter\", sans-serif !important;\n  font-weight: 900 !important;\n  color: #000 !important;\n  line-height: 1.2 !important;\n  letter-spacing: -0.02em !important;\n  margin-bottom: 0.4em !important;\n}\n\n/* Primary headings (flat to start) */\nh1 { font-size: 1.6rem !important; }\nh2 { font-size: 1.6rem !important; }\nh3 { font-size: 1.6rem !important; }\n\n/* Secondary levels (smaller optional hierarchy) */\nh4 { font-size: 1.2rem !important; }\nh5 { font-size: 1rem !important; }\nh6 { font-size: 0.9rem !important; }\n\n\n\n\n/* Responsive scale — maintain rhythm on mobile */\n@media (max-width: 768px) {\n  h1, h2, h3 { font-size: 1.4rem !important; }\n  h4, h5, h6 { font-size: 1rem !important; }\n}\n\n/* \n==========\nRESPONSIVE BODY SIZE — MOBILE OVERRIDE\n========== \n*/\n@media (max-width: 768px) {\n  html,\n  body,\n  .super-content,\n  .notion-body,\n  .notion-page-content,\n  .notion-text-block,\n  .notion-text__content {\n    font-size: 1.1rem !important;\n\n    line-height: 1.4 !important;   /* keeps rhythm consistent */\n  }\n}\n\n\n/* \n==========\nDIVIDERS / HORIZONTAL RULES\n========== \n*/\n\n/* Standard Notion divider styling */\n.notion-divider,\nhr {\n  border: none !important;\n  height: 1px !important;\n  background-color: #000000 !important;   /* solid black line */\n  opacity: 0.15 !important;               /* adjust visibility (0.15 = subtle, 1 = solid) */\n  margin: 2rem 0 !important;              /* vertical spacing */\n}\n\n\n\n/* \n==========\nTOGGLE BLOCKS — NATIVE (H3 LEVEL) — CUSTOM GHOST ICON\n========== \n*/\n\n/* Base container */\n.notion-toggle-heading-3 {\n  position: relative !important;\n  background: #ffffff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 8px !important;\n  margin-bottom: 1rem !important;\n  padding: 0.6rem 1rem !important;\n  transition: box-shadow 0.2s ease-in-out !important;\n}\n\n/* Replace Notion’s default “‣” with a custom SVG chevron */\n.notion-toggle-heading-3 .notion-toggle__trigger_icon span {\n  display: block !important;\n  width: 16px !important;\n  height: 16px !important;\n  background: none !important;\n  position: relative !important;\n  color: transparent !important;\n}\n\n/* Inject custom SVG using mask technique */\n.notion-toggle-heading-3 .notion-toggle__trigger_icon span::before {\n  content: \"\" !important;\n  position: absolute !important;\n  inset: 0 !important;\n  mask: url(\"data:image/svg+xml;utf8,\u003csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'\u003e\u003cpath fill='black' d='M23.25,7.311,12.53,18.03a.749.749,0,0,1-1.06,0L.75,7.311'/\u003e\u003c/svg\u003e\") center / contain no-repeat;\n  -webkit-mask: url(\"data:image/svg+xml;utf8,\u003csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'\u003e\u003cpath fill='black' d='M23.25,7.311,12.53,18.03a.749.749,0,0,1-1.06,0L.75,7.311'/\u003e\u003c/svg\u003e\") center / contain no-repeat;\n  background-color: #000000 !important;   /* icon colour */\n  transition: transform 0.25s ease-in-out !important;\n}\n\n/* Position and rotate icon */\n.notion-toggle-heading-3 .notion-toggle__trigger_icon {\n  position: absolute !important;\n  right: 1rem !important;\n  top: 0.rem !important;\n  transform: rotate(0deg) !important;\n  transition: transform 0.25s ease-in-out !important;\n}\n\n.notion-toggle-heading-3.open .notion-toggle__trigger_icon {\n  transform: rotate(90deg) !important;\n}\n\n/* Keep text and spacing consistent */\n.notion-toggle-heading-3 h3.n
1936otion-heading.toggle {\n  padding-right: 1.5rem !important;\n}\n\n.notion-toggle-heading-3 .notion-toggle__content {\n  padding: 6px !important;\n  margin-top: 0.6rem !important;\n}\n\n.notion-toggle-heading-3:hover {\n  box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;\n}\n\n\n\n/* \n==========\nCALLOUT BLOCKS — INVISIBLE LINK STYLE\n========== \n*/\n\n/* Remove background, border, and padding */\n.notion-callout {\n  background: none !important;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n/* Remove icon column and alignment space */\n.notion-callout__icon,\n.notion-callout__icon-wrapper {\n  display: none !important;\n}\n\n/* Ensure inner content behaves like normal text */\n.notion-callout__content {\n  padding: 0 !important;\n  margin: 0 !important;\n  background: none !important;\n  border: none !important;\n}\n\n/* Remove hover colour changes */\n.notion-callout:hover {\n  background: none !important;\n  box-shadow: none !important;\n}\n\n\n\n/* \n==========\nNAV \u0026 LINKS — HOVER STATES\n========== \n*/\n\na:hover,\n.nav a:hover,\n.footer a:hover {\n  color: #FF31AF !important;\n  transition: color 0.2s ease-in-out;\n}\n\n\n\n/* \n==========\nBUTTONS — HOVER STATES\n========== \n*/\n\nbutton:hover,\n.notion-button:hover {\n  background-color: #FF31AF !important;\n  color: #ffffff !important;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n\n\n/* \n==========\nNAVBAR — TYPE STYLE ONLY\n========== \n*/\n\n/* Logo text */\n.super-navbar__logo-text {\n  font-family: \"Inter\", sans-serif !important;\n  font-weight: 900 !important;\n  font-size: 1.4rem !important;\n  letter-spacing: -0.06em !important;\n  padding-left: 35px !important;\n  color: #000000 !important;\n  -webkit-font-smoothing: antialiased !important;\n  text-decoration: none !important;\n  transition: color 0.2s ease-in-out !important;\n}\n\n/* Menu items */\n.super-navbar__item {\n  font-family: \"Inter\", sans-serif !important;\n  font-weight: 700 !important;\n  font-size: 1.1rem !important;\n  color: #000000 !important;\n  text-decoration: none !important;\n  transition: color 0.2s ease-in-out !important;\n}\n\n/* Hover and active states — consistent colour handling */\n.super-navbar__item:hover,\n.super-navbar__item--active,\n.super-navbar__item.is-active,\n.super-navbar__logo-text:hover {\n  color: #FF31AF !important;\n  text-decoration: none !important;\n}\n\n/* CTA button */\n.super-navbar__cta {\n  background: #000000 !important;\n  color: #ffffff !important;\n  font-family: \"Inter\", sans-serif !important;\n  font-weight: 700 !important;\n  font-size: 1rem !important;\n  padding: 0.5rem 1rem !important;\n  border-radius: 8px !important;\n  text-decoration: none !important;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out !important;\n}\n\n/* Force pure black on navbar items */\n.super-navbar__item,\n.super-navbar__item a,\n.super-navbar__item .super-navbar__link {\n  color: #000000 !important;   /* true black */\n  opacity: 1 !important;       /* stop dimming */\n  text-shadow: none !important;/* remove gray halo */\n  filter: none !important;     \n  mix-blend-mode: normal !important;\n  -webkit-text-stroke: 0 !important;\n  -webkit-font-smoothing: auto !important; /* avoid antialias lightening */\n  text-rendering: optimizeLegibility;\n}\n\n/* \n==========\nNAVBAR — LOGO + MENU ALIGNMENT FIX\n========== \n*/\n\n/* Align entire navbar content from the left */\n.super-navbar,\n.super-navbar__inner,\n.super-navbar__content {\n  display: flex;\n  align-items: center !important;\n  justify-content: flex-start !important;\n}\n\n/* Reset hidden padding / offset around logo */\n.super-navbar__logo-wrapper,\n.super-navbar__logo,\n.super-navbar__logo-text {\n  margin: 0 !important;\n  padding: 20 !important;\n  left: 0 !important;             /* prevent Super’s negative offset */\n  position: relative !important;\n}\n\n/* Adjust space between logo and menu items */\n.super-navbar__item-list,\n.super-navbar__list {\n  margin-left: 10px !important;   /* extra gap between logo and first item */\n  gap: 18px !important;\n  position: relative !important;\n  top: 2px !important;            /* slight vertical drop for baseline align */\n}\n\n/* Keep CTA / right actions aligned to the far right */\n.super-navbar__actions,\n.super-navbar__cta,\n.super-navbar__buttons,\n.super-navbar__right {\n  margin-left: auto !important;\n}\n\n\n\n/* \n==========\nNAVBAR — MOBILE RESET (LOGO ALIGNMENT)\n========== \n*/\n@media (max-width: 768px) {\n  .super-navbar__logo-text {\n    padding-left: 0 !important;  /* remove desktop offset on mobile */\n  }\n}\n\n\n\n/* \n==========\nLAYOUT — FULL WIDTH (20PX GUTTERS, SINGLE RULE)\n========== \n*/\n\n.notion-root,\n.super-content,\n.super-content-wrapper,\n.notion-
1936page-content {\n  max-width: 100% !important;\n  width: 100% !important;\n  margin: 0 auto !important;\n  padding-top: 20px !important;\n  padding-left: 20px !important;\n  padding-right: 20px !important;\n  box-sizing: border-box !important;\n}\n\n\n\n==========\nLAYOUT — MOBILE ADJUSTMENT (RETURN TO DEFAULT GUTTERS)\n========== \n*/\n@media (max-width: 1024px) {\n  .notion-root,\n  .super-content,\n  .super-content-wrapper,\n  .notion-page-content{\n    padding-left: 6px !important;   /* restores normal mobile spacing */\n    padding-right: 6px !important;\n    padding-top: 20px !important;\n  }\n}\n\n\n\n\n\n\n/* \n==========\nGALLERY CARD TYPOGRAPHY — TITLE + DESCRIPTION SPACING ADJUSTMENT\n========== \n*/\n\n/* Title (unchanged style, just clearer separation below) */\n.notion-property.notion-property__title.notion-collection-card__property.notion-semantic-string {\n  line-height: 1.2 !important;\n  font-weight: 900 !important;\n  color: #000 !important;\n  transition: color 0.2s ease !important;\n  font-size: 1.5em !important;\n  margin-bottom: .6em !important;  /* increased gap below title */\n}\n\n/* Description (unchanged type, just small top margin tweak for rhythm) */\n.notion-collection-gallery.large .notion-collection-card__property.no-wrap,\n.notion-collection-gallery.medium .notion-collection-card__property.no-wrap {\n  font-size: 1.1em !important;\n  line-height: 1.3 !important;\n  color: grey !important;\n  font-weight: 400 !important;\n  white-space: normal !important;\n  margin-top: 0.1em !important;  /* adds subtle separation from title */\n}\n\n\n\n\n\n/* \n==========\nGALLERY CARD TYPOGRAPHY — SMALL CARDS ONLY (SMALLER DESCRIPTION)\n========== \n*/\n\n.notion-collection-gallery.small .notion-collection-card__property.no-wrap {\n  font-size: 1.0em !important;       /* slightly smaller than medium/large */\n  line-height: 1.3 !important;\n  color: grey !important;\n  font-weight: 400 !important;\n  white-space: normal !important;\n  margin-top: 0.1em !important;\n}\n\n\n\n/* \n==========\nGALLERY GRID — FORCE 6 COLUMNS (SMALL VIEW)\n========== \n*/\n\n.notion-collection-gallery.small {\n  display: grid !important;\n  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;\n  gap: 1rem !important; /* adjust for tighter or looser spacing */\n}\n\n\n\n/* \n==========\nGALLERY GRID — FORCE 4 COLUMNS (MEDIUM VIEW)\n========== \n*/\n\n.notion-collection-gallery.medium .notion-gallery-view {\n  display: grid !important;\n  grid-template-columns: repeat(4, 1fr) !important;\n  gap: 1.5rem !important; /* adjust spacing between cards if needed */\n}\n/* \n==========\nGALLERY GRID — FORCE 4 COLUMNS (MEDIUM VIEW)\n========== \n*/\n\n.notion-collection-gallery.medium {\n  display: grid !important;\n  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n  gap: 1.5rem !important; /* adjust if spacing too wide/tight */\n}\n\n/* \n==========\nGALLERY GRID — FORCE 2 COLUMNS (LARGE VIEW)\n========== \n*/\n\n.notion-collection-gallery.large {\n  display: grid !important;\n  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  gap: 2rem !important; /* adjust spacing to taste */\n}\n\n\n\n/* \n==========\nGALLERY GRID — GLOBAL MOBILE OVERRIDE\n========== \n*/\n\n@media (max-width: 768px) {\n  .notion-collection-gallery.large,\n  .notion-collection-gallery.medium,\n  .notion-collection-gallery.small {\n    display: grid !important;\n    grid-template-columns: 1fr !important;  /* one card per row */\n    gap: 1.25rem !important;                /* balanced vertical spacing */\n  }\n\n  /* Optional: slightly larger card padding on mobile for readability */\n  .notion-collection-card__content {\n    padding: 20px !important;\n  }\n}\n\n\n\n/* \n==========\nGALLERY CARDS — REMOVE DEFAULT BORDER / OUTLINE (KEEP HOVER EFFECT)\n========== \n*/\n\n/* Default state — clean, flat, no border */\n.notion-collection-card,\n.notion-collection-card__content {\n  border: none !important;\n  outline: none !important;\n  background-color: #ffffff !important;\n  box-shadow: 0 0 0 0 rgba(0,0,0,0) !important; /* keeps structure but invisible */\n  transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out !important;\n}\n\n/* Hover state — subtle lift effect restored */\n.notion-collection-card:hover,\n.notion-collection-card__content:hover {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;\n  transform: translateY(-2px) !important;\n}\n\n\n\n/* \n==========\nNAVBAR — CHAT CTA MOBILE BEHAVIOUR\n========== \n*/\n\n/* Desktop: show chat button normally */\n.super-navbar__cta {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n/* Mobile: hide chat button, rely on burger menu instead */\n@media (max-width: 1024px) {\n  .super-navbar__cta {\n    display: none !important;\n  }\n\n  /* Ensure burger menu icon visible and accessible */\n  .super-navbar__menu-toggle {\n    display: flex !important;
1936\n    align-items: center !important;\n    justify-content: center !important;\n  }\n}\n\n\n/* \n/* \n===============\nDESKTOP CONTAINER — FIX WIDTH AT 1200PX\nPrevents layout stretching on large monitors\n================\n*/\n\n@media (min-width: 1601px) {\n  .notion-root,\n  .super-content,\n  .super-content-wrapper,\n  .notion-page-content {\n    max-width: 1440px !important;   /* fixed desktop width */\n    margin-left: auto !important;\n    margin-right: auto !important;\n    padding-left: 20px !important;\n    padding-right: 20px !important;\n    box-sizing: border-box !important;\n  }\n}\n\n\n\n\n/* \n===============\nGLOBAL LAYOUT — FORCE MOBILE MODE ON TABLETS\nForces full single-column layout and removes column indents\n================\n*/\n\n@media (max-width: 1024px) {\n\n  /* 1. Stack all Notion column blocks vertically */\n  .notion-column-list,\n  .notion-column {\n    display: block !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  /* 2. Remove leftover gutter and padding from collapsed columns */\n  .notion-column-list {\n    gap: 0 !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n\n  .notion-column {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .notion-column \u003e div {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n  }\n\n  /* 3. Ensure galleries and multi-column sections follow suit */\n  .notion-collection-gallery.large,\n  .notion-collection-gallery.medium,\n  .notion-collection-gallery.small {\n    display: grid !important;\n    grid-template-columns: 1fr !important;\n    gap: 1.25rem !important;\n  }\n\n  /* 4. Reset paddings for clean single-column alignment */\n  .notion-root,\n  .super-content,\n  .super-content-wrapper,\n  .notion-page-content {\n    padding-left: 6px !important;\n    padding-right: 6px !important;\n  }\n\n  /* 5. Optional: normalise flex containers */\n  .super-content,\n  .notion-root {\n    display: block !important;\n    justify-content: flex-start !important;\n    align-items: stretch !important;\n  }\n}\n\n\n\n/* \n==========\nCUSTOM FOOTER — FORCE TO PAGE BOTTOM\n========== \n*/\n\nfooter.custom-footer {\n  position: relative !important;\n  bottom: 0 !important;\n  width: 100% !important;\n  margin-top: auto !important;\n  order: 99 !important; /* ensures it appears last in flex wrappers */\n}\n\n/* If Super wraps content in flex or grid, push footer to the end */\n.super-content,\n.super-content-wrapper,\n.notion-root {\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n/* \n==========\nFOOTER — FULL WIDTH ALIGNMENT (DESKTOP + MOBILE)\n========== \n*/\n\n/* Desktop / default */\nfooter.custom-footer {\n  max-width: 100% !important;\n  width: 100% !important;\n  margin: 0 auto !important;\n  padding-left: 60px !important;   /* match site gutters */\n  padding-right:60px !important;\n  box-sizing: border-box !important;\n}\n\n/* Mobile adjustment */\n@media (max-width: 1024px) {\n  footer.custom-footer {\n    padding-left: 18px !important;  /* match mobile gutters */\n    padding-right: 22px !important;\n  }\n}\n\n\n:root {\n  --primary-font: \"Noto Sans\", sans-serif !important;\n  --secondary-font: \"Noto Sans\", sans-serif !important;\n}1c:[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L1d\",null,{\"settings\":{\"siteId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95\",\"userId\":\"95ffce6f-150a-471f-9f9b-97b330be502c\",\"domainName\":\"untangleyourbrand.com\",\"name\":\"Untangle Your Brand\",\"active\":true,\"free\":false,\"tier\":\"personal\",\"favicon\":\"https://assets.super.so/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95/uploads/favicon/358ef569-a475-483f-881e-94e762373554.jpg\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":[],\"notionPage\":\"0aa8bb9b839d44499f5d954244a90bc9\",\"indexPageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::e0c863f8-5292-4a03-80f7-7fdc22f09127\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"floatingTableOfContents\":false,\"siteSearch\":true,\"advancedSearch\":false,\"themeToggle\":false,\"mondayFirst\":true,\"loadLimits\":false,\"hidePersonInfo\":false,\"showPropertyIcons\":false,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":{\"type\":\"simple\",\"style\":{\"height\"
1936:56,\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\",\"ctaTextColor\":\"var(--color-text-default)\",\"ctaBackgroundColor\":\"var(--color-bg-default)\",\"isSticky\":true,\"shadow\":{\"type\":\"none\",\"color\":\"rgba(0,0,0,1)\",\"opacity\":12}},\"links\":[{\"id\":\"3bdfe64d-4021-457b-93c1-acdd6037a2f9\",\"type\":\"page\",\"label\":\"Work\",\"link\":\"/work\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::8075dc3d-ee51-4f21-b5a1-cf3113f7471e\",\"list\":[]},{\"id\":\"d3c53931-b238-45d8-b88c-519f523b5cf8\",\"type\":\"page\",\"label\":\"How\",\"link\":\"/how\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::3060802f-1ded-4d69-920e-3249e4946db3\",\"list\":[]},{\"id\":\"886a739f-732f-4191-b2e3-2d52d7e1fd14\",\"type\":\"page\",\"label\":\"What\",\"link\":\"/what\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::45b0bc78-0a83-4807-8869-312b528dd4f8\",\"list\":[]},{\"id\":\"bc9fe138-7fad-4515-aa8d-f35f3992bb8e\",\"type\":\"page\",\"label\":\"Who\",\"link\":\"/who\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::413b6df6-86df-42cf-9c8b-9ce56d60b301\",\"list\":[]},{\"id\":\"283ec8aa-2120-4c16-b80b-af134f33fc21\",\"type\":\"page\",\"label\":\"Learn\",\"link\":\"/learn\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::cff00257-5f1e-488e-b643-ced2d26d3d1c\",\"icon\":\"\",\"list\":[]},{\"id\":\"fdf065d1-6507-4354-88b6-3483dcd40b3a\",\"type\":\"page\",\"label\":\"BrAIn\",\"link\":\"/brain\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::2576b53c-dab6-40b3-8d4d-5956f017fa0d\",\"icon\":\"\",\"list\":[]},{\"id\":\"4eff49b3-9e72-4418-a505-aefc6aa09d5a\",\"type\":\"url\",\"label\":\"Blah\",\"link\":\"https://blah.untangleyourbrand.com\",\"icon\":\"\",\"list\":[]},{\"id\":\"f28517b9-af57-40ed-bc1f-62224212d333\",\"type\":\"page\",\"label\":\"ZEST\",\"link\":\"/zest\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::00d08178-cb13-4e98-bdbf-37c8da0acfd8\",\"icon\":\"\",\"list\":[]}],\"logo\":{\"type\":\"text\",\"width\":50,\"fontSize\":16,\"textContent\":\"Untangle Your Brand®\",\"imageContent\":\"https://assets.super.so/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95/uploads/logo/7874e88c-ca62-43c0-824f-8cab64e0aec8.png\",\"imageContentDark\":null,\"disabled\":false},\"cta\":{\"type\":\"url\",\"label\":\"Ask Dave\",\"link\":\"https://untangleyourbrand.com/ask\",\"pageId\":\"\"},\"isSticky\":true,\"breadcrumbs\":false},\"footer\":{\"type\":\"corners\",\"style\":{\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\"},\"links\":[{\"id\":\"6b3d1b75-90ca-44b0-bf6d-910f27d597f1\",\"type\":\"page\",\"label\":\"Check\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::fa7cc07a-0fa1-4062-af8f-48214fee5e54\",\"icon\":\"\",\"list\":[]},{\"id\":\"cb0473c5-8004-4dd0-bf23-4d67b9dbadbf\",\"type\":\"page\",\"label\":\"Guide\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::08f54908-3b93-48be-99b2-4d8b7f28bb16\",\"icon\":\"\",\"list\":[]},{\"id\":\"e751c0fe-4ec8-4a4a-9b8c-76ed676611ae\",\"type\":\"page\",\"label\":\"Vault\",\"link\":\"/vault\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::0519396a-862b-46a8-ace5-6e4741ddf841\",\"icon\":\"\",\"list\":[]},{\"id\":\"0d2ddbb0-daf6-4a13-a419-eb158634184e\",\"type\":\"page\",\"label\":\"Login\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::beea566f-7e7a-41e5-b264-2788a2ba94b0\",\"icon\":\"\",\"list\":[]},{\"id\":\"08a73534-cc96-433f-840d-98f34205fac0\",\"type\":\"page\",\"label\":\"PIN\",\"link\":\"/pincreative\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::ccaea0b9-f80f-42bd-ba5b-763cb766340d\",\"icon\":\"\",\"list\":[]},{\"id\":\"be67b1ad-7e73-4277-8ff0-a429878e9616\",\"type\":\"page\",\"label\":\"Privacy\",\"link\":\"/privacy\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::b9a17b9b-8a13-4c35-b128-c8fa040979ae\",\"icon\":\"\",\"list\":[]},{\"id\":\"6ae4f1b3-78ff-4825-94a6-9e8e03df3a4d\",\"type\":\"page\",\"label\":\"Ask\",\"link\":\"/ask\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::c8968035-4fbd-43c9-a4af-75045c90f4a6\",\"icon\":\"\",\"list\":[]}],\"logo\":{\"type\":\"text\",\"width\":90,\"fontSize\":26,\"textContent\":\"Untangle Your Brand®\",\"imageContent\":null,\"imageContentDark\":null,\"disabled\":false},\"socials\":[{\"type\":\"linkedin\",\"link\":\"https://www.linkedin.com/in/pincreative/\"},{\"type\":\"instagram\",\"link\":\"https://www.instagram.com/untangleyourbrand/\"}],\"footnote\":\"Untangle Your Brand® is a registered trademark © PIN Creative 2025\",\"divider\":false},\"sidebar\":{\"enabled\":false,\"links\":[],\"cta\":[],\"logo\":null,\"searchEnabled\":true},\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":0.6,\"layoutMaxWidth\":1300,\"columnSpacing\":40,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":12,\"pageDisplay\":\"none\"}
1936,\"header\":{\"coverHeight\":30,\"titleAlign\":\"left\",\"iconAlign\":\"-112px auto auto auto\",\"display\":\"none\"},\"collectionCard\":{\"gap\":10,\"shadow\":\"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px\",\"coverHeightLarge\":360,\"coverHeightMedium\":201,\"coverHeightSmall\":149,\"titleSize\":1,\"coverSizeSmall\":172,\"coverSizeMedium\":260,\"coverSizeLarge\":320,\"iconDisplay\":\"none\"},\"callout\":{\"iconDisplay\":\"none\",\"shadow\":\"none\"},\"typography\":{\"primaryFont\":\"Inter\",\"secondaryFont\":\"Inter\",\"fonts\":[],\"baseSize\":16,\"titleSize\":2.5,\"headingSize\":1,\"quoteSize\":1.2,\"quoteSizeLarge\":1.4,\"textWeight\":400,\"headingWeight\":600},\"scrollbar\":{\"width\":15},\"navbar\":{\"height\":84,\"shadow\":\"none\"},\"footer\":{\"height\":0},\"sidebar\":{\"width\":280,\"shadow\":\"none\"},\"colors\":{\"light\":{\"text\":\"#37352f\",\"textLight\":\"#7d7c78\",\"background\":\"#ffffff\",\"borderColor\":\"#E9E9E7\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#efefef\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#37352F\",\"background\":\"#ffffff\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\",\"hoverBackground\":null},\"footer\":{\"text\":\"#37352F\",\"background\":\"#edf0ee\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\"},\"sidebar\":{\"text\":\"#37352F\",\"ctaText\":\"#37352F\",\"background\":\"#ffffff\",\"hoverBackground\":\"#efefef\",\"ctaBackground\":\"#ffffff\",\"border\":\"#E9E9E7\"},\"database\":{\"cardBackground\":\"#ffffff\",\"cardHoverBackground\":\"#edf0ee\",\"calendarWeekendBackground\":\"#e9e9e7\"},\"default\":[45,8,20],\"gray\":[36,2,46],\"brown\":[19,31,47],\"orange\":[30,87,45],\"yellow\":[38,62,49],\"green\":[149,31,39],\"blue\":[202,53,43],\"purple\":[274,32,54],\"pink\":[323,100,60],\"red\":[2,80,52],\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}}},\"dark\":{\"text\":\"#e1e1e1\",\"textLight\":\"#9b9b9b\",\"background\":\"#191919\",\"borderColor\":\"#373737\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#262626\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\",\"hoverBackground\":null},\"footer\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\"},\"sidebar\":{\"text\":\"#e1e1e1\",\"ctaText\":\"#e1e1e1\",\"background\":\"#191919\",\"hoverBackground\":\"#292929\",\"ctaBackground\":\"#191919\",\"border\":\"#373737\"},\"database\":{\"cardBackground\":\"#262626\",\"cardHoverBackground\":\"#2f2f2f\",\"calendarWeekendBackground\":\"#202020\"},\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}},\"default\":[45,8,20],\"gray\":[0,0,61],\"brown\":[18,35,58],\"orange\":[25,54,53],\"yellow\":[38,54,54],\"green\":[146,32,47],\"blue\":[217,50,58],\"purple\":[270,55,62],\"pink\":[329,57,58],\"red\":[1,69,60]}}},\"code\":{\"global\":[{\"id\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::92a7161c-536a-401d-90c1-4ba689a2a217\",\"content\":\"\u003c!-- Existing CookieHub script stays first --\u003e\\n\u003cscript src=\\\"https://cdn.cookiehub.eu/c2/cbea01d6.js\\\"\u003e\u003c/script\u003e\\n\u003cscript\u003e\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n  var cpm = {};\\n  window.cookiehub.load(cpm);\\n});\\n\u003c/script\u003e\\n\\n\u003c!-- Consent Mode defaults, before gtag loads --\u003e\\n\u003cscript\u003e\\n  window.dataLayer = window.dataLayer || [];\\n  function gtag(){dataLayer.push(arguments);}
1936\\n  gtag('consent', 'default', {\\n    'analytics_storage': 'denied',\\n    'ad_storage': 'denied'\\n  });\\n\u003c/script\u003e\\n\\n\u003c!-- Google tag --\u003e\\n\u003cscript async src=\\\"https://www.googletagmanager.com/gtag/js?id=G-DF2FGNT9RY\\\"\u003e\u003c/script\u003e\\n\u003cscript\u003e\\n  gtag('js', new Date());\\n  gtag('config', 'G-DF2FGNT9RY');\\n\u003c/script\u003e\"}],\"head\":[],\"body\":[{\"id\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::416148f3-76bf-4da8-8ac6-cb60955189be\",\"content\":\"$1e\"}],\"style\":[],\"css\":\"$1f\"},\"files\":[]},\"config\":{\"assetEndpoint\":\"https://assets.super.so\",\"isPreview\":false},\"domainQueryParam\":\"$undefined\",\"children\":[null,\"$L20\",\"$L21\",\"$L22\",\"$L23\"]}],\"$L24\"]}]\n"])</script>
1936<script>self.__next_f.push([1,"25:I[920494,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"ThemeProvider\"]\n2b:I[678415,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"NavigationEvents\"]\n2c:I[982642,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"LinkUpgrader\"]\n2d:I[245155,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"LightboxEnhancer\"]\n2e:I[818466,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"SpeedInsights\"]\n26:T56db,\n    :root {\n      /* Layout */\n      --padding-layout: 0.6rem;\n      --border-radii-layout: 12px;\n      --border-thickness-layout: 1px;\n      --border-type-layout: solid;\n      --border-layout: var(--border-thickness-layout)\n        var(--border-type-layout) var(--color-border-default);\n      --layout-max-width: 1300px;\n      --column-spacing: 40px;\n      --page-display: none;\n      --padding-right: calc(env(safe-area-inset-right) + 96px);\n      --padding-left: calc(env(safe-area-inset-left) + 96px);\n      --padding-right-mobile: calc(env(safe-area-inset-right) + 24px);\n      --padding-left-mobile: calc(env(safe-area-inset-left) + 24px);\n      /* Header */\n      --header-cover-height: 30vh;\n      --header-title-align: start;\n      --header-icon-align: -112px auto auto auto;\n      --header-display: none;\n      /* Collection header */\n      --collection-header-border: var(--border-layout);\n      /* Collection table */\n      --collection-table-cell-padding: calc(var(--padding-layout) - 0.3rem)\n        calc(var(--padding-layout) - 0.1rem);\n      /* Collection list */\n      --collection-list-item-padding: calc(var(--padding-layout) - 0.5rem);\n      --collection-list-item-border-radii: calc(\n        var(--border-radii-layout) - 1px\n      );\n      /* Collection card */\n      --collection-card-padding: 0px;\n      --collection-card-title-padding: 0px;\n      --collection-card-content-padding: var(--padding-layout);\n      --collection-card-border-radii: var(--border-radii-layout);\n      --collection-card-gap: 10px;\n      --collection-card-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px;\n      --collection-card-title-size: 1rem;\n      --collection-card-cover-height-small: 149px;\n      --collection-card-cover-size-small: 172px;\n      --collection-card-cover-height-medium: 201px;\n      --collection-card-cover-size-medium: 260px;\n      --collection-card-cover-height-large: 360px;\n      --collection-card-cover-size-large: 320px;\n      --collection-card-icon-display: none;\n      /* Callout */\n      --callout-padding: calc(var(--padding-layout) + 0.4rem)\n        calc(var(--padding-layout) + 0.4rem)\n        calc(var(--padding-layout) + 0.4rem)\n        calc(var(--padding-layout) + 0.1em);\n      --callout-border-radii: calc(var(--border-radii-layout) - 2px);\n      --callout-border: var(--border-layout);\n      --callout-icon-display: none;\n      --callout-shadow: none;\n      /* File */\n      --file-border-radii: calc(var(--border-radii-layout) - 2px);\n      /* Equation */\n      --equation-border-radii: calc(var(--border-radii-layout) - 2px);\n      /* Divider */\n      --divider-border: var(--border-layout);\n      /* Quote */\n      --quote-border: calc(var(--border-thickness-layout) + 2px) solid\n        currentcolor;\n      /* Code */\n      --code-padding: calc(var(--padding-layout) + 1.4rem);\n      --code-border-radii: var(--border-radii-layout);\n      /* Tweet */\n      --tweet-padding: calc(var(--padding-layout) + 0.65rem)\n        calc(var(--padding-layout) + 0.65rem)\n        calc(var(--padding-layout) + 0.05rem)\n        calc(var(--padding-layout) + 0.65rem);\n      --tweet-border-radii: var(--border-radii-layout);\n      --tweet-border: var(--border-layout);\n      /* Bookmark */\n      --bookmark-padding: calc(var(--padding-layout) + 0.15rem) 0p
1936x\n        calc(var(--padding-layout) + 0.025rem)\n        calc(var(--padding-layout) + 0.275rem);\n      --bookmark-border-radii: var(--border-radii-layout);\n      --bookmark-border: var(--border-layout);\n      --bookmark-image-border-radii: 0px\n        calc(var(--border-radii-layout) - 1px)\n        calc(var(--border-radii-layout) - 1px) 0px;\n      /* Embed */\n      --embed-border-radii: calc(var(--border-radii-layout) - 5px);\n      /* Image */\n      --image-border-radii: calc(var(--border-radii-layout) - 5px);\n      /* Typography */\n      --title-size: 2.5rem;\n      --quote-size: 1.2rem;\n      --quote-size-large: 1.4rem;\n      --heading-size: 1rem;\n      --primary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji,\n        Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,\n        Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,\n        BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,\n        sans-serif;\n        --secondary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji,\n        Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,\n        Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,\n        BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,\n        sans-serif;\n      --text-weight: 400;\n      --heading-weight: 600;\n      --heading1-size: calc(var(--heading-size) * 1.875);\n      --heading2-size: calc(var(--heading-size) * 1.5);\n      --heading3-size: calc(var(--heading-size) * 1.25);\n      --heading4-size: calc(var(--heading-size) * 1);\n      --heading5-size: calc(var(--heading-size) * 0.8125);\n      /* Scrollbars */\n      --scrollbar-width: 15px;\n      /* Navbar */\n      --navbar-height: 84px;\n      --navbar-shadow: none;\n      --navbar-button-border-radii: 50px;\n      --navbar-list-width-single-column: 320px;\n      --navbar-list-width: 620px;\n      /*Sidebar*/\n      --sidebar-width: 280px;\n      --sidebar-shadow: none;\n    }\n    html {\n      scroll-padding-top: 90px;\n    }\n    body {\n      font-family: var(--secondary-font);\n    }\n\n    \n\n\n\n\n/* \n==========\nUNIVERSAL — BASE TYPOGRAPHY\n========== \n*/\n\nbody {\n  background-color: #edf0ee !important;\n  color: #585858 !important;\n  font-family: \"Noto Sans\", sans-serif !important;\n  font-weight: 400 !important;\n  font-size: 1.15rem !important;\n  line-height: 1.4 !important;\n}\n\n/* Base paragraph and list settings */\nbody, p, li {\n  line-height: 1.4 !important;\n  letter-spacing: -0.02em !important;\n  font-size: 1.15rem !important;\n\n}\n\n/* \n==========\nBODY COPY — BOLD TEXT COLOUR\n========== \n*/\n\nstrong,\nb {\n  color: #000000 !important;\n  font-weight: 700 !important; /* ensures visible weight without overdoing it */\n}\n\n\n/* \n==========\nHEADINGS — FLAT SCALE WITH INDEPENDENT CONTROL\n========== \n*/\nh1, h2, h3, h4, h5, h6 {\n  font-family: \"Inter\", sans-serif !important;\n  font-weight: 900 !important;\n  color: #000 !important;\n  line-height: 1.2 !important;\n  letter-spacing: -0.02em !important;\n  margin-bottom: 0.4em !important;\n}\n\n/* Primary headings (flat to start) */\nh1 { font-size: 1.6rem !important; }\nh2 { font-size: 1.6rem !important; }\nh3 { font-size: 1.6rem !important; }\n\n/* Secondary levels (smaller optional hierarchy) */\nh4 { font-size: 1.2rem !important; }\nh5 { font-size: 1rem !important; }\nh6 { font-size: 0.9rem !important; }\n\n\n\n\n/* Responsive scale — maintain rhythm on mobile */\n@media (max-width: 768px) {\n  h1, h2, h3 { font-size: 1.4rem !important; }\n  h4, h5, h6 { font-size: 1rem !important; }\n}\n\n/* \n==========\nRESPONSIVE BODY SIZE — MOBILE OVERRIDE\n========== \n*/\n@media (max-width: 768px) {\n  html,\n  body,\n  .super-content,\n  .notion-body,\n  .notion-page-content,\n  .notion-text-block,\n  .notion-text__content {\n    font-size: 1.1rem !important;\n\n    line-height: 1.4 !important;   /* keeps rhythm consistent */\n  }\n}\n\n\n/* \n==========\nDIVIDERS / HORIZONTAL RULES\n========== \n*/\n\n/* Standard Notion divider styling */\n.notion-divider,\nhr {\n  border: none !important;\n  height: 1px !important;\n  background-color: #000000 !important;   /* solid black line */\n  opacity: 0.15 !important;               /* adjust visibility (0.15 = subtle, 1 = solid) */\n  margin: 2rem 0 !important;              /* vertical spacing */\n}\n\n\n\n/* \n==========\nTOGGLE BLOCKS — NATIVE (H3 LEVEL) — CUSTOM GHOST ICON\n========== \n*/\n\n/* Base container */\n.notion-toggle-heading-3 {\n  position: relative !important;\n  background: #ffffff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 8px !important;\n  margin-bottom: 1rem !important;\n  padding: 0.6rem 1rem !important;\n  transition: box-shadow 0.2s ease-in-out !important;\n}\n\n/* Replace Notion’s default “‣” with a custom SVG chevron */\n.notion-toggle-heading-3 .notion-toggle__trigger_icon span {\n  display: block !important;\n  width: 16px !important;\n  height: 16px !important;\n  background: none !important;\n  position: relative !important;\n  color: transparent !important;\n}\n\n/* Inject custom SVG using mask technique */\n.notion-toggle-heading-3 .notion-toggle__trigger_icon span::before {\n  content: \"\" !important;\n  position: absolute !important;\n  inset: 0 !important;\n  mask: url(\"data:image/svg+xml;utf8,\u003csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'\u003e\u003cpath fill='black' d='M23.25,7.311,12.53,18.03a.749.749,0,0,1-1.06,0L.75,7.311'/\u003e\u003c/svg\u003e\") center / contain no-repeat;\n  -webkit-mask: url(\"data:image/svg+xml;utf8,\u003csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'\u003e\u003cpath fill='black' d='M23.25,7.311,12.53,18.03a.749.749,0,0,1-1.06,0L.75,7.311'/\u003e\u003c/svg\u003e\") center / contain no-repeat;\n  background-color: #000000 !important;   /* icon colour */\n  transition: transform 0.25s ease-in-out !important;\n}\n\n/* Position and rotate icon */\n.notion-toggle-heading-3 .notion-toggle__trigger_icon {\n  position: absolute !important;\n  right: 1rem !important;\n  top: 0.rem !important;\n  transform: rotate(0deg) !important;\n  transition: transform 0.25s ease-in-out !important;\n}\n\n.notion-toggle-heading-3.open .notion-toggle__trigger_icon {\n  transform: rotate(90deg) !important;\n}\n\n/* Keep text and spacing consistent */\n.notion-toggle-heading-3 h3.n
1936otion-heading.toggle {\n  padding-right: 1.5rem !important;\n}\n\n.notion-toggle-heading-3 .notion-toggle__content {\n  padding: 6px !important;\n  margin-top: 0.6rem !important;\n}\n\n.notion-toggle-heading-3:hover {\n  box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;\n}\n\n\n\n/* \n==========\nCALLOUT BLOCKS — INVISIBLE LINK STYLE\n========== \n*/\n\n/* Remove background, border, and padding */\n.notion-callout {\n  background: none !important;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n/* Remove icon column and alignment space */\n.notion-callout__icon,\n.notion-callout__icon-wrapper {\n  display: none !important;\n}\n\n/* Ensure inner content behaves like normal text */\n.notion-callout__content {\n  padding: 0 !important;\n  margin: 0 !important;\n  background: none !important;\n  border: none !important;\n}\n\n/* Remove hover colour changes */\n.notion-callout:hover {\n  background: none !important;\n  box-shadow: none !important;\n}\n\n\n\n/* \n==========\nNAV \u0026 LINKS — HOVER STATES\n========== \n*/\n\na:hover,\n.nav a:hover,\n.footer a:hover {\n  color: #FF31AF !important;\n  transition: color 0.2s ease-in-out;\n}\n\n\n\n/* \n==========\nBUTTONS — HOVER STATES\n========== \n*/\n\nbutton:hover,\n.notion-button:hover {\n  background-color: #FF31AF !important;\n  color: #ffffff !important;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n\n\n/* \n==========\nNAVBAR — TYPE STYLE ONLY\n========== \n*/\n\n/* Logo text */\n.super-navbar__logo-text {\n  font-family: \"Inter\", sans-serif !important;\n  font-weight: 900 !important;\n  font-size: 1.4rem !important;\n  letter-spacing: -0.06em !important;\n  padding-left: 35px !important;\n  color: #000000 !important;\n  -webkit-font-smoothing: antialiased !important;\n  text-decoration: none !important;\n  transition: color 0.2s ease-in-out !important;\n}\n\n/* Menu items */\n.super-navbar__item {\n  font-family: \"Inter\", sans-serif !important;\n  font-weight: 700 !important;\n  font-size: 1.1rem !important;\n  color: #000000 !important;\n  text-decoration: none !important;\n  transition: color 0.2s ease-in-out !important;\n}\n\n/* Hover and active states — consistent colour handling */\n.super-navbar__item:hover,\n.super-navbar__item--active,\n.super-navbar__item.is-active,\n.super-navbar__logo-text:hover {\n  color: #FF31AF !important;\n  text-decoration: none !important;\n}\n\n/* CTA button */\n.super-navbar__cta {\n  background: #000000 !important;\n  color: #ffffff !important;\n  font-family: \"Inter\", sans-serif !important;\n  font-weight: 700 !important;\n  font-size: 1rem !important;\n  padding: 0.5rem 1rem !important;\n  border-radius: 8px !important;\n  text-decoration: none !important;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out !important;\n}\n\n/* Force pure black on navbar items */\n.super-navbar__item,\n.super-navbar__item a,\n.super-navbar__item .super-navbar__link {\n  color: #000000 !important;   /* true black */\n  opacity: 1 !important;       /* stop dimming */\n  text-shadow: none !important;/* remove gray halo */\n  filter: none !important;     \n  mix-blend-mode: normal !important;\n  -webkit-text-stroke: 0 !important;\n  -webkit-font-smoothing: auto !important; /* avoid antialias lightening */\n  text-rendering: optimizeLegibility;\n}\n\n/* \n==========\nNAVBAR — LOGO + MENU ALIGNMENT FIX\n========== \n*/\n\n/* Align entire navbar content from the left */\n.super-navbar,\n.super-navbar__inner,\n.super-navbar__content {\n  display: flex;\n  align-items: center !important;\n  justify-content: flex-start !important;\n}\n\n/* Reset hidden padding / offset around logo */\n.super-navbar__logo-wrapper,\n.super-navbar__logo,\n.super-navbar__logo-text {\n  margin: 0 !important;\n  padding: 20 !important;\n  left: 0 !important;             /* prevent Super’s negative offset */\n  position: relative !important;\n}\n\n/* Adjust space between logo and menu items */\n.super-navbar__item-list,\n.super-navbar__list {\n  margin-left: 10px !important;   /* extra gap between logo and first item */\n  gap: 18px !important;\n  position: relative !important;\n  top: 2px !important;            /* slight vertical drop for baseline align */\n}\n\n/* Keep CTA / right actions aligned to the far right */\n.super-navbar__actions,\n.super-navbar__cta,\n.super-navbar__buttons,\n.super-navbar__right {\n  margin-left: auto !important;\n}\n\n\n\n/* \n==========\nNAVBAR — MOBILE RESET (LOGO ALIGNMENT)\n========== \n*/\n@media (max-width: 768px) {\n  .super-navbar__logo-text {\n    padding-left: 0 !important;  /* remove desktop offset on mobile */\n  }\n}\n\n\n\n/* \n==========\nLAYOUT — FULL WIDTH (20PX GUTTERS, SINGLE RULE)\n========== \n*/\n\n.notion-root,\n.super-content,\n.super-content-wrapper,\n.notion-
1936page-content {\n  max-width: 100% !important;\n  width: 100% !important;\n  margin: 0 auto !important;\n  padding-top: 20px !important;\n  padding-left: 20px !important;\n  padding-right: 20px !important;\n  box-sizing: border-box !important;\n}\n\n\n\n==========\nLAYOUT — MOBILE ADJUSTMENT (RETURN TO DEFAULT GUTTERS)\n========== \n*/\n@media (max-width: 1024px) {\n  .notion-root,\n  .super-content,\n  .super-content-wrapper,\n  .notion-page-content{\n    padding-left: 6px !important;   /* restores normal mobile spacing */\n    padding-right: 6px !important;\n    padding-top: 20px !important;\n  }\n}\n\n\n\n\n\n\n/* \n==========\nGALLERY CARD TYPOGRAPHY — TITLE + DESCRIPTION SPACING ADJUSTMENT\n========== \n*/\n\n/* Title (unchanged style, just clearer separation below) */\n.notion-property.notion-property__title.notion-collection-card__property.notion-semantic-string {\n  line-height: 1.2 !important;\n  font-weight: 900 !important;\n  color: #000 !important;\n  transition: color 0.2s ease !important;\n  font-size: 1.5em !important;\n  margin-bottom: .6em !important;  /* increased gap below title */\n}\n\n/* Description (unchanged type, just small top margin tweak for rhythm) */\n.notion-collection-gallery.large .notion-collection-card__property.no-wrap,\n.notion-collection-gallery.medium .notion-collection-card__property.no-wrap {\n  font-size: 1.1em !important;\n  line-height: 1.3 !important;\n  color: grey !important;\n  font-weight: 400 !important;\n  white-space: normal !important;\n  margin-top: 0.1em !important;  /* adds subtle separation from title */\n}\n\n\n\n\n\n/* \n==========\nGALLERY CARD TYPOGRAPHY — SMALL CARDS ONLY (SMALLER DESCRIPTION)\n========== \n*/\n\n.notion-collection-gallery.small .notion-collection-card__property.no-wrap {\n  font-size: 1.0em !important;       /* slightly smaller than medium/large */\n  line-height: 1.3 !important;\n  color: grey !important;\n  font-weight: 400 !important;\n  white-space: normal !important;\n  margin-top: 0.1em !important;\n}\n\n\n\n/* \n==========\nGALLERY GRID — FORCE 6 COLUMNS (SMALL VIEW)\n========== \n*/\n\n.notion-collection-gallery.small {\n  display: grid !important;\n  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;\n  gap: 1rem !important; /* adjust for tighter or looser spacing */\n}\n\n\n\n/* \n==========\nGALLERY GRID — FORCE 4 COLUMNS (MEDIUM VIEW)\n========== \n*/\n\n.notion-collection-gallery.medium .notion-gallery-view {\n  display: grid !important;\n  grid-template-columns: repeat(4, 1fr) !important;\n  gap: 1.5rem !important; /* adjust spacing between cards if needed */\n}\n/* \n==========\nGALLERY GRID — FORCE 4 COLUMNS (MEDIUM VIEW)\n========== \n*/\n\n.notion-collection-gallery.medium {\n  display: grid !important;\n  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n  gap: 1.5rem !important; /* adjust if spacing too wide/tight */\n}\n\n/* \n==========\nGALLERY GRID — FORCE 2 COLUMNS (LARGE VIEW)\n========== \n*/\n\n.notion-collection-gallery.large {\n  display: grid !important;\n  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  gap: 2rem !important; /* adjust spacing to taste */\n}\n\n\n\n/* \n==========\nGALLERY GRID — GLOBAL MOBILE OVERRIDE\n========== \n*/\n\n@media (max-width: 768px) {\n  .notion-collection-gallery.large,\n  .notion-collection-gallery.medium,\n  .notion-collection-gallery.small {\n    display: grid !important;\n    grid-template-columns: 1fr !important;  /* one card per row */\n    gap: 1.25rem !important;                /* balanced vertical spacing */\n  }\n\n  /* Optional: slightly larger card padding on mobile for readability */\n  .notion-collection-card__content {\n    padding: 20px !important;\n  }\n}\n\n\n\n/* \n==========\nGALLERY CARDS — REMOVE DEFAULT BORDER / OUTLINE (KEEP HOVER EFFECT)\n========== \n*/\n\n/* Default state — clean, flat, no border */\n.notion-collection-card,\n.notion-collection-card__content {\n  border: none !important;\n  outline: none !important;\n  background-color: #ffffff !important;\n  box-shadow: 0 0 0 0 rgba(0,0,0,0) !important; /* keeps structure but invisible */\n  transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out !important;\n}\n\n/* Hover state — subtle lift effect restored */\n.notion-collection-card:hover,\n.notion-collection-card__content:hover {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;\n  transform: translateY(-2px) !important;\n}\n\n\n\n/* \n==========\nNAVBAR — CHAT CTA MOBILE BEHAVIOUR\n========== \n*/\n\n/* Desktop: show chat button normally */\n.super-navbar__cta {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n/* Mobile: hide chat button, rely on burger menu instead */\n@media (max-width: 1024px) {\n  .super-navbar__cta {\n    display: none !important;\n  }\n\n  /* Ensure burger menu icon visible and accessible */\n  .super-navbar__menu-toggle {\n    display: flex !important;
1936\n    align-items: center !important;\n    justify-content: center !important;\n  }\n}\n\n\n/* \n/* \n===============\nDESKTOP CONTAINER — FIX WIDTH AT 1200PX\nPrevents layout stretching on large monitors\n================\n*/\n\n@media (min-width: 1601px) {\n  .notion-root,\n  .super-content,\n  .super-content-wrapper,\n  .notion-page-content {\n    max-width: 1440px !important;   /* fixed desktop width */\n    margin-left: auto !important;\n    margin-right: auto !important;\n    padding-left: 20px !important;\n    padding-right: 20px !important;\n    box-sizing: border-box !important;\n  }\n}\n\n\n\n\n/* \n===============\nGLOBAL LAYOUT — FORCE MOBILE MODE ON TABLETS\nForces full single-column layout and removes column indents\n================\n*/\n\n@media (max-width: 1024px) {\n\n  /* 1. Stack all Notion column blocks vertically */\n  .notion-column-list,\n  .notion-column {\n    display: block !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  /* 2. Remove leftover gutter and padding from collapsed columns */\n  .notion-column-list {\n    gap: 0 !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n\n  .notion-column {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .notion-column \u003e div {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n  }\n\n  /* 3. Ensure galleries and multi-column sections follow suit */\n  .notion-collection-gallery.large,\n  .notion-collection-gallery.medium,\n  .notion-collection-gallery.small {\n    display: grid !important;\n    grid-template-columns: 1fr !important;\n    gap: 1.25rem !important;\n  }\n\n  /* 4. Reset paddings for clean single-column alignment */\n  .notion-root,\n  .super-content,\n  .super-content-wrapper,\n  .notion-page-content {\n    padding-left: 6px !important;\n    padding-right: 6px !important;\n  }\n\n  /* 5. Optional: normalise flex containers */\n  .super-content,\n  .notion-root {\n    display: block !important;\n    justify-content: flex-start !important;\n    align-items: stretch !important;\n  }\n}\n\n\n\n/* \n==========\nCUSTOM FOOTER — FORCE TO PAGE BOTTOM\n========== \n*/\n\nfooter.custom-footer {\n  position: relative !important;\n  bottom: 0 !important;\n  width: 100% !important;\n  margin-top: auto !important;\n  order: 99 !important; /* ensures it appears last in flex wrappers */\n}\n\n/* If Super wraps content in flex or grid, push footer to the end */\n.super-content,\n.super-content-wrapper,\n.notion-root {\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n/* \n==========\nFOOTER — FULL WIDTH ALIGNMENT (DESKTOP + MOBILE)\n========== \n*/\n\n/* Desktop / default */\nfooter.custom-footer {\n  max-width: 100% !important;\n  width: 100% !important;\n  margin: 0 auto !important;\n  padding-left: 60px !important;   /* match site gutters */\n  padding-right:60px !important;\n  box-sizing: border-box !important;\n}\n\n/* Mobile adjustment */\n@media (max-width: 1024px) {\n  footer.custom-footer {\n    padding-left: 18px !important;  /* match mobile gutters */\n    padding-right: 22px !important;\n  }\n}\n\n\n:root {\n  --primary-font: \"Noto Sans\", sans-serif !important;\n  --secondary-font: \"Noto Sans\", sans-serif !important;\n}\n  27:T5aa7,\n    html.theme-light {\n      /* Gray */\n      --gray-h: 36;\n      --gray-s: 2%;\n      --gray-l: 46%;\n      --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l));\n      --color-text-gray: var(--color-gray);\n      --color-bg-gray: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        90%\n      );\n      --color-bg-gray-light: var(--color-bg-gray);\n      --color-pill-gray: hsl(\n        calc(var(--gray-h) + 14),\n        var(--gray-s),\n        88%\n      );\n      --color-pill-text-gray: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        calc(var(--gray-l) - 28%)\n      );\n      --color-bg-form-btn-gray: #A7A39A;\n\n      /* Brown */\n      --brown-h: 19;\n      --brown-s: 31%;\n      --brown-l: 47%;\n      --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l));\n      --color-text-brown: var(--color-brown);\n      --color-bg-brown: hsl(\n        var(--brown-h),\n        var(--brown-s),\n        90%\n      );\n      --color-bg-brown-light: var(--color-bg-brown);\n      --color-pill-brown: hsl(\n        var(--brown-h),\n        calc(var(--brown-s) + 10%),\n        89%\n      );\n      --color-pill-text-brown: hsl(\n        var(--brown-h),\n        calc(var(--brown-s) + 10%),\n        calc(var(--brown-l) - 28%)\n      );\n      --color-bg-form-btn-brown: #9A6851;\n\n      /* Orange */\n      --orange-h: 30;\n      --orange-s: 87%;\n      --orange-l: 45%;\n      --color-orange: hsl(\n        var(--orange-h),\n        var(--orange-s),\n        var(--orange-l)\n      );\n      --color-text-orange: var(--color-orange);\n      --color-bg-orange: hsl(\n        var(--orange-h),\n        var(--orange-s),\n        90%\n      );\n      --color-bg-orange-light: var(--color-bg-orange);\n      --color-pill-orange: hsl(\n        var(--orange-h),\n        calc(var(--orange-s) - 6%),\n        87%\n      );\n      --color-pill-text-orange: hsl(\n        calc(var(--orange-h) - 5),\n        calc(var(--orange-s) - 18%),\n        calc(var(--orange-l) - 28%)\n      );\n      --color-bg-form-btn-orange: #D9730D;\n\n      /* Yellow */\n      --yellow-h: 38;\n      --yellow-s: 62%;\n      --yellow-l: 49%;\n      --color-yellow: hsl(\n        var(--yellow-h),\n        var(--yellow-s),\n        var(--yellow-l)\n      );\n      --color-text-yellow: var(--color-yellow);\n      --color-bg-yellow: hsl(\n        var(--yellow-h),\n        calc(var(--yellow-s) + 90%),\n        90%\n      );\n      --color-bg-yellow-light: var(--color-bg-yellow);\n      --color-pill-yellow: hsl(\n        calc(var(--yellow-h) + 3),\n        calc(var(--yellow-s) + 24%),\n        90%\n      );\n      --color-pill-text-yellow: hsl(\n        calc(var(--yellow-h) - 11),\n        calc(var(--yellow-s) - 22%),\n        calc(var(--yellow-l) - 28%)\n      );\n      --color-bg-form-btn-yellow: #CA922F;\n\n      /* Green */\n      --green-h: 149;\n      --green-s: 31%;\n      --green-l: 39%;\n      --color-green: hsl(var(--green-h), var(--green-s), var(--green-l));\n      --color-text-green: var(--color-green);
1936\n      --color-bg-green: hsl(\n        var(--green-h),\n        var(--green-s),\n        90%\n      );\n      --color-bg-green-light: var(--color-bg-green);\n      --color-pill-green: hsl(\n        calc(var(--green-h) - 28),\n        calc(var(--green-s) + 3%),\n        89%\n      );\n      --color-pill-text-green: hsl(\n        calc(var(--green-h) - 2),\n        var(--green-s),\n        calc(var(--green-l) - 22%)\n      );\n      --color-bg-form-btn-green: #448361;\n\n      /* Blue */\n      --blue-h: 202;\n      --blue-s: 53%;\n      --blue-l: 43%;\n      --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));\n      --color-text-blue: var(--color-blue);\n      --color-bg-blue: hsl(\n        var(--blue-h),\n        var(--blue-s),\n        90%\n      );\n      --color-bg-blue-light: var(--color-bg-blue);\n      --color-pill-blue: hsl(\n        var(--blue-h),\n        calc(var(--blue-s) - 5%),\n        85%\n      );\n      --color-pill-text-blue: hsl(\n        calc(var(--blue-h) + 7),\n        calc(var(--blue-s) - 6%),\n        calc(var(--blue-l) - 22%)\n      );\n      --color-bg-form-btn-blue: #327DA9;\n\n      /* Purple */\n      --purple-h: 274;\n      --purple-s: 32%;\n      --purple-l: 54%;\n      --color-purple: hsl(\n        var(--purple-h),\n        var(--purple-s),\n        var(--purple-l)\n      );\n      --color-text-purple: var(--color-purple);\n      --color-bg-purple: hsl(\n        var(--purple-h),\n        var(--purple-s),\n        90%\n      );\n      --color-bg-purple-light: var(--color-bg-purple);\n      --color-pill-purple: hsl(\n        var(--purple-h),\n        calc(var(--purple-s) + 5%),\n        90%\n      );\n      --color-pill-text-purple: hsl(\n        calc(var(--purple-h) + 1),\n        calc(var(--purple-s) + 10%),\n        calc(var(--purple-l) - 31%)\n      );\n      --color-bg-form-btn-purple: #8F64AF;\n\n      /* Pink */\n      --pink-h: 323;\n      --pink-s: 100%;\n      --pink-l: 60%;\n      --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));\n      --color-text-pink: var(--color-pink);\n      --color-bg-pink: hsl(\n        var(--pink-h),\n        var(--pink-s),\n        90%\n      );\n      --color-bg-pink-light: var(--color-bg-pink);\n      --color-pill-pink: hsl(\n        var(--pink-h),\n        var(--pink-s),\n        90%\n      );\n      --color-pill-text-pink: hsl(\n        calc(var(--pink-h) + 3),\n        calc(var(--pink-s) - 14%),\n        calc(var(--pink-l) - 31%)\n      );\n      --color-bg-form-btn-pink: #C24C8B;\n\n      /* Red */\n      --red-h: 2;\n      --red-s: 80%;\n      --red-l: 52%;\n      --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));\n      --color-text-red: var(--color-red);\n      --color-bg-red: hsl(\n        var(--red-h),\n        var(--red-s),\n        90%\n      );\n      --color-bg-red-light: var(--color-bg-red);\n      --color-pill-red: hsl(\n        calc(var(--red-h) + 6),\n        calc(var(--red-s) + 42%),\n        90%\n      );\n      --color-pill-text-red: hsl(\n        calc(var(--red-h) + 0),\n        var(--red-s),\n        calc(var(--red-l) - 32%)\n      );\n      --color-bg-form-btn-red: #D44E49;\n\n      /*Default*/\n      --default-h: 45;\n      --default-s: 8%;\n      --default-l: 20%;\n      --color-default: hsl(\n        var(--default-h),\n        var(--default-s),\n        var(--default-l)\n      );\n      --color-pill-default: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        90%\n      );\n      --color-pill-text-default: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        calc(var(--gray-l) - 28%)\n      );\n      --color-bg-form-btn-default: #55534E;\n\n      /*Other*/\n      --color-text-default: #37352f;\n      --color-text-default-light: #7d7c78;\n      --color-bg-default: #ffffff;\n      --color-border-default: #E9E9E7;\n      --color-border-dark: var(--color-border-default);\n      --color-ui-hover-bg: #efefef;\n      --color-card-bg: #ffffff;\n      --color-card-bg-hover: #edf0ee;\n      --color-calendar-weekend-bg: #e9e9e7;\n      --color-checkbox-bg: #2EAADC;\n      --color-code-bg: rgba(135,131,120,.15);\n\n      /*Scrollbar*/\n      --scrollbar-background-color: #FAFAFA;\n      --scrollbar-thumb-color: #C1C1C1;\n      --scrollbar-border-color: #E8E8E8;\n\n      /*Navbar*/\n      --navbar-text-color: #37352F;\n      --navbar-list-item-hover: rgba(130, 130, 130, 0.09);
1936\n      --navbar-background-color-hover: #f0f0f0;\n      --navbar-background-color: #ffffff;\n      --navbar-button-text-color: #ffffff;\n      --navbar-button-background-color: #37352F;\n      --navbar-menu-background-color: var(--navbar-background-color);\n      --navbar-text-color-dark: #282620;\n\n      /*Footer*/\n      --footer-text-color: #37352F;\n      --footer-background-color: #edf0ee;\n\n      /*Sidebar*/\n      --sidebar-text-color: #37352F;\n      --sidebar-cta-text-color: #37352F;\n      --sidebar-background-color: #ffffff;\n      --sidebar-cta-background-color: #ffffff;\n      --sidebar-border-color: #E9E9E7;\n      --sidebar-background-color-hover: #efefef;\n      --sidebar-text-color-dark: #282620;\n      --sidebar-cta-background-color-hover: #efefef;\n    }\n\n    \n  /**\n   * One Light theme for prism.js\n   * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax\n   */\n  \n  /**\n   * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)\n   * From colors.less\n   * --mono-1: hsl(230, 8%, 24%);\n   * --mono-2: hsl(230, 6%, 44%);\n   * --mono-3: hsl(230, 4%, 64%)\n   * --hue-1: hsl(198, 99%, 37%);\n   * --hue-2: hsl(221, 87%, 60%);\n   * --hue-3: hsl(301, 63%, 40%);\n   * --hue-4: hsl(119, 34%, 47%);\n   * --hue-5: hsl(5, 74%, 59%);\n   * --hue-5-2: hsl(344, 84%, 43%);\n   * --hue-6: hsl(35, 99%, 36%);\n   * --hue-6-2: hsl(35, 99%, 40%);\n   * --syntax-fg: hsl(230, 8%, 24%);\n   * --syntax-bg: hsl(230, 1%, 98%);\n   * --syntax-gutter: hsl(230, 1%, 62%);\n   * --syntax-guide: hsla(230, 8%, 24%, 0.2);\n   * --syntax-accent: hsl(230, 100%, 66%);\n   * From syntax-variables.less\n   * --syntax-selection-color: hsl(230, 1%, 90%);\n   * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);\n   * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);\n   */\n  \n  html.theme-light code[class*=\"language-\"],\n  html.theme-light pre[class*=\"language-\"] {\n    color: hsl(230, 8%, 24%);\n    font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n    direction: ltr;\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    line-height: 1.5;\n    -moz-tab-size: 2;\n    -o-tab-size: 2;\n    tab-size: 2;\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n  }\n  \n  /* Selection */\n  html.theme-light code[class*=\"language-\"]::-moz-selection,\n  html.theme-light code[class*=\"language-\"] *::-moz-selection,\n  html.theme-light pre[class*=\"language-\"] *::-moz-selection {\n    background: hsl(230, 1%, 90%);\n    color: inherit;\n  }\n  \n  html.theme-light code[class*=\"language-\"]::selection,\n  html.theme-light code[class*=\"language-\"] *::selection,\n  html.theme-light pre[class*=\"language-\"] *::selection {\n    background: hsl(230, 1%, 90%);\n    color: inherit;\n  }\n  \n  /* Code blocks */\n  html.theme-light pre[class*=\"language-\"] {\n    padding: 1em;\n    margin: 0.5em 0;\n    overflow: auto;\n    border-radius: 0.3em;\n  }\n  \n  /* Inline code */\n  html.theme-light :not(pre) \u003e code[class*=\"language-\"] {\n    padding: 0.2em 0.3em;\n    border-radius: 0.3em;\n    white-space: normal;\n  }\n  \n  html.theme-light .token.comment,\n  html.theme-light .token.prolog,\n  html.theme-light .token.cdata {\n    color: hsl(230, 4%, 64%);\n  }\n  \n  html.theme-light .token.doctype,\n  html.theme-light .token.punctuation,\n  html.theme-light .token.entity {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  html.theme-light .token.attr-name,\n  html.theme-light .token.class-name,\n  html.theme-light .token.boolean,\n  html.theme-light .token.constant,\n  html.theme-light .token.number,\n  html.theme-light .token.atrule {\n    color: hsl(35, 99%, 36%);\n  }\n  \n  html.theme-light .token.keyword {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  html.theme-light .token.property,\n  html.theme-light .token.tag,\n  html.theme-light .token.symbol,\n  html.theme-light .token.deleted,\n  html.theme-light .token.important {\n    color: hsl(5, 74%, 59%);\n  }\n  \n  html.theme-light .token.selector,\n  html.theme-light .token.string,\n  html.theme-light .token.char,\n  html.theme-light .token.builtin,\n  html.theme-light .token.inserted,\n  html.theme-light .token.regex,\n  html.theme-light .token.attr-value,\n  html.theme-light .token.attr-value \u003e .token.punctuation {\n    color: hsl(119, 34%, 47%);\n  }\n  \n  html.theme-light .token.variable,\n  html.theme-light .token.operator,\n  html.theme-light .token.function {\n    color: hsl(221, 87%, 60%);\n  }\n  \n  html.theme-light .token.url {\n    color: hsl(198, 99%, 37%);\n  }\n  \n  /* HTML overrides */\n  html.theme-light .token.attr-value \u003e .token.punctuation.attr-equals,\n  html.theme-light .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  /* CSS overrides */\n  html.theme-light .language-css .token.selector {\n    color: hsl(5, 74%, 59%);\n  }\n  \n  html.theme-light .language-css .token.property {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  html.theme-light .language-css .token.function,\n  html.theme-light .language-css .token.url \u003e .token.function {\n    color: hsl(198, 99%, 37%);\n  }\n  \n  html.theme-light .language-css .token.url \u003e .token.string.url {\n    color: hsl(119, 34%, 47%);\n  }\n  \n  html.theme-light .language-css .token.important,\n  html.theme-light .language-css .token.atrule .token.rule {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  /* JS overrides */\n  html.theme-light .language-javascript .token.operator {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  html.theme-light .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n    color: hsl(344, 84%, 43%);\n  }\n  \n  /* JSON overrides */\n  html.theme-light .language-json .token.operator {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  html.theme-light .language-json .token.null.keyword {\n    color: hsl(35, 99%, 36%);\n  }\n  \n  /* MD overrides */\n  html.theme-light .language-markdown .token.url,\n  html.theme-light .language-markdown .token.url \u003e .token.operator,\n  html.theme-light .language-markdown .token.url-reference.url \u003e .token.string {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  html.theme-light .language-markdown .token.url \u003e .token.content {\n    color: hsl(221, 87%, 60%);\n  }\n  \n  html.theme-light .language-markdown .token.url \u003e .token.url,\n  html.theme-light .language-markdown .token.url-reference.url {\n    color: hsl(198, 99%, 37%);\n  }\n  \n  html.theme-light .language-markdown .token.blockquote.punctuation,\n  html.theme-light .language-markdown .token.hr.punctuation {\n    color: hsl(230, 4%, 64%);\n    font-style: italic;\n  }\n  \n  html.theme-light .language-markdown .token.code-snippet {\n    color: hsl(119, 34%, 47%);\n  }\n  \n  html.theme-light .language-markdown .token.bold .token.content {\n    color: hsl(35, 99%, 36%);\n  }\n  \n  html.theme-light .language-markdown .token.italic .token.content {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  html.theme-light .language-markdown .token.strike .token.content,\n  html.theme-light .language-markdown .token.strike .token.punctuation,\n  html.theme-light .language-markdown .token.list.punctuation,\n  html.theme-light .language-markdown .token.title.important \u003e .token.punctuation {\n    color: hsl(5, 74%, 59%);\n  }\n  \n  /* General */\n  html.theme-light .token.bold {\n    font-weight: bold;\n  }\n  \n  html.theme-light .token.comment,\n  html.theme-light .token.italic {\n    font-style: italic;\n  }\n  \n  html.theme-light .token.entity {\n    cursor: help;\n  }\n  \n  html.theme-light .token.namespace {\n    opacity: 0.8;\n  }\n  \n  /* Plugin overrides */\n  /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n  \n  /* Show Invisibles plugin overrides */\n  html.theme-light .token.token.tab:not(:empty):before,\n  html.theme-light .token.token.cr:before,\n  html.theme-light .token.token.lf:before,\n  html.theme-light .token.token.space:before {\n    color: hsla(230, 8%, 24%, 0.2);\n  }\n  \n  /* Toolbar plugin overrides */\n  /* Space out all buttons and move them away from the right edge of the code block */\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n    margin-right: 0.4em;\n  }\n  \n  /* Styling the buttons */\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n    background: hsl(230, 1%, 90%);\n    color: hsl(230, 6%, 44%);\n    padding: 0.1em 0.4em;\n    border-radius: 0.3em;\n  }\n  \n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n    background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */\n    color: hsl(230, 8%, 24%);\n  }\n  \n  /* Line Highlight plugin overrides */\n  /* The highlighted line itself */\n  html.theme-light .line-highlight.line-highlight {\n    background: hsla(230, 8%, 24%, 0.05);\n  }\n  \n  /* Default line numbers in Line Highlight plugin */\n  html.theme-light .line-highlight.line-highlight:before,\n  html.theme-light .line-highlight.line-highlight[data-end]:after {\n    background: hsl(230, 1%, 90%);\n    color: hsl(230, 8%, 24%);\n    padding: 0.1em 0.6em;\n    border-radius: 0.3em;\n    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n  }\n  \n  /* Hovering over a linkable line number (in the gutter area) */\n  /* Requires Line Numbers plugin as well */\n  html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n    background-color: hsla(230, 8%, 24%, 0.05);\n  }\n  \n  /* Line Numbers and Command Line plugins overrides */\n  /* Line separating gutter from coding area */\n  html.theme-light .line-numbers.line-numbers .line-numbers-rows,\n  html.theme-light .command-line .command-line-prompt {\n    border-right-color: hsla(230, 8%, 24%, 0.2);\n  }\n  \n  /* Stuff in the gutter */\n  html.theme-light .line-numbers .line-numbers-rows \u003e span:before,\n  html.theme-light .command-line .command-line-prompt \u003e span:before {\n    color: hsl(230, 1%, 62%);\n  }\n  \n  /* Match Braces plugin overrides */\n  /* Note: Outline colour is inherited from the braces */\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 {\n    color: hsl(5, 74%, 59%);\n  }\n  \n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 {\n    color: hsl(119, 34%, 47%);\n  }\n  \n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 {\n    color: hsl(221, 87%, 60%);\n  }\n  \n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  /* Diff Highlight plugin overrides */\n  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n    background-color: hsla(353, 100%, 66%, 0.15);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n    background-color: hsla(353, 95%, 66%, 0.25);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n    background-color: hsla(353, 95%, 66%, 0.25);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n    background-color: hsla(137, 100%, 55%, 0.15);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n    background-color: hsla(135, 73%, 55%, 0.25);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n    background-color: hsla(135, 73%, 55%, 0.25);\n  }\n  \n  /* Previewers plugin overrides */\n  /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */\n  /* Border around popup */\n  html.theme-light .prism-previewer.prism-previewer:before,\n  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div {\n    border-color: hsl(0, 0, 95%);\n  }\n  \n  /* Angle and time should remain as circles and are hence not included */\n  html.theme-light .prism-previewer-color.prism-previewer-color:before,\n  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing:before {\n    border-radius: 0.3em;\n  }\n  \n  /* Triangles pointing to the code */\n  html.theme-light .prism-previewer.prism-previewer:after {\n    border-top-color: hsl(0, 0, 95%);\n  }\n  \n  html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after {\n    border-bottom-color: hsl(0, 0, 95%);\n  }
1936\n  \n  /* Background colour within the popup */\n  html.theme-light .prism-previewer-angle.prism-previewer-angle:before,\n  html.theme-light .prism-previewer-time.prism-previewer-time:before,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing {\n    background: hsl(0, 0%, 100%);\n  }\n  \n  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n  /* For time, this is the alternate colour */\n  html.theme-light .prism-previewer-angle.prism-previewer-angle circle,\n  html.theme-light .prism-previewer-time.prism-previewer-time circle {\n    stroke: hsl(230, 8%, 24%);\n    stroke-opacity: 1;\n  }\n  \n  /* Stroke colours of the handle, direction point, and vector itself */\n  html.theme-light .prism-previewer-easing.prism-previewer-easing circle,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing path,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing line {\n    stroke: hsl(230, 8%, 24%);\n  }\n  \n  /* Fill colour of the handle */\n  html.theme-light .prism-previewer-easing.prism-previewer-easing circle {\n    fill: transparent;\n  }\n  \n  28:T5f9c,\n    html.theme-dark {\n      /* Gray */\n      --gray-h: 0;\n      --gray-s: 0%;\n      --gray-l: 61%;\n      --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l));\n      --color-text-gray: var(--color-gray);\n      --color-bg-gray: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        14.5%\n      );\n      --color-bg-gray-light: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        14.5%\n      );\n      --color-pill-gray: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        35%\n      );\n      --color-pill-text-gray: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        calc(var(--gray-l) + 26%)\n      );\n      --color-bg-form-btn-gray: #A7A39A;\n\n      /* Brown */\n      --brown-h: 18;\n      --brown-s: 35%;\n      --brown-l: 58%;\n      --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l));\n      --color-text-brown: var(--color-brown);\n      --color-bg-brown: hsl(\n        var(--brown-h),\n        calc(var(--brown-s) - 7%),\n        22%\n      );\n      --color-bg-brown-light: hsl(\n        calc(var(--brown-h) - 2),\n        calc(var(--brown-s) - 22%),\n        16%\n      );\n      --color-pill-brown: hsl(\n        var(--brown-h),\n        calc(var(--brown-s) + 2%),\n        27%\n      );\n      --color-pill-text-brown: hsl(\n        var(--brown-h),\n        calc(var(--brown-s) - 21%),\n        calc(var(--brown-l) + 33%)\n      );\n      --color-bg-form-btn-brown: #9A6851;\n\n      /* Orange */\n      --orange-h: 25;\n      --orange-s: 54%;\n      --orange-l: 53%;\n      --color-orange: hsl(\n        var(--orange-h),\n        var(--orange-s),\n        var(--orange-l)\n      );\n      --color-text-orange: var(--color-orange);\n      --color-bg-orange: hsl(\n        var(--orange-h),\n        calc(var(--orange-s) - 10%),\n        25%\n      );\n      --color-bg-orange-light: hsl(\n        var(--orange-h),\n        calc(var(--orange-s) - 30%),\n        17%\n      );\n      --color-pill-orange: hsl(\n        var(--orange-h),\n        calc(var(--orange-s) + 9%),\n        32%\n      );\n      --color-pill-text-orange: hsl(\n        var(--orange-h),\n        calc(var(--orange-s) - 23%),\n        calc(var(--orange-l) + 33%)\n      );\n      --color-bg-form-btn-orange: #D9730D;\n\n      /* Yellow */\n      --yellow-h: 38;\n      --yellow-s: 54%;\n      --yellow-l: 54%;\n      --color-yellow: hsl(\n        var(--yellow-h),\n        var(--yellow-s),\n        var(--yellow-l)\n      );\n      --color-text-yellow: var(--color-yellow);\n      --color-bg-yellow: hsl(\n        var(--yellow-h),\n        calc(var(--yellow-s) - 18%),\n        25%\n      );\n      --color-bg-yellow-light: hsl(\n        var(--yellow-h),\n        calc(var(--yellow-s) - 24%),\n        17%\n      );\n      --color-pill-yellow: hsl(\n        calc(var(--yellow-h) - 1),\n        calc(var(--yellow-s) + 2%),\n        35%\n      );\n      --color-pill-text-yellow: hsl(\n        var(--yellow-h),\n        calc(var(--yellow-s) - 28%),\n        calc(var(--yellow-l) + 33%)\n      );\n      --color-bg-form-btn-yellow: #CA922F;\n\n      /* Green */\n      --green-h: 146;\n      --green-s: 32%;\n      --green-l: 47%;\n      --color-green: hsl(var(--green-h), var(--green-s), var(--green-l));\n      --color-text-green: var(--color-green);\n      --color-bg-green: hsl(\n        calc(var(--green-h) + 3),\n        calc(var(--green-s) - 6%),\n        19%\n      );
1936\n      --color-bg-green-light: hsl(\n        var(--green-h),\n        calc(var(--green-s) - 20%),\n        15%\n      );\n      --color-pill-green: hsl(\n        calc(var(--green-h) + 1),\n        calc(var(--green-s) + 3%),\n        26%\n      );\n      --color-pill-text-green: hsl(\n        var(--green-h),\n        calc(var(--green-s) - 20%),\n        calc(var(--green-l) + 38%)\n      );\n      --color-bg-form-btn-green: #448361;\n\n      /* Blue */\n      --blue-h: 217;\n      --blue-s: 50%;\n      --blue-l: 58%;\n      --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));\n      --color-text-blue: var(--color-blue);\n      --color-bg-blue: hsl(\n        calc(var(--blue-h) - 16),\n        calc(var(--blue-s) + 9%),\n        19%\n      );\n      --color-bg-blue-light: hsl(\n        calc(var(--blue-h) + 16),\n        calc(var(--blue-s) - 27%),\n        15%\n      );\n      --color-pill-blue: hsl(\n        calc(var(--blue-h) - 3),\n        calc(var(--blue-s) - 6%),\n        29%\n      );\n      --color-pill-text-blue: hsl(\n        calc(var(--blue-h) - 5),\n        calc(var(--blue-s) - 32%),\n        calc(var(--blue-l) + 28%)\n      );\n      --color-bg-form-btn-blue: #327DA9;\n\n      /* Purple */\n      --purple-h: 270;\n      --purple-s: 55%;\n      --purple-l: 62%;\n      --color-purple: hsl(\n        var(--purple-h),\n        var(--purple-s),\n        var(--purple-l)\n      );\n      --color-text-purple: var(--color-purple);\n      --color-bg-purple: hsl(\n        calc(var(--purple-h) + 2),\n        calc(var(--purple-s) - 31%),\n        23%\n      );\n      --color-bg-purple-light: hsl(\n        calc(var(--purple-h) + 5),\n        calc(var(--purple-s) - 40%),\n        17%\n      );\n      --color-pill-purple: hsl(\n        var(--purple-h),\n        calc(var(--purple-s) - 19%),\n        29%\n      );\n      --color-pill-text-purple: hsl(\n        calc(var(--purple-h) - 3),\n        calc(var(--purple-s) - 40%),\n        calc(var(--purple-l) + 24%)\n      );\n      --color-bg-form-btn-purple: #8F64AF;\n\n      /* Pink */\n      --pink-h: 329;\n      --pink-s: 57%;\n      --pink-l: 58%;\n      --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));\n      --color-text-pink: var(--color-pink);\n      --color-bg-pink: hsl(\n        calc(var(--pink-h) + 3),\n        calc(var(--pink-s) - 29%),\n        24%\n      );\n      --color-bg-pink-light: hsl(\n        calc(var(--pink-h) + 5),\n        calc(var(--pink-s) - 40%),\n        16%\n      );\n      --color-pill-pink: hsl(\n        calc(var(--pink-h) - 2),\n        calc(var(--pink-s) - 21%),\n        30%\n      );\n      --color-pill-text-pink: hsl(\n        calc(var(--pink-h) + 4),\n        calc(var(--pink-s) - 41%),\n        calc(var(--pink-l) + 28%)\n      );\n      --color-bg-form-btn-pink: #C24C8B;\n\n      /* Red */\n      --red-h: 1;\n      --red-s: 69%;\n      --red-l: 60%;\n      --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));\n      --color-text-red: var(--color-red);\n      --color-bg-red: hsl(\n        calc(var(--red-h) + 5),\n        calc(var(--red-s) - 37%),\n        24%\n      );\n      --color-bg-red-light: hsl(\n        calc(var(--red-h) + 5),\n        calc(var(--red-s) - 56%),\n        17%\n      );\n      --color-pill-red: hsl(\n        calc(var(--red-h) + 5),\n        calc(var(--red-s) - 30%),\n        31%\n      );\n      --color-pill-text-red: hsl(\n        calc(var(--red-h) + 7),\n        calc(var(--red-s) - 50%),\n        calc(var(--red-l) + 24%)\n      );\n      --color-bg-form-btn-red: #D44E49;\n\n      /*Default*/\n      --default-h: 45;\n      --default-s: 8%;\n      --default-l: 20%;\n      --color-default: hsl(\n        var(--default-h),\n        var(--default-s),\n        var(--default-l)\n      );\n      --color-pill-default: hsl(\n        var(--default-h),\n        var(--default-s),\n        -19%\n      );\n      --color-pill-text-default: hsl(\n        var(--default-h),\n        var(--default-s),\n        calc(var(--default-l) + 23%)\n      );\n      --color-bg-form-btn-default: #55534E;\n\n      /*Other*/\n      --color-text-default: #e1e1e1;\n      --color-text-default-light: #9b9b9b;\n      --color-bg-default: #191919;\n      --color-border-default: #373737;\n      --color-border-dark: var(--color-border-default);
1936\n      --color-ui-hover-bg: #262626;\n      --color-card-bg: #262626;\n      --color-card-bg-hover: #2f2f2f;\n      --color-calendar-weekend-bg: #202020;\n      --color-checkbox-bg: #2EAADC;\n      --color-code-bg: rgba(135,131,120,.15);\n\n      /*Scrollbar*/\n      --scrollbar-background-color: #FAFAFA;\n      --scrollbar-thumb-color: #C1C1C1;\n      --scrollbar-border-color: #E8E8E8;\n\n      /*Navbar*/\n      --navbar-text-color: #e1e1e1;\n      --navbar-list-item-hover: rgba(255,255,255,.2);\n      --navbar-background-color: #191919;\n      --navbar-background-color-hover: #282828;\n      --navbar-button-text-color: #191919;\n      --navbar-button-background-color: #e1e1e1;\n      --navbar-menu-background-color: var(--navbar-background-color);\n      --navbar-text-color-dark: #d2d2d2;\n\n      /*Footer*/\n      --footer-text-color: #e1e1e1;\n      --footer-background-color: #191919;\n\n      /*Sidebar*/\n      --sidebar-text-color: #e1e1e1;\n      --sidebar-cta-text-color: #e1e1e1;\n      --sidebar-background-color: #191919;\n      --sidebar-cta-background-color: #191919;\n      --sidebar-border-color: #373737;\n      --sidebar-background-color-hover: #292929;\n      --sidebar-text-color-dark: #d2d2d2;\n      --sidebar-cta-background-color-hover: #292929;\n    }\n\n    /* Calendar for dark mode */\n    html.theme-dark .notion-collection-calendar__row {\n      box-shadow: var(--color-border-default) -1px 0px 0px;\n    }\n\n    html.theme-dark .notion-collection-calendar__week-days {\n      box-shadow: var(--color-border-default) 0px 1px 0px;\n    }\n\n    html.theme-dark .notion-collection-calendar__date {\n      border-right: 1px solid var(--color-border-default);\n      border-bottom: 1px solid var(--color-border-default);\n    }\n\n    \n  /**\n   * One Dark theme for prism.js\n   * Based on Atom's One Dark theme: https://github.com/atom/atom/tree/master/packages/one-dark-syntax\n   */\n\n  /**\n   * One Dark colours (accurate as of commit 8ae45ca on 6 Sep 2018)\n   * From colors.less\n   * --mono-1: hsl(220, 14%, 71%);\n   * --mono-2: hsl(220, 9%, 55%);\n   * --mono-3: hsl(220, 10%, 40%);\n   * --hue-1: hsl(187, 47%, 55%);\n   * --hue-2: hsl(207, 82%, 66%);\n   * --hue-3: hsl(286, 60%, 67%);\n   * --hue-4: hsl(95, 38%, 62%);\n   * --hue-5: hsl(355, 65%, 65%);\n   * --hue-5-2: hsl(5, 48%, 51%);\n   * --hue-6: hsl(29, 54%, 61%);\n   * --hue-6-2: hsl(39, 67%, 69%);\n   * --syntax-fg: hsl(220, 14%, 71%);\n   * --syntax-bg: hsl(220, 13%, 18%);\n   * --syntax-gutter: hsl(220, 14%, 45%);\n   * --syntax-guide: hsla(220, 14%, 71%, 0.15);\n   * --syntax-accent: hsl(220, 100%, 66%);\n   * From syntax-variables.less\n   * --syntax-selection-color: hsl(220, 13%, 28%);\n   * --syntax-gutter-background-color-selected: hsl(220, 13%, 26%);\n   * --syntax-cursor-line: hsla(220, 100%, 80%, 0.04);\n   */\n\n  html.theme-dark code[class*=\"language-\"],\n  html.theme-dark pre[class*=\"language-\"] {\n    background: hsl(220, 13%, 18%);\n    color: hsl(220, 14%, 71%);\n    text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n    font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n    direction: ltr;\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    line-height: 1.5;\n    -moz-tab-size: 2;\n    -o-tab-size: 2;\n    tab-size: 2;\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n  }\n\n  /* Selection */\n  html.theme-dark code[class*=\"language-\"]::-moz-selection,\n  html.theme-dark code[class*=\"language-\"] *::-moz-selection,\n  html.theme-dark pre[class*=\"language-\"] *::-moz-selection {\n    background: hsl(220, 13%, 28%);\n    color: inherit;\n    text-shadow: none;\n  }\n\n  html.theme-dark code[class*=\"language-\"]::selection,\n  html.theme-dark code[class*=\"language-\"] *::selection,\n  html.theme-dark pre[class*=\"language-\"] *::selection {\n    background: hsl(220, 13%, 28%);\n    color: inherit;\n    text-shadow: none;\n  }\n\n  /* Code blocks */\n  html.theme-dark pre[class*=\"language-\"] {\n    padding: 1em;\n    margin: 0.5em 0;\n    overflow: auto;\n    border-radius: 0.3em;\n  }\n\n  /* Inline code */\n  html.theme-dark :not(pre) \u003e code[class*=\"language-\"] {\n    padding: 0.2em 0.3em;\n    border-radius: 0.3em;\n    white-space: normal;\n  }\n\n  /* Print */\n  @media print {\n    html.theme-dark code[class*=\"language-\"],\n    html.theme-dark pre[class*=\"language-\"] {\n      text-shadow: none;\n    }\n  }\n\n  html.theme-dark .token.comment,\n  html.theme-dark .token.prolog,\n  html.theme-dark .token.cdata {\n    color: hsl(220, 10%, 40%);\n  }\n\n  html.theme-dark .token.doctype,\n  html.theme-dark .token.punctuation,\n  html.theme-dark .token.entity {\n    color: hsl(220, 14%, 71%);\n  }\n\n  html.theme-dark .token.attr-name,\n  html.theme-dark .token.class-name,\n  html.theme-dark .token.boolean,\n  html.theme-dark .token.constant,\n  html.theme-dark .token.number,\n  html.theme-dark .token.atrule {\n    color: hsl(29, 54%, 61%);\n  }\n\n  html.theme-dark .token.keyword {\n    color: hsl(286, 60%, 67%);\n  }\n\n  html.theme-dark .token.property,\n  html.theme-dark .token.tag,\n  html.theme-dark .token.symbol,\n  html.theme-dark .token.deleted,\n  html.theme-dark .token.important {\n    color: hsl(355, 65%, 65%);\n  }\n\n  html.theme-dark .token.selector,\n  html.theme-dark .token.string,\n  html.theme-dark .token.char,\n  html.theme-dark .token.builtin,\n  html.theme-dark .token.inserted,\n  html.theme-dark .token.regex,\n  html.theme-dark .token.attr-value,\n  html.theme-dark .token.attr-value \u003e .token.punctuation {\n    color: hsl(95, 38%, 62%);\n  }\n\n  html.theme-dark .token.variable,\n  html.theme-dark .token.operator,\n  html.theme-dark .token.function {\n    color: hsl(207, 82%, 66%);\n  }\n\n  html.theme-dark .token.url {\n    color: hsl(187, 47%, 55%);\n  }\n\n  /* HTML overrides */\n  html.theme-dark .token.attr-value \u003e .token.punctuation.attr-equals,\n  html.theme-dark .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n    color: hsl(220, 14%, 71%);\n  }\n\n  /* CSS overrides */\n  html.theme-dark .language-css .token.selector {\n    color: hsl(355, 65%, 65%);\n  }\n\n  html.theme-dark .language-css .token.property {\n    color: hsl(220, 14%, 71%);\n  }\n\n  html.theme-dark .language-css .token.function,\n  html.theme-dark .language-css .token.url \u003e .token.function {\n    color: hsl(187, 47%, 55%);\n  }\n\n  html.theme-dark .language-css .token.url \u003e .token.string.url {\n    color: hsl(95, 38%, 62%);\n  }\n\n  html.theme-dark .language-css .token.important,\n  html.theme-dark .language-css .token.atrule .token.rule {\n    color: hsl(286, 60%, 67%);\n  }\n\n  /* JS overrides */\n  html.theme-dark .language-javascript .token.operator {\n    color: hsl(286, 60%, 67%);\n  }\n\n  html.theme-dark .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n    color: hsl(5, 48%, 51%);\n  }\n\n  /* JSON overrides */\n  html.theme-dark .language-json .token.operator {\n    color: hsl(220, 14%, 71%);\n  }\n\n  html.theme-dark .language-json .token.null.keyword {\n    color: hsl(29, 54%, 61%);\n  }\n\n  /* MD overrides */\n  html.theme-dark .language-markdown .token.url,\n  html.theme-dark .language-markdown .token.url \u003e .token.operator,\n  html.theme-dark .language-markdown .token.url-reference.url \u003e .token.string {\n    color: hsl(220, 14%, 71%);\n  }\n\n  html.theme-dark .language-markdown .token.url \u003e .token.content {\n    color: hsl(207, 82%, 66%);\n  }\n\n  html.theme-dark .language-markdown .token.url \u003e .token.url,\n  html.theme-dark .language-markdown .token.url-reference.url {\n    color: hsl(187, 47%, 55%);\n  }\n\n  html.theme-dark .language-markdown .token.blockquote.punctuation,\n  html.theme-dark .language-markdown .token.hr.punctuation {\n    color: hsl(220, 10%, 40%);\n    font-style: italic;\n  }\n\n  html.theme-dark .language-markdown .token.code-snippet {\n    color: hsl(95, 38%, 62%);\n  }\n\n  html.theme-dark .language-markdown .token.bold .token.content {\n    color: hsl(29, 54%, 61%);\n  }\n\n  html.theme-dark .language-markdown .token.italic .token.content {\n    color: hsl(286, 60%, 67%);\n  }\n\n  html.theme-dark .language-markdown .token.strike .token.content,\n  html.theme-dark .language-markdown .token.strike .token.punctuation,\n  html.theme-dark .language-markdown .token.list.punctuation,\n  html.theme-dark .language-markdown .token.title.important \u003e .token.punctuation {\n    color: hsl(355, 65%, 65%);\n  }\n\n  /* General */\n  html.theme-dark .token.bold {\n    font-weight: bold;\n  }\n\n  html.theme-dark .token.comment,\n  html.theme-dark .token.italic {\n    font-style: italic;\n  }\n\n  html.theme-dark .token.entity {\n    cursor: help;\n  }\n\n  html.theme-dark .token.namespace {\n    opacity: 0.8;\n  }\n\n  /* Plugin overrides */\n  /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n\n  /* Show Invisibles plugin overrides */\n  html.theme-dark .token.token.tab:not(:empty):before,\n  html.theme-dark .token.token.cr:before,\n  html.theme-dark .token.token.lf:before,\n  html.theme-dark .token.token.space:before {\n    color: hsla(220, 14%, 71%, 0.15);\n    text-shadow: none;\n  }\n\n  /* Toolbar plugin overrides */\n  /* Space out all buttons and move them away from the right edge of the code block */\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n    margin-right: 0.4em;\n  }\n\n  /* Styling the buttons */\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n    background: hsl(220, 13%, 26%);\n    color: hsl(220, 9%, 55%);\n    padding: 0.1em 0.4em;\n    border-radius: 0.3em;\n  }\n\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n    background: hsl(220, 13%, 28%);\n    color: hsl(220, 14%, 71%);\n  }\n\n  /* Line Highlight plugin overrides */\n  /* The highlighted line itself */\n  html.theme-dark .line-highlight.line-highlight {\n    background: hsla(220, 100%, 80%, 0.04);\n  }\n\n  /* Default line numbers in Line Highlight plugin */\n  html.theme-dark .line-highlight.line-highlight:before,\n  html.theme-dark .line-highlight.line-highlight[data-end]:after {\n    background: hsl(220, 13%, 26%);\n    color: hsl(220, 14%, 71%);\n    padding: 0.1em 0.6em;\n    border-radius: 0.3em;\n    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n  }\n\n  /* Hovering over a linkable line number (in the gutter area) */\n  /* Requires Line Numbers plugin as well */\n  html.theme-dark pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n    background-color: hsla(220, 100%, 80%, 0.04);\n  }\n\n  /* Line Numbers and Command Line plugins overrides */\n  /* Line separating gutter from coding area */\n  html.theme-dark .line-numbers.line-numbers .line-numbers-rows,\n  html.theme-dark .command-line .command-line-prompt {\n    border-right-color: hsla(220, 14%, 71%, 0.15);\n  }\n\n  /* Stuff in the gutter */\n  html.theme-dark .line-numbers .line-numbers-rows \u003e span:before,\n  html.theme-dark .command-line .command-line-prompt \u003e span:before {\n    color: hsl(220, 14%, 45%);\n  }\n\n  /* Match Braces plugin overrides */\n  /* Note: Outline colour is inherited from the braces */\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-1,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-5,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-9 {\n    color: hsl(355, 65%, 65%);\n  }\n\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-2,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-6,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-10 {\n    color: hsl(95, 38%, 62%);\n  }\n\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-3,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-7,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-11 {\n    color: hsl(207, 82%, 66%);\n  }\n\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-4,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-8,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-12 {\n    color: hsl(286, 60%, 67%);\n  }\n\n  /* Diff Highlight plugin overrides */\n  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n  html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n  html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n    background-color: hsla(353, 100%, 66%, 0.15);\n  }\n\n  html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n  html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n    background-color: hsla(353, 95%, 66%, 0.25);\n  }\n\n  html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::selection,\n  html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n    background-color: hsla(353, 95%, 66%, 0.25);\n  }\n\n  html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n  html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n    background-color: hsla(137, 100%, 55%, 0.15);\n  }\n\n  html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n  html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n    background-color: hsla(135, 73%, 55%, 0.25);\n  }\n\n  html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n  html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n    background-color: hsla(135, 73%, 55%, 0.25);\n  }\n\n  /* Previewers plugin overrides */\n  /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-dark-ui */\n  /* Border around popup */\n  html.theme-dark .prism-previewer.prism-previewer:before,\n  html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div {\n    border-color: hsl(224, 13%, 17%);\n  }\n\n  /* Angle and time should remain as circles and are hence not included */\n  html.theme-dark .prism-previewer-color.prism-previewer-color:before,\n  html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div,\n  html.theme-da
1936rk .prism-previewer-easing.prism-previewer-easing:before {\n    border-radius: 0.3em;\n  }\n\n  /* Triangles pointing to the code */\n  html.theme-dark .prism-previewer.prism-previewer:after {\n    border-top-color: hsl(224, 13%, 17%);\n  }\n\n  html.theme-dark .prism-previewer-flipped.prism-previewer-flipped.after {\n    border-bottom-color: hsl(224, 13%, 17%);\n  }\n\n  /* Background colour within the popup */\n  html.theme-dark .prism-previewer-angle.prism-previewer-angle:before,\n  html.theme-dark .prism-previewer-time.prism-previewer-time:before,\n  html.theme-dark .prism-previewer-easing.prism-previewer-easing {\n    background: hsl(219, 13%, 22%);\n  }\n\n  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n  /* For time, this is the alternate colour */\n  html.theme-dark .prism-previewer-angle.prism-previewer-angle circle,\n  html.theme-dark .prism-previewer-time.prism-previewer-time circle {\n    stroke: hsl(220, 14%, 71%);\n    stroke-opacity: 1;\n  }\n\n  /* Stroke colours of the handle, direction point, and vector itself */\n  html.theme-dark .prism-previewer-easing.prism-previewer-easing circle,\n  html.theme-dark .prism-previewer-easing.prism-previewer-easing path,\n  html.theme-dark .prism-previewer-easing.prism-previewer-easing line {\n    stroke: hsl(220, 14%, 71%);\n  }\n\n  /* Fill colour of the handle */\n  html.theme-dark .prism-previewer-easing.prism-previewer-easing circle {\n    fill: transparent;\n  }\n  \n  29:T46e0,"])</script>
1936<script>self.__next_f.push([1,"\n    :root {\n      --color-text-default: rgb(55, 53, 47);\n      --color-text-default-light: rgba(55, 53, 47, 0.6);\n      --color-text-gray: rgb(155, 154, 151);\n      --color-text-brown: rgb(100, 71, 58);\n      --color-text-orange: rgb(217, 115, 13);\n      --color-text-yellow: rgb(223, 171, 1);\n      --color-text-green: rgb(15, 123, 108);\n      --color-text-blue: rgb(11, 110, 153);\n      --color-text-purple: rgb(105, 64, 165);\n      --color-text-pink: rgb(173, 26, 114);\n      --color-text-red: rgb(224, 62, 62);\n\n      --color-bg-default: rgb(255, 255, 255);\n      --color-bg-gray: rgb(235, 236, 237);\n      --color-bg-brown: rgb(233, 229, 227);\n      --color-bg-orange: rgb(250, 235, 221);\n      --color-bg-yellow: rgb(251, 243, 219);\n      --color-bg-green: rgb(221, 237, 234);\n      --color-bg-blue: rgb(221, 235, 241);\n      --color-bg-purple: rgb(234, 228, 242);\n      --color-bg-pink: rgb(244, 223, 235);\n      --color-bg-red: rgb(251, 228, 228);\n\n      --color-bg-gray-light: rgba(235, 236, 237, 0.3);\n      --color-bg-brown-light: rgba(233, 229, 227, 0.3);\n      --color-bg-orange-light: rgba(250, 235, 221, 0.3);\n      --color-bg-yellow-light: rgba(251, 243, 219, 0.3);\n      --color-bg-green-light: rgba(221, 237, 234, 0.3);\n      --color-bg-blue-light: rgba(221, 235, 241, 0.3);\n      --color-bg-purple-light: rgba(234, 228, 242, 0.3);\n      --color-bg-pink-light: rgba(244, 223, 235, 0.3);\n      --color-bg-red-light: rgba(251, 228, 228, 0.3);\n\n      --color-pill-default: rgba(206, 205, 202, 0.5);\n      --color-pill-gray: rgba(155, 154, 151, 0.4);\n      --color-pill-brown: rgba(140, 46, 0, 0.2);\n      --color-pill-orange: rgba(245, 93, 0, 0.2);\n      --color-pill-yellow: rgba(233, 168, 0, 0.2);\n      --color-pill-green: rgba(0, 135, 107, 0.2);\n      --color-pill-blue: rgba(0, 120, 223, 0.2);\n      --color-pill-purple: rgba(103, 36, 222, 0.2);\n      --color-pill-pink: rgba(221, 0, 129, 0.2);\n      --color-pill-red: rgba(255, 0, 26, 0.2);\n\n      --color-ui-hover-bg: rgba(239, 239, 239);\n      --color-card-bg: rgb(255, 255, 255);\n      --color-checkbox-bg: rgb(46, 170, 220);;\n      --color-border-default: rgba(235, 236, 237, 0.8);\n      --color-border-dark: rgba(55, 53, 47, 0.16);\n      --color-code-bg: rgba(239, 239, 239);\n\n      /*Scrollbar*/\n      --scrollbar-background-color: #fafafa;\n      --scrollbar-thumb-color: #c1c1c1;\n      --scrollbar-border-color: #e8e8e8;\n\n      --navbar-text-color: var(--color-text-default);\n      --navbar-background-color: var(--color-bg-default);\n      --navbar-button-text-color: var(--color-text-default);\n      --navbar-button-background-color: var(--color-bg-default);\n      --navbar-menu-background-color: var(--navbar-background-color);\n\n      --footer-text-color: var(--color-text-default);\n      --footer-background-color: var(--color-bg-default);\n      --color-calendar-weekend-bg: #f7f6f3;\n    }\n\n    \n  /**\n   * One Light theme for prism.js\n   * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax\n   */\n  \n  /**\n   * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)\n   * From colors.less\n   * --mono-1: hsl(230, 8%, 24%);\n   * --mono-2: hsl(230, 6%, 44%);\n   * --mono-3: hsl(230, 4%, 64%)\n   * --hue-1: hsl(198, 99%, 37%);\n   * --hue-2: hsl(221, 87%, 60%);\n   * --hue-3: hsl(301, 63%, 40%);\n   * --hue-4: hsl(119, 34%, 47%);\n   * --hue-5: hsl(5, 74%, 59%);\n   * --hue-5-2: hsl(344, 84%, 43%);\n   * --hue-6: hsl(35, 99%, 36%);\n   * --hue-6-2: hsl(35, 99%, 40%);\n   * --syntax-fg: hsl(230, 8%, 24%);\n   * --syntax-bg: hsl(230, 1%, 98%);\n   * --syntax-gutter: hsl(230, 1%, 62%);\n   * --syntax-guide: hsla(230, 8%, 24%, 0.2);\n   * --syntax-accent: hsl(230, 100%, 66%);\n   * From syntax-variables.less\n   * --syntax-selection-color: hsl(230, 1%, 90%);\n   * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);\n   * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);\n   */\n  \n  html.theme-light code[class*=\"language-\"],\n  html.theme-light pre[class*=\"language-\"] {\n    color: hsl(230, 8%, 24%);\n    font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n    direction: ltr;\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    line-height: 1.5;\n    -moz-tab-size: 2;\n    -o-tab-size: 2;\n    tab-size: 2;\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n  }\n  \n  /* Selection */\n  html.theme-light code[class*=\"language-\"]::-moz-selection,\n  html.theme-light code[class*=\"language-\"] *::-moz-selection,\n  html.theme-light pre[class*=\"language-\"] *::-moz-selection {\n    background: hsl(230, 1%, 90%);\n    color: inherit;\n  }\n  \n  html.theme-light code[class*=\"language-\"]::selection,\n  html.theme-light code[class*=\"language-\"] *::selection,\n  html.theme-light pre[class*=\"language-\"] *::selection {\n    background: hsl(230, 1%, 90%);\n    color: inherit;\n  }\n  \n  /* Code blocks */\n  html.theme-light pre[class*=\"language-\"] {\n    padding: 1em;\n    margin: 0.5em 0;\n    overflow: auto;\n    border-radius: 0.3em;\n  }\n  \n  /* Inline code */\n  html.theme-light :not(pre) \u003e code[class*=\"language-\"] {\n    padding: 0.2em 0.3em;\n    border-radius: 0.3em;\n    white-space: normal;\n  }\n  \n  html.theme-light .token.comment,\n  html.theme-light .token.prolog,\n  html.theme-light .token.cdata {\n    color: hsl(230, 4%, 64%);\n  }\n  \n  html.theme-light .token.doctype,\n  html.theme-light .token.punctuation,\n  html.theme-light .token.entity {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  html.theme-light .token.attr-name,\n  html.theme-light .token.class-name,\n  html.theme-light .token.boolean,\n  html.theme-light .token.constant,\n  html.theme-light .token.number,\n  html.theme-light .token.atrule {\n    color: hsl(35, 99%, 36%);\n  }\n  \n  html.theme-light .token.keyword {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  html.theme-light .token.property,\n  html.theme-light .token.tag,\n  html.theme-light .token.symbol,\n  html.theme-light .token.deleted,\n  html.theme-light .token.important {\n    color: hsl(5, 74%, 59%);\n  }\n  \n  html.theme-light .token.selector,\n  html.theme-light .token.string,\n  html.theme-light .token.char,\n  html.theme-light .token.builtin,\n  html.theme-light .token.inserted,\n  html.theme-light .token.regex,\n  html.theme-light .token.attr-value,\n  html.theme-light .token.attr-value \u003e .token.punctuation {\n    color: hsl(119, 34%, 47%);\n  }\n  \n  html.theme-light .token.variable,\n  html.theme-light .token.operator,\n  html.theme-light .token.function {\n    color: hsl(221, 87%, 60%);\n  }\n  \n  html.theme-light .token.url {\n    color: hsl(198, 99%, 37%);\n  }\n  \n  /* HTML overrides */\n  html.theme-light .token.attr-value \u003e .token.punctuation.attr-equals,\n  html.theme-light .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  /* CSS overrides */\n  html.theme-light .language-css .token.selector {\n    color: hsl(5, 74%, 59%);\n  }\n  \n  html.theme-light .language-css .token.property {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  html.theme-light .language-css .token.function,\n  html.theme-light .language-css .token.url \u003e .token.function {\n    color: hsl(198, 99%, 37%);\n  }\n  \n  html.theme-light .language-css .token.url \u003e .token.string.url {\n    color: hsl(119, 34%, 47%);\n  }\n  \n  html.theme-light .language-css .token.important,\n  html.theme-light .language-css .token.atrule .token.rule {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  /* JS overrides */\n  html.theme-light .language-javascript .token.operator {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  html.theme-light .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n    color: hsl(344, 84%, 43%);\n  }\n  \n  /* JSON overrides */\n  html.theme-light .language-json .token.operator {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  html.theme-light .language-json .token.null.keyword {\n    color: hsl(35, 99%, 36%);\n  }\n  \n  /* MD overrides */\n  html.theme-light .language-markdown .token.url,\n  html.theme-light .language-markdown .token.url \u003e .token.operator,\n  html.theme-light .language-markdown .token.url-reference.url \u003e .token.string {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  html.theme-light .language-markdown .token.url \u003e .token.content {\n    color: hsl(221, 87%, 60%);\n  }\n  \n  html.theme-light .language-markdown .token.url \u003e .token.url,\n  html.theme-light .language-markdown .token.url-reference.url {\n    color: hsl(198, 99%, 37%);\n  }\n  \n  html.theme-light .language-markdown .token.blockquote.punctuation,\n  html.theme-light .language-markdown .token.hr.punctuation {\n    color: hsl(230, 4%, 64%);\n    font-style: italic;\n  }\n  \n  html.theme-light .language-markdown .token.code-snippet {\n    color: hsl(119, 34%, 47%);\n  }\n  \n  html.theme-light .language-markdown .token.bold .token.content {\n    color: hsl(35, 99%, 36%);\n  }\n  \n  html.theme-light .language-markdown .token.italic .token.content {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  html.theme-light .language-markdown .token.strike .token.content,\n  html.theme-light .language-markdown .token.strike .token.punctuation,\n  html.theme-light .language-markdown .token.list.punctuation,\n  html.theme-light .language-markdown .token.title.important \u003e .token.punctuation {\n    color: hsl(5, 74%, 59%);\n  }\n  \n  /* General */\n  html.theme-light .token.bold {\n    font-weight: bold;\n  }\n  \n  html.theme-light .token.comment,\n  html.theme-light .token.italic {\n    font-style: italic;\n  }\n  \n  html.theme-light .token.entity {\n    cursor: help;\n  }\n  \n  html.theme-light .token.namespace {\n    opacity: 0.8;\n  }\n  \n  /* Plugin overrides */\n  /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n  \n  /* Show Invisibles plugin overrides */\n  html.theme-light .token.token.tab:not(:empty):before,\n  html.theme-light .token.token.cr:before,\n  html.theme-light .token.token.lf:before,\n  html.theme-light .token.token.space:before {\n    color: hsla(230, 8%, 24%, 0.2);\n  }\n  \n  /* Toolbar plugin overrides */\n  /* Space out all buttons and move them away from the right edge of the code block */\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n    margin-right: 0.4em;\n  }\n  \n  /* Styling the buttons */\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n    background: hsl(230, 1%, 90%);\n    color: hsl(230, 6%, 44%);\n    padding: 0.1em 0.4em;\n    border-radius: 0.3em;\n  }\n  \n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n    background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */\n    color: hsl(230, 8%, 24%);\n  }\n  \n  /* Line Highlight plugin overrides */\n  /* The highlighted line itself */\n  html.theme-light .line-highlight.line-highlight {\n    background: hsla(230, 8%, 24%, 0.05);\n  }\n  \n  /* Default line numbers in Line Highlight plugin */\n  html.theme-light .line-highlight.line-highlight:before,\n  html.theme-light .line-highlight.line-highlight[data-end]:after {\n    background: hsl(230, 1%, 90%);\n    color: hsl(230, 8%, 24%);\n    padding: 0.1em 0.6em;\n    border-radius: 0.3em;\n    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n  }\n  \n  /* Hovering over a linkable line number (in the gutter area) */\n  /* Requires Line Numbers plugin as well */\n  html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n    background-color: hsla(230, 8%, 24%, 0.05);\n  }\n  \n  /* Line Numbers and Command Line plugins overrides */\n  /* Line separating gutter from coding area */\n  html.theme-light .line-numbers.line-numbers .line-numbers-rows,\n  html.theme-light .command-line .command-line-prompt {\n    border-right-color: hsla(230, 8%, 24%, 0.2);\n  }\n  \n  /* Stuff in the gutter */\n  html.theme-light .line-numbers .line-numbers-rows \u003e span:before,\n  html.theme-light .command-line .command-line-prompt \u003e span:before {\n    color: hsl(230, 1%, 62%);\n  }\n  \n  /* Match Braces plugin overrides */\n  /* Note: Outline colour is inherited from the braces */\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 {\n    color: hsl(5, 74%, 59%);\n  }\n  \n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 {\n    color: hsl(119, 34%, 47%);\n  }\n  \n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 {\n    color: hsl(221, 87%, 60%);\n  }\n  \n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  /* Diff Highlight plugin overrides */\n  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n    background-color: hsla(353, 100%, 66%, 0.15);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n    background-color: hsla(353, 95%, 66%, 0.25);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n    background-color: hsla(353, 95%, 66%, 0.25);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n    background-color: hsla(137, 100%, 55%, 0.15);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n    background-color: hsla(135, 73%, 55%, 0.25);\n 
1936 }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n    background-color: hsla(135, 73%, 55%, 0.25);\n  }\n  \n  /* Previewers plugin overrides */\n  /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */\n  /* Border around popup */\n  html.theme-light .prism-previewer.prism-previewer:before,\n  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div {\n    border-color: hsl(0, 0, 95%);\n  }\n  \n  /* Angle and time should remain as circles and are hence not included */\n  html.theme-light .prism-previewer-color.prism-previewer-color:before,\n  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing:before {\n    border-radius: 0.3em;\n  }\n  \n  /* Triangles pointing to the code */\n  html.theme-light .prism-previewer.prism-previewer:after {\n    border-top-color: hsl(0, 0, 95%);\n  }\n  \n  html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after {\n    border-bottom-color: hsl(0, 0, 95%);\n  }\n  \n  /* Background colour within the popup */\n  html.theme-light .prism-previewer-angle.prism-previewer-angle:before,\n  html.theme-light .prism-previewer-time.prism-previewer-time:before,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing {\n    background: hsl(0, 0%, 100%);\n  }\n  \n  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n  /* For time, this is the alternate colour */\n  html.theme-light .prism-previewer-angle.prism-previewer-angle circle,\n  html.theme-light .prism-previewer-time.prism-previewer-time circle {\n    stroke: hsl(230, 8%, 24%);\n    stroke-opacity: 1;\n  }\n  \n  /* Stroke colours of the handle, direction point, and vector itself */\n  html.theme-light .prism-previewer-easing.prism-previewer-easing circle,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing path,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing line {\n    stroke: hsl(230, 8%, 24%);\n  }\n  \n  /* Fill colour of the handle */\n  html.theme-light .prism-previewer-easing.prism-previewer-easing circle {\n    fill: transparent;\n  }\n  \n  20:[\"$\",\"$L25\",null,{\"settings\":\"$1c:props:children:0:props:settings\",\"isPreview\":false,\"global\":\"$26\",\"light\":\"$27\",\"dark\":\"$28\",\"legacy\":\"$29\",\"children\":[\"$L2a\",null]}]\n21:[\"$\",\"$L2b\",null,{}]\n22:[\"$\",\"$L2c\",null,{}]\n23:[\"$\",\"$L2d\",null,{}]\n24:[\"$\",\"$L2e\",null,{\"sampleRate\":0.3}]\n"])</script>
1936<script>self.__next_f.push([1,"2f:I[613744,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"ErrorBoundary\"]\n30:Tca8,\n/* =========================================================\n   CUSTOM FOOTER — UNTANGLE YOUR BRAND (v7 layout: links right)\n   ========================================================= */\n\n/* Hide Super footer (failsafe) */\n.super-footer,\nfooter.super-footer {\n  display: none !important;\n}\n\n/* ---------- Global controls ---------- */\n:root {\n  --footer-padding-inline: 5%;      /* side padding */\n  --space-tagline-top: 0.2rem;      /* gap between title \u0026 tagline */\n  --space-links-top: 1.5rem;        /* gap between tagline \u0026 links */\n  --space-legal-top: 1.5rem;        /* gap between links \u0026 legal */\n  --space-after-legal: 3rem;        /* space below the footer */\n  --links-gap: 2rem;                /* space between each link */\n}\n\n/* Base footer */\nfooter.custom-footer {\n  font-family: \"Noto Sans\", sans-serif !important;\n  background: transparent !important;\n  color: #585858 !important;\n  padding: 0 var(--footer-padding-inline);\n  margin: 0 0 var(--space-after-legal) 0 !important;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-legal-top);\n}\n\n/* --- NEW: group brand + tagline on left, links on right --- */\nfooter.custom-footer .footer-top {\n  display: flex !important;\n  justify-content: space-between !important;\n  align-items: flex-start !important;\n  flex-wrap: wrap !important;\n  gap: var(--links-gap);\n}\n\n/* Brand container (left block) */\nfooter.custom-footer .footer-brand {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Title link */\nfooter.custom-footer .footer-title a {\n  font-family: \"Inter\", sans-serif !important;\n  font-weight: 600 !important;\n  font-size: 1.2rem !important;\n  color: #000000 !important;\n  text-decoration: none !important;\n  letter-spacing: -0.04em !important;\n  transition: color 0.2s ease-in-out;\n  display: inline-block;\n}\nfooter.custom-footer .footer-title a:hover {\n  color: #FF31AF !important;\n}\n\n/* Tagline */\nfooter.custom-footer .footer-tagline {\n  font-family: \"Noto Sans\", sans-serif !important;\n  font-weight: 400 !important;\n  font-size: 0.85rem !important;\n  letter-spacing: 0.0em !important;\n  color: #585858 !important;\n  margin-top: var(--space-tagline-top) !important;\n}\n\n/* Links row (right block) */\nfooter.custom-footer .footer-links {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: flex-start;\n  gap: var(--links-gap);\n  margin-top: var(--space-links-top) !important;\n}\nfooter.custom-footer .footer-links a {\n  font-family: \"Inter\", sans-serif !important;\n  font-weight: 600 !important;\n  font-size: 1.1rem !important;\n  text-decoration: none !important;\n  color: #000000 !important;\n  transition: color 0.2s ease-in-out;\n}\nfooter.custom-footer .footer-links a:hover {\n  color: #FF31AF !important;\n}\n\n/* Legal */\nfooter.custom-footer .footer-legal {\n  font-family: \"Noto Sans\", sans-serif !important;\n  font-weight: 400 !important;\n  font-size: 0.85rem !important;\n  letter-spacing: 0.0em !important;\n  color: #585858 !important;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n  footer.custom-footer .footer-top {\n    flex-direction: column !important;\n    align-items: flex-start !important;\n    gap: 1rem !important;\n  }\n  footer.custom-footer .footer-links {\n    justify-content: flex-start !important;\n  }\n}\n2a:[\"$\",\"div\",null,{\"className\":\"super-root\",\"children\":[[\"$\",\"$L2f\",null,{\"children\":[null,[[\"$\",\"$1\",\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::416148f3-76bf-4da8-8ac6-cb60955189be\",{\"children\":[[\"$\",\"style\",\"0\",{\"dangerouslySetInnerHTML\":{\"__html\":\"$30\"},\"children\":null}
1936],\"\\n\\n\",\"$L31\",\"\\n\\n\",\"$L32\",\"\\n\\n  \\n\\n\\n\\n\\n\\n\\n\\n\\n\"]}]]]}],\"$L33\"]}]\n"])</script>
1936<script>self.__next_f.push([1,"34:I[325618,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"PasswordPageLayoutProvider\"]\n35:I[183555,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"NavigationContent\"]\n36:I[713503,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/2ggeb0g51xxjo.js\"],\"default\"]\n31:[\"$\",\"footer\",\"2\",{\"className\":\"custom-footer\",\"children\":[\"\\n  \",[\"$\",\"div\",\"1\",{\"className\":\"footer-top\",\"children\":[\"\\n    \",[\"$\",\"div\",\"1\",{\"className\":\"footer-brand\",\"children\":[\"\\n      \",[\"$\",\"div\",\"1\",{\"className\":\"footer-title\",\"children\":[\"\\n        \",[\"$\",\"a\",\"1\",{\"href\":\"https://untangleyourbrand.com\",\"children\":\"Untangle Your Brand®\"}],\"\\n      \"]}],\"\\n      \",[\"$\",\"div\",\"3\",{\"className\":\"footer-tagline\",\"children\":\"\\n        Creating brands that are relevant, unique and memorable.\\n      \"}],\"\\n    \"]}],\"\\n\\n    \",[\"$\",\"div\",\"3\",{\"className\":\"footer-links\",\"children\":[\"\\n      \",[\"$\",\"a\",\"1\",{\"href\":\"https://untangleyourbrand.com/tools\",\"children\":\"Tools\"}],\"\\n      \",[\"$\",\"a\",\"3\",{\"href\":\"https://untangleyourbrand.com/check\",\"children\":\"Check\"}],\"\\n      \",[\"$\",\"a\",\"5\",{\"href\":\"https://untangleyourbrand.com/guide\",\"children\":\"Guide\"}],\"\\n      \",[\"$\",\"a\",\"7\",{\"href\":\"https://untangleyourbrand.com/vault\",\"children\":\"Vault\"}],\"\\n      \",[\"$\",\"a\",\"9\",{\"href\":\"https://untangleyourbrand.com/contact\",\"children\":\"Contact\"}],\"\\n      \",[\"$\",\"a\",\"11\",{\"href\":\"https://untangleyourbrand.com/pincreative\",\"children\":\"PIN\"}],\"\\n      \",[\"$\",\"a\",\"13\",{\"href\":\"https://untangleyourbrand.com/privacy\",\"children\":\"Privacy\"}],\"\\n      \",[\"$\",\"a\",\"15\",{\"href\":\"https://untangleyourbrand.com/ai\",\"children\":\"AI\"}],\"      \\n      \",[\"$\",\"a\",\"17\",{\"href\":\"https://untangleyourbrand.com/ask\",\"children\":\"Ask\"}],\"      \\n    \"]}],\"\\n  \"]}],\"\\n\\n  \",[\"$\",\"div\",\"3\",{\"className\":\"footer-legal\",\"children\":[\"\\n    Untangle Your Brand® is a registered trademark © \\n    \",[\"$\",\"a\",\"1\",{\"href\":\"https://untangleyourbrand.com/pincreative\",\"target\":\"_blank\",\"rel\":\"noopener\",\"children\":\"\\n      PIN Creative\\n    \"}],\" 2026\\n  \"]}],\"\\n\"]}]\n32:[\"$\",\"style\",\"4\",{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n/* Ensure the footer-legal link colour matches the text colour */\\nfooter.custom-footer .footer-legal,\\nfooter.custom-footer .footer-legal a,\\nfooter.custom-footer .footer-legal a:visited,\\nfooter.custom-footer .footer-legal a:active {\\n  color: #585858 !important; /* force dark grey */\\n  font-family: \\\"Noto Sans\\\", sans-serif !important;\\n  font-weight: 400 !important;\\n  font-size: 0.85rem !important;\\n  letter-spacing: 0em !important;\\n  text-decoration: none !important;\\n}\\n\\nfooter.custom-footer .footer-legal a:hover {\\n  color: #FF31AF !important; /* optional hover accent */\\n}\\n\"},\"children\":null}]\n33:[\"$\",\"$L34\",null,{\"children\":[\"$\",\"$L35\",null,{\"settings\":\"$1c:props:children:0:props:settings\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$36\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2ggeb0g51xxjo.js\",\"async\":true}]],\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$L37\",[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]\n"])</script>
1936<script>self.__next_f.push([1,"38:I[208077,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"ErrorPage\"]\n37:[\"$\",\"$L38\",null,{\"type\":\"notfound\"}]\n"])</script>
1936<script>self.__next_f.push([1,"39:I[23131,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"PageProvider\"]\n5:[\"$\",\"$L39\",null,{\"pageReplacement\":\"$undefined\",\"getWebVital\":false,\"pageId\":\"contact\",\"records\":{\"__version__\":3,\"block\":{\"contact\":{\"id\":\"contact\",\"children\":[\"298caacc9ce08094b639fd5bb8030069\",\"297caacc9ce08002af4fe54a66b0090a\",\"297caacc9ce080bb92a2e268805d548c\",\"298caacc9ce080b7af41fa7e203057d3\",\"297caacc9ce080659b18c45eda8c552f\"],\"hasContent\":true,\"parentId\":\"0aa8bb9b839d44499f5d954244a90bc9\",\"title\":[[\"Contact\"]],\"updatedAt\":1784712195493,\"type\":\"page\",\"spaceId\":\"f4ba9ba2-504b-4803-a30c-dd06e06c3771\",\"createdTime\":1761408881160,\"lastEditedTime\":1784712195493,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\"}]}],\"uri\":\"/contact\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":{},\"propertyValues\":{},\"blockId\":\"297caacc-9ce0-8031-abde-fb8df4771116\"},\"298caacc9ce08094b639fd5bb8030069\":{\"id\":\"298caacc9ce08094b639fd5bb8030069\",\"children\":[],\"hasContent\":false,\"parentId\":\"contact\",\"title\":[[\"Say hello\"]],\"updatedAt\":1761480226796,\"type\":\"heading\",\"subType\":\"header\",\"depth\":1},\"297caacc9ce0803f8c4adbb0b041de39\":{\"id\":\"297caacc9ce0803f8c4adbb0b041de39\",\"children\":[],\"hasContent\":false,\"parentId\":\"297caacc9ce08084b8a9df2a44410d85\",\"title\":[[\"If you’d like to talk about how I can help you untangle your brand, just book a quick chat, send an email, or get in touch through social.\"]],\"updatedAt\":1761408919665,\"type\":\"text\"},\"297caacc9ce080469b07fa9db2918bf7\":{\"id\":\"297caacc9ce080469b07fa9db2918bf7\",\"children\":[],\"hasContent\":false,\"parentId\":\"297caacc9ce08084b8a9df2a44410d85\",\"title\":[],\"updatedAt\":1761408921599,\"type\":\"text\"},\"297caacc9ce08084b8a9df2a44410d85\":{\"id\":\"297caacc9ce08084b8a9df2a44410d85\",\"children\":[\"297caacc9ce0803f8c4adbb0b041de39\",\"297caacc9ce080469b07fa9db2918bf7\"],\"hasContent\":true,\"parentId\":\"297caacc9ce08002af4fe54a66b0090a\",\"title\":null,\"updatedAt\":1761480220731,\"type\":\"column\",\"ratio\":1},\"297caacc9ce08059a945c0b8ef1e97d0\":{\"id\":\"297caacc9ce08059a945c0b8ef1e97d0\",\"children\":[],\"hasContent\":false,\"parentId\":\"297caacc9ce0802eb378c7ad4abe6707\",\"title\":[],\"updatedAt\":1761408881180,\"type\":\"text\"},\"297caacc9ce0802eb378c7ad4abe6707\":{\"id\":\"297caacc9ce0802eb378c7ad4abe6707\",\"children\":[\"297caacc9ce08059a945c0b8ef1e97d0\"],\"hasContent\":true,\"parentId\":\"297caacc9ce08002af4fe54a66b0090a\",\"title\":null,\"updatedAt\":1761480208089,\"type\":\"column\",\"ratio\":1},\"297caacc9ce08002af4fe54a66b0090a\":{\"id\":\"297caacc9ce08002af4fe54a66b0090a\",\"children\":[\"297caacc9ce08084b8a9df2a44410d85\",\"297caacc9ce0802eb378c7ad4abe6707\"],\"hasContent\":true,\"parentId\":\"contact\",\"title\":null,\"updatedAt\":1761408881180,\"type\":\"column_list\",\"multiplyer\":0.5,\"fullWidth\":false,\"pageWidth\":false},\"297caacc9ce080bb92a2e268805d548c\":{\"id\":\"297caacc9ce080bb92a2e268805d548c\",\"children\":[],\"hasContent\":false,\"parentId\":\"contact\",\"title\":[],\"updatedAt\":1761409660273,\"type\":\"text\"},\"297caacc9ce08022b7acd0231d4cd836\":{\"id\":\"297caacc9ce08022b7acd0231d4cd836\",\"children\":[],\"hasContent\":false,\"parentId\":\"298caacc9ce0807ba4a7c2d667d6fd99\",\"title\":[[\"[email protected]\",[[\"a\",\"mailto:[email protected]\"]]]],\"updatedAt\":1761480255491,\"type\":\"text\"},\"297caacc9ce080f59c32d063388dc86f\":{\"id\":\"297caacc9ce080f59c32d063388dc86f\",\"children\":[],\"hasContent\":false,\"parentId\":\"298caacc9ce0807ba4a7c2d667d6fd99\",\"title\":[[\"+44 7957 253907\"]],\"updatedAt\":1761480258823,\"type\":\"text\"},\"297caacc9ce0806d89f1f29887d63676\":{\"id\":\"297caacc9ce0806d89f1f29887d63676\",\"children\":[],\"hasContent\":false,\"parentId\":\"298caacc9ce0807ba4a7c2d667d6fd99\",\"title\":[],\"updatedAt\":1761480252176,\"type\":\"text\"},\"298caacc9ce0807ba4a7c2d667d6fd99\":{\"id\":\"298caacc9ce0807ba4a7c2d667d6fd99\",\"children\":[\"297caacc9ce08022b7acd0231d4cd836\",\"297caacc9ce080f59c32d063388dc86f\",\"297caacc9ce0806d89f1f29887d63676\"],\"hasContent\":true,\"parentId\":\"298caacc9ce080b7af41fa7e203057d3\",\"title\":null,\"updatedAt\":1761480258823,\"type\":\"column\",\"ratio\":1},\"298caacc9ce080ba90bafd3780b75572\":{\"id\":\"298caacc9ce080ba90bafd3780b75572\",\"children\":[],\"hasContent\":false,\"parentId\":\"298caacc9ce080c0826fc3387e9fa6e9\",\"title\":[],\"updatedAt\":1761480252176,\"type\":\"text\"},\"298caacc9ce080c0826fc3387e9fa6e9\":{\"id\":\"298caacc9ce080c0826fc3387e9fa6e9\",\"children\":[\"298caacc9ce080ba90bafd3780b75572\"],\"hasContent\":true,\"parentId\":\"298caacc9ce080b7af41fa7e203057d3\",\"title\":null,\"updatedAt\":1761480252176,\"type\":\"column\",\"ratio\":1},\"298caacc9ce08034ad17d1b287535313\":{\"id\":\"298caacc9ce08034ad17d1b287535313\",\"children\":[],\"hasContent\":false,\"parentId\":\"298caacc9ce08046b5d7d817738f9226\",\"title\":[],\"updatedAt\":1761480252176,\"type\":\"text\"},\"297caacc9ce08013aa20d097bd831156\":{\"id\":\"297caacc9ce08013aa20d097bd831156\",\"children\":[],\"hasContent\":false,\"parentId\":\"298caacc9ce08046b5d7d817738f9226\",\"title\":[[\"LinkedIn\",[[\"a\",\"https://www.linkedin.com/in/pincreative/\"]]]],\"updatedAt\":1761480262108,\"type\":\"text\"},\"297caacc9ce0809487e2dbc28876ad8e\":{\"id\":\"297caacc9ce0809487e2dbc28876ad8e\",\"children\":[],\"hasContent\":false,\"parentId\":\"298caacc9ce08046b5d7d817738f9226\",\"title\":[[\"Facebook\",[[\"a\",\"https://www.facebook.com/groups/untangleyourbrand/\"]]]],\"updatedAt\":1761480267131,\"type\":\"text\"},\"297caacc9ce08073ae29e05629f22bea\":{\"id\":\"297caacc9ce08073ae29e05629f22bea\",\"children\":[],\"hasContent\":false,\"parentId\":\"298caacc9ce08046b5d7d817738f9226\",\"title\":[[\"Instagram\",[[\"a\",\"https://www.instagram.com/untangleyourbrand/\"]]]],\"updatedAt\":1761480269035,\"type\":\"text\"},\"297caacc9ce08003b7edf8718178d90f\":{\"id\":\"297caacc9ce08003b7edf8718178d90f\",\"children\":[],\"hasContent\":false,\"parentId\":\"298caacc9ce08046b5d7d817738f9226\",\"title\":[[\"Spotify\",[[\"a\",\"https://open.spotify.com/user/nigel300\"]]]],\"updatedAt\":1761480271215,\"type\":\"text\"},\"298caacc9ce08046b5d7d817738f9226\":{\"id\":\"298caacc9ce08046b5d7d817738f9226\",\"children\":[\"298caacc9ce08034ad17d1b287535313\",\"297caacc9ce08013aa20d097bd831156\",\"297caacc9ce0809487e2dbc28876ad8e\",\"297caacc9ce08073ae29e05629f22bea\",\"297caacc9ce08003b7edf8718178d90f\"],\"hasContent\":true,\"parentId\":\"298caacc9ce080b7af41fa7e203057d3\",\"title\":null,\"updatedAt\":1761480271215,\"type\":\"column\",\"ratio\":1},\"298caacc9ce080139a50c3178d7208f3\":{\"id\":\"298caacc9ce080139a50c3178d7208f3\",\"children\":[],\"hasContent\":false,\"parentId\":\"298caacc9ce0807b89d9e385c361221d\",\"title\":[],\"updatedAt\":1761480278703,\"type\":\"text\"},\"298caacc9ce080d7b1edd69bd922edc4\":{\"id\":\"298caacc9ce080d7b1edd69bd922edc4\",\"children\":[],\"hasContent\":false,\"parentId\":\"298caacc9ce0807b89d9e385c361221d\",\"title\":null,\"updatedAt\":1761480264960,\"type\":\"image\",\"source\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9893e623-7ba6-4379-ba61-30b6343c20b6/UYB_BUBBLE_ILLUSTRATIONS_1920p
1936x4/public\",\"altText\":null,\"isCaptionLink\":false,\"link\":null,\"width\":1920,\"height\":-1,\"alignment\":\"left\",\"fullWidth\":false,\"pageWidth\":true,\"aspectRatio\":0.5625,\"preserveScale\":true},\"298caacc9ce0807b89d9e385c361221d\":{\"id\":\"298caacc9ce0807b89d9e385c361221d\",\"children\":[\"298caacc9ce080139a50c3178d7208f3\",\"298caacc9ce080d7b1edd69bd922edc4\"],\"hasContent\":true,\"parentId\":\"298caacc9ce080b7af41fa7e203057d3\",\"title\":null,\"updatedAt\":1761480264960,\"type\":\"column\",\"ratio\":1},\"298caacc9ce080b7af41fa7e203057d3\":{\"id\":\"298caacc9ce080b7af41fa7e203057d3\",\"children\":[\"298caacc9ce0807ba4a7c2d667d6fd99\",\"298caacc9ce080c0826fc3387e9fa6e9\",\"298caacc9ce08046b5d7d817738f9226\",\"298caacc9ce0807b89d9e385c361221d\"],\"hasContent\":true,\"parentId\":\"contact\",\"title\":null,\"updatedAt\":1761480252176,\"type\":\"column_list\",\"multiplyer\":0.25,\"fullWidth\":false,\"pageWidth\":false},\"297caacc9ce0803f91c7c30f3788b55f\":{\"id\":\"297caacc9ce0803f91c7c30f3788b55f\",\"children\":[],\"hasContent\":false,\"parentId\":\"297caacc9ce080b39d09d41fda05cf1e\",\"title\":[[\"Book a free Quick Chat\",[[\"a\",\"https://calendly.com/pincreative/chat\"]]]],\"updatedAt\":1784712195493,\"type\":\"heading\",\"subType\":\"sub_sub_header\",\"depth\":3},\"297caacc9ce0804e8f63f547063199a8\":{\"id\":\"297caacc9ce0804e8f63f547063199a8\",\"children\":[],\"hasContent\":false,\"parentId\":\"297caacc9ce080b39d09d41fda05cf1e\",\"title\":[[\"During the call, you can ask me anything about how I can help you untangle your brand, or we can chat about records and anything else you’re interested in.\"]],\"updatedAt\":1761411027850,\"type\":\"text\"},\"297caacc9ce080f0b3f1ebfbc9b29232\":{\"id\":\"297caacc9ce080f0b3f1ebfbc9b29232\",\"children\":[],\"hasContent\":false,\"parentId\":\"297caacc9ce080b39d09d41fda05cf1e\",\"title\":[],\"updatedAt\":1761410989757,\"type\":\"text\"},\"297caacc9ce0809d8c5eee7520e6c3ec\":{\"id\":\"297caacc9ce0809d8c5eee7520e6c3ec\",\"children\":[],\"hasContent\":false,\"parentId\":\"3a5caacc9ce080808989dda5b0cfd66c\",\"title\":[[\"Sign-up, to keep up\"]],\"updatedAt\":1784712090658,\"type\":\"heading\",\"subType\":\"sub_sub_header\",\"depth\":3},\"3a5caacc9ce08016a91fe80905d8efb6\":{\"id\":\"3a5caacc9ce08016a91fe80905d8efb6\",\"children\":[],\"hasContent\":false,\"parentId\":\"3a5caacc9ce080808989dda5b0cfd66c\",\"title\":[[\"Sign up below to read more of my content and find out when new tools launch.\"]],\"updatedAt\":1784711990649,\"type\":\"text\"},\"3a5caacc9ce08053a3f1d062d3d0cbf8\":{\"id\":\"3a5caacc9ce08053a3f1d062d3d0cbf8\",\"children\":[],\"hasContent\":false,\"parentId\":\"3a5caacc9ce080808989dda5b0cfd66c\",\"title\":null,\"updatedAt\":1784712030205,\"type\":\"embed\",\"source\":\"https://pin-creative.github.io/ghost-signup-embed/\",\"altText\":null,\"isCaptionLink\":false,\"link\":null,\"width\":336,\"height\":96,\"alignment\":\"left\",\"fullWidth\":false,\"pageWidth\":true,\"aspectRatio\":-1,\"preserveScale\":true},\"3a5caacc9ce080febc04f925649bcd50\":{\"id\":\"3a5caacc9ce080febc04f925649bcd50\",\"children\":[],\"hasContent\":false,\"parentId\":\"3a5caacc9ce080808989dda5b0cfd66c\",\"title\":[[\"By signing up, you'll be added to the PIN Creative mailing list and receive updates from the content platform Blah, Blah, Blah, covering brands, bands, creativity, and events. You can unsubscribe at any time.\"]],\"updatedAt\":1784712058630,\"type\":\"text\",\"color\":\"ColorGray\"},\"3a5caacc9ce080808989dda5b0cfd66c\":{\"id\":\"3a5caacc9ce080808989dda5b0cfd66c\",\"children\":[\"297caacc9ce0809d8c5eee7520e6c3ec\",\"3a5caacc9ce08016a91fe80905d8efb6\",\"3a5caacc9ce08053a3f1d062d3d0cbf8\",\"3a5caacc9ce080febc04f925649bcd50\"],\"hasContent\":true,\"parentId\":\"297caacc9ce080b39d09d41fda05cf1e\",\"title\":null,\"updatedAt\":1784712050848,\"type\":\"transclusion_container\"},\"3a5caacc9ce080c08b15e0753a20a2ac\":{\"id\":\"3a5caacc9ce080c08b15e0753a20a2ac\",\"children\":[],\"hasContent\":false,\"parentId\":\"297caacc9ce080b39d09d41fda05cf1e\",\"title\":[],\"updatedAt\":1784711201240,\"type\":\"text\"},\"297caacc9ce080b39d09d41fda05cf1e\":{\"id\":\"297caacc9ce080b39d09d41fda05cf1e\",\"children\":[\"297caacc9ce0803f91c7c30f3788b55f\",\"297caacc9ce0804e8f63f547063199a8\",\"297caacc9ce080f0b3f1ebfbc9b29232\",\"3a5caacc9ce080808989dda5b0cfd66c\",\"3a5caacc9ce080c08b15e0753a20a2ac\"],\"hasContent\":true,\"parentId\":\"297caacc9ce080659b18c45eda8c552f\",\"title\":null,\"updatedAt\":1784711370639,\"type\":\"column\",\"ratio\":1},\"297caacc9ce08084b056da871f7f4d33\":{\"id\":\"297caacc9ce08084b056da871f7f4d33\",\"children\":[],\"hasContent\":false,\"parentId\":\"297caacc9ce080cb8b32d6eaf0479532\",\"title\":[],\"updatedAt\":1761408881180,\"type\":\"text\"},\"297caacc9ce08091a430da66babf39b1\":{\"id\":\"297caacc9ce08091a430da66babf39b1\",\"children\":[],\"hasContent\":false,\"parentId\":\"297caacc9ce080cb8b32d6eaf0479532\",\"title\":[],\"updatedAt\":1761409038592,\"type\":\"text\",\"color\":\"ColorGreen\"},\"297caacc9ce080229f47eac21fbe1b65\":{\"id\":\"297caacc9ce080229f47eac21fbe1b65\",\"children\":[],\"hasContent\":false,\"parentId\":\"297caacc9ce080cb8b32d6eaf0479532\",\"title\":[],\"updatedAt\":1761409028639,\"type\":\"text\"},\"297caacc9ce080cb8b32d6eaf0479532\":{\"id\":\"297caacc9ce080cb8b32d6eaf0479532\",\"children\":[\"297caacc9ce08084b056da871f7f4d33\",\"297caacc9ce08091a430da66babf39b1\",\"297caacc9ce080229f47eac21fbe1b65\"],\"hasContent\":true,\"parentId\":\"297caacc9ce080659b18c45eda8c552f\",\"title\":null,\"updatedAt\":1761410988251,\"type\":\"column\",\"ratio\":1},\"297caacc9ce080659b18c45eda8c552f\":{\"id\":\"297caacc9ce080659b18c45eda8c552f\",\"children\":[\"297caacc9ce080b39d09d41fda05cf1e\",\"297caacc9ce080cb8b32d6eaf0479532\"],\"hasContent\":true,\"parentId\":\"contact\",\"title\":null,\"updatedAt\":1761410547204,\"type\":\"column_list\",\"multiplyer\":0.5,\"fullWidth\":false,\"pageWidth\":false},\"0aa8bb9b839d44499f5d954244a90bc9\":{\"id\":\"0aa8bb9b839d44499f5d954244a90bc9\",\"children\":[],\"hasContent\":true,\"parentId\":\"1a5caacc9ce080e686a0dae7d10ea750\",\"t
1936itle\":[[\"Untangle Your Brand\"]],\"updatedAt\":1790347393926,\"type\":\"page\",\"spaceId\":\"f4ba9ba2-504b-4803-a30c-dd06e06c3771\",\"icon\":\"/icons/circle-dot_pink.svg\",\"coverPosition\":0.5,\"createdTime\":1691331676859,\"lastEditedTime\":1790347393926,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\"}]}],\"description\":null,\"uri\":\"/0aa8bb9b839d44499f5d954244a90bc9\",\"blockId\":\"0aa8bb9b-839d-4449-9f5d-954244a90bc9\"},\"1a5caacc9ce080e686a0dae7d10ea750\":null},\"form_question\":{},\"entity\":{},\"pageId\":\"297caacc9ce08031abdefb8df4771116\",\"pagesToCreate\":[]},\"settings\":{\"siteId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95\",\"userId\":\"95ffce6f-150a-471f-9f9b-97b330be502c\",\"domainName\":\"untangleyourbrand.com\",\"name\":\"Untangle Your Brand\",\"active\":true,\"free\":false,\"tier\":\"personal\",\"favicon\":\"https://assets.super.so/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95/uploads/favicon/358ef569-a475-483f-881e-94e762373554.jpg\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":[],\"notionPage\":\"0aa8bb9b839d44499f5d954244a90bc9\",\"indexPageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::e0c863f8-5292-4a03-80f7-7fdc22f09127\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"floatingTableOfContents\":false,\"siteSearch\":true,\"advancedSearch\":false,\"themeToggle\":false,\"mondayFirst\":true,\"loadLimits\":false,\"hidePersonInfo\":false,\"showPropertyIcons\":false,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":{\"type\":\"simple\",\"style\":{\"height\":56,\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\",\"ctaTextColor\":\"var(--color-text-default)\",\"ctaBackgroundColor\":\"var(--color-bg-default)\",\"isSticky\":true,\"shadow\":{\"type\":\"none\",\"color\":\"rgba(0,0,0,1)\",\"opacity\":12}},\"links\":[{\"id\":\"3bdfe64d-4021-457b-93c1-acdd6037a2f9\",\"type\":\"page\",\"label\":\"Work\",\"link\":\"/work\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::8075dc3d-ee51-4f21-b5a1-cf3113f7471e\",\"list\":[]},{\"id\":\"d3c53931-b238-45d8-b88c-519f523b5cf8\",\"type\":\"page\",\"label\":\"How\",\"link\":\"/how\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::3060802f-1ded-4d69-920e-3249e4946db3\",\"list\":[]},{\"id\":\"886a739f-732f-4191-b2e3-2d52d7e1fd14\",\"type\":\"page\",\"label\":\"What\",\"link\":\"/what\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::45b0bc78-0a83-4807-8869-312b528dd4f8\",\"list\":[]},{\"id\":\"bc9fe138-7fad-4515-aa8d-f35f3992bb8e\",\"type\":\"page\",\"label\":\"Who\",\"link\":\"/who\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::413b6df6-86df-42cf-9c8b-9ce56d60b301\",\"list\":[]},{\"id\":\"283ec8aa-2120-4c16-b80b-af134f33fc21\",\"type\":\"page\",\"label\":\"Learn\",\"link\":\"/learn\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::cff00257-5f1e-488e-b643-ced2d26d3d1c\",\"icon\":\"\",\"list\":[]},{\"id\":\"fdf065d1-6507-4354-88b6-3483dcd40b3a\",\"type\":\"page\",\"label\":\"BrAIn\",\"link\":\"/brain\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::2576b53c-dab6-40b3-8d4d-5956f017fa0d\",\"icon\":\"\",\"list\":[]},{\"id\":\"4eff49b3-9e72-4418-a505-aefc6aa09d5a\",\"type\":\"url\",\"label\":\"Blah\",\"link\":\"https://blah.untangleyourbrand.com\",\"icon\":\"\",\"list\":[]},{\"id\":\"f28517b9-af57-40ed-bc1f-62224212d333\",\"type\":\"page\",\"label\":\"ZEST\",\"link\":\"/zest\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::00d08178-cb13-4e98-bdbf-37c8da0acfd8\",\"icon\":\"\",\"list\":[]}],\"logo\":{\"type\":\"text\",\"width\":50,\"fontSize\":16,\"textContent\":\"Untangle Your Brand®\",\"imageContent\":\"https://assets.super.so/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95/uploads/logo/7874e88c-ca62-43c0-824f-8cab64e0aec8.png\",\"imageContentDark\":null,\"disabled\":false},\"cta\":{\"type\":\"url\",\"label\":\"Ask Dave\",\"link\":\"https://untangleyourbrand.com/ask\",\"pageId\":\"\"},\"isSticky\":true,\"breadcrumbs\":false},\"footer\":{\"type\":\"corners\",\"style\":{\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\"},\"links\":[{\"id\":\"6b3d1b75-90ca-44b0-bf6d-910f27d597f1\",\"type\":\"page\",\"label\":\"Check\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::fa7cc07a-0fa1-4062-af8f-48214fee5e54\",\"icon\":\"\",\"list\":[]},{\"id\":\"cb0473c5-8004-4dd0-bf23-4d67b9dbadbf\",\"type\":\"page\",\"label\":\"Guide\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::08f54908-3b93-48be-99b2-4d8b7f28bb16\",\"icon\":\"\",\"list\":[]},{\"id\":\"e751c0fe-4ec8-4a4a-9b8c-76ed676611ae\",\"type\":\"page\",\"label\":\"Vault\",\"link\":\"/vault\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::0519396a-862b-46a8-ace5-6e4741ddf841\",\"icon\":\"\",\"list\":[]}
1936,{\"id\":\"0d2ddbb0-daf6-4a13-a419-eb158634184e\",\"type\":\"page\",\"label\":\"Login\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::beea566f-7e7a-41e5-b264-2788a2ba94b0\",\"icon\":\"\",\"list\":[]},{\"id\":\"08a73534-cc96-433f-840d-98f34205fac0\",\"type\":\"page\",\"label\":\"PIN\",\"link\":\"/pincreative\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::ccaea0b9-f80f-42bd-ba5b-763cb766340d\",\"icon\":\"\",\"list\":[]},{\"id\":\"be67b1ad-7e73-4277-8ff0-a429878e9616\",\"type\":\"page\",\"label\":\"Privacy\",\"link\":\"/privacy\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::b9a17b9b-8a13-4c35-b128-c8fa040979ae\",\"icon\":\"\",\"list\":[]},{\"id\":\"6ae4f1b3-78ff-4825-94a6-9e8e03df3a4d\",\"type\":\"page\",\"label\":\"Ask\",\"link\":\"/ask\",\"pageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::c8968035-4fbd-43c9-a4af-75045c90f4a6\",\"icon\":\"\",\"list\":[]}],\"logo\":{\"type\":\"text\",\"width\":90,\"fontSize\":26,\"textContent\":\"Untangle Your Brand®\",\"imageContent\":null,\"imageContentDark\":null,\"disabled\":false},\"socials\":[{\"type\":\"linkedin\",\"link\":\"https://www.linkedin.com/in/pincreative/\"},{\"type\":\"instagram\",\"link\":\"https://www.instagram.com/untangleyourbrand/\"}],\"footnote\":\"Untangle Your Brand® is a registered trademark © PIN Creative 2025\",\"divider\":false},\"sidebar\":{\"enabled\":false,\"links\":[],\"cta\":[],\"logo\":null,\"searchEnabled\":true},\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":0.6,\"layoutMaxWidth\":1300,\"columnSpacing\":40,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":12,\"pageDisplay\":\"none\"},\"header\":{\"coverHeight\":30,\"titleAlign\":\"left\",\"iconAlign\":\"-112px auto auto auto\",\"display\":\"none\"},\"collectionCard\":{\"gap\":10,\"shadow\":\"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px\",\"coverHeightLarge\":360,\"coverHeightMedium\":201,\"coverHeightSmall\":149,\"titleSize\":1,\"coverSizeSmall\":172,\"coverSizeMedium\":260,\"coverSizeLarge\":320,\"iconDisplay\":\"none\"},\"callout\":{\"iconDisplay\":\"none\",\"shadow\":\"none\"},\"typography\":{\"primaryFont\":\"Inter\",\"secondaryFont\":\"Inter\",\"fonts\":[],\"baseSize\":16,\"titleSize\":2.5,\"headingSize\":1,\"quoteSize\":1.2,\"quoteSizeLarge\":1.4,\"textWeight\":400,\"headingWeight\":600},\"scrollbar\":{\"width\":15},\"navbar\":{\"height\":84,\"shadow\":\"none\"},\"footer\":{\"height\":0},\"sidebar\":{\"width\":280,\"shadow\":\"none\"},\"colors\":{\"light\":{\"text\":\"#37352f\",\"textLight\":\"#7d7c78\",\"background\":\"#ffffff\",\"borderColor\":\"#E9E9E7\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#efefef\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#37352F\",\"background\":\"#ffffff\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\",\"hoverBackground\":null},\"footer\":{\"text\":\"#37352F\",\"background\":\"#edf0ee\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\"},\"sidebar\":{\"text\":\"#37352F\",\"ctaText\":\"#37352F\",\"background\":\"#ffffff\",\"hoverBackground\":\"#efefef\",\"ctaBackground\":\"#ffffff\",\"border\":\"#E9E9E7\"},\"database\":{\"cardBackground\":\"#ffffff\",\"cardHoverBackground\":\"#edf0ee\",\"calendarWeekendBackground\":\"#e9e9e7\"},\"default\":[45,8,20],\"gray\":[36,2,46],\"brown\":[19,31,47],\"orange\":[30,87,45],\"yellow\":[38,62,49],\"green\":[149,31,39],\"blue\":[202,53,43],\"purple\":[274,32,54],\"pink\":[323,100,60],\"red\":[2,80,52],\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}}},\"dark\":{\"text\":\"#e1e1e1\",\"textLight\":\"#9b9b9b\",\"background\":\"#191919\",\"borderColor\":\"#373737\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#262626\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackgroun
1936d\":\"#e1e1e1\",\"hoverBackground\":null},\"footer\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\"},\"sidebar\":{\"text\":\"#e1e1e1\",\"ctaText\":\"#e1e1e1\",\"background\":\"#191919\",\"hoverBackground\":\"#292929\",\"ctaBackground\":\"#191919\",\"border\":\"#373737\"},\"database\":{\"cardBackground\":\"#262626\",\"cardHoverBackground\":\"#2f2f2f\",\"calendarWeekendBackground\":\"#202020\"},\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}},\"default\":[45,8,20],\"gray\":[0,0,61],\"brown\":[18,35,58],\"orange\":[25,54,53],\"yellow\":[38,54,54],\"green\":[146,32,47],\"blue\":[217,50,58],\"purple\":[270,55,62],\"pink\":[329,57,58],\"red\":[1,69,60]}}},\"code\":{\"head\":[],\"body\":[],\"style\":[],\"css\":\"\"},\"files\":[],\"hasPassword\":false,\"hasFeed\":false,\"membershipTierIds\":null},\"smallText\":false,\"config\":\"$undefined\",\"pageLocation\":\"/contact\",\"passwords\":[],\"styles\":\"\",\"children\":[\"$L3a\",\"$L3b\",null]}]\n"])</script>
1936<script>self.__next_f.push([1,"3c:I[618378,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"PageRoot\"]\n3d:I[999377,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"Column\"]\n42:I[10042,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"PageDetails\"]\n3a:[\"$\",\"main\",null,{\"id\":\"page-contact\",\"className\":\"super-content page__contact parent-page__index\",\"children\":[null,null,null,[\"$\",\"div\",null,{\"className\":\"notion-header page\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__cover no-cover no-icon\",\"children\":null}],[\"$\",\"div\",null,{\"className\":\"notion-header__content max-width no-cover no-icon\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__title-wrapper\",\"children\":[null,[\"$\",\"h1\",null,{\"className\":\"notion-header__title\",\"children\":\"Contact\"}]]}],null]}]]}],[[\"$\",\"$L3c\",\"contact\",{\"id\":\"contact\",\"children\":[[\"$\",\"$1\",\"298caacc9ce08094b639fd5bb8030069,298caacc9ce08094b639fd5bb8030069\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"id\":\"298caacc9ce08094b639fd5bb8030069\"}],[\"$\",\"h1\",null,{\"id\":\"block-298caacc9ce08094b639fd5bb8030069\",\"className\":\"notion-heading notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Say hello\",{\"children\":\"Say hello\"}]],\"$undefined\"]}]]}],[\"$\",\"div\",\"297caacc9ce08002af4fe54a66b0090a,297caacc9ce08002af4fe54a66b0090a,297caacc9ce08002af4fe54a66b0090a\",{\"id\":\"block-297caacc9ce08002af4fe54a66b0090a\",\"className\":\"notion-column-list\",\"data-projects-grid\":\"$undefined\",\"children\":[[\"$\",\"$L3d\",\"297caacc9ce08084b8a9df2a44410d85,297caacc9ce08084b8a9df2a44410d85\",{\"id\":\"297caacc9ce08084b8a9df2a44410d85\",\"children\":[[\"$\",\"p\",\"297caacc9ce0803f8c4adbb0b041de39,297caacc9ce0803f8c4adbb0b041de39\",{\"id\":\"block-297caacc9ce0803f8c4adbb0b041de39\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-If you’d like to talk about how I can help you untangle your brand, just book a quick chat, send an email, or get in touch through social.\",{\"children\":\"If you’d like to talk about how I can help you untangle your brand, just book a quick chat, send an email, or get in touch through social.\"}]],\"$undefined\"]}],[\"$\",\"div\",\"297caacc9ce080469b07fa9db2918bf7,297caacc9ce080469b07fa9db2918bf7\",{\"id\":\"block-297caacc9ce080469b07fa9db2918bf7\",\"className\":\"notion-text\"}]],\"hasContent\":true,\"parentId\":\"297caacc9ce08002af4fe54a66b0090a\",\"title\":null,\"updatedAt\":1761480220731,\"type\":\"column\",\"ratio\":1,\"ctx\":{\"head\":{\"url\":\"https://untangleyourbrand.com/contact\",\"title\":\"Say hello\",\"description\":\"Want to talk about your brand? Book a free Quick Chat, drop me an email, or say hello on social. Happy to talk records too, if that's more your thing.\",\"root\":{\"id\":\"0aa8bb9b839d44499f5d954244a90bc9\",\"uri\":\"/\",\"t
1936itle\":\"Untangle Your Brand\",\"icon\":\"/icons/circle-dot_pink.svg\"},\"image\":\"https://assets.super.so/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95/uploads/cover/24e70d1c-cd58-4986-9dc0-b2559bf85226.png\",\"canonical\":null,\"author\":null,\"favicon\":\"https://assets.super.so/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95/uploads/favicon/358ef569-a475-483f-881e-94e762373554.jpg\",\"breadcrumbs\":[{\"id\":\"contact\",\"uri\":\"/contact\",\"title\":\"Contact\",\"icon\":null}]},\"settings\":{\"siteId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95\",\"userId\":\"95ffce6f-150a-471f-9f9b-97b330be502c\",\"domainName\":\"untangleyourbrand.com\",\"name\":\"Untangle Your Brand\",\"active\":true,\"free\":false,\"tier\":\"personal\",\"favicon\":\"https://assets.super.so/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95/uploads/favicon/358ef569-a475-483f-881e-94e762373554.jpg\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":\"$5:props:settings:languages\",\"notionPage\":\"0aa8bb9b839d44499f5d954244a90bc9\",\"indexPageId\":\"64be8cb0-2e17-4ffc-9f92-f1f1831a9a95:::e0c863f8-5292-4a03-80f7-7fdc22f09127\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"floatingTableOfContents\":false,\"siteSearch\":true,\"advancedSearch\":false,\"themeToggle\":false,\"mondayFirst\":true,\"loadLimits\":false,\"hidePersonInfo\":false,\"showPropertyIcons\":false,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":\"$5:props:settings:navbar\",\"footer\":\"$5:props:settings:footer\",\"sidebar\":\"$5:props:settings:sidebar\",\"theme\":\"$5:props:settings:theme\",\"code\":\"$5:props:settings:code\",\"files\":\"$5:props:settings:files\",\"hasPassword\":false,\"hasFeed\":false,\"membershipTierIds\":null},\"records\":\"$5:props:records\",\"pageId\":\"contact\"},\"listLength\":2,\"listOrder\":0,\"isProjectsGrid\":false}],\"$L3e\"]}],\"$L3f\",\"$L40\",\"$L41\"],\"hasContent\":true,\"parentId\":\"0aa8bb9b839d44499f5d954244a90bc9\",\"title\":\"$5:props:records:block:contact:title\",\"updatedAt\":1784712195493,\"type\":\"page\",\"spaceId\":\"f4ba9ba2-504b-4803-a30c-dd06e06c3771\",\"createdTime\":1761408881160,\"lastEditedTime\":1784712195493,\"createdBy\":\"$5:props:records:block:contact:createdBy\",\"lastEditedBy\":\"$5:props:records:block:contact:lastEditedBy\",\"uri\":\"/contact\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":\"$5:props:records:block:contact:superProperties\",\"propertyValues\":\"$5:props:records:block:contact:propertyValues\",\"blockId\":\"297caacc-9ce0-8031-abde-fb8df4771116\",\"isRoot\":true,\"ctx\":\"$3a:props:children:4:0:props:children:1:props:children:0:props:ctx\"}]]]}]\n3b:[\"$\",\"$L42\",null,{\"id\":\"contact\",\"children\":\"$5:props:records:block:contact:children\",\"hasContent\":true,\"parentId\":\"0aa8bb9b839d44499f5d954244a90bc9\",\"title\":\"$5:props:records:block:contact:title\",\"updatedAt\":1784712195493,\"type\":\"page\",\"spaceId\":\"f4ba9ba2-504b-4803-a30c-dd06e06c3771\",\"createdTime\":1761408881160,\"lastEditedTime\":1784712195493,\"createdBy\":\"$5:props:records:block:contact:createdBy\",\"lastEditedBy\":\"$5:props:records:block:contact:lastEditedBy\",\"uri\":\"/contact\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":\"$5:props:records:block:contact:superProperties\",\"propertyValues\":\"$5:props:records:block:contact:propertyValues\",\"blockId\":\"297caacc-9ce0-8031-abde-fb8df4771116\",\"ctx\":\"$3a:props:children:4:0:props:children:1:props:children:0:props:ctx\"}]\n"])</script>
1936<script>self.__next_f.push([1,"43:I[537826,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"Link\"]\n46:I[165929,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"EmbedContent\"]\n3e:[\"$\",\"$L3d\",\"297caacc9ce0802eb378c7ad4abe6707,297caacc9ce0802eb378c7ad4abe6707\",{\"id\":\"297caacc9ce0802eb378c7ad4abe6707\",\"children\":[[\"$\",\"div\",\"297caacc9ce08059a945c0b8ef1e97d0,297caacc9ce08059a945c0b8ef1e97d0\",{\"id\":\"block-297caacc9ce08059a945c0b8ef1e97d0\",\"className\":\"notion-text\"}]],\"hasContent\":true,\"parentId\":\"297caacc9ce08002af4fe54a66b0090a\",\"title\":null,\"updatedAt\":1761480208089,\"type\":\"column\",\"ratio\":1,\"ctx\":\"$3a:props:children:4:0:props:children:1:props:children:0:props:ctx\",\"listLength\":2,\"listOrder\":1,\"isProjectsGrid\":false}]\n3f:[\"$\",\"div\",\"297caacc9ce080bb92a2e268805d548c,297caacc9ce080bb92a2e268805d548c\",{\"id\":\"block-297caacc9ce080bb92a2e268805d548c\",\"className\":\"notion-text\"}]\n40:[\"$\",\"div\",\"298caacc9ce080b7af41fa7e203057d3,298caacc9ce080b7af41fa7e203057d3,298caacc9ce080b7af41fa7e203057d3\",{\"id\":\"block-298caacc9ce080b7af41fa7e203057d3\",\"className\":\"notion-column-list\",\"data-projects-grid\":\"$undefined\",\"children\":[[\"$\",\"$L3d\",\"298caacc9ce0807ba4a7c2d667d6fd99,298caacc9ce0807ba4a7c2d667d6fd99\",{\"id\":\"298caacc9ce0807ba4a7c2d667d6fd99\",\"children\":[[\"$\",\"p\",\"297caacc9ce08022b7acd0231d4cd836,297caacc9ce08022b7acd0231d4cd836\",{\"id\":\"block-297caacc9ce08022b7acd0231d4cd836\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$L43\",\"mailto:[email protected]\",{\"className\":\"link\",\"uri\":\"mailto:[email protected]\",\"serverHref\":\"$undefined\",\"children\":[\"$\",\"$1\",\"[email protected]\",{\"children\":\"[email protected]\"}]}]],\"$undefined\"]}],[\"$\",\"p\",\"297caacc9ce080f59c32d063388dc86f,297caacc9ce080f59c32d063388dc86f\",{\"id\":\"block-297caacc9ce080f59c32d063388dc86f\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-+44 7957 253907\",{\"children\":\"+44 7957 253907\"}]],\"$undefined\"]}],[\"$\",\"div\",\"297caacc9ce0806d89f1f29887d63676,297caacc9ce0806d89f1f29887d63676\",{\"id\":\"block-297caacc9ce0806d89f1f29887d63676\",\"className\":\"notion-text\"}]],\"hasContent\":true,\"parentId\":\"298caacc9ce080b7af41fa7e203057d3\",\"title\":null,\"updatedAt\":1761480258823,\"type\":\"column\",\"ratio\":1,\"ctx\":\"$3a:props:children:4:0:props:children:1:props:children:0:props:ctx\",\"listLength\":4,\"listOrder\":0,\"isProjectsGrid\":false}],[\"$\",\"$L3d\",\"298caacc9ce080c0826fc3387e9fa6e9,298caacc9ce080c0826fc3387e9fa6e9\",{\"id\":\"298caacc9ce080c0826fc3387e9fa6e9\",\"children\":[[\"$\",\"div\",\"298caacc9ce080ba90bafd3780b75572,298caacc9ce080ba90bafd3780b75572\",{\"id\":\"block-298caacc9ce080ba90bafd3780b75572\",\"className\":\"notion-text\"}]],\"hasContent\":true,\"parentId\":\"298caacc9ce080b7af41fa7e203057d3\",\"title\":null,\"updatedAt\":1761480252176,\"type\":\"column\",\"ratio\":1,\"ctx\":\"$3a:props:children:4:0:props:children:1:props:children:0:props:ctx\",\"listLength\":4,\"listOrder\":1,\"isProjectsGrid\":false}],[\"$\",\"$L3d\",\"298caacc9ce08046b5d7d817738f9226,298caacc9ce08046b5d7d817738f9226\",{\"id\":\"298caacc9ce08046b5d7d817738f9226\",\"children\":[[\"$\",\"div\",\"298caacc9ce08034ad17d1b287535313,298caacc9ce08034ad17d1b287535313\",{\"id\":\"block-298caacc9ce08034ad17d1b287535313\",\"className\":\"notion-text\"}],[\"$\",\"p\",\"297caacc9ce08013aa20d097bd831156,297caacc9ce08013aa20d097bd831156\",{\"id\":\"block-297caacc9ce08013aa20d097bd831156\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$L43\",\"https://www.linkedin.com/in/pincreative/\",{\"className\":\"link\",\"uri\":\"https://www.linkedin.com/in/pincreative/\",\"serverHref\":\"https://www.linkedin.com/in/pincreative/\",\"children\":[\"$\",\"$1\",\"0-LinkedIn\",{\"children\":\"LinkedIn\"}]}]],\"$undefined\"]}],[\"$\",\"p\",\"297caacc9ce0809487e2dbc28876ad8e,297caacc9ce0809487e2dbc28876ad8e\",{\"id\":\"block-297caacc9ce0809487e2dbc28876ad8e\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$L43\",\"https://www.facebook.com/groups/untangleyourbrand/\",{\"className\":\"link\",\"uri\":\"https://www.facebook.com/groups/untangleyourbrand/\",\"serverHref\":\"https://www.facebook.com/groups/untangleyourbrand/\",\"children\":[\"$\",\"$1\",\"0-Facebook\",{\"children\":\"Facebook\"}]}]],\"$undefined\"]}],[\"$\",\"p\",\"297caacc9ce08073ae29e05629f22bea,297caacc9ce08073ae29e05629f22bea\",{\"id\":\"block-297caacc9ce08073ae29e05629f22bea\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$L43\",\"https://www.instagram.com/untangleyourbrand/\",{\"className\":\"link\",\"uri\":\"https://www.instagram.com/untangleyourbrand/\",\"serverHref\":\"https://www.instagram.com/untangleyourbrand/\",\"children\":[\"$\",\"$1\",\"0-Instagram\",{\"children\":\"Instagram\"}]}]],\"$undefined\"]}],[\"$\",\"p\",\"297caacc9ce08003b7edf8718178d90f,297caacc9ce08003b7edf8718178d90f\",{\"id\":\"block-297caacc9ce08003b7edf8718178d90f\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$L43\",\"https://open.spotify.com/user/nigel300\",{\"className\":\"link\",\"uri\":\"https://open.spotify.com/user/nigel300\",\"serverHref\":\"https://open.spotify.com/user/nigel300\",\"children\":\"$L44\"}]],\"$undefined\"]}]],\"hasContent\":true,\"parentId\":\"298caacc9ce080b7af41fa7e203057d3\",\"title\":null,\"updatedAt\":1761480271215,\"type\":\"column\",\"ratio\":1,\"ctx\":\"$3a:props:children:4:0:props:children:1:props:children:0:props:ctx\",\"listLength\":4,\"listOrder\":2,\"isProjectsGrid\":false}],\"$L45\"]}]\n41:[\"$\",\"div\",\"297caacc9ce080659b18c45eda8c552f,297caacc9ce080659b18c45eda8c552f,297caacc9ce080659b18c45eda8c552f\",{\"id\":\"block-297caacc9ce080659b18c45eda8c552f\",\"className\":\"notion-column-list\",\"data-projects-grid\":\"$undefined\",\"children\":[[\"$\",\"$L3d\",\"297caacc9ce080b39d09d41fda05cf1e,297caacc9ce080b39d09d41fda05cf1e\",{\"id\":\"297caacc9ce080b39d09d41fda05cf1e\",\"children\":[[\"$\",\"$1\",\"297caacc9ce0803f91c7c30f3788b55f,297caacc9ce0803f91c7c30f3788b55f\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"
1936id\":\"297caacc9ce0803f91c7c30f3788b55f\"}],[\"$\",\"h3\",null,{\"id\":\"block-297caacc9ce0803f91c7c30f3788b55f\",\"className\":\"notion-heading notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$L43\",\"https://calendly.com/pincreative/chat\",{\"className\":\"link\",\"uri\":\"https://calendly.com/pincreative/chat\",\"serverHref\":\"https://calendly.com/pincreative/chat\",\"children\":[\"$\",\"$1\",\"0-Book a free Quick Chat\",{\"children\":\"Book a free Quick Chat\"}]}]],\"$undefined\"]}]]}],[\"$\",\"p\",\"297caacc9ce0804e8f63f547063199a8,297caacc9ce0804e8f63f547063199a8\",{\"id\":\"block-297caacc9ce0804e8f63f547063199a8\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-During the call, you can ask me anything about how I can help you untangle your brand, or we can chat about records and anything else you’re interested in.\",{\"children\":\"During the call, you can ask me anything about how I can help you untangle your brand, or we can chat about records and anything else you’re interested in.\"}]],\"$undefined\"]}],[\"$\",\"div\",\"297caacc9ce080f0b3f1ebfbc9b29232,297caacc9ce080f0b3f1ebfbc9b29232\",{\"id\":\"block-297caacc9ce080f0b3f1ebfbc9b29232\",\"className\":\"notion-text\"}],[\"$\",\"$1\",\"3a5caacc9ce080808989dda5b0cfd66c\",{\"children\":[[\"$\",\"$1\",\"297caacc9ce0809d8c5eee7520e6c3ec,297caacc9ce0809d8c5eee7520e6c3ec\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"id\":\"297caacc9ce0809d8c5eee7520e6c3ec\"}],[\"$\",\"h3\",null,{\"id\":\"block-297caacc9ce0809d8c5eee7520e6c3ec\",\"className\":\"notion-heading notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Sign-up, to keep up\",{\"children\":\"Sign-up, to keep up\"}]],\"$undefined\"]}]]}],[\"$\",\"p\",\"3a5caacc9ce08016a91fe80905d8efb6,3a5caacc9ce08016a91fe80905d8efb6\",{\"id\":\"block-3a5caacc9ce08016a91fe80905d8efb6\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Sign up below to read more of my content and find out when new tools launch.\",{\"children\":\"Sign up below to read more of my content and find out when new tools launch.\"}]],\"$undefined\"]}],[\"$\",\"span\",\"3a5caacc9ce08053a3f1d062d3d0cbf8,3a5caacc9ce08053a3f1d062d3d0cbf8\",{\"id\":\"block-3a5caacc9ce08053a3f1d062d3d0cbf8\",\"className\":\"notion-embed\",\"style\":{\"display\":\"block\",\"width\":\"100%\"},\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-embed__content\",\"style\":{\"display\":\"flex\",\"width\":\"100%\"},\"children\":[\"$\",\"$L46\",null,{\"id\":\"3a5caacc9ce08053a3f1d062d3d0cbf8\",\"children\":null,\"hasContent\":false,\"parentId\":\"3a5caacc9ce080808989dda5b0cfd66c\",\"title\":null,\"updatedAt\":1784712030205,\"type\":\"embed\",\"source\":\"https://pin-creative.github.io/ghost-signup-embed/\",\"altText\":null,\"isCaptionLink\":false,\"link\":null,\"width\":336,\"height\":96,\"alignment\":\"left\",\"fullWidth\":false,\"pageWidth\":true,\"aspectRatio\":-1,\"preserveScale\":true}]}],\"\"]}],[\"$\",\"p\",\"3a5caacc9ce080febc04f925649bcd50,3a5caacc9ce080febc04f925649bcd50\",{\"id\":\"block-3a5caacc9ce080febc04f925649bcd50\",\"className\":\"notion-text color-gray notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-By signing up, you'll be added to the PIN Creative mailing list and receive updates from the content platform Blah, Blah, Blah, covering brands, bands, creativity, and events. You can unsubscribe at any time.\",{\"children\":\"By signing up, you'll be added to the PIN Creative mailing list and receive updates from the content platform Blah, Blah, Blah, covering brands, bands, creativity, and events. You can unsubscribe at any time.\"}]],\"$undefined\"]}]]}],\"$L47\"],\"hasContent\":true,\"parentId\":\"297caacc9ce080659b18c45eda8c552f\",\"title\":null,\"updatedAt\":1784711370639,\"type\":\"column\",\"ratio\":1,\"ctx\":\"$3a:props:children:4:0:props:children:1:props:children:0:props:ctx\",\"listLength\":2,\"listOrder\":0,\"isProjectsGrid\":false}],\"$L48\"]}]\n"])</script>
1936<script>self.__next_f.push([1,"49:I[186656,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"Picture\"]\n44:[\"$\",\"$1\",\"0-Spotify\",{\"children\":\"Spotify\"}]\n45:[\"$\",\"$L3d\",\"298caacc9ce0807b89d9e385c361221d,298caacc9ce0807b89d9e385c361221d\",{\"id\":\"298caacc9ce0807b89d9e385c361221d\",\"children\":[[\"$\",\"div\",\"298caacc9ce080139a50c3178d7208f3,298caacc9ce080139a50c3178d7208f3\",{\"id\":\"block-298caacc9ce080139a50c3178d7208f3\",\"className\":\"notion-text\"}],[\"$\",\"div\",\"298caacc9ce080d7b1edd69bd922edc4,298caacc9ce080d7b1edd69bd922edc4\",{\"id\":\"block-298caacc9ce080d7b1edd69bd922edc4\",\"className\":\"notion-image align-start page-width\",\"style\":\"$undefined\",\"children\":[[\"$\",\"$L49\",null,{\"src\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9893e623-7ba6-4379-ba61-30b6343c20b6/UYB_BUBBLE_ILLUSTRATIONS_1920px4/public\",\"alt\":\"image\",\"width\":1920,\"height\":1080,\"objectFit\":\"contain\",\"objectPosition\":\"center\",\"priority\":\"$undefined\",\"sizes\":\"(max-width: 546px) 100vw, 100vw\",\"style\":{\"height\":\"auto\"},\"fullSizeSrc\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9893e623-7ba6-4379-ba61-30b6343c20b6/UYB_BUBBLE_ILLUSTRATIONS_1920px4/public\"}],\"\"]}]],\"hasContent\":true,\"parentId\":\"298caacc9ce080b7af41fa7e203057d3\",\"title\":null,\"updatedAt\":1761480264960,\"type\":\"column\",\"ratio\":1,\"ctx\":\"$3a:props:children:4:0:props:children:1:props:children:0:props:ctx\",\"listLength\":4,\"listOrder\":3,\"isProjectsGrid\":false}]\n47:[\"$\",\"div\",\"3a5caacc9ce080c08b15e0753a20a2ac,3a5caacc9ce080c08b15e0753a20a2ac\",{\"id\":\"block-3a5caacc9ce080c08b15e0753a20a2ac\",\"className\":\"notion-text\"}]\n48:[\"$\",\"$L3d\",\"297caacc9ce080cb8b32d6eaf0479532,297caacc9ce080cb8b32d6eaf0479532\",{\"id\":\"297caacc9ce080cb8b32d6eaf0479532\",\"children\":[[\"$\",\"div\",\"297caacc9ce08084b056da871f7f4d33,297caacc9ce08084b056da871f7f4d33\",{\"id\":\"block-297caacc9ce08084b056da871f7f4d33\",\"className\":\"notion-text\"}],[\"$\",\"div\",\"297caacc9ce08091a430da66babf39b1,297caacc9ce08091a430da66babf39b1\",{\"id\":\"block-297caacc9ce08091a430da66babf39b1\",\"className\":\"notion-text color-green\"}],[\"$\",\"div\",\"297caacc9ce080229f47eac21fbe1b65,297caacc9ce080229f47eac21fbe1b65\",{\"id\":\"block-297caacc9ce080229f47eac21fbe1b65\",\"className\":\"notion-text\"}]],\"hasContent\":true,\"parentId\":\"297caacc9ce080659b18c45eda8c552f\",\"title\":null,\"updatedAt\":1761410988251,\"type\":\"column\",\"ratio\":1,\"ctx\":\"$3a:props:children:4:0:props:children:1:props:children:0:props:ctx\",\"listLength\":2,\"listOrder\":1,\"isProjectsGrid\":false}]\n"])</script>
1936<script>self.__next_f.push([1,"8:null\nd:[[\"$\",\"title\",\"0\",{\"children\":\"Say hello\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Want to talk about your brand? Book a free Quick Chat, drop me an email, or say hello on social. Happy to talk records too, if that's more your thing.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"generator\",\"content\":\"Super\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"Say hello\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"Want to talk about your brand? Book a free Quick Chat, drop me an email, or say hello on social. Happy to talk records too, if that's more your thing.\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://untangleyourbrand.com/contact\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:site_name\",\"content\":\"Say hello\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://assets.super.so/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95/uploads/cover/24e70d1c-cd58-4986-9dc0-b2559bf85226.png\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:alt\",\"content\":\"Say hello\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:title\",\"content\":\"Say hello\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:description\",\"content\":\"Want to talk about your brand? Book a free Quick Chat, drop me an email, or say hello on social. Happy to talk records too, if that's more your thing.\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image\",\"content\":\"https://assets.super.so/64be8cb0-2e17-4ffc-9f92-f1f1831a9a95/uploads/cover/24e70d1c-cd58-4986-9dc0-b2559bf85226.png\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:image:alt\",\"content\":\"Say hello\"}]]\n"])</script>
1936</body></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.