<!DOCTYPE html><html lang="en-GB"><head><meta charset="utf-8"><script>
      // Sci-fi mode (easter egg, see SciFi.astro): stay in space from page to page, without a flash of the normal site
      try { if (sessionStorage.getItem('s8-scifi') === '1') document.documentElement.classList.add('scifi'); } catch (e) {}
    </script><script>
      // Safari (and every browser on iPhone/iPad, which all use WebKit) blurs filtered text badly.
      (function () {
        var ua = navigator.userAgent;
        var ios = /iP(hone|ad|od)/.test(ua) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
        var safari = /AppleWebKit/.test(ua) && !/Chrome|Chromium|Edg|OPR|Firefox/.test(ua);
        if (ios || safari) document.documentElement.classList.add('webkit');
      })();
    </script><meta name="viewport" content="width=device-width, initial-scale=1"><title>Journal · Super 8 Studio</title><meta name="description" content="Ideas and practical advice on brands, websites, design systems and illustration, from the Super 8 studio."><link rel="canonical" href="https://supereightstudio.com/journal"><link rel="alternate" hreflang="en" href="https://supereightstudio.com/journal"><link rel="alternate" hreflang="es" href="https://supereightstudio.com/es/journal"><link rel="alternate" hreflang="x-default" href="https://supereightstudio.com/journal"><link rel="icon" href="/favicon.ico?v=2" sizes="32x32"><link rel="icon" href="/favicon.svg?v=2" type="image/svg+xml"><link rel="apple-touch-icon" href="/apple-touch-icon.png?v=2"><link rel="manifest" href="/site.webmanifest?v=2"><link rel="sitemap" href="/sitemap-index.xml"><meta name="theme-color" content="#ece4d4"><meta property="og:type" content="website"><meta property="og:locale" content="en_GB"><meta property="og:site_name" content="Super 8 Studio"><meta property="og:title" content="Journal · Super 8 Studio"><meta property="og:description" content="Ideas and practical advice on brands, websites, design systems and illustration, from the Super 8 studio."><meta property="og:url" content="https://supereightstudio.com/journal"><meta property="og:image" content="https://supereightstudio.com/og.png?v=2"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="Journal · Super 8 Studio"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Journal · Super 8 Studio"><meta name="twitter:description" content="Ideas and practical advice on brands, websites, design systems and illustration, from the Super 8 studio."><meta name="twitter:image" content="https://supereightstudio.com/og.png?v=2"><link rel="alternate" type="application/rss+xml" title="Super 8 Journal" href="/journal/rss.xml"><script defer src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon="{&quot;token&quot;:&quot;e26a3c45edd442f49bfe6c243728994e&quot;}"></script><script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":["ProfessionalService","Organization"],"@id":"https://supereightstudio.com/#studio","name":"Super 8 Studio","alternateName":["Super 8","Supereight Studio","Supereight Studio Ltd"],"legalName":"Supereight Studio Ltd","url":"https://supereightstudio.com","logo":"https://supereightstudio.com/icon-512.png","image":"https://supereightstudio.com/og.png","description":"An independent design studio helping fintech and B2B tech companies look like where they’re heading. Brand identity, websites and design systems, from the UK and Spain.","email":"hello@supereightstudio.com","foundingDate":"2009","founder":{"@id":"https://supereightstudio.com/studio#matt-hamm"},"vatID":"GB948310517","identifier":{"@type":"PropertyValue","propertyID":"UK Companies House number","value":"06788663"},"address":{"@type":"PostalAddress","streetAddress":"6 New Mill Lane","addressLocality":"Witney","addressRegion":"Oxfordshire","postalCode":"OX29 9TF","addressCountry":"GB"},"location":[{"@type":"Place","name":"Oxfordshire studio","address":{"@type":"PostalAddress","addressRegion":"Oxfordshire","addressCountry":"GB"}},{"@type":"Place","name":"Valencia studio","address":{"@type":"PostalAddress","addressLocality":"Valencia","addressCountry":"ES"}}],"areaServed":"Worldwide","knowsLanguage":["en","es"],"knowsAbout":["Brand identity","Logo design","Website design","Web development","Design systems","Illustration","Animation","Marketing design","Fintech","B2B software"],"slogan":"Brands designed to be trusted.","priceRange":"£££","sameAs":["https://www.linkedin.com/company/supereight-studio-ltd","https://bsky.app/profile/supereightstudio.com","https://www.instagram.com/supereightagram/","https://dribbble.com/supereight"]},{"@type":"Person","@id":"https://supereightstudio.com/studio#matt-hamm","name":"Matt Hamm","jobTitle":"Founder & Creative Director","worksFor":{"@id":"https://supereightstudio.com/#studio"},"url":"https://www.matthamm.com"},{"@type":"WebSite","@id":"https://supereightstudio.com/#website","url":"https://supereightstudio.com","name":"Super 8 Studio","inLanguage":"en-GB","publisher":{"@id":"https://supereightstudio.com/#studio"}},{"@type":"WebPage","@id":"https://supereightstudio.com/journal#page","url":"https://supereightstudio.com/journal","name":"Journal · Super 8 Studio","description":"Ideas and practical advice on brands, websites, design systems and illustration, from the Super 8 studio.","inLanguage":"en-GB","isPartOf":{"@id":"https://supereightstudio.com/#website"},"about":{"@id":"https://supereightstudio.com/#studio"}}]}</script><link rel="stylesheet" href="/_astro/BaseLayout.BDc16YkC.css"><style>.chip[data-astro-cid-k2qn5omv]{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;font-size:11px;font-weight:500;line-height:1.2;display:inline-flex}.chip--sm[data-astro-cid-k2qn5omv]{padding:6px 12px}.chip--md[data-astro-cid-k2qn5omv]{padding:11px 18px}.chip--dark[data-astro-cid-k2qn5omv]{background:var(--ink-2);color:var(--chip-text-dark)}.chip--ink[data-astro-cid-k2qn5omv]{background:var(--ink);color:var(--stone)}.chip--paper[data-astro-cid-k2qn5omv]{background:var(--paper);color:var(--ink)}.chip--stone[data-astro-cid-k2qn5omv]{background:var(--stone);color:var(--ink)}.chip--outline[data-astro-cid-k2qn5omv]{color:var(--ink);background:0 0;border-color:#13131340}.chip--accent[data-astro-cid-k2qn5omv]{background:var(--accent);color:var(--accent-ink);padding:7px 12px}.chip--ghost[data-astro-cid-k2qn5omv]{color:var(--stone);background:0 0;border-color:#f6f5f166;padding:7px 12px}button[data-astro-cid-k2qn5omv].chip{cursor:pointer}
@layer astro.images{:where([data-astro-image]){height:auto}:where([data-astro-image=full-width]){width:100%}:where([data-astro-image=constrained]){max-width:100%}[data-astro-image-fit=fill]{object-fit:fill}[data-astro-image-fit=contain]{object-fit:contain}[data-astro-image-fit=cover]{object-fit:cover}[data-astro-image-fit=scale-down]{object-fit:scale-down}[data-astro-image-pos=top]{object-position:top}[data-astro-image-pos=bottom]{object-position:bottom}[data-astro-image-pos=left]{object-position:left}[data-astro-image-pos=right]{object-position:right}[data-astro-image-pos=center]{object-position:center}[data-astro-image-pos=top-left]{object-position:top left}[data-astro-image-pos=top-right]{object-position:top right}[data-astro-image-pos=top-center]{object-position:top center}[data-astro-image-pos=bottom-left]{object-position:bottom left}[data-astro-image-pos=bottom-right]{object-position:bottom right}[data-astro-image-pos=bottom-center]{object-position:bottom center}[data-astro-image-pos=left-top]{object-position:left top}[data-astro-image-pos=left-bottom]{object-position:left bottom}[data-astro-image-pos=left-center]{object-position:left center}[data-astro-image-pos=right-top]{object-position:right top}[data-astro-image-pos=right-bottom]{object-position:right bottom}[data-astro-image-pos=right-center]{object-position:right center}[data-astro-image-pos=center-top]{object-position:center top}[data-astro-image-pos=center-bottom]{object-position:center bottom}[data-astro-image-pos=center-left]{object-position:center left}[data-astro-image-pos=center-right]{object-position:center right}}
.np[data-astro-cid-anhc3lkx][hidden]{display:none}.np-link[data-astro-cid-anhc3lkx]{border:1px solid var(--line);background:var(--stone);border-radius:20px;align-items:center;gap:20px;max-width:560px;padding:12px 28px 12px 12px;transition:border-color .2s;display:flex}.np-link[data-astro-cid-anhc3lkx]:hover{border-color:var(--ink)}.art[data-astro-cid-anhc3lkx]{clip-path:inset(0 round 12px);background:var(--paper) url(/img/vinyl.svg) center / 70% no-repeat;border-radius:12px;flex-shrink:0;width:72px;height:72px;overflow:hidden}.art[data-astro-cid-anhc3lkx] img[data-astro-cid-anhc3lkx]{object-fit:cover;width:100%;height:100%}.art[data-astro-cid-anhc3lkx] img[data-astro-cid-anhc3lkx]:not([src]){visibility:hidden}.text[data-astro-cid-anhc3lkx]{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.label[data-astro-cid-anhc3lkx]{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.track[data-astro-cid-anhc3lkx]{font-family:var(--font-serif);text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:1.2;overflow:hidden}.sep[data-astro-cid-anhc3lkx],.artist[data-astro-cid-anhc3lkx]{color:var(--muted)}.arrow[data-astro-cid-anhc3lkx]{font-size:18px}@media (width<=600px){.np-link[data-astro-cid-anhc3lkx]{gap:14px;padding-right:16px}.art[data-astro-cid-anhc3lkx]{width:56px;height:56px}.track[data-astro-cid-anhc3lkx]{white-space:normal;font-size:18px}}
</style><link rel="stylesheet" href="/_astro/journal.rjgZUyKz.css"><link rel="stylesheet" href="/_astro/AmbientSounds.D8hgjFVY.css"><style>.post[data-astro-cid-qeit7od3]{flex-direction:column;gap:22px;display:flex}.img[data-astro-cid-qeit7od3]{aspect-ratio:620/400;clip-path:inset(0 round 16px);background:var(--ink);border-radius:16px;overflow:hidden}.img[data-astro-cid-qeit7od3] img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}a[data-astro-cid-qeit7od3].post:hover .img[data-astro-cid-qeit7od3] img{transform:scale(1.03)}.meta[data-astro-cid-qeit7od3]{color:var(--muted);align-items:center;gap:12px;font-size:14px;display:flex}.when[data-astro-cid-qeit7od3]{white-space:pre}@media (width<=640px){.meta[data-astro-cid-qeit7od3]{flex-wrap:wrap;row-gap:8px}.when[data-astro-cid-qeit7od3]{white-space:pre-wrap}}.title[data-astro-cid-qeit7od3]{font-family:var(--font-sans);font-size:clamp(22px,1.95vw,28px);font-weight:500;line-height:1.2}.dek[data-astro-cid-qeit7od3]{font-family:var(--font-serif);color:var(--muted);font-size:21px;line-height:1.4}.post--sm[data-astro-cid-qeit7od3]{gap:16px}.post--sm[data-astro-cid-qeit7od3] .img[data-astro-cid-qeit7od3]{aspect-ratio:413/300}.post--sm[data-astro-cid-qeit7od3] .title[data-astro-cid-qeit7od3]{font-size:clamp(21px,1.67vw,24px);line-height:1.25}.post--sm[data-astro-cid-qeit7od3] .dek[data-astro-cid-qeit7od3]{font-size:19px;line-height:1.35}.post--sm[data-astro-cid-qeit7od3] .chip--outline{border-color:#1313134d}
.pill[data-astro-cid-b7tmfpbf]{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:8px;padding:16px 28px;font-size:13px;font-weight:600;line-height:1.2;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.pill[data-astro-cid-b7tmfpbf]:hover{transform:translateY(-1px)}.pill--ink[data-astro-cid-b7tmfpbf]{background:var(--ink);color:var(--stone)}.pill--ink[data-astro-cid-b7tmfpbf]:hover{background:var(--teal);color:var(--ink)}.pill--light[data-astro-cid-b7tmfpbf]{background:var(--stone);color:var(--ink)}.pill--light[data-astro-cid-b7tmfpbf]:hover{background:var(--teal)}.pill--soft[data-astro-cid-b7tmfpbf]{background:var(--ink-2);color:var(--stone)}.pill--accent[data-astro-cid-b7tmfpbf]{background:var(--accent);color:var(--accent-ink)}.pill--accent[data-astro-cid-b7tmfpbf]:hover{background:var(--stone);color:var(--accent-ink)}.pill--deep[data-astro-cid-b7tmfpbf]{background:var(--page-bg);color:var(--stone)}.pill--deep[data-astro-cid-b7tmfpbf]:hover{background:var(--accent-ink)}.pill--orange[data-astro-cid-b7tmfpbf]{background:var(--orange);color:var(--stone)}.pill--orange[data-astro-cid-b7tmfpbf]:hover{background:var(--stone);color:var(--ink)}.pill--outline[data-astro-cid-b7tmfpbf]{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:0 0}.pill--outline[data-astro-cid-b7tmfpbf]:hover{background:var(--ink);color:var(--stone)}.pill--soft[data-astro-cid-b7tmfpbf]:hover{background:var(--teal);color:var(--ink)}
</style></head><body class="theme-cream" id="top"><div class="page"><header class="nav" data-astro-cid-wpvy4v7s><a class="logo" href="/" aria-label="Super 8 Studio, home" data-astro-cid-wpvy4v7s><span class="mark" style="--h:30px;--w:18.072289156626507px" aria-hidden="true" data-spin data-astro-cid-27oicc4y><svg width="100" height="166" viewBox="0 0 100 166" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="116" r="50" fill="#07BCB4"/>
<circle cx="50" cy="50" r="50" fill="#F1501B"/>
<path d="M50 66C64.9675 66 78.3963 72.5789 87.5596 83C78.3963 93.4211 64.9675 100 50 100C35.0323 100 21.6027 93.4214 12.4395 83C21.6027 72.5786 35.0323 66 50 66Z" fill="#073B13"/>
</svg>
</span><script type="module">var e=[...document.querySelectorAll(`[data-spin] svg`)],t=window.matchMedia(`(prefers-reduced-motion: reduce)`),n=`cubic-bezier(0.65, 0, 0.35, 1)`,r=2200,i=()=>{t.matches||document.hidden||e.forEach(e=>{let[t,i]=[...e.querySelectorAll(`circle`)].sort((e,t)=>Number(e.getAttribute(`cy`))-Number(t.getAttribute(`cy`))),a=e.querySelector(`path`);if(!t||!i)return;let o=Number(i.getAttribute(`cy`))-Number(t.getAttribute(`cy`)),s=e=>[{transform:`translateY(0)`,offset:0,easing:n},{transform:`translateY(${e}px)`,offset:.42},{transform:`translateY(${e}px)`,offset:1}];t.animate(s(o),{duration:r}),i.animate(s(-o),{duration:r});let c=e.querySelector(`circle[fill="#F1501B"]`);a?.animate(c?[{opacity:1,offset:0},{opacity:0,offset:.01},{opacity:0,offset:.99},{opacity:1,offset:1}]:[{opacity:1,offset:0},{opacity:0,offset:.08},{opacity:0,offset:.36},{opacity:1,offset:.46},{opacity:1,offset:1}],{duration:r}),e.animate([{transform:`rotate(0turn)`,offset:0},{transform:`rotate(0turn)`,offset:.48,easing:n},{transform:`rotate(0.5turn)`,offset:1}],{duration:r})})},a=`http://www.w3.org/2000/svg`,o=(e,t,n)=>{let r=document.createElementNS(a,e);for(let[e,n]of Object.entries(t))r.setAttribute(e,String(n));return n.appendChild(r),r},s=e.map((e,t)=>{let n=`s8-glitch-${t}`,r=o(`defs`,{},e),i=o(`filter`,{id:n,x:`-40%`,y:`-15%`,width:`180%`,height:`130%`,"color-interpolation-filters":`sRGB`},r),a=o(`feTurbulence`,{type:`fractalNoise`,baseFrequency:`0.002 0.25`,numOctaves:1,seed:1,result:`noise`},i),s=o(`feDisplacementMap`,{in:`SourceGraphic`,in2:`noise`,scale:0,xChannelSelector:`R`,yChannelSelector:`A`,result:`torn`},i);o(`feColorMatrix`,{in:`torn`,type:`matrix`,values:`1 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0`,result:`r`},i);let c=o(`feOffset`,{in:`r`,dx:0,dy:0,result:`ro`},i);o(`feColorMatrix`,{in:`torn`,type:`matrix`,values:`0 0 0 0 0  0 1 0 0 0  0 0 0 0 0  0 0 0 1 0`,result:`g`},i),o(`feColorMatrix`,{in:`torn`,type:`matrix`,values:`0 0 0 0 0  0 0 0 0 0  0 0 1 0 0  0 0 0 1 0`,result:`b`},i);let l=o(`feOffset`,{in:`b`,dx:0,dy:0,result:`bo`},i);o(`feBlend`,{in:`ro`,in2:`g`,mode:`screen`,result:`rg`},i),o(`feBlend`,{in:`rg`,in2:`bo`,mode:`screen`,result:`rgb`},i);let u=o(`feFlood`,{x:0,y:0,width:1,height:1,"flood-color":`#000`,result:`dot`},i),d=o(`feComposite`,{in:`dot`,in2:`dot`,operator:`over`,x:0,y:0,width:1,height:1,result:`cell`},i);return o(`feTile`,{in:`cell`,result:`grid`},i),o(`feComposite`,{in:`rgb`,in2:`grid`,operator:`in`,result:`sampled`},i),{id:n,noise:a,tear:s,red:c,blue:l,dot:u,cell:d,grow:o(`feMorphology`,{in:`sampled`,operator:`dilate`,radius:0},i)}}),c=(e,t)=>e+Math.random()*(t-e),l=e=>e[Math.floor(Math.random()*e.length)],u=()=>{t.matches||document.hidden||e.forEach((e,t)=>{let n=s[t],r=Math.max(1,e.getBoundingClientRect().height/30),i=0;e.style.filter=`url(#${n.id})`;let a=()=>{let t=i>=14,o=Math.random()<.35,s=t?0:c(.6,o?3.2:1.6)*r,u=t?1:l([1,1,2,3,o?4:2])*r;n.noise.setAttribute(`seed`,String(Math.floor(c(1,999)))),n.tear.setAttribute(`scale`,String(t?0:c(2,o?22:10)*r)),n.red.setAttribute(`dx`,String(s)),n.blue.setAttribute(`dx`,String(-s)),n.red.setAttribute(`dy`,String(t?0:c(-.5,.5)*r));for(let e of[`width`,`height`])n.dot.setAttribute(e,`1`),n.cell.setAttribute(e,String(u));n.grow.setAttribute(`radius`,String(u>1?u/2:0)),e.style.transform=t?``:`translateX(${c(-1.5,1.5)*r}px)`,e.style.opacity=!t&&Math.random()<.18?`0.55`:``,i+=1,i<=16?setTimeout(a,c(45,90)):(e.style.filter=``,e.style.transform=``,e.style.opacity=``)};a()})},d=0,f=()=>{(d%2==0?i:u)(),d+=1};e.length&&(setTimeout(f,300),setInterval(f,2e4));</script><span class="wordmark" data-astro-cid-wpvy4v7s>SUPER 8</span></a><nav class="links" aria-label="Main" data-astro-cid-wpvy4v7s><a href="/work" data-astro-cid-wpvy4v7s>Work</a><a href="/studio" data-astro-cid-wpvy4v7s>Studio</a><a href="/services" data-astro-cid-wpvy4v7s>Services</a><a href="/journal" aria-current="page" data-astro-cid-wpvy4v7s>Journal</a><a class="cta" href="/start-a-project" data-astro-cid-wpvy4v7s>Start a project <span class="arrow" aria-hidden="true" data-astro-cid-wpvy4v7s>↗</span></a><div class="lang" role="group" aria-label="Language" data-astro-cid-wpvy4v7s><a href="/journal" hreflang="en" lang="en" aria-current="true" title="English" data-lang-link="en" data-astro-cid-wpvy4v7s>EN</a><a href="/es/journal" hreflang="es" lang="es" title="Español" data-lang-link="es" data-astro-cid-wpvy4v7s>ES</a></div></nav><button class="menu-btn" type="button" aria-expanded="false" aria-controls="mobile-menu" data-astro-cid-wpvy4v7s><span class="visually-hidden" data-astro-cid-wpvy4v7s>Menu</span><span class="bars" aria-hidden="true" data-astro-cid-wpvy4v7s></span></button><div class="mobile" id="mobile-menu" hidden data-astro-cid-wpvy4v7s><a href="/work" data-astro-cid-wpvy4v7s>Work</a><a href="/studio" data-astro-cid-wpvy4v7s>Studio</a><a href="/services" data-astro-cid-wpvy4v7s>Services</a><a href="/journal" data-astro-cid-wpvy4v7s>Journal</a><a class="cta" href="/start-a-project" data-astro-cid-wpvy4v7s>Start a project <span class="arrow" aria-hidden="true" data-astro-cid-wpvy4v7s>↗</span></a><div class="lang lang--mobile" role="group" aria-label="Language" data-astro-cid-wpvy4v7s><a href="/journal" hreflang="en" lang="en" aria-current="true" data-lang-link="en" data-astro-cid-wpvy4v7s>English</a><a href="/es/journal" hreflang="es" lang="es" data-lang-link="es" data-astro-cid-wpvy4v7s>Español</a></div></div></header><script type="module">var e=document.querySelector(`.menu-btn`),t=document.getElementById(`mobile-menu`);e?.addEventListener(`click`,()=>{let n=e.getAttribute(`aria-expanded`)===`true`;e.setAttribute(`aria-expanded`,String(!n)),t&&(t.hidden=n),document.documentElement.classList.toggle(`menu-open`,!n)}),document.querySelectorAll(`[data-lang-link]`).forEach(e=>{e.addEventListener(`click`,()=>{try{localStorage.setItem(`lang`,e.dataset.langLink)}catch{}location.hash&&(e.href=e.href.split(`#`)[0]+location.hash)})});</script><main id="main"><header class="head" data-astro-cid-v36max2j><h1 class="title" data-astro-cid-v36max2j>JOURNAL <em data-astro-cid-v36max2j>notes.</em></h1><div class="intro-row" data-astro-cid-v36max2j><div class="filters" role="group" aria-label="Filter articles" data-astro-cid-v36max2j><button type="button" class="filter" aria-pressed="true" data-filter="all" data-astro-cid-v36max2j>All</button><button type="button" class="filter" aria-pressed="false" data-filter="branding" data-astro-cid-v36max2j>Branding</button><button type="button" class="filter" aria-pressed="false" data-filter="illustration" data-astro-cid-v36max2j>Illustration</button><button type="button" class="filter" aria-pressed="false" data-filter="websites" data-astro-cid-v36max2j>Websites</button><button type="button" class="filter" aria-pressed="false" data-filter="design-systems" data-astro-cid-v36max2j>Design systems</button><button type="button" class="filter" aria-pressed="false" data-filter="events-and-print" data-astro-cid-v36max2j>Events &amp; print</button><button type="button" class="filter" aria-pressed="false" data-filter="design" data-astro-cid-v36max2j>Design</button></div><p class="intro" data-astro-cid-v36max2j>Ideas and practical advice on brands, websites, design systems and illustration, from the Super 8 studio.</p></div></header><section class="featured" aria-labelledby="featured-title" data-cat="branding" data-astro-cid-v36max2j><a class="f-img" href="/journal/how-we-rebranded-gtreasury" tabindex="-1" aria-hidden="true" data-astro-cid-v36max2j><img src="/_astro/booth-1.BEt3bCOu_ZwYund.webp" srcset="/_astro/booth-1.BEt3bCOu_Z1plqOe.webp 800w, /_astro/booth-1.BEt3bCOu_ZamERo.webp 1600w" alt sizes="(min-width: 1440px) 800px, (min-width: 900px) 56vw, 100vw" loading="eager" data-astro-cid-v36max2j="true" decoding="async" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="2576" height="1932"></a><div class="f-text" data-astro-cid-v36max2j><p class="latest" data-astro-cid-v36max2j>Latest</p><div class="f-meta" data-astro-cid-v36max2j><span data-astro-cid-v36max2j="true" data-astro-cid-k2qn5omv="true" class="chip chip--outline chip--sm">Branding</span><span data-astro-cid-v36max2j>23 October 2026&nbsp;&nbsp; · &nbsp;&nbsp;5 min read</span></div><h2 id="featured-title" class="f-title" data-astro-cid-v36max2j><a href="/journal/how-we-rebranded-gtreasury" data-astro-cid-v36max2j>How we rebranded GTreasury before a <em data-astro-cid-v36max2j>$1bn acquisition</em>.</a></h2><p class="f-dek" data-astro-cid-v36max2j>In 2024 we rebranded GTreasury and redesigned its website, then took the new brand to the busiest conference in corporate treasury. Not long after, Ripple bought the company for $1 billion, and asked us to do it all again.</p><div class="f-actions" data-astro-cid-v36max2j><a class="read" href="/journal/how-we-rebranded-gtreasury" data-astro-cid-v36max2j>Read article <span aria-hidden="true" data-astro-cid-v36max2j>↗</span></a><a class="listen" href="/journal/how-we-rebranded-gtreasury#listen" data-astro-cid-v36max2j><span class="play" aria-hidden="true" data-astro-cid-v36max2j><svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="56" height="56" rx="28" fill="#131313"/>
<path d="M23 22.4197C23 20.89 24.6473 19.9266 25.9805 20.6765L35.9011 26.2568C37.2604 27.0215 37.2604 28.9785 35.9011 29.7432L25.9805 35.3235C24.6473 36.0734 23 35.11 23 33.5803V22.4197Z" fill="#F6F5F1" stroke="black" stroke-linejoin="round"/>
</svg>
</span>Listen&nbsp;&nbsp;·&nbsp;&nbsp;5 min</a></div></div></section><section class="brand" aria-labelledby="brand-title" data-astro-cid-v36max2j><a class="brand-card" href="/brand" data-astro-cid-v36max2j><span class="brand-mark" data-astro-cid-v36max2j><span class="mark" style="--h:140px;--w:84.33734939759036px" aria-hidden="true" data-astro-cid-27oicc4y><svg width="100" height="166" viewBox="0 0 100 166" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="116" r="50" fill="#07BCB4"/>
<circle cx="50" cy="50" r="50" fill="#F1501B"/>
<path d="M50 66C64.9675 66 78.3963 72.5789 87.5596 83C78.3963 93.4211 64.9675 100 50 100C35.0323 100 21.6027 93.4214 12.4395 83C21.6027 72.5786 35.0323 66 50 66Z" fill="#F6F5F1"/>
</svg>
</span></span><span class="brand-text" data-astro-cid-v36max2j><span class="brand-eyebrow" data-astro-cid-v36max2j>New look</span><span class="brand-title" id="brand-title" data-astro-cid-v36max2j>Learn about our new <em data-astro-cid-v36max2j>brand identity.</em></span><span class="brand-dek" data-astro-cid-v36max2j>Two circles, one eight. The idea behind the new Super 8 mark, and the colours, type and rules that go with it.</span></span><span class="brand-cta" data-astro-cid-v36max2j>See the brand guidelines <span aria-hidden="true" data-astro-cid-v36max2j>→</span></span></a></section><section class="all" aria-labelledby="all-title" data-astro-cid-v36max2j><div class="all-head" data-astro-cid-v36max2j><h2 id="all-title" data-astro-cid-v36max2j>All articles</h2><p data-astro-cid-v36max2j>5 new, 11 in the archive</p></div><div class="grid" data-grid data-astro-cid-v36max2j><a href="/journal/how-we-rebranded-gtreasury" hidden data-cat="branding" data-astro-cid-v36max2j="true" data-astro-cid-qeit7od3="true" class="post post--sm card dup"><div class="img" data-astro-cid-qeit7od3><img src="/_astro/booth-1.BEt3bCOu_ZwYund.webp" srcset="/_astro/booth-1.BEt3bCOu_Z1FvddT.webp 420w, /_astro/booth-1.BEt3bCOu_hMybS.webp 620w, /_astro/booth-1.BEt3bCOu_Ovccz.webp 840w, /_astro/booth-1.BEt3bCOu_11EFPS.webp 1240w" alt="GTreasury’s backlit trade show booth, Adaptable Treasury Platform, Amplified by AI" sizes="(min-width: 1440px) 413px, (min-width: 900px) 30vw, 92vw" data-astro-cid-qeit7od3="true" loading="lazy" decoding="async" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="2576" height="1932"></div><div class="meta" data-astro-cid-qeit7od3><span data-astro-cid-qeit7od3="true" data-astro-cid-k2qn5omv="true" class="chip chip--outline chip--sm">Branding</span><span class="when" data-astro-cid-qeit7od3>23 October 2026&nbsp;&nbsp; · &nbsp;&nbsp;5 min read</span></div><h3 class="title" data-astro-cid-qeit7od3="true">How we rebranded GTreasury before a $1bn acquisition</h3><p class="dek" data-astro-cid-qeit7od3>A treasury platform that had outgrown its look, a booth that stopped people in their tracks, and a client who called us straight back.</p></a><a href="/journal/logo-isnt-doing-the-heavy-lifting" data-cat="branding" data-astro-cid-v36max2j="true" data-astro-cid-qeit7od3="true" class="post post--sm card"><div class="img" data-astro-cid-qeit7od3><img src="/_astro/logo-vs-system.CdooNKa2_17RRKp.webp" srcset="/_astro/logo-vs-system.CdooNKa2_7Ei5v.webp 420w, /_astro/logo-vs-system.CdooNKa2_1HNcwH.webp 620w, /_astro/logo-vs-system.CdooNKa2_r0D9D.webp 840w, /_astro/logo-vs-system.CdooNKa2_ZMbHlv.webp 1240w" alt="A wordmark on its own beside the same brand shown as a system of type, colour, pattern and icons" sizes="(min-width: 1440px) 413px, (min-width: 900px) 30vw, 92vw" data-astro-cid-qeit7od3="true" loading="lazy" decoding="async" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="2800" height="1520"></div><div class="meta" data-astro-cid-qeit7od3><span data-astro-cid-qeit7od3="true" data-astro-cid-k2qn5omv="true" class="chip chip--outline chip--sm">Branding</span><span class="when" data-astro-cid-qeit7od3>21 October 2026&nbsp;&nbsp; · &nbsp;&nbsp;5 min read</span></div><h3 class="title" data-astro-cid-qeit7od3="true">Your logo isn’t doing the heavy lifting</h3><p class="dek" data-astro-cid-qeit7od3>The logo is the bit everyone points at. The system around it is what does the work.</p></a><a href="/journal/custom-illustration-and-icons" data-cat="illustration" data-astro-cid-v36max2j="true" data-astro-cid-qeit7od3="true" class="post post--sm card"><div class="img" data-astro-cid-qeit7od3><img src="/_astro/custom-illustration.CRDAIDS3_t0GD2.svg" srcset="/_astro/custom-illustration.CRDAIDS3_Z1zywok.svg 420w, /_astro/custom-illustration.CRDAIDS3_t0GD2.svg 620w" alt="A setting sun and orbiting planets, with line, shape and colour icon studies" sizes="(min-width: 1440px) 413px, (min-width: 900px) 30vw, 92vw" data-astro-cid-qeit7od3="true" loading="lazy" decoding="async" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="620" height="400"></div><div class="meta" data-astro-cid-qeit7od3><span data-astro-cid-qeit7od3="true" data-astro-cid-k2qn5omv="true" class="chip chip--outline chip--sm">Illustration</span><span class="when" data-astro-cid-qeit7od3>19 October 2026&nbsp;&nbsp; · &nbsp;&nbsp;5 min read</span></div><h3 class="title" data-astro-cid-qeit7od3="true">Why custom illustration and icons make brands more memorable</h3><p class="dek" data-astro-cid-qeit7od3>Stock images and free icon sets are everywhere. Custom gives you a look nobody can copy.</p></a><aside class="nl" aria-labelledby="nl-title" data-astro-cid-v36max2j><p class="nl-eyebrow" data-astro-cid-v36max2j>Get updates</p><p class="nl-title" id="nl-title" data-astro-cid-v36max2j>New articles and work, straight to your inbox.</p><form class="nl-form" method="post" action="https://app.kit.com/forms/10078546/subscriptions" data-newsletter data-success="/subscribed" data-soon="Sign-ups open soon. In the meantime, drop us a line at hello@supereightstudio.com." data-sending="Signing you up…" data-error="That didn’t work. Check your email address and try again." data-astro-cid-v36max2j><label class="visually-hidden" for="nl-tile-email" data-astro-cid-v36max2j>Email address</label><input id="nl-tile-email" type="email" name="email_address" required placeholder="Your email address" autocomplete="email" data-astro-cid-v36max2j><button type="submit" data-astro-cid-v36max2j>Subscribe <span aria-hidden="true" data-astro-cid-v36max2j>↗</span></button><p class="nl-note" data-note data-astro-cid-v36max2j>About once a month. No spam.</p></form></aside><a href="/journal/why-brand-colours-change-in-print" data-cat="branding" data-astro-cid-v36max2j="true" data-astro-cid-qeit7od3="true" class="post post--sm card"><div class="img" data-astro-cid-qeit7od3><img src="/_astro/screen-vs-print.FGNgVVvV_t0GD2.svg" srcset="/_astro/screen-vs-print.FGNgVVvV_Z1zywok.svg 420w, /_astro/screen-vs-print.FGNgVVvV_t0GD2.svg 620w" alt="Overlapping cyan, magenta and yellow ink circles next to red, green and blue light circles" sizes="(min-width: 1440px) 413px, (min-width: 900px) 30vw, 92vw" data-astro-cid-qeit7od3="true" loading="lazy" decoding="async" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="620" height="400"></div><div class="meta" data-astro-cid-qeit7od3><span data-astro-cid-qeit7od3="true" data-astro-cid-k2qn5omv="true" class="chip chip--outline chip--sm">Branding</span><span class="when" data-astro-cid-qeit7od3>14 October 2026&nbsp;&nbsp; · &nbsp;&nbsp;6 min read</span></div><h3 class="title" data-astro-cid-qeit7od3="true">Why your brand colours change in print</h3><p class="dek" data-astro-cid-qeit7od3>Your orange looks perfect on screen, then arrives on the booth looking tired.</p></a><a href="/journal/ten-commandments-of-good-design" data-cat="design" data-astro-cid-v36max2j="true" data-astro-cid-qeit7od3="true" class="post post--sm card"><div class="img" data-astro-cid-qeit7od3><img src="/_astro/hero-ten-commandments.BnIIXJh5_gTyhT.webp" srcset="/_astro/hero-ten-commandments.BnIIXJh5_jWLQV.webp 420w, /_astro/hero-ten-commandments.BnIIXJh5_Z1SwSol.webp 620w, /_astro/hero-ten-commandments.BnIIXJh5_ZUnNs8.webp 840w, /_astro/hero-ten-commandments.BnIIXJh5_ZUiaUi.webp 1240w" alt="Matt’s 2015 drawing of Dieter Rams next to a speaker grille of black dots" sizes="(min-width: 1440px) 413px, (min-width: 900px) 30vw, 92vw" data-astro-cid-qeit7od3="true" loading="lazy" decoding="async" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="2800" height="1520"></div><div class="meta" data-astro-cid-qeit7od3><span data-astro-cid-qeit7od3="true" data-astro-cid-k2qn5omv="true" class="chip chip--outline chip--sm">Design</span><span class="when" data-astro-cid-qeit7od3>23 Sep 2015, updated 2026&nbsp;&nbsp; · &nbsp;&nbsp;5 min read</span></div><h3 class="title" data-astro-cid-qeit7od3="true">The ten commandments of good design</h3><p class="dek" data-astro-cid-qeit7od3>Dieter Rams’ ten principles, with our illustrations, and what they mean for brands today.</p></a></div><p class="empty" data-empty hidden data-astro-cid-v36max2j>Nothing here yet. Try another topic.</p><div class="listening" data-astro-cid-v36max2j><aside class="np" data-now-playing hidden aria-live="polite" data-now="Currently listening to" data-last="Last listened to" data-cover="cover" data-astro-cid-anhc3lkx><a class="np-link" data-np-link href="https://www.last.fm" target="_blank" rel="noopener" data-astro-cid-anhc3lkx><span class="art" data-astro-cid-anhc3lkx><img data-np-art alt="" width="72" height="72" loading="lazy" data-astro-cid-anhc3lkx></span><span class="text" data-astro-cid-anhc3lkx><span class="label" data-np-label data-astro-cid-anhc3lkx>Currently listening to</span><span class="track" data-astro-cid-anhc3lkx><span data-np-track data-astro-cid-anhc3lkx></span> <span class="sep" data-astro-cid-anhc3lkx>·</span> <span class="artist" data-np-artist data-astro-cid-anhc3lkx></span></span></span><span class="arrow" aria-hidden="true" data-astro-cid-anhc3lkx>↗</span></a></aside><script type="module">var e=document.querySelector(`[data-now-playing]`);e&&fetch(`/api/now-playing`).then(e=>e.ok?e.json():Promise.reject()).then(t=>{if(!t.track)return;e.querySelector(`[data-np-link]`).href=t.profile||t.trackUrl,e.querySelector(`[data-np-track]`).textContent=t.track,e.querySelector(`[data-np-artist]`).textContent=t.artist,e.querySelector(`[data-np-label]`).textContent=t.nowPlaying?e.dataset.now:e.dataset.last;let n=e.querySelector(`[data-np-art]`);t.art?(n.src=t.art,n.alt=t.album?`${t.album} ${e.dataset.cover}`:``):e.classList.add(`no-art`),e.hidden=!1}).catch(()=>{});</script><aside class="amb amb-card" data-ambient="card" data-names="{&quot;rain&quot;:&quot;Rain&quot;,&quot;waves&quot;:&quot;Waves&quot;,&quot;beach&quot;:&quot;Beach&quot;,&quot;forest&quot;:&quot;Forest&quot;,&quot;jungle&quot;:&quot;Jungle&quot;,&quot;fire&quot;:&quot;Log fire&quot;,&quot;drift&quot;:&quot;Drift&quot;}" data-play="Play ambient sounds" data-pause="Pause ambient sounds" data-astro-cid-amvblaz2><button type="button" class="toggle" data-amb-toggle aria-pressed="false" aria-label="Play ambient sounds" data-astro-cid-amvblaz2><span class="icon play" aria-hidden="true" data-astro-cid-amvblaz2><svg viewBox="0 0 24 24" width="22" height="22" data-astro-cid-amvblaz2><path d="M8 5.5v13l11-6.5z" fill="currentColor" data-astro-cid-amvblaz2></path></svg></span><span class="icon bars" aria-hidden="true" data-astro-cid-amvblaz2><i data-astro-cid-amvblaz2></i><i data-astro-cid-amvblaz2></i><i data-astro-cid-amvblaz2></i><i data-astro-cid-amvblaz2></i></span></button><div class="body" data-astro-cid-amvblaz2><span class="label" data-astro-cid-amvblaz2>Sounds for reading</span><div class="sounds" role="group" aria-label="Choose a sound" data-astro-cid-amvblaz2><button type="button" class="chip" data-amb-sound="rain" aria-pressed="false" data-astro-cid-amvblaz2>Rain</button><button type="button" class="chip" data-amb-sound="waves" aria-pressed="false" data-astro-cid-amvblaz2>Waves</button><button type="button" class="chip" data-amb-sound="beach" aria-pressed="false" data-astro-cid-amvblaz2>Beach</button><button type="button" class="chip" data-amb-sound="forest" aria-pressed="false" data-astro-cid-amvblaz2>Forest</button><button type="button" class="chip" data-amb-sound="jungle" aria-pressed="false" data-astro-cid-amvblaz2>Jungle</button><button type="button" class="chip" data-amb-sound="fire" aria-pressed="false" data-astro-cid-amvblaz2>Log fire</button><button type="button" class="chip" data-amb-sound="drift" aria-pressed="false" data-astro-cid-amvblaz2>Drift</button></div></div><label class="vol" data-astro-cid-amvblaz2><span class="visually-hidden" data-astro-cid-amvblaz2>Volume</span><svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true" data-astro-cid-amvblaz2><path d="M4 9.5h3.5L12 5.5v13l-4.5-4H4z" fill="currentColor" data-astro-cid-amvblaz2></path><path d="M15.5 9a4 4 0 0 1 0 6M18 6.5a7.5 7.5 0 0 1 0 11" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" data-astro-cid-amvblaz2></path></svg><input type="range" min="0" max="1" step="0.01" data-amb-volume data-astro-cid-amvblaz2></label></aside><script type="module" src="/_astro/AmbientSounds.astro_astro_type_script_index_0_lang.PJVybPdx.js"></script></div></section><section class="shop" aria-labelledby="shop-title" data-astro-cid-mvnw7e4o><div class="shop-head" data-astro-cid-mvnw7e4o><h2 id="shop-title" data-astro-cid-mvnw7e4o>From the <em data-astro-cid-mvnw7e4o>shop.</em></h2><p data-astro-cid-mvnw7e4o>Mugs and tees from the studio, and a few of Matt’s own designs.</p></div><div class="store" data-astro-cid-mvnw7e4o><div class="store-head" data-astro-cid-mvnw7e4o><div data-astro-cid-mvnw7e4o><h3 data-astro-cid-mvnw7e4o>Super Threads</h3><p data-astro-cid-mvnw7e4o>Our own merch shop: Super 8 mugs, tees and hoodies.</p></div><a class="visit" href="https://shop.supereightstudio.com" target="_blank" rel="noopener" data-astro-cid-mvnw7e4o>Visit Super Threads <span aria-hidden="true" data-astro-cid-mvnw7e4o>↗</span></a></div><ul class="products" data-astro-cid-mvnw7e4o><li data-astro-cid-mvnw7e4o><a class="product" href="https://shop.supereightstudio.com/products/supereight-studio-mug" target="_blank" rel="noopener" data-astro-cid-mvnw7e4o><span class="pic" style="background:#e2e2e2" data-astro-cid-mvnw7e4o><img src="/_astro/mug.DwJoRi5C_ZCnGtz.webp" srcset="/_astro/mug.DwJoRi5C_EONam.webp 420w, /_astro/mug.DwJoRi5C_1FY3aA.webp 640w, /_astro/mug.DwJoRi5C_ZCnGtz.webp 900w" alt sizes="(max-width: 900px) 92vw, 30vw" loading="lazy" data-astro-cid-mvnw7e4o="true" decoding="async" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="900" height="900"></span><span class="info" data-astro-cid-mvnw7e4o><span class="name" data-astro-cid-mvnw7e4o>Supereight Studio mug</span><span class="price" data-astro-cid-mvnw7e4o>€10.95</span></span><span class="detail" data-astro-cid-mvnw7e4o>Ceramic, coloured inside and handle</span></a></li><li data-astro-cid-mvnw7e4o><a class="product" href="https://shop.supereightstudio.com/products/supereight-studio-enamel-mug" target="_blank" rel="noopener" data-astro-cid-mvnw7e4o><span class="pic" style="background:#e2e2e2" data-astro-cid-mvnw7e4o><img src="/_astro/enamel-mug.CCA7s6C4_7fUDY.webp" srcset="/_astro/enamel-mug.CCA7s6C4_Z1D4CCz.webp 420w, /_astro/enamel-mug.CCA7s6C4_ZyT2zx.webp 640w, /_astro/enamel-mug.CCA7s6C4_7fUDY.webp 900w" alt sizes="(max-width: 900px) 92vw, 30vw" loading="lazy" data-astro-cid-mvnw7e4o="true" decoding="async" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="900" height="900"></span><span class="info" data-astro-cid-mvnw7e4o><span class="name" data-astro-cid-mvnw7e4o>Supereight Studio enamel mug</span><span class="price" data-astro-cid-mvnw7e4o>€12.95</span></span><span class="detail" data-astro-cid-mvnw7e4o>Lightweight camper mug</span></a></li><li data-astro-cid-mvnw7e4o><a class="product" href="https://shop.supereightstudio.com/products/supereight-studio-unisex-hoodie?variant=45121297907991" target="_blank" rel="noopener" data-astro-cid-mvnw7e4o><span class="pic" style="background:#e2e2e2" data-astro-cid-mvnw7e4o><img src="/_astro/hoodie.BeIHHhSw_1BwKkf.webp" srcset="/_astro/hoodie.BeIHHhSw_YVc9F.webp 420w, /_astro/hoodie.BeIHHhSw_2tFwXg.webp 640w, /_astro/hoodie.BeIHHhSw_1BwKkf.webp 900w" alt sizes="(max-width: 900px) 92vw, 30vw" loading="lazy" data-astro-cid-mvnw7e4o="true" decoding="async" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="900" height="900"></span><span class="info" data-astro-cid-mvnw7e4o><span class="name" data-astro-cid-mvnw7e4o>Supereight Studio hoodie</span><span class="price" data-astro-cid-mvnw7e4o>€36.95</span></span><span class="detail" data-astro-cid-mvnw7e4o>Soft unisex hoodie, in white</span></a></li></ul></div><div class="store" data-astro-cid-mvnw7e4o><div class="store-head" data-astro-cid-mvnw7e4o><div data-astro-cid-mvnw7e4o><h3 data-astro-cid-mvnw7e4o>Cotton Bureau</h3><p data-astro-cid-mvnw7e4o>Matt’s designs on tees, mugs and more, printed in Pittsburgh.</p></div><a class="visit" href="https://cottonbureau.com/people/matt-hamm" target="_blank" rel="noopener" data-astro-cid-mvnw7e4o>Visit Cotton Bureau <span aria-hidden="true" data-astro-cid-mvnw7e4o>↗</span></a></div><ul class="products" data-astro-cid-mvnw7e4o><li data-astro-cid-mvnw7e4o><a class="product" href="https://cottonbureau.com/p/CQWRBE/shirt/supereight-studio" target="_blank" rel="noopener" data-astro-cid-mvnw7e4o><span class="pic" style="background:#f3efe7" data-astro-cid-mvnw7e4o><img src="/_astro/cb-supereight-tee.D5a2_rdj_1soLIP.webp" srcset="/_astro/cb-supereight-tee.D5a2_rdj_aUANK.webp 420w, /_astro/cb-supereight-tee.D5a2_rdj_ZyuezO.webp 640w, /_astro/cb-supereight-tee.D5a2_rdj_LJj5P.webp 900w" alt sizes="(max-width: 900px) 92vw, 30vw" loading="lazy" data-astro-cid-mvnw7e4o="true" decoding="async" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="1024" height="1024"></span><span class="info" data-astro-cid-mvnw7e4o><span class="name" data-astro-cid-mvnw7e4o>Supereight Studio tee</span><span class="price" data-astro-cid-mvnw7e4o>$32</span></span><span class="detail" data-astro-cid-mvnw7e4o>The studio logo, on a heather white tee</span></a></li><li data-astro-cid-mvnw7e4o><a class="product" href="https://cottonbureau.com/p/PDUATQ/shirt/deathstar-interior-lighting" target="_blank" rel="noopener" data-astro-cid-mvnw7e4o><span class="pic" style="background:#f3efe7" data-astro-cid-mvnw7e4o><img src="/_astro/cb-death-star-tee.BBPKzuLr_Z1YoOEQ.webp" srcset="/_astro/cb-death-star-tee.BBPKzuLr_Z1eUlKz.webp 420w, /_astro/cb-death-star-tee.BBPKzuLr_Z1Ylca9.webp 640w, /_astro/cb-death-star-tee.BBPKzuLr_ZD6Dtu.webp 900w" alt sizes="(max-width: 900px) 92vw, 30vw" loading="lazy" data-astro-cid-mvnw7e4o="true" decoding="async" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="1024" height="1024"></span><span class="info" data-astro-cid-mvnw7e4o><span class="name" data-astro-cid-mvnw7e4o>Death Star Interior Lighting tee</span><span class="price" data-astro-cid-mvnw7e4o>$33</span></span><span class="detail" data-astro-cid-mvnw7e4o>Those corridor lights, in white on black</span></a></li><li data-astro-cid-mvnw7e4o><a class="product" href="https://cottonbureau.com/p/4PTYBA/shirt/r2-d2-vintage-decal" target="_blank" rel="noopener" data-astro-cid-mvnw7e4o><span class="pic" style="background:#f3efe7" data-astro-cid-mvnw7e4o><img src="/_astro/cb-r2-d2-tee.D9gl_9oL_Z1zRNXH.webp" srcset="/_astro/cb-r2-d2-tee.D9gl_9oL_16b6H7.webp 420w, /_astro/cb-r2-d2-tee.D9gl_9oL_Z1xhfI4.webp 640w, /_astro/cb-r2-d2-tee.D9gl_9oL_Zs0vXo.webp 900w" alt sizes="(max-width: 900px) 92vw, 30vw" loading="lazy" data-astro-cid-mvnw7e4o="true" decoding="async" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="1024" height="1024"></span><span class="info" data-astro-cid-mvnw7e4o><span class="name" data-astro-cid-mvnw7e4o>R2-D2 Vintage Decal tee</span><span class="price" data-astro-cid-mvnw7e4o>$32</span></span><span class="detail" data-astro-cid-mvnw7e4o>The classic decal sheet, as a tee</span></a></li></ul></div></section><section class="archive" aria-labelledby="archive-title" data-astro-cid-v36max2j><div class="all-head" data-astro-cid-v36max2j><h2 id="archive-title" data-astro-cid-v36max2j>From the <em data-astro-cid-v36max2j>archive.</em></h2><p data-astro-cid-v36max2j>Talks, interviews and studio notes since 2012</p></div><ul class="rows" data-astro-cid-v36max2j><li data-astro-cid-v36max2j><a class="row" href="/journal/introducing-the-super-threads-shop" data-astro-cid-v36max2j="true"><span class="year" data-astro-cid-v36max2j>2023</span><span class="a-title" data-astro-cid-v36max2j>Introducing the Super Threads shop</span><span class="type" data-astro-cid-v36max2j>News</span><span class="arrow" aria-hidden="true" data-astro-cid-v36max2j>→</span></a></li><li data-astro-cid-v36max2j><a class="row" href="/journal/elastic-brand-podcast-interview" data-astro-cid-v36max2j="true"><span class="year" data-astro-cid-v36max2j>2019</span><span class="a-title" data-astro-cid-v36max2j>Interview with Matt Hamm on the Elastic Brand Podcast</span><span class="type" data-astro-cid-v36max2j>Interview</span><span class="arrow" aria-hidden="true" data-astro-cid-v36max2j>→</span></a></li><li data-astro-cid-v36max2j><a class="row" href="/journal/beyond-pixels-vintage-star-wars" data-astro-cid-v36max2j="true"><span class="year" data-astro-cid-v36max2j>2017</span><span class="a-title" data-astro-cid-v36max2j>Beyond Pixels: my vintage Star Wars collection, for net magazine</span><span class="type" data-astro-cid-v36max2j>Feature</span><span class="arrow" aria-hidden="true" data-astro-cid-v36max2j>→</span></a></li><li data-astro-cid-v36max2j><a class="row" href="/journal/freshly-laundered-interview" data-astro-cid-v36max2j="true"><span class="year" data-astro-cid-v36max2j>2016</span><span class="a-title" data-astro-cid-v36max2j>Freshly Laundered: designer interview with Matt Hamm</span><span class="type" data-astro-cid-v36max2j>Interview</span><span class="arrow" aria-hidden="true" data-astro-cid-v36max2j>→</span></a></li><li data-astro-cid-v36max2j><a class="row" href="/journal/parkopedia-icon-on-the-app-store" data-astro-cid-v36max2j="true"><span class="year" data-astro-cid-v36max2j>2015</span><span class="a-title" data-astro-cid-v36max2j>Our Parkopedia icon, featured on the App Store</span><span class="type" data-astro-cid-v36max2j>Work</span><span class="arrow" aria-hidden="true" data-astro-cid-v36max2j>→</span></a></li><li data-astro-cid-v36max2j><a class="row" href="/journal/trust-your-gut-instinct" data-astro-cid-v36max2j="true"><span class="year" data-astro-cid-v36max2j>2014</span><span class="a-title" data-astro-cid-v36max2j>Trust your gut instinct</span><span class="type" data-astro-cid-v36max2j>Talk</span><span class="arrow" aria-hidden="true" data-astro-cid-v36max2j>→</span></a></li><li data-astro-cid-v36max2j><a class="row" href="/journal/bowel-cancer-research-website" data-astro-cid-v36max2j="true"><span class="year" data-astro-cid-v36max2j>2014</span><span class="a-title" data-astro-cid-v36max2j>New Bowel Cancer Research website goes live</span><span class="type" data-astro-cid-v36max2j>Work</span><span class="arrow" aria-hidden="true" data-astro-cid-v36max2j>→</span></a></li><li data-astro-cid-v36max2j><a class="row" href="/journal/internal-design-commentary" data-astro-cid-v36max2j="true"><span class="year" data-astro-cid-v36max2j>2013</span><span class="a-title" data-astro-cid-v36max2j>Internal design commentary</span><span class="type" data-astro-cid-v36max2j>Process</span><span class="arrow" aria-hidden="true" data-astro-cid-v36max2j>→</span></a></li><li data-astro-cid-v36max2j><a class="row" href="/journal/learning-to-live-with-flat-design" data-astro-cid-v36max2j="true"><span class="year" data-astro-cid-v36max2j>2013</span><span class="a-title" data-astro-cid-v36max2j>Learning to live with ‘flat design’</span><span class="type" data-astro-cid-v36max2j>Opinion</span><span class="arrow" aria-hidden="true" data-astro-cid-v36max2j>→</span></a></li><li data-astro-cid-v36max2j><a class="row" href="/journal/stepping-out-of-your-comfort-zone" data-astro-cid-v36max2j="true"><span class="year" data-astro-cid-v36max2j>2012</span><span class="a-title" data-astro-cid-v36max2j>Stepping out of your comfort zone</span><span class="type" data-astro-cid-v36max2j>Talk</span><span class="arrow" aria-hidden="true" data-astro-cid-v36max2j>→</span></a></li><li data-astro-cid-v36max2j><a class="row" href="/journal/illustrating-ui-video" data-astro-cid-v36max2j="true"><span class="year" data-astro-cid-v36max2j>2012</span><span class="a-title" data-astro-cid-v36max2j>Illustrating UI</span><span class="type" data-astro-cid-v36max2j>Talk · Video</span><span class="arrow" aria-hidden="true" data-astro-cid-v36max2j>→</span></a></li></ul></section></main><footer class="footer panel" data-astro-cid-jo6i4kqk><section class="newsletter" aria-labelledby="newsletter-title" data-astro-cid-drywyjjs><div class="copy" data-astro-cid-drywyjjs><p class="eyebrow" data-astro-cid-drywyjjs>Get updates</p><h2 id="newsletter-title" data-astro-cid-drywyjjs>New work and journal posts,<br data-astro-cid-drywyjjs>straight to your <em data-astro-cid-drywyjjs>inbox.</em></h2></div><form class="form" method="post" action="https://app.kit.com/forms/10078546/subscriptions" data-newsletter data-success="/subscribed" data-soon="Sign-ups open soon. In the meantime, drop us a line at hello@supereightstudio.com." data-sending="Signing you up…" data-error="That didn’t work. Check your email address and try again." data-astro-cid-drywyjjs><div class="row" data-astro-cid-drywyjjs><label class="visually-hidden" for="nl-email" data-astro-cid-drywyjjs>Email address</label><input id="nl-email" type="email" name="email_address" required placeholder="Your email address" autocomplete="email" data-astro-cid-drywyjjs><button type="submit" data-astro-cid-drywyjjs>Subscribe <span aria-hidden="true" data-astro-cid-drywyjjs>↗</span></button></div><p class="note" data-note data-astro-cid-drywyjjs>About once a month. No spam, unsubscribe any time.</p></form></section><script type="module" src="/_astro/Newsletter.astro_astro_type_script_index_0_lang.BiwLu6dz.js"></script><div class="top" data-astro-cid-jo6i4kqk><a class="logo" href="/" aria-label="Super 8 Studio, home" data-astro-cid-jo6i4kqk><span class="mark mark" style="--h:120px;--w:72.28915662650603px" aria-hidden="true" data-spin data-astro-cid-27oicc4y><svg width="100" height="166" viewBox="0 0 100 166" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="116" r="50" fill="#07BCB4"/>
<circle cx="50" cy="50" r="50" fill="#F1501B"/>
<path d="M50 66C64.9675 66 78.3963 72.5789 87.5596 83C78.3963 93.4211 64.9675 100 50 100C35.0323 100 21.6027 93.4214 12.4395 83C21.6027 72.5786 35.0323 66 50 66Z" fill="#073B13"/>
</svg>
</span><span class="wordmark" aria-hidden="true" data-astro-cid-jo6i4kqk>SUPER 8</span></a><div class="cols" data-astro-cid-jo6i4kqk><div class="col" data-astro-cid-jo6i4kqk><p class="eyebrow" data-astro-cid-jo6i4kqk>Studio</p><a href="/work" data-astro-cid-jo6i4kqk>Work</a><a href="/studio" data-astro-cid-jo6i4kqk>Studio</a><a href="/services" data-astro-cid-jo6i4kqk>Services</a><a href="/journal" data-astro-cid-jo6i4kqk>Journal</a></div><div class="col" data-astro-cid-jo6i4kqk><p class="eyebrow" data-astro-cid-jo6i4kqk>Contact</p><a class="social" href="mailto:hello@supereightstudio.com" data-astro-cid-jo6i4kqk><svg class="social-icon" viewBox="0 0 24 24" width="1em" height="1em" aria-hidden="true" focusable="false" data-astro-cid-g5kwm3ld><rect x="3" y="5.5" width="18" height="13" rx="2" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="m4 7.5 8 6 8-6" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>hello@supereightstudio.com</a><span class="social" data-astro-cid-jo6i4kqk><svg class="social-icon" viewBox="0 0 24 24" width="1em" height="1em" aria-hidden="true" focusable="false" data-astro-cid-g5kwm3ld><path d="M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11Z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/><circle cx="12" cy="10" r="2.3" fill="currentColor"/></svg>Oxfordshire · Valencia</span><div class="local-time" data-local-time hidden data-astro-cid-aya7rbuj><span class="clock" aria-live="polite" data-astro-cid-aya7rbuj><span class="hm" data-hm data-astro-cid-aya7rbuj>--:--</span><span class="off" data-off data-astro-cid-aya7rbuj></span></span><span class="switch" role="group" aria-label="Local time" data-astro-cid-aya7rbuj><button type="button" data-zone="Europe/Madrid" aria-pressed="true" aria-label="Time in Valencia" title="Valencia" data-astro-cid-aya7rbuj>VLC</button><button type="button" data-zone="Europe/London" aria-pressed="false" aria-label="Time in London" title="London" data-astro-cid-aya7rbuj>LDN</button><button type="button" data-zone="America/Chicago" aria-pressed="false" aria-label="Time in Chicago" title="Chicago" data-astro-cid-aya7rbuj>CHI</button><button type="button" data-zone="America/Los_Angeles" aria-pressed="false" aria-label="Time in San Francisco" title="San Francisco" data-astro-cid-aya7rbuj>SF</button><button type="button" data-zone="America/New_York" aria-pressed="false" aria-label="Time in Atlanta" title="Atlanta" data-astro-cid-aya7rbuj>ATL</button></span></div><script type="module">var e=`s8-clock-zone`;document.querySelectorAll(`[data-local-time]`).forEach(t=>{let n=t.querySelector(`[data-hm]`),r=t.querySelector(`[data-off]`),i=[...t.querySelectorAll(`[data-zone]`)],a=i[0].dataset.zone;try{let t=localStorage.getItem(e);t&&i.some(e=>e.dataset.zone===t)&&(a=t)}catch{}let o=()=>{let e=new Date;n.textContent=new Intl.DateTimeFormat(`en-GB`,{timeZone:a,hour:`2-digit`,minute:`2-digit`,hour12:!1}).format(e);let t=new Intl.DateTimeFormat(`en-GB`,{timeZone:a,timeZoneName:`shortOffset`}).formatToParts(e).find(e=>e.type===`timeZoneName`)?.value??``;r.textContent=t.replace(`GMT`,`UTC`).replace(/^UTC$/,`UTC+0`).replace(`-`,`−`),i.forEach(e=>e.setAttribute(`aria-pressed`,String(e.dataset.zone===a)))};i.forEach(t=>t.addEventListener(`click`,()=>{a=t.dataset.zone;try{localStorage.setItem(e,a)}catch{}o()})),o(),t.hidden=!1;let s=()=>{o(),setTimeout(s,6e4-Date.now()%6e4+50)};setTimeout(s,6e4-Date.now()%6e4+50)});</script></div><div class="col" data-astro-cid-jo6i4kqk><p class="eyebrow" data-astro-cid-jo6i4kqk>Social</p><a class="social" href="https://www.linkedin.com/company/supereight-studio-ltd" rel="me noopener" target="_blank" data-astro-cid-jo6i4kqk><svg class="social-icon" viewBox="0 0 24 24" width="1em" height="1em" aria-hidden="true" focusable="false" data-astro-cid-g5kwm3ld><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" fill="currentColor"/></svg>LinkedIn</a><a class="social" href="https://bsky.app/profile/supereightstudio.com" rel="me noopener" target="_blank" data-astro-cid-jo6i4kqk><svg class="social-icon" viewBox="0 0 24 24" width="1em" height="1em" aria-hidden="true" focusable="false" data-astro-cid-g5kwm3ld><path d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z" fill="currentColor"/></svg>Bluesky</a><a class="social" href="https://www.instagram.com/supereightagram/" rel="me noopener" target="_blank" data-astro-cid-jo6i4kqk><svg class="social-icon" viewBox="0 0 24 24" width="1em" height="1em" aria-hidden="true" focusable="false" data-astro-cid-g5kwm3ld><path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077" fill="currentColor"/></svg>Instagram</a><a class="social" href="https://dribbble.com/supereight" rel="me noopener" target="_blank" data-astro-cid-jo6i4kqk><svg class="social-icon" viewBox="0 0 24 24" width="1em" height="1em" aria-hidden="true" focusable="false" data-astro-cid-g5kwm3ld><path d="M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308 2.3-1.555 3.936-4.02 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4 1.73 1.358 3.92 2.166 6.29 2.166 1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248-1.698-3.018-3.53-5.558-3.8-5.928-2.868 1.35-5.01 3.99-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702-1.81-1.61-4.19-2.586-6.795-2.586-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z" fill="currentColor"/></svg>Dribbble</a></div></div></div><div class="bottom" data-astro-cid-jo6i4kqk><p data-astro-cid-jo6i4kqk>© 2009-2026 Super 8 Studio. All rights reserved.</p><p class="legal" data-astro-cid-jo6i4kqk><a href="/privacy" data-astro-cid-jo6i4kqk>Privacy policy</a><a href="/terms" data-astro-cid-jo6i4kqk>Terms of use</a></p><p class="company" data-astro-cid-jo6i4kqk><span class="part" data-astro-cid-jo6i4kqk>Supereight Studio Ltd</span><span aria-hidden="true" data-astro-cid-jo6i4kqk> · </span><span class="part" data-astro-cid-jo6i4kqk>Registered in England and Wales</span><span aria-hidden="true" data-astro-cid-jo6i4kqk> · </span><span class="part" data-astro-cid-jo6i4kqk>Company number 06788663</span><span aria-hidden="true" data-astro-cid-jo6i4kqk> · </span><span class="part" data-astro-cid-jo6i4kqk>VAT number GB 948 3105 17</span><span aria-hidden="true" data-astro-cid-jo6i4kqk> · </span><span class="part" data-astro-cid-jo6i4kqk>Registered office: 6 New Mill Lane, Witney, OX29 9TF</span></p></div></footer></div><a class="to-top" href="#top" aria-label="Back to top" title="Back to top" data-to-top data-astro-cid-vy5be4ad><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" data-astro-cid-vy5be4ad><path d="M12 19V5M5.5 11.5 12 5l6.5 6.5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-vy5be4ad></path></svg></a><script type="module">var e=document.querySelector(`[data-to-top]`);if(e){let t=!1,n=()=>{let n=window.scrollY>window.innerHeight*1.2;n!==t&&(t=n,e.classList.toggle(`on`,n))};addEventListener(`scroll`,n,{passive:!0}),addEventListener(`resize`,n,{passive:!0}),n(),e.addEventListener(`click`,e=>{e.preventDefault();let t=matchMedia(`(prefers-reduced-motion: reduce)`).matches;window.scrollTo({top:0,behavior:t?`auto`:`smooth`});let n=document.body;n.tabIndex=-1,n.focus({preventScroll:!0}),n.removeAttribute(`tabindex`),history.replaceState(null,``,location.pathname+location.search)})}</script><canvas class="sf-sky" aria-hidden="true" data-sf-sky></canvas><p class="sf-toast" role="status" data-sf-toast data-on="Sci-fi mode engaged"></p><div class="sf-controls"><button type="button" class="sf-sound" data-sf-sound aria-pressed="true" aria-label="Ship sound" title="Ship sound"><svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><path d="M4 9.5h3.5L12 5.5v13l-4.5-4H4z" fill="currentColor"></path><path class="wave" d="M15.5 9a4.2 4.2 0 0 1 0 6M18 6.5a7.8 7.8 0 0 1 0 11" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path><path class="off" d="M15.5 9.5l5 5M20.5 9.5l-5 5" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path></svg></button><button type="button" class="sf-exit" data-sf-exit><svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><circle cx="12" cy="12" r="8.5" fill="none" stroke="currentColor" stroke-width="1.6"></circle><path d="M3.8 9.5h16.4M3.8 14.5h16.4M12 3.5c-2.6 2.6-3.6 5.6-3.6 8.5s1 5.9 3.6 8.5M12 3.5c2.6 2.6 3.6 5.6 3.6 8.5s-1 5.9-3.6 8.5" fill="none" stroke="currentColor" stroke-width="1.6"></path></svg>Back to Earth</button></div><script type="module" src="/_astro/SciFi.astro_astro_type_script_index_0_lang.BuIUDl9v.js"></script><script>
  (() => {
    if (!('IntersectionObserver' in window) || matchMedia('(prefers-reduced-motion: reduce)').matches) return;
    const main = document.querySelector('main');
    if (!main) return;

    // Grid and list items that build in one at a time
    const ITEMS = [
      'main header > *', 'main section.hero > *', '.meta > div',
      '.grid > *', '.bento > *', '.posts > *', '.quotes > *', '.people > li', '.stats > *',
      '.steps > li', '.service-stack > *', '.cards > *', '.questions > *', '.more-posts > *',
      '.products > li', '.rows > li', '.gallery > *', '.services > li',
      'article.case > *', 'article.post > *', '.how > *', '.prose > figure', '.prose > .wide',
    ].join(',');
    const SKIP = 'script, style, template, link, [hidden], [data-no-reveal], .next, .tail, .np';

    const targets = [];
    const usable = (el) => {
      if (el.matches(SKIP)) return false;
      const cs = getComputedStyle(el);
      if (cs.display === 'none' || cs.position === 'absolute' || cs.position === 'fixed' || cs.position === 'sticky') return false;
      return true;
    };
    // Animate the block itself, unless it holds items that should build in on their own
    const collect = (el) => {
      if (!usable(el)) return;
      // Rows that scroll sideways (or marquees) build in as one block, as items off to the side never scroll into view
      const ox = getComputedStyle(el).overflowX;
      if ((ox === 'auto' || ox === 'scroll' || ox === 'hidden') && el.scrollWidth > el.clientWidth + 1) { targets.push(el); return; }
      if (el.querySelector(ITEMS)) { [...el.children].forEach(collect); return; }
      targets.push(el);
    };
    const page = main.parentElement;
    [...main.children, ...[...page.children].filter((e) => e !== main && !e.matches('header, nav, .nav, a.skip'))].forEach(collect);

    const done = (el) => { el.classList.remove('rv', 'rv-in'); el.style.removeProperty('--rv-delay'); };
    const io = new IntersectionObserver((entries) => {
      const shown = entries.filter((e) => e.isIntersecting).map((e) => e.target)
        .sort((a, b) => { const ra = a.getBoundingClientRect(), rb = b.getBoundingClientRect(); return ra.top - rb.top || ra.left - rb.left; });
      shown.forEach((el, i) => {
        io.unobserve(el);
        el.style.setProperty('--rv-delay', `${Math.min(i, 6) * 80}ms`);
        el.classList.add('rv-in');
        // Hand the element back to its own styles once it has arrived
        const t = setTimeout(() => done(el), 1000 + Math.min(i, 6) * 80);
        el.addEventListener('transitionend', (e) => { if (e.target === el && e.propertyName === 'translate') { clearTimeout(t); done(el); } }, { once: false });
      });
    }, { rootMargin: '0px 0px -6% 0px', threshold: 0 });

    targets.forEach((el) => { el.classList.add('rv'); io.observe(el); });
  })();
</script><template id="s8-zapper"><svg class="s8z-bot" viewBox="0 0 128 136" width="128" height="136" shape-rendering="crispEdges" data-frame="w0" aria-hidden="true"><g class="fr fr-w0"><rect x="40" y="8" width="20" height="4" fill="#131313"/><rect x="32" y="12" width="8" height="4" fill="#131313"/><rect x="40" y="12" width="20" height="4" fill="#f1501b"/><rect x="60" y="12" width="8" height="4" fill="#131313"/><rect x="28" y="16" width="4" height="4" fill="#131313"/><rect x="32" y="16" width="36" height="4" fill="#f1501b"/><rect x="68" y="16" width="4" height="4" fill="#131313"/><rect x="24" y="20" width="4" height="4" fill="#131313"/><rect x="28" y="20" width="44" height="4" fill="#f1501b"/><rect x="72" y="20" width="4" height="4" fill="#131313"/><rect x="20" y="24" width="4" height="4" fill="#131313"/><rect x="24" y="24" width="20" height="4" fill="#f1501b"/><rect x="44" y="24" width="12" height="4" fill="#ffffff"/><rect x="56" y="24" width="4" height="4" fill="#f1501b"/><rect x="60" y="24" width="12" height="4" fill="#ffffff"/><rect x="72" y="24" width="4" height="4" fill="#f1501b"/><rect x="76" y="24" width="4" height="4" fill="#131313"/><rect x="20" y="28" width="4" height="4" fill="#131313"/><rect x="24" y="28" width="20" height="4" fill="#f1501b"/><rect x="44" y="28" width="8" height="4" fill="#ffffff"/><rect x="52" y="28" width="4" height="4" fill="#131313"/><rect x="56" y="28" width="4" height="4" fill="#f1501b"/><rect x="60" y="28" width="8" height="4" fill="#ffffff"/><rect x="68" y="28" width="4" height="4" fill="#131313"/><rect x="72" y="28" width="4" height="4" fill="#f1501b"/><rect x="76" y="28" width="4" height="4" fill="#131313"/><rect x="16" y="32" width="4" height="4" fill="#131313"/><rect x="20" y="32" width="24" height="4" fill="#f1501b"/><rect x="44" y="32" width="8" height="4" fill="#ffffff"/><rect x="52" y="32" width="4" height="4" fill="#131313"/><rect x="56" y="32" width="4" height="4" fill="#f1501b"/><rect x="60" y="32" width="8" height="4" fill="#ffffff"/><rect x="68" y="32" width="4" height="4" fill="#131313"/><rect x="72" y="32" width="8" height="4" fill="#f1501b"/><rect x="80" y="32" width="4" height="4" fill="#131313"/><rect x="16" y="36" width="4" height="4" fill="#131313"/><rect x="20" y="36" width="60" height="4" fill="#f1501b"/><rect x="80" y="36" width="4" height="4" fill="#131313"/><rect x="16" y="40" width="4" height="4" fill="#131313"/><rect x="20" y="40" width="32" height="4" fill="#f1501b"/><rect x="52" y="40" width="4" height="4" fill="#131313"/><rect x="56" y="40" width="12" height="4" fill="#f1501b"/><rect x="68" y="40" width="4" height="4" fill="#131313"/><rect x="72" y="40" width="8" height="4" fill="#f1501b"/><rect x="80" y="40" width="4" height="4" fill="#131313"/><rect x="16" y="44" width="4" height="4" fill="#131313"/><rect x="20" y="44" width="36" height="4" fill="#f1501b"/><rect x="56" y="44" width="12" height="4" fill="#131313"/><rect x="68" y="44" width="12" height="4" fill="#f1501b"/><rect x="80" y="44" width="4" height="4" fill="#131313"/><rect x="16" y="48" width="4" height="4" fill="#131313"/><rect x="20" y="48" width="20" height="4" fill="#f1501b"/><rect x="40" y="48" width="20" height="4" fill="#0b3b1a"/><rect x="60" y="48" width="20" height="4" fill="#f1501b"/><rect x="80" y="48" width="16" height="4" fill="#131313"/><rect x="20" y="52" width="4" height="4" fill="#131313"/><rect x="24" y="52" width="8" height="4" fill="#f1501b"/><rect x="32" y="52" width="36" height="4" fill="#0b3b1a"/><rect x="68" y="52" width="8" height="4" fill="#f1501b"/><rect x="76" y="52" width="8" height="4" fill="#131313"/><rect x="84" y="52" width="12" height="4" fill="#f1501b"/><rect x="96" y="52" width="12" height="4" fill="#131313"/><rect x="20" y="56" width="4" height="4" fill="#131313"/><rect x="24" y="56" width="4" height="4" fill="#f1501b"/><rect x="28" y="56" width="44" height="4" fill="#0b3b1a"/><rect x="72" y="56" width="4" height="4" fill="#5a5a5a"/><rect x="76" y="56" width="28" height="4" fill="#a8a8a8"/><rect x="104" y="56" width="4" height="4" fill="#5a5a5a"/><rect x="108" y="56" width="8" height="4" fill="#131313"/><rect x="20" y="60" width="4" height="4" fill="#131313"/><rect x="24" y="60" width="4" height="4" fill="#07bcb4"/><rect x="28" y="60" width="44" height="4" fill="#0b3b1a"/><rect x="72" y="60" width="44" height="4" fill="#5a5a5a"/><rect x="116" y="60" width="4" height="4" fill="#131313"/><rect x="20" y="64" width="4" height="4" fill="#131313"/><rect x="24" y="64" width="8" height="4" fill="#07bcb4"/><rect x="32" y="64" width="36" height="4" fill="#0b3b1a"/><rect x="68" y="64" width="4" height="4" fill="#07bcb4"/><rect x="72" y="64" width="36" height="4" fill="#5a5a5a"/><rect x="108" y="64" width="8" height="4" fill="#131313"/><rect x="16" y="68" width="4" height="4" fill="#131313"/><rect x="20" y="68" width="20" height="4" fill="#07bcb4"/><rect x="40" y="68" width="20" height="4" fill="#0b3b1a"/><rect x="60" y="68" width="20" height="4" fill="#07bcb4"/><rect x="80" y="68" width="8" height="4" fill="#5a5a5a"/><rect x="88" y="68" width="20" height="4" fill="#131313"/><rect x="16" y="72" width="4" height="4" fill="#131313"/><rect x="20" y="72" width="48" height="4" fill="#07bcb4"/><rect x="68" y="72" width="16" height="4" fill="#131313"/><rect x="84" y="72" width="4" height="4" fill="#5a5a5a"/><rect x="88" y="72" width="4" height="4" fill="#131313"/><rect x="16" y="76" width="4" height="4" fill="#131313"/><rect x="20" y="76" width="60" height="4" fill="#07bcb4"/><rect x="80" y="76" width="8" height="4" fill="#131313"/><rect x="16" y="80" width="4" height="4" fill="#131313"/><rect x="20" y="80" width="60" height="4" fill="#07bcb4"/><rect x="80" y="80" width="4" height="4" fill="#131313"/><rect x="16" y="84" width="4" height="4" fill="#131313"/><rect x="20" y="84" width="60" height="4" fill="#07bcb4"/><rect x="80" y="84" width="4" height="4" fill="#131313"/><rect x="20" y="88" width="4" height="4" fill="#131313"/><rect x="24" y="88" width="52" height="4" fill="#07bcb4"/><rect x="76" y="88" width="4" height="4" fill="#131313"/><rect x="20" y="92" width="4" height="4" fill="#131313"/><rect x="24" y="92" width="52" height="4" fill="#07bcb4"/><rect x="76" y="92" width="4" height="4" fill="#131313"/><rect x="24" y="96" width="4" height="4" fill="#131313"/><rect x="28" y="96" width="44" height="4" fill="#07bcb4"/><rect x="72" y="96" width="4" height="4" fill="#131313"/><rect x="28" y="100" width="4" height="4" fill="#131313"/><rect x="32" y="100" width="36" height="4" fill="#07bcb4"/><rect x="68" y="100" width="4" height="4" fill="#131313"/><rect x="32" y="104" width="8" height="4" fill="#131313"/><rect x="40" y="104" width="20" height="4" fill="#07bcb4"/><rect x="60" y="104" width="8" height="4" fill="#131313"/><rect x="28" y="108" width="8" height="4" fill="#131313"/><rect x="40" y="108" width="20" height="4" fill="#131313"/><rect x="64" y="108" width="8" height="4" fill="#131313"/><rect x="28" y="112" width="8" height="4" fill="#131313"/><rect x="64" y="112" width="8" height="4" fill="#131313"/><rect x="28" y="116" width="8" height="4" fill="#131313"/><rect x="64" y="116" width="8" height="4" fill="#131313"/><rect x="28" y="120" width="8" height="4" fill="#131313"/><rect x="64" y="120" width="8" height="4" fill="#131313"/><rect x="28" y="124" width="8" height="4" fill="#131313"/><rect x="64" y="124" width="8" height="4" fill="#131313"/><rect x="28" y="128" width="16" height="4" fill="#131313"/><rect x="64" y="128" width="16" height="4" fill="#131313"/><rect x="28" y="132" width="16" height="4" fill="#131313"/><rect x="64" y="132" width="16" height="4" fill="#131313"/></g><g class="fr fr-w1"><rect x="40" y="4" width="20" height="4" fill="#131313"/><rect x="32" y="8" width="8" height="4" fill="#131313"/><rect x="40" y="8" width="20" height="4" fill="#f1501b"/><rect x="60" y="8" width="8" height="4" fill="#131313"/><rect x="28" y="12" width="4" height="4" fill="#131313"/><rect x="32" y="12" width="36" height="4" fill="#f1501b"/><rect x="68" y="12" width="4" height="4" fill="#131313"/><rect x="24" y="16" width="4" height="4" fill="#131313"/><rect x="28" y="16" width="44" height="4" fill="#f1501b"/><rect x="72" y="16" width="4" height="4" fill="#131313"/><rect x="20" y="20" width="4" height="4" fill="#131313"/><rect x="24" y="20" width="20" height="4" fill="#f1501b"/><rect x="44" y="20" width="12" height="4" fill="#ffffff"/><rect x="56" y="20" width="4" height="4" fill="#f1501b"/><rect x="60" y="20" width="12" height="4" fill="#ffffff"/><rect x="72" y="20" width="4" height="4" fill="#f1501b"/><rect x="76" y="20" width="4" height="4" fill="#131313"/><rect x="20" y="24" width="4" height="4" fill="#131313"/><rect x="24" y="24" width="20" height="4" fill="#f1501b"/><rect x="44" y="24" width="8" height="4" fill="#ffffff"/><rect x="52" y="24" width="4" height="4" fill="#131313"/><rect x="56" y="24" width="4" height="4" fill="#f1501b"/><rect x="60" y="24" width="8" height="4" fill="#ffffff"/><rect x="68" y="24" width="4" height="4" fill="#131313"/><rect x="72" y="24" width="4" height="4" fill="#f1501b"/><rect x="76" y="24" width="4" height="4" fill="#131313"/><rect x="16" y="28" width="4" height="4" fill="#131313"/><rect x="20" y="28" width="24" height="4" fill="#f1501b"/><rect x="44" y="28" width="8" height="4" fill="#ffffff"/><rect x="52" y="28" width="4" height="4" fill="#131313"/><rect x="56" y="28" width="4" height="4" fill="#f1501b"/><rect x="60" y="28" width="8" height="4" fill="#ffffff"/><rect x="68" y="28" width="4" height="4" fill="#131313"/><rect x="72" y="28" width="8" height="4" fill="#f1501b"/><rect x="80" y="28" width="4" height="4" fill="#131313"/><rect x="16" y="32" width="4" height="4" fill="#131313"/><rect x="20" y="32" width="60" height="4" fill="#f1501b"/><rect x="80" y="32" width="4" height="4" fill="#131313"/><rect x="16" y="36" width="4" height="4" fill="#131313"/><rect x="20" y="36" width="32" height="4" fill="#f1501b"/><rect x="52" y="36" width="4" height="4" fill="#131313"/><rect x="56" y="36" width="12" height="4" fill="#f1501b"/><rect x="68" y="36" width="4" height="4" fill="#131313"/><rect x="72" y="36" width="8" height="4" fill="#f1501b"/><rect x="80" y="36" width="4" height="4" fill="#131313"/><rect x="16" y="40" width="4" height="4" fill="#131313"/><rect x="20" y="40" width="36" height="4" fill="#f1501b"/><rect x="56" y="40" width="12" height="4" fill="#131313"/><rect x="68" y="40" width="12" height="4" fill="#f1501b"/><rect x="80" y="40" width="4" height="4" fill="#131313"/><rect x="16" y="44" width="4" height="4" fill="#131313"/><rect x="20" y="44" width="20" height="4" fill="#f1501b"/><rect x="40" y="44" width="20" height="4" fill="#0b3b1a"/><rect x="60" y="44" width="20" height="4" fill="#f1501b"/><rect x="80" y="44" width="16" height="4" fill="#131313"/><rect x="20" y="48" width="4" height="4" fill="#131313"/><rect x="24" y="48" width="8" height="4" fill="#f1501b"/><rect x="32" y="48" width="36" height="4" fill="#0b3b1a"/><rect x="68" y="48" width="8" height="4" fill="#f1501b"/><rect x="76" y="48" width="8" height="4" fill="#131313"/><rect x="84" y="48" width="12" height="4" fill="#f1501b"/><rect x="96" y="48" width="12" height="4" fill="#131313"/><rect x="20" y="52" width="4" height="4" fill="#131313"/><rect x="24" y="52" width="4" height="4" fill="#f1501b"/><rect x="28" y="52" width="44" height="4" fill="#0b3b1a"/><rect x="72" y="52" width="4" height="4" fill="#5a5a5a"/><rect x="76" y="52" width="28" height="4" fill="#a8a8a8"/><rect x="104" y="52" width="4" height="4" fill="#5a5a5a"/><rect x="108" y="52" width="8" height="4" fill="#131313"/><rect x="20" y="56" width="4" height="4" fill="#131313"/><rect x="24" y="56" width="4" height="4" fill="#07bcb4"/><rect x="28" y="56" width="44" height="4" fill="#0b3b1a"/><rect x="72" y="56" width="44" height="4" fill="#5a5a5a"/><rect x="116" y="56" width="4" height="4" fill="#131313"/><rect x="20" y="60" width="4" height="4" fill="#131313"/><rect x="24" y="60" width="8" height="4" fill="#07bcb4"/><rect x="32" y="60" width="36" height="4" fill="#0b3b1a"/><rect x="68" y="60" width="4" height="4" fill="#07bcb4"/><rect x="72" y="60" width="36" height="4" fill="#5a5a5a"/><rect x="108" y="60" width="8" height="4" fill="#131313"/><rect x="16" y="64" width="4" height="4" fill="#131313"/><rect x="20" y="64" width="20" height="4" fill="#07bcb4"/><rect x="40" y="64" width="20" height="4" fill="#0b3b1a"/><rect x="60" y="64" width="20" height="4" fill="#07bcb4"/><rect x="80" y="64" width="8" height="4" fill="#5a5a5a"/><rect x="88" y="64" width="20" height="4" fill="#131313"/><rect x="16" y="68" width="4" height="4" fill="#131313"/><rect x="20" y="68" width="48" height="4" fill="#07bcb4"/><rect x="68" y="68" width="16" height="4" fill="#131313"/><rect x="84" y="68" width="4" height="4" fill="#5a5a5a"/><rect x="88" y="68" width="4" height="4" fill="#131313"/><rect x="16" y="72" width="4" height="4" fill="#131313"/><rect x="20" y="72" width="60" height="4" fill="#07bcb4"/><rect x="80" y="72" width="8" height="4" fill="#131313"/><rect x="16" y="76" width="4" height="4" fill="#131313"/><rect x="20" y="76" width="60" height="4" fill="#07bcb4"/><rect x="80" y="76" width="4" height="4" fill="#131313"/><rect x="16" y="80" width="4" height="4" fill="#131313"/><rect x="20" y="80" width="60" height="4" fill="#07bcb4"/><rect x="80" y="80" width="4" height="4" fill="#131313"/><rect x="20" y="84" width="4" height="4" fill="#131313"/><rect x="24" y="84" width="52" height="4" fill="#07bcb4"/><rect x="76" y="84" width="4" height="4" fill="#131313"/><rect x="20" y="88" width="4" height="4" fill="#131313"/><rect x="24" y="88" width="52" height="4" fill="#07bcb4"/><rect x="76" y="88" width="4" height="4" fill="#131313"/><rect x="24" y="92" width="4" height="4" fill="#131313"/><rect x="28" y="92" width="44" height="4" fill="#07bcb4"/><rect x="72" y="92" width="4" height="4" fill="#131313"/><rect x="28" y="96" width="4" height="4" fill="#131313"/><rect x="32" y="96" width="36" height="4" fill="#07bcb4"/><rect x="68" y="96" width="4" height="4" fill="#131313"/><rect x="32" y="100" width="8" height="4" fill="#131313"/><rect x="40" y="100" width="20" height="4" fill="#07bcb4"/><rect x="60" y="100" width="8" height="4" fill="#131313"/><rect x="40" y="104" width="20" height="4" fill="#131313"/><rect x="40" y="108" width="8" height="4" fill="#131313"/><rect x="52" y="108" width="8" height="4" fill="#131313"/><rect x="40" y="112" width="8" height="4" fill="#131313"/><rect x="52" y="112" width="8" height="4" fill="#131313"/><rect x="40" y="116" width="8" height="4" fill="#131313"/><rect x="52" y="116" width="8" height="4" fill="#131313"/><rect x="40" y="120" width="8" height="4" fill="#131313"/><rect x="52" y="120" width="16" height="4" fill="#131313"/><rect x="40" y="124" width="8" height="4" fill="#131313"/><rect x="52" y="124" width="16" height="4" fill="#131313"/><rect x="40" y="128" width="16" height="4" fill="#131313"/><rect x="40" y="132" width="16" height="4" fill="#131313"/></g><g class="fr fr-w2"><rect x="40" y="8" width="20" height="4" fill="#131313"/><rect x="32" y="12" width="8" height="4" fill="#131313"/><rect x="40" y="12" width="20" height="4" fill="#f1501b"/><rect x="60" y="12" width="8" height="4" fill="#131313"/><rect x="28" y="16" width="4" height="4" fill="#131313"/><rect x="32" y="16" width="36" height="4" fill="#f1501b"/><rect x="68" y="16" width="4" height="4" fill="#131313"/><rect x="24" y="20" width="4" height="4" fill="#131313"/><rect x="28" y="20" width="44" height="4" fill="#f1501b"/><rect x="72" y="20" width="4" height="4" fill="#131313"/><rect x="20" y="24" width="4" height="4" fill="#131313"/><rect x="24" y="24" width="20" height="4" fill="#f1501b"/><rect x="44" y="24" width="12" height="4" fill="#ffffff"/><rect x="56" y="24" width="4" height="4" fill="#f1501b"/><rect x="60" y="24" width="12" height="4" fill="#ffffff"/><rect x="72" y="24" width="4" height="4" fill="#f1501b"/><rect x="76" y="24" width="4" height="4" fill="#131313"/><rect x="20" y="28" width="4" height="4" fill="#131313"/><rect x="24" y="28" width="20" height="4" fill="#f1501b"/><rect x="44" y="28" width="8" height="4" fill="#ffffff"/><rect x="52" y="28" width="4" height="4" fill="#131313"/><rect x="56" y="28" width="4" height="4" fill="#f1501b"/><rect x="60" y="28" width="8" height="4" fill="#ffffff"/><rect x="68" y="28" width="4" height="4" fill="#131313"/><rect x="72" y="28" width="4" height="4" fill="#f1501b"/><rect x="76" y="28" width="4" height="4" fill="#131313"/><rect x="16" y="32" width="4" height="4" fill="#131313"/><rect x="20" y="32" width="24" height="4" fill="#f1501b"/><rect x="44" y="32" width="8" height="4" fill="#ffffff"/><rect x="52" y="32" width="4" height="4" fill="#131313"/><rect x="56" y="32" width="4" height="4" fill="#f1501b"/><rect x="60" y="32" width="8" height="4" fill="#ffffff"/><rect x="68" y="32" width="4" height="4" fill="#131313"/><rect x="72" y="32" width="8" height="4" fill="#f1501b"/><rect x="80" y="32" width="4" height="4" fill="#131313"/><rect x="16" y="36" width="4" height="4" fill="#131313"/><rect x="20" y="36" width="60" height="4" fill="#f1501b"/><rect x="80" y="36" width="4" height="4" fill="#131313"/><rect x="16" y="40" width="4" height="4" fill="#131313"/><rect x="20" y="40" width="32" height="4" fill="#f1501b"/><rect x="52" y="40" width="4" height="4" fill="#131313"/><rect x="56" y="40" width="12" height="4" fill="#f1501b"/><rect x="68" y="40" width="4" height="4" fill="#131313"/><rect x="72" y="40" width="8" height="4" fill="#f1501b"/><rect x="80" y="40" width="4" height="4" fill="#131313"/><rect x="16" y="44" width="4" height="4" fill="#131313"/><rect x="20" y="44" width="36" height="4" fill="#f1501b"/><rect x="56" y="44" width="12" height="4" fill="#131313"/><rect x="68" y="44" width="12" height="4" fill="#f1501b"/><rect x="80" y="44" width="4" height="4" fill="#131313"/><rect x="16" y="48" width="4" height="4" fill="#131313"/><rect x="20" y="48" width="20" height="4" fill="#f1501b"/><rect x="40" y="48" width="20" height="4" fill="#0b3b1a"/><rect x="60" y="48" width="20" height="4" fill="#f1501b"/><rect x="80" y="48" width="16" height="4" fill="#131313"/><rect x="20" y="52" width="4" height="4" fill="#131313"/><rect x="24" y="52" width="8" height="4" fill="#f1501b"/><rect x="32" y="52" width="36" height="4" fill="#0b3b1a"/><rect x="68" y="52" width="8" height="4" fill="#f1501b"/><rect x="76" y="52" width="8" height="4" fill="#131313"/><rect x="84" y="52" width="12" height="4" fill="#f1501b"/><rect x="96" y="52" width="12" height="4" fill="#131313"/><rect x="20" y="56" width="4" height="4" fill="#131313"/><rect x="24" y="56" width="4" height="4" fill="#f1501b"/><rect x="28" y="56" width="44" height="4" fill="#0b3b1a"/><rect x="72" y="56" width="4" height="4" fill="#5a5a5a"/><rect x="76" y="56" width="28" height="4" fill="#a8a8a8"/><rect x="104" y="56" width="4" height="4" fill="#5a5a5a"/><rect x="108" y="56" width="8" height="4" fill="#131313"/><rect x="20" y="60" width="4" height="4" fill="#131313"/><rect x="24" y="60" width="4" height="4" fill="#07bcb4"/><rect x="28" y="60" width="44" height="4" fill="#0b3b1a"/><rect x="72" y="60" width="44" height="4" fill="#5a5a5a"/><rect x="116" y="60" width="4" height="4" fill="#131313"/><rect x="20" y="64" width="4" height="4" fill="#131313"/><rect x="24" y="64" width="8" height="4" fill="#07bcb4"/><rect x="32" y="64" width="36" height="4" fill="#0b3b1a"/><rect x="68" y="64" width="4" height="4" fill="#07bcb4"/><rect x="72" y="64" width="36" height="4" fill="#5a5a5a"/><rect x="108" y="64" width="8" height="4" fill="#131313"/><rect x="16" y="68" width="4" height="4" fill="#131313"/><rect x="20" y="68" width="20" height="4" fill="#07bcb4"/><rect x="40" y="68" width="20" height="4" fill="#0b3b1a"/><rect x="60" y="68" width="20" height="4" fill="#07bcb4"/><rect x="80" y="68" width="8" height="4" fill="#5a5a5a"/><rect x="88" y="68" width="20" height="4" fill="#131313"/><rect x="16" y="72" width="4" height="4" fill="#131313"/><rect x="20" y="72" width="48" height="4" fill="#07bcb4"/><rect x="68" y="72" width="16" height="4" fill="#131313"/><rect x="84" y="72" width="4" height="4" fill="#5a5a5a"/><rect x="88" y="72" width="4" height="4" fill="#131313"/><rect x="16" y="76" width="4" height="4" fill="#131313"/><rect x="20" y="76" width="60" height="4" fill="#07bcb4"/><rect x="80" y="76" width="8" height="4" fill="#131313"/><rect x="16" y="80" width="4" height="4" fill="#131313"/><rect x="20" y="80" width="60" height="4" fill="#07bcb4"/><rect x="80" y="80" width="4" height="4" fill="#131313"/><rect x="16" y="84" width="4" height="4" fill="#131313"/><rect x="20" y="84" width="60" height="4" fill="#07bcb4"/><rect x="80" y="84" width="4" height="4" fill="#131313"/><rect x="20" y="88" width="4" height="4" fill="#131313"/><rect x="24" y="88" width="52" height="4" fill="#07bcb4"/><rect x="76" y="88" width="4" height="4" fill="#131313"/><rect x="20" y="92" width="4" height="4" fill="#131313"/><rect x="24" y="92" width="52" height="4" fill="#07bcb4"/><rect x="76" y="92" width="4" height="4" fill="#131313"/><rect x="24" y="96" width="4" height="4" fill="#131313"/><rect x="28" y="96" width="44" height="4" fill="#07bcb4"/><rect x="72" y="96" width="4" height="4" fill="#131313"/><rect x="28" y="100" width="4" height="4" fill="#131313"/><rect x="32" y="100" width="36" height="4" fill="#07bcb4"/><rect x="68" y="100" width="4" height="4" fill="#131313"/><rect x="32" y="104" width="8" height="4" fill="#131313"/><rect x="40" y="104" width="20" height="4" fill="#07bcb4"/><rect x="60" y="104" width="8" height="4" fill="#131313"/><rect x="40" y="108" width="20" height="4" fill="#131313"/><rect x="40" y="112" width="8" height="4" fill="#131313"/><rect x="52" y="112" width="8" height="4" fill="#131313"/><rect x="40" y="116" width="8" height="4" fill="#131313"/><rect x="52" y="116" width="8" height="4" fill="#131313"/><rect x="40" y="120" width="8" height="4" fill="#131313"/><rect x="52" y="120" width="8" height="4" fill="#131313"/><rect x="40" y="124" width="8" height="4" fill="#131313"/><rect x="52" y="124" width="8" height="4" fill="#131313"/><rect x="40" y="128" width="28" height="4" fill="#131313"/><rect x="40" y="132" width="28" height="4" fill="#131313"/></g><g class="fr fr-w3"><rect x="40" y="4" width="20" height="4" fill="#131313"/><rect x="32" y="8" width="8" height="4" fill="#131313"/><rect x="40" y="8" width="20" height="4" fill="#f1501b"/><rect x="60" y="8" width="8" height="4" fill="#131313"/><rect x="28" y="12" width="4" height="4" fill="#131313"/><rect x="32" y="12" width="36" height="4" fill="#f1501b"/><rect x="68" y="12" width="4" height="4" fill="#131313"/><rect x="24" y="16" width="4" height="4" fill="#131313"/><rect x="28" y="16" width="44" height="4" fill="#f1501b"/><rect x="72" y="16" width="4" height="4" fill="#131313"/><rect x="20" y="20" width="4" height="4" fill="#131313"/><rect x="24" y="20" width="20" height="4" fill="#f1501b"/><rect x="44" y="20" width="12" height="4" fill="#ffffff"/><rect x="56" y="20" width="4" height="4" fill="#f1501b"/><rect x="60" y="20" width="12" height="4" fill="#ffffff"/><rect x="72" y="20" width="4" height="4" fill="#f1501b"/><rect x="76" y="20" width="4" height="4" fill="#131313"/><rect x="20" y="24" width="4" height="4" fill="#131313"/><rect x="24" y="24" width="20" height="4" fill="#f1501b"/><rect x="44" y="24" width="8" height="4" fill="#ffffff"/><rect x="52" y="24" width="4" height="4" fill="#131313"/><rect x="56" y="24" width="4" height="4" fill="#f1501b"/><rect x="60" y="24" width="8" height="4" fill="#ffffff"/><rect x="68" y="24" width="4" height="4" fill="#131313"/><rect x="72" y="24" width="4" height="4" fill="#f1501b"/><rect x="76" y="24" width="4" height="4" fill="#131313"/><rect x="16" y="28" width="4" height="4" fill="#131313"/><rect x="20" y="28" width="24" height="4" fill="#f1501b"/><rect x="44" y="28" width="8" height="4" fill="#ffffff"/><rect x="52" y="28" width="4" height="4" fill="#131313"/><rect x="56" y="28" width="4" height="4" fill="#f1501b"/><rect x="60" y="28" width="8" height="4" fill="#ffffff"/><rect x="68" y="28" width="4" height="4" fill="#131313"/><rect x="72" y="28" width="8" height="4" fill="#f1501b"/><rect x="80" y="28" width="4" height="4" fill="#131313"/><rect x="16" y="32" width="4" height="4" fill="#131313"/><rect x="20" y="32" width="60" height="4" fill="#f1501b"/><rect x="80" y="32" width="4" height="4" fill="#131313"/><rect x="16" y="36" width="4" height="4" fill="#131313"/><rect x="20" y="36" width="32" height="4" fill="#f1501b"/><rect x="52" y="36" width="4" height="4" fill="#131313"/><rect x="56" y="36" width="12" height="4" fill="#f1501b"/><rect x="68" y="36" width="4" height="4" fill="#131313"/><rect x="72" y="36" width="8" height="4" fill="#f1501b"/><rect x="80" y="36" width="4" height="4" fill="#131313"/><rect x="16" y="40" width="4" height="4" fill="#131313"/><rect x="20" y="40" width="36" height="4" fill="#f1501b"/><rect x="56" y="40" width="12" height="4" fill="#131313"/><rect x="68" y="40" width="12" height="4" fill="#f1501b"/><rect x="80" y="40" width="4" height="4" fill="#131313"/><rect x="16" y="44" width="4" height="4" fill="#131313"/><rect x="20" y="44" width="20" height="4" fill="#f1501b"/><rect x="40" y="44" width="20" height="4" fill="#0b3b1a"/><rect x="60" y="44" width="20" height="4" fill="#f1501b"/><rect x="80" y="44" width="16" height="4" fill="#131313"/><rect x="20" y="48" width="4" height="4" fill="#131313"/><rect x="24" y="48" width="8" height="4" fill="#f1501b"/><rect x="32" y="48" width="36" height="4" fill="#0b3b1a"/><rect x="68" y="48" width="8" height="4" fill="#f1501b"/><rect x="76" y="48" width="8" height="4" fill="#131313"/><rect x="84" y="48" width="12" height="4" fill="#f1501b"/><rect x="96" y="48" width="12" height="4" fill="#131313"/><rect x="20" y="52" width="4" height="4" fill="#131313"/><rect x="24" y="52" width="4" height="4" fill="#f1501b"/><rect x="28" y="52" width="44" height="4" fill="#0b3b1a"/><rect x="72" y="52" width="4" height="4" fill="#5a5a5a"/><rect x="76" y="52" width="28" height="4" fill="#a8a8a8"/><rect x="104" y="52" width="4" height="4" fill="#5a5a5a"/><rect x="108" y="52" width="8" height="4" fill="#131313"/><rect x="20" y="56" width="4" height="4" fill="#131313"/><rect x="24" y="56" width="4" height="4" fill="#07bcb4"/><rect x="28" y="56" width="44" height="4" fill="#0b3b1a"/><rect x="72" y="56" width="44" height="4" fill="#5a5a5a"/><rect x="116" y="56" width="4" height="4" fill="#131313"/><rect x="20" y="60" width="4" height="4" fill="#131313"/><rect x="24" y="60" width="8" height="4" fill="#07bcb4"/><rect x="32" y="60" width="36" height="4" fill="#0b3b1a"/><rect x="68" y="60" width="4" height="4" fill="#07bcb4"/><rect x="72" y="60" width="36" height="4" fill="#5a5a5a"/><rect x="108" y="60" width="8" height="4" fill="#131313"/><rect x="16" y="64" width="4" height="4" fill="#131313"/><rect x="20" y="64" width="20" height="4" fill="#07bcb4"/><rect x="40" y="64" width="20" height="4" fill="#0b3b1a"/><rect x="60" y="64" width="20" height="4" fill="#07bcb4"/><rect x="80" y="64" width="8" height="4" fill="#5a5a5a"/><rect x="88" y="64" width="20" height="4" fill="#131313"/><rect x="16" y="68" width="4" height="4" fill="#131313"/><rect x="20" y="68" width="48" height="4" fill="#07bcb4"/><rect x="68" y="68" width="16" height="4" fill="#131313"/><rect x="84" y="68" width="4" height="4" fill="#5a5a5a"/><rect x="88" y="68" width="4" height="4" fill="#131313"/><rect x="16" y="72" width="4" height="4" fill="#131313"/><rect x="20" y="72" width="60" height="4" fill="#07bcb4"/><rect x="80" y="72" width="8" height="4" fill="#131313"/><rect x="16" y="76" width="4" height="4" fill="#131313"/><rect x="20" y="76" width="60" height="4" fill="#07bcb4"/><rect x="80" y="76" width="4" height="4" fill="#131313"/><rect x="16" y="80" width="4" height="4" fill="#131313"/><rect x="20" y="80" width="60" height="4" fill="#07bcb4"/><rect x="80" y="80" width="4" height="4" fill="#131313"/><rect x="20" y="84" width="4" height="4" fill="#131313"/><rect x="24" y="84" width="52" height="4" fill="#07bcb4"/><rect x="76" y="84" width="4" height="4" fill="#131313"/><rect x="20" y="88" width="4" height="4" fill="#131313"/><rect x="24" y="88" width="52" height="4" fill="#07bcb4"/><rect x="76" y="88" width="4" height="4" fill="#131313"/><rect x="24" y="92" width="4" height="4" fill="#131313"/><rect x="28" y="92" width="44" height="4" fill="#07bcb4"/><rect x="72" y="92" width="4" height="4" fill="#131313"/><rect x="28" y="96" width="4" height="4" fill="#131313"/><rect x="32" y="96" width="36" height="4" fill="#07bcb4"/><rect x="68" y="96" width="4" height="4" fill="#131313"/><rect x="32" y="100" width="8" height="4" fill="#131313"/><rect x="40" y="100" width="20" height="4" fill="#07bcb4"/><rect x="60" y="100" width="8" height="4" fill="#131313"/><rect x="40" y="104" width="20" height="4" fill="#131313"/><rect x="40" y="108" width="8" height="4" fill="#131313"/><rect x="52" y="108" width="8" height="4" fill="#131313"/><rect x="40" y="112" width="8" height="4" fill="#131313"/><rect x="52" y="112" width="8" height="4" fill="#131313"/><rect x="40" y="116" width="8" height="4" fill="#131313"/><rect x="52" y="116" width="8" height="4" fill="#131313"/><rect x="40" y="120" width="20" height="4" fill="#131313"/><rect x="40" y="124" width="20" height="4" fill="#131313"/><rect x="52" y="128" width="16" height="4" fill="#131313"/><rect x="52" y="132" width="16" height="4" fill="#131313"/></g><g class="fr fr-aim"><rect x="40" y="8" width="20" height="4" fill="#131313"/><rect x="32" y="12" width="8" height="4" fill="#131313"/><rect x="40" y="12" width="20" height="4" fill="#f1501b"/><rect x="60" y="12" width="8" height="4" fill="#131313"/><rect x="28" y="16" width="4" height="4" fill="#131313"/><rect x="32" y="16" width="36" height="4" fill="#f1501b"/><rect x="68" y="16" width="4" height="4" fill="#131313"/><rect x="24" y="20" width="4" height="4" fill="#131313"/><rect x="28" y="20" width="44" height="4" fill="#f1501b"/><rect x="72" y="20" width="4" height="4" fill="#131313"/><rect x="20" y="24" width="4" height="4" fill="#131313"/><rect x="24" y="24" width="20" height="4" fill="#f1501b"/><rect x="44" y="24" width="12" height="4" fill="#ffffff"/><rect x="56" y="24" width="4" height="4" fill="#f1501b"/><rect x="60" y="24" width="12" height="4" fill="#ffffff"/><rect x="72" y="24" width="4" height="4" fill="#f1501b"/><rect x="76" y="24" width="4" height="4" fill="#131313"/><rect x="20" y="28" width="4" height="4" fill="#131313"/><rect x="24" y="28" width="20" height="4" fill="#f1501b"/><rect x="44" y="28" width="8" height="4" fill="#ffffff"/><rect x="52" y="28" width="4" height="4" fill="#131313"/><rect x="56" y="28" width="4" height="4" fill="#f1501b"/><rect x="60" y="28" width="8" height="4" fill="#ffffff"/><rect x="68" y="28" width="4" height="4" fill="#131313"/><rect x="72" y="28" width="4" height="4" fill="#f1501b"/><rect x="76" y="28" width="4" height="4" fill="#131313"/><rect x="16" y="32" width="4" height="4" fill="#131313"/><rect x="20" y="32" width="24" height="4" fill="#f1501b"/><rect x="44" y="32" width="8" height="4" fill="#ffffff"/><rect x="52" y="32" width="4" height="4" fill="#131313"/><rect x="56" y="32" width="4" height="4" fill="#f1501b"/><rect x="60" y="32" width="8" height="4" fill="#ffffff"/><rect x="68" y="32" width="4" height="4" fill="#131313"/><rect x="72" y="32" width="8" height="4" fill="#f1501b"/><rect x="80" y="32" width="4" height="4" fill="#131313"/><rect x="16" y="36" width="4" height="4" fill="#131313"/><rect x="20" y="36" width="60" height="4" fill="#f1501b"/><rect x="80" y="36" width="4" height="4" fill="#131313"/><rect x="16" y="40" width="4" height="4" fill="#131313"/><rect x="20" y="40" width="32" height="4" fill="#f1501b"/><rect x="52" y="40" width="4" height="4" fill="#131313"/><rect x="56" y="40" width="12" height="4" fill="#f1501b"/><rect x="68" y="40" width="4" height="4" fill="#131313"/><rect x="72" y="40" width="8" height="4" fill="#f1501b"/><rect x="80" y="40" width="4" height="4" fill="#131313"/><rect x="16" y="44" width="4" height="4" fill="#131313"/><rect x="20" y="44" width="36" height="4" fill="#f1501b"/><rect x="56" y="44" width="12" height="4" fill="#131313"/><rect x="68" y="44" width="12" height="4" fill="#f1501b"/><rect x="80" y="44" width="16" height="4" fill="#131313"/><rect x="124" y="44" width="4" height="4" fill="#131313"/><rect x="16" y="48" width="4" height="4" fill="#131313"/><rect x="20" y="48" width="20" height="4" fill="#f1501b"/><rect x="40" y="48" width="20" height="4" fill="#0b3b1a"/><rect x="60" y="48" width="20" height="4" fill="#f1501b"/><rect x="80" y="48" width="4" height="4" fill="#131313"/><rect x="84" y="48" width="12" height="4" fill="#f1501b"/><rect x="96" y="48" width="12" height="4" fill="#131313"/><rect x="120" y="48" width="4" height="4" fill="#131313"/><rect x="124" y="48" width="4" height="4" fill="#ffffff"/><rect x="20" y="52" width="4" height="4" fill="#131313"/><rect x="24" y="52" width="8" height="4" fill="#f1501b"/><rect x="32" y="52" width="36" height="4" fill="#0b3b1a"/><rect x="68" y="52" width="4" height="4" fill="#f1501b"/><rect x="72" y="52" width="4" height="4" fill="#5a5a5a"/><rect x="76" y="52" width="28" height="4" fill="#a8a8a8"/><rect x="104" y="52" width="4" height="4" fill="#5a5a5a"/><rect x="108" y="52" width="12" height="4" fill="#131313"/><rect x="120" y="52" width="4" height="4" fill="#ffd23f"/><rect x="124" y="52" width="4" height="4" fill="#131313"/><rect x="20" y="56" width="4" height="4" fill="#131313"/><rect x="24" y="56" width="4" height="4" fill="#f1501b"/><rect x="28" y="56" width="44" height="4" fill="#0b3b1a"/><rect x="72" y="56" width="44" height="4" fill="#5a5a5a"/><rect x="116" y="56" width="12" height="4" fill="#ffd23f"/><rect x="20" y="60" width="4" height="4" fill="#131313"/><rect x="24" y="60" width="4" height="4" fill="#07bcb4"/><rect x="28" y="60" width="44" height="4" fill="#0b3b1a"/><rect x="72" y="60" width="36" height="4" fill="#5a5a5a"/><rect x="108" y="60" width="12" height="4" fill="#131313"/><rect x="120" y="60" width="4" height="4" fill="#ffd23f"/><rect x="124" y="60" width="4" height="4" fill="#131313"/><rect x="20" y="64" width="4" height="4" fill="#131313"/><rect x="24" y="64" width="8" height="4" fill="#07bcb4"/><rect x="32" y="64" width="36" height="4" fill="#0b3b1a"/><rect x="68" y="64" width="8" height="4" fill="#07bcb4"/><rect x="76" y="64" width="4" height="4" fill="#131313"/><rect x="80" y="64" width="8" height="4" fill="#5a5a5a"/><rect x="88" y="64" width="20" height="4" fill="#131313"/><rect x="120" y="64" width="4" height="4" fill="#131313"/><rect x="124" y="64" width="4" height="4" fill="#ffffff"/><rect x="16" y="68" width="4" height="4" fill="#131313"/><rect x="20" y="68" width="20" height="4" fill="#07bcb4"/><rect x="40" y="68" width="20" height="4" fill="#0b3b1a"/><rect x="60" y="68" width="8" height="4" fill="#07bcb4"/><rect x="68" y="68" width="16" height="4" fill="#131313"/><rect x="84" y="68" width="4" height="4" fill="#5a5a5a"/><rect x="88" y="68" width="4" height="4" fill="#131313"/><rect x="124" y="68" width="4" height="4" fill="#131313"/><rect x="16" y="72" width="4" height="4" fill="#131313"/><rect x="20" y="72" width="60" height="4" fill="#07bcb4"/><rect x="80" y="72" width="8" height="4" fill="#131313"/><rect x="16" y="76" width="4" height="4" fill="#131313"/><rect x="20" y="76" width="60" height="4" fill="#07bcb4"/><rect x="80" y="76" width="4" height="4" fill="#131313"/><rect x="16" y="80" width="4" height="4" fill="#131313"/><rect x="20" y="80" width="60" height="4" fill="#07bcb4"/><rect x="80" y="80" width="4" height="4" fill="#131313"/><rect x="16" y="84" width="4" height="4" fill="#131313"/><rect x="20" y="84" width="60" height="4" fill="#07bcb4"/><rect x="80" y="84" width="4" height="4" fill="#131313"/><rect x="20" y="88" width="4" height="4" fill="#131313"/><rect x="24" y="88" width="52" height="4" fill="#07bcb4"/><rect x="76" y="88" width="4" height="4" fill="#131313"/><rect x="20" y="92" width="4" height="4" fill="#131313"/><rect x="24" y="92" width="52" height="4" fill="#07bcb4"/><rect x="76" y="92" width="4" height="4" fill="#131313"/><rect x="24" y="96" width="4" height="4" fill="#131313"/><rect x="28" y="96" width="44" height="4" fill="#07bcb4"/><rect x="72" y="96" width="4" height="4" fill="#131313"/><rect x="28" y="100" width="4" height="4" fill="#131313"/><rect x="32" y="100" width="36" height="4" fill="#07bcb4"/><rect x="68" y="100" width="4" height="4" fill="#131313"/><rect x="32" y="104" width="8" height="4" fill="#131313"/><rect x="40" y="104" width="20" height="4" fill="#07bcb4"/><rect x="60" y="104" width="8" height="4" fill="#131313"/><rect x="36" y="108" width="28" height="4" fill="#131313"/><rect x="36" y="112" width="8" height="4" fill="#131313"/><rect x="56" y="112" width="8" height="4" fill="#131313"/><rect x="36" y="116" width="8" height="4" fill="#131313"/><rect x="56" y="116" width="8" height="4" fill="#131313"/><rect x="36" y="120" width="8" height="4" fill="#131313"/><rect x="56" y="120" width="8" height="4" fill="#131313"/><rect x="36" y="124" width="8" height="4" fill="#131313"/><rect x="56" y="124" width="8" height="4" fill="#131313"/><rect x="36" y="128" width="16" height="4" fill="#131313"/><rect x="56" y="128" width="16" height="4" fill="#131313"/><rect x="36" y="132" width="16" height="4" fill="#131313"/><rect x="56" y="132" width="16" height="4" fill="#131313"/></g></svg></template><script type="module" src="/_astro/BoxZapper.astro_astro_type_script_index_0_lang.CHoJ29wM.js"></script><script>
      // No widows: CSS text-wrap: pretty does most of it, this catches what browsers miss by joining the last two words
      (function () {
        var sel = 'h1,h2,h3,h4,h5,h6,p,li,dd,dt,blockquote,figcaption,summary';
        function fix(el) {
          if (el.dataset.nowidow || el.closest('pre,code,nav,svg,[contenteditable]') || el.querySelector('div,p,ul,ol,li,img,video,svg,button')) return;
          for (var k = 0; k < el.children.length; k++) {
            var ch = el.children[k];
            if (ch.tagName !== 'BR' && !/^inline/.test(getComputedStyle(ch).display)) return; // laid-out lists, not running text
          }
          el.dataset.nowidow = '1';
          // each <br>-separated line gets its last two words joined
          var tw = document.createTreeWalker(el, NodeFilter.SHOW_TEXT | NodeFilter.SHOW_ELEMENT), n, segs = [[]];
          while ((n = tw.nextNode())) { if (n.nodeType === 1) { if (n.tagName === 'BR') segs.push([]); } else segs[segs.length - 1].push(n); }
          var w = el.offsetWidth, overflow = false;
          segs.forEach(function (nodes) {
            if (nodes.map(function (x) { return x.nodeValue; }).join('').trim().split(/\s+/).length < 3) return;
            var seen = false;
            for (var i = nodes.length - 1; i >= 0; i--) {
              var v = nodes[i].nodeValue;
              for (var j = v.length - 1; j >= 0; j--) {
                if (/\S/.test(v[j])) { seen = true; continue; }
                if (v[j] === ' ') return;
                if (!seen) continue;
                nodes[i].nodeValue = v.slice(0, j) + ' ' + v.slice(j + 1);
                if (el.scrollWidth > el.clientWidth + 1 || el.offsetWidth > w + 1) { nodes[i].nodeValue = v; overflow = true; }
                return;
              }
            }
          });
          // too long to join (big type in a narrow column): balance the lines instead
          if (overflow && el.getClientRects().length && el.offsetHeight < parseFloat(getComputedStyle(el).lineHeight || 0) * 6) el.style.textWrap = 'balance';
        }
        function run() { document.querySelectorAll(sel).forEach(fix); }
        run();
        document.addEventListener('astro:page-load', run);
      })();
    </script></body></html><script type="module" src="/_astro/index.astro_astro_type_script_index_0_lang.C_-fZ6rB.js"></script>