:root{--paper:#fff;--ink:#111;--green:#fff;--muted:#606060;--line:#ddd}body{background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif}h1,h2,h3,.case-hero h1,.case-study h2,.case-stats strong,.portfolio-visual>span{font-family:Arial,Helvetica,sans-serif}h1,h2{font-weight:800}h1>span{font-family:inherit;font-style:normal;font-weight:800;letter-spacing:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #111;outline-offset:5px}.eyebrow,.tag{font-family:'Courier New',monospace;letter-spacing:1.3px}.eyebrow i{background:#111}header{height:auto;min-height:110px;gap:25px;padding:15px 0;border-color:#111}.brand{gap:7px;flex-shrink:0}.brand-art{width:67px;height:62px;overflow:hidden;position:relative;display:block}.brand-art img{position:absolute;width:116px;height:auto;max-width:none;left:-24px;top:-14px}.wordmark{font-size:22px;line-height:1;letter-spacing:-1px;font-weight:800}.wordmark>span{display:block;font-weight:400;font-size:17px;letter-spacing:1px;margin-top:5px}header nav{display:flex;align-items:center;gap:27px;font-size:12px}header .nav-cta{font-weight:700;font-size:12px;white-space:nowrap}.project-menu,.project-menu:last-child{position:relative;padding:0;border:0;color:#111}.project-menu summary{font-size:12px;line-height:1.4}.project-menu>div{position:absolute;z-index:20;top:30px;left:-20px;width:270px;background:#fff;border:1px solid #111;padding:10px 18px;box-shadow:5px 5px 0 #111}.project-menu>div a{display:block;padding:13px 0;border-bottom:1px solid #ddd;font-size:12px}.project-menu>div a:last-child{border:0}.hero{padding-top:45px}.hero-grid{grid-template-columns:1fr 1.1fr;gap:30px}.hero h1{font-size:clamp(66px,7.8vw,118px);line-height:.95;letter-spacing:-6px;margin:40px 0 28px}.hero .intro{font-size:16px;line-height:1.8;color:#555;max-width:410px}.button{border-radius:0;border:1px solid #111;font-size:12px}.dark{background:#111;color:#fff}.lime{background:#fff;color:#111}.dark:hover{background:#333}.lime:hover{background:#eee}.brand-scene{height:590px;position:relative;max-width:630px;width:100%;justify-self:end}.bubble-girl-hero{position:absolute;width:440px;height:auto;right:-35px;bottom:-10px;max-width:none;pointer-events:none}.project-bubble{position:absolute;border:1.5px solid #111;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:19px;color:#111;background:#fff;font-size:12px;font-weight:700;line-height:1.35;transition:background .2s}.project-bubble b{font-size:17px;font-weight:400;margin-top:5px}.project-bubble:hover{background:#eee}.pb1{height:150px;width:150px;top:14px;left:5px;transform:rotate(-9deg)}.pb2{height:116px;width:116px;top:8px;left:220px;transform:rotate(7deg)}.pb3{height:154px;width:154px;top:177px;left:10px;transform:rotate(-7deg)}.pb4{height:133px;width:133px;top:143px;left:210px;transform:rotate(6deg)}.scene-caption{position:absolute;bottom:0;left:4px;font-family:'Courier New',monospace;font-size:8px;letter-spacing:1px}.hero-foot{border-color:#111;margin-top:45px;font-family:'Courier New',monospace;font-size:10px}.statement,.portfolio,.agent-home-callout,.enquiries,.agent-offer,.case-work-grid article,.next-box{background:#f5f5f5}.statement{border-top:1px solid #111;border-bottom:1px solid #111}.asterisk{color:#111}.step-art,.agent-board,.board-row,.domain-art>span,.brief,.agent-form,.order-summary,.offer-card{background:#fff;border-color:#bbb;box-shadow:none}.domain-art strong,.domain-art>b,.growth-art i,.community-art i,.community-art i:nth-child(n){color:#111;background:#ddd}.community-art i:nth-child(2),.community-art i:nth-child(5),.growth-art i:nth-child(4){background:#111}.growth-art i:nth-child(3){background:#888}.community-art i{border-color:#fff}.consultancy,.agent-method{background:#111;color:#fff}.consultancy p,.agent-method p{color:#ccc}.consultancy summary,.consultancy summary span,.consultancy summary b,.agent-method .method-list li>span{color:#fff}.consultancy .lime{background:#fff;color:#111}.mini-note{color:#bbb}.consultancy details{border-color:#555}.enquiries{border-top:1px solid #111}.enquiries h2 em{font-family:inherit;font-style:normal;font-weight:800}.enquiries p{color:#555}.brief{border:1px solid #ccc;border-radius:0}.brief input,.brief textarea,.brief select{background:#fff;border-color:#aaa;border-radius:0;color:#111}.values span{border-color:#aaa;border-radius:0}.portfolio-grid{gap:35px 28px}.project-image{border-radius:0;border:1px solid #ccc}.project-image img,.case-screen img{filter:grayscale(1)}.portfolio-visual,.saving,.sovereign,.royalty,.bank,.dental,.hair{background:#fff;color:#111;border:1px solid #111;border-radius:0}.portfolio-visual{border-radius:50%;width:235px;height:235px;margin:0 auto 14px;align-items:center;justify-content:center;text-align:center;padding:25px}.portfolio-visual>b{font-size:140px;opacity:.07}.portfolio-card h3{font-weight:700}.portfolio-card p{color:#555}.portfolio-link,.project-actions{border-color:#aaa}.case-screen,.case-screen.bank,.case-screen.dental,.case-screen.hair,.case-work-grid article,.case-example-links a{background:#f5f5f5;border-radius:0;border:1px solid #ddd}.case-screen figcaption,.case-stats span,.case-note,.work-number{color:#606060}.case-example-links a:hover{background:#e9e9e9}.case-hero h1{font-weight:800}.agent-page h1{font-family:Arial,Helvetica,sans-serif;font-weight:800}.agent-page h1 em,.agent-page h1 span{font-family:inherit;font-style:normal}.agent-board{transform:none;border-radius:0}.board-row,.offer-card,.order-summary{border-radius:0}.board-row span,.board-row strong,.board-tag,.agent-strip,.summary-symbol,.form-section-title>span{color:#111;background:#eee}.agent-strip{background:#fff;border-top:1px solid #111;border-bottom:1px solid #111}.cap-number,.offer-card li:before,.order-summary li:before,.agent-page .fine,.agent-faq summary b,.offer-price span{color:#555}.agent-home-callout{border-top:1px solid #111;border-bottom:1px solid #111}.method-list li{border-color:#555}.form-section-title>span,.summary-symbol{background:#fff;border:1px solid #111}.brand-footer{display:block;background:#fff;margin:0;padding:55px 5% 25px;border-top:1px solid #111}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px}.footer-top>p{color:#555;font-size:14px}.footer-top>a:last-child{justify-self:end;font-size:13px;font-weight:700;border-bottom:1px solid #111;padding-bottom:8px}.footer-projects{display:flex;flex-wrap:wrap;gap:15px 30px;border-top:1px solid #ddd;margin-top:35px;padding-top:28px;font-size:12px}.footer-projects>.eyebrow{width:100%;font-size:10px;margin-bottom:5px}.brand-footer .footer-bottom{width:100%;border-top:1px solid #ddd;margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-family:'Courier New',monospace;font-size:10px;color:#666}@media(max-width:1050px){header nav{gap:17px}.brand-scene{height:545px}.hero-grid{gap:5px}.project-bubble{font-size:11px}.pb1{width:130px;height:130px;left:0}.pb2{left:175px}.pb3{width:135px;height:135px;left:0;top:160px}.pb4{width:120px;height:120px;left:164px;top:145px}.bubble-girl-hero{width:380px;right:-45px}.wordmark{font-size:20px}.brand-art{width:58px}}@media(max-width:760px){header{flex-wrap:wrap;gap:18px;padding:14px 0 20px}header nav{order:3;flex-basis:100%;justify-content:space-between;gap:10px;flex-wrap:wrap}header .nav-cta{margin-left:auto}.project-menu>div{left:-70px;width:255px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:78px;letter-spacing:-4px;max-width:500px}.hero .intro{max-width:550px}.brand-scene{justify-self:center;max-width:430px;height:500px;margin-top:25px}.bubble-girl-hero{width:380px;right:-15px;bottom:-10px}.pb1{left:0;top:0;width:130px;height:130px}.pb2{left:185px;top:0;width:110px;height:110px}.pb3{left:0;top:160px;width:135px;height:135px}.pb4{left:170px;top:135px;width:120px;height:120px}.hero-foot{gap:15px;flex-wrap:wrap;font-size:9px}.hero-foot>span:nth-child(2){display:none}.footer-top{grid-template-columns:1fr;gap:20px}.footer-top>a:last-child{justify-self:start}.footer-top>p{margin:0}.footer-projects{flex-direction:column;gap:17px}.brand-footer .footer-bottom{flex-direction:column;gap:12px}.enquiries h2{font-size:53px}.portfolio-visual{width:210px;height:210px}}@media(max-width:380px){.hero h1{font-size:67px}.brand-scene{height:460px}.project-bubble{font-size:10px}.pb1{width:112px;height:112px}.pb2{left:155px;width:98px;height:98px}.pb3{width:115px;height:115px;top:140px}.pb4{left:145px;top:120px;width:108px;height:108px}.bubble-girl-hero{width:330px;right:-23px}.wordmark{font-size:18px}header .nav-cta{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

body{filter:none}.arrow-icon{width:13px;height:13px;display:inline-block;vertical-align:middle;flex-shrink:0}.arrow-down{transform:rotate(90deg)}.project-bubble .arrow-icon{width:14px;height:14px}

/* A flash of colour reveals the individual character of each digital bubble. */
.project-bubble{transition:background-color .25s,border-color .25s,box-shadow .25s;isolation:isolate}
.pb1:hover,.pb1:focus-visible{background:#d5edbb;border-color:#426b2d;box-shadow:0 8px 24px #426b2d1a}
.pb2:hover,.pb2:focus-visible{background:#cce5ff;border-color:#315d87;box-shadow:0 8px 24px #315d871a}
.pb3:hover,.pb3:focus-visible{background:#f5cedd;border-color:#894860;box-shadow:0 8px 24px #8948601a}
.pb4:hover,.pb4:focus-visible{background:#e0d5f5;border-color:#67508d;box-shadow:0 8px 24px #67508d1a}
.wand-source{position:absolute;right:129px;bottom:210px;pointer-events:none;z-index:2;width:0;height:0}
.rising-bubble{display:block;position:absolute;width:11px;height:11px;border:1px solid #111;border-radius:50%;background:#ffffff60;opacity:0;animation:bubble-rise 6s linear infinite;will-change:transform,opacity}
.rb2{width:7px;height:7px;animation-delay:1s}.rb3{width:15px;height:15px;animation-delay:2s}.rb4{width:9px;height:9px;animation-delay:3s}.rb5{width:12px;height:12px;animation-delay:4s}.rb6{width:6px;height:6px;animation-delay:5s}
@keyframes bubble-rise{0%{transform:translate(0,0) scale(.5);opacity:0}12%{opacity:.85}45%{transform:translate(-55px,-100px) scale(1);opacity:.7}80%{transform:translate(-135px,-220px) scale(1.25);opacity:.4}100%{transform:translate(-180px,-300px) scale(1.4);opacity:0}}
.bubble-motion-toggle{position:absolute;bottom:23px;left:4px;background:none;border:0;border-bottom:1px solid #bbb;border-radius:0;padding:3px 0;color:#666;font:10px Arial,sans-serif;cursor:pointer;z-index:5}
.brand-scene.motion-paused .rising-bubble{animation-play-state:paused}
@media(max-width:1050px){.wand-source{right:100px;bottom:180px}}
@media(max-width:760px){.wand-source{right:130px;bottom:180px}}
@media(max-width:380px){.wand-source{right:103px;bottom:155px}}
@media(prefers-reduced-motion:reduce){.rising-bubble{animation:none!important;display:none}.bubble-motion-toggle{display:none}.project-bubble{transition:none}}
