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'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'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'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'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.