PageSourceSearch

https://guil.is/projects/n26-product-videos

html guil.is collected 2026-10-06 12:22:44 UTC 46,247 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en" class="h-full antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/chunks/0myld3gj7frb~.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/0jg_zsk3jq8k4.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/15wfqkhpg5y6g.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/16_uq9tzjq23b.js"/>
1<script src="/_next/static/chunks/0~fwbl-z4zo0t.js" async=""></script>
1<script src="/_next/static/chunks/11pm9a-3v_iu3.js" async=""></script>
1<script src="/_next/static/chunks/0rwwge57xnfls.js" async=""></script>
1<script src="/_next/static/chunks/0yu_1~b4-6wf1.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-05cw3.yce6e5c.js" async=""></script>
1<script src="/_next/static/chunks/0-.kw1434572k.js" async=""></script>
1<script src="/_next/static/chunks/0i.l9589uvx0j.js" async=""></script>
1<script src="/_next/static/chunks/03me6_9~4d6w8.js" async=""></script>
1<script src="/_next/static/chunks/0l410cda2ijfx.js" async=""></script>
1<link rel="preload" href="https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700&amp;family=Inter:wght@300;400;500;600;700&amp;family=Public+Sans:wght@400;500;600;700&amp;family=Geist:wght@400;500;600;700&amp;display=swap" as="style"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><title>The mobile bank | Guil Maueler</title><meta name="description" content="Product launch and explainer videos for the prominent German neobank."/><meta property="og:title" content="Guil Maueler — Design partner for ambitious teams"/><meta property="og:description" content="Brand, product, and everything in between for mission‑driven teams building at the edge of what’s possible. Based in Berlin."/><meta property="og:url" content="https://guil.is"/><meta property="og:site_name" content="Guil Maueler"/><meta property="og:image" content="https://guil.is/Portfolio%20OpenGraph.jpg"/><meta property="og:image:width" content="1920"/><meta property="og:image:height" content="1080"/><meta property="og:image:alt" content="Guil Maueler | Fractional Design Partner"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:creator" content="@guil_is"/><meta name="twitter:title" content="Guil Maueler — Design partner for ambitious teams"/><meta name="twitter:description" content="Brand, product, and everything in between for mission‑driven teams building at the edge of what’s possible. Based in Berlin."/><meta name="twitter:image" content="https://guil.is/Portfolio%20OpenGraph.jpg"/><link rel="icon" href="/icon.svg?icon.152g6kny~nfcu.svg" sizes="any" type="image/svg+xml"/><link rel="apple-touch-icon" href="/apple-icon.png?apple-icon.01vv-8uv-53z9.png" sizes="180x180" type="image/png"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700&amp;
1family=Inter:wght@300;400;500;600;700&amp;family=Public+Sans:wght@400;500;600;700&amp;family=Geist:wght@400;500;600;700&amp;display=swap"/>
1<script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script>
1</head><body class="min-h-full bg-bg text-body"><div hidden=""><!--$--><!--/$--></div>
1<script>(function(){try{var s=localStorage.getItem('theme');if(!s||s==='"system"'){var h=new Date().getHours();document.documentElement.classList.toggle('dark',h<7||h>=19)}}catch(e){}})()</script>
1<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","system",null,["light","dark"],null,false,true)</script>
1<div aria-hidden="true" class="pointer-events-none fixed left-6 top-1/2 z-40 hidden whitespace-nowrap font-caption text-[11px] font-medium uppercase tracking-[1.5px] text-muted transition-opacity duration-500 lg:block opacity-0" style="writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg)"><span class="italic">N26</span><span class="mx-2">/</span><span class="text-ink">The mobile bank</span></div><div class="page-fade-in"><header class="nav-drop-in sticky top-0 z-40 bg-bg px-6 md:px-10"><div class="mx-auto w-full" style="max-width:960px"><nav class="flex items-center justify-between gap-6 border-b border-rule pb-4 pt-6"><div class="min-w-0 flex-1"><div class="flex min-w-0 items-center gap-2 font-caption text-[12px] font-medium uppercase tracking-[1.5px] text-muted"><a class="hover:text-ink" href="/">guil</a><span>&gt;</span><a class="hover:text-ink" href="/#work">work</a><span>&gt;</span><span class="truncate font-bold text-ink">The mobile bank</span></div></div><div class="flex shrink-0 items-center"><div class="relative z-50"><button type="button" aria-label="Open menu" aria-expanded="false" class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-rule bg-bg/80 text-ink/80 backdrop-blur transition-colors hover:bg-ink/5 hover:text-ink"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-4 w-4" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div></nav></div></header><main class="px-6 md:px-10"><div class="fade-in-on-scroll is-visible "><section class="mx-auto w-full max-w-[960px] pb-10 pt-10"><div class="relative w-full overflow-hidden rounded-[16px] bg-card shadow-[0_4px_40px_#cfc8c433] " style="aspect-ratio:16 / 9"><iframe src="https://www.youtube.com/embed/ig40B7n9kbM" title="The mobile bank" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen="" class="absolute inset-0 h-full w-full"></iframe></div></section></div><div class="fade-in-on-scroll is-visible "><section class="mx-auto w-full max-w-[960px] border-y border-[#ebebeb] py-14 dark:border-rule md:py-20"><div class="grid grid-cols-1 gap-10 md:grid-cols-[1fr_280px] md:gap-16"><div class="flex flex-col gap-8"><p class="font-display text-[1.75rem] font-bold leading-[1.3] text-ink md:text-[2.125rem] md:leading-[1.25]">Product launch and explainer videos for the prominent German neobank.</p></div><div class="flex flex-col"><div class="grid grid-cols-[80px_1fr] items-center gap-4 py-4 "><h6 class="text-[10px] font-semibold uppercase leading-[22px] tracking-[1px] text-ink/35">Team</h6><div class="min-w-0"><span class="font-display text-[1rem] text-ink">N26</span></div></div><div class="grid grid-cols-[80px_1fr] items-center gap-4 py-4 border-t border-rule-soft"><h6 class="text-[10px] font-semibold uppercase leading-[22px] tracking-[1px] text-ink/35">Services</h6><div class="min-w-0"><div class="flex flex-wrap gap-2"><span class="rounded-full border border-rule-soft px-3 py-1 font-caption text-[11px] font-medium uppercase tracking-[1px] text-ink">End‑to‑end video production</span><span class="rounded-full border border-rule-soft px-3 py-1 font-caption text-[11px] font-medium uppercase tracking-[1px] text-ink">Creative Direction</span></div></div></div><div class="grid grid-cols-[80px_1fr] items-center gap-4 py-4 border-t border-rule-soft"><h6 class="text-[10px] font-semibold uppercase leading-[22px] tracking-[1px] text-ink/35">Date</h6><div class="min-w-0"><span class="font-display text-[1rem] text-ink">—</span></div></div></div></div></section></div><div class="fade-in-on-scroll is-visible "><section class="py-16"><div class="project-article"><p>During my years at N26, I had the chance to work on a number of product launches and explainer videos. </p><figure class="project-article-figure project-article-figure--video"><div class="relative w-full overflow-hidden rounded-[16px] bg-card shadow-[0_4px_40px_#cfc8c433] " style="aspect-ratio:16 / 9"><iframe src="https://www.youtube.com/embed/fo-j8u3cbzI" title="" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen="" class="absolute inset-0 h-full w-full"></iframe></div></figure><figure class="project-article-figure project-article-figure--video"><div class="relative w-full overflow-hidden rounded-[16px] bg-card shadow-[0_4px_40px_#cfc8c433] " style="aspect-ratio:16 / 9"><iframe src="https://www.youtube.com/embed/fo-j8u3cbzI" title="" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen="" class="absolute inset-0 h-full w-full"></iframe></div></figure><p></p><h3>N26 Metal</h3><figure class="project-article-figure project-article-figure--video"><div class="relative w-full overflow-hidden rounded-[16px] bg-card shadow-[0_4px_40px_#cfc8c433] " style="aspect-ratio:16 / 9"><iframe src="https://www.youtube.com/embed/hHXb-WtHTTI" title="N26 Metal — hero video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen="" class="absolute inset-0 h-full w-full"></iframe></div><figcaption>N26 Metal — hero video</figcaption></figure><blockquote>&quot;Metal was here before us, and will be here after us. It’s an authentic, raw element of what makes up our world<em>. It also exists beyond our world. Metal is denser, more valuable and longer lasting. Weight is wealth.&quot;</em></blockquote><p>Made in collaboration with <a href="http://timdoldissen.com">Tim Doldissen</a> and <a href="http://juangarciasegura.com/">Juan García</a>, these two videos were created for the launch (below) and re-design (above) of N26&#x27;s premium product.</p><p>Focus on the design and physical features that makes the card stand out from the others. We aimed to transmit a sense of suspense, the thrilling sensation of something new and exciting being moulded into existence.</p><p>‍</p><figure class="project-article-figure project-article-figure--video"><div class="relative w-full overflow-hidden rounded-[16px] bg-card shadow-[0_4px_40px_#cfc8c433] " style="aspect-ratio:16 / 9"><iframe src="https://www.youtube.com/embed/CKqSSmN8lyk" title="" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen="" class="absolute inset-0 h-full w-full"></iframe></div></figure><p><br/>
1</p><h3>N26 Spaces</h3><figure class="project-article-figure project-article-figure--video"><div class="relative w-full overflow-hidden rounded-[16px] bg-card shadow-[0_4px_40px_#cfc8c433] " style="aspect-ratio:16 / 9"><iframe src="https://www.youtube.com/embed/rejvsITkYQI" title="N26 Spaces — hero video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen="" class="absolute inset-0 h-full w-full"></iframe></div><figcaption>N26 Spaces — hero video</figcaption></figure></div></section></div><div class="fade-in-on-scroll is-visible "><section class="mx-auto w-full max-w-[1200px] px-6 py-16 md:px-10"><div class="react-photo-album react-photo-album--rows" role="group" aria-label="Photo album"></div></section></div><section class="mx-auto w-full max-w-[1200px]"><div class="grid grid-cols-1 md:grid-cols-2"><a class="group flex flex-col gap-5 border-y border-rule-soft px-6 py-16 md:px-20 md:py-20  " href="/projects/amigos-fantasmas"><span class="font-caption text-[11px] font-medium uppercase tracking-[1.5px] text-muted">← previous</span><div class="relative aspect-[16/9] overflow-hidden rounded-[16px] bg-card shadow-[0_4px_40px_#cfc8c433]"><img alt="Amigos &amp; Fantasmas" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-[1.03]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://uploads-ssl.webflow.com/5ea0098428bdbf1b20d2c9af/5eb9472fd2e1d321a3598fcb_Amigos-grid.gif"/></div><div class="flex flex-col gap-1"><h3 class="font-display text-[1.75rem] font-bold leading-tight text-ink transition-colors group-hover:text-accent md:text-[2rem]">Amigos &amp; Fantasmas</h3><span class="font-caption text-[11px] font-medium uppercase tracking-[1.5px] text-muted">Pessoal da Nasa</span></div></a><a class="group flex flex-col gap-5 border-y border-rule-soft px-6 py-16 md:px-20 md:py-20 md:border-l md:text-right" href="/projects/beijosxxxx"><span class="font-caption text-[11px] font-medium uppercase tracking-[1.5px] text-muted">next →</span><div class="relative aspect-[16/9] overflow-hidden rounded-[16px] bg-card shadow-[0_4px_40px_#cfc8c433]"><img alt="BeijosXXXX" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-[1.03]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://uploads-ssl.webflow.com/5ea0098428bdbf1b20d2c9af/5eb99572233295464344c7a8_BEIJOSXXX-crop.gif"/></div><div class="flex flex-col gap-1"><h3 class="font-display text-[1.75rem] font-bold leading-tight text-ink transition-colors group-hover:text-accent md:text-[2rem]">BeijosXXXX</h3><span class="font-caption text-[11px] font-medium uppercase tracking-[1.5px] text-muted">Agora Collective</span></div></a></div><div class="flex justify-center py-12"><a class="font-caption text-[12px] font-medium uppercase tracking-[1px] text-muted transition-colors hover:text-ink" href="/#work">← back to portfolio</a></div></section><section class="mx-auto w-full max-w-[800px] py-[100px] text-center"><div class="" style="transition:opacity 280ms ease-out, transform 280ms ease-out;will-change:opacity, transform;transform-origin:center"><h3 class="font-display text-[2rem] leading-tight text-ink md:text-[2.4rem]">Let’s build something together.</h3><div class="mt-4 inline-flex items-center gap-2"><span class="pulse-dot inline-block h-2 w-2 rounded-full bg-green-500"></span><span class="font-caption text-[13px] font-medium uppercase tracking-[1.5px] text-muted">Currently open to new partnerships.</span></div><div class="mt-16 flex justify-center"><a href="https://cal.com/guil-is" target="_blank" rel="noopener noreferrer" class="cta-pill group inline-flex h-14 items-center gap-4 pr-6 "><span class="flex h-14 w-14 items-center justify-center text-bg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-5 w-5 transition-transform duration-500 group-hover:-rotate-45" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span><span class="font-caption text-[13px] font-bold uppercase tracking-[1px]">book a call</span></a></div><div class="mt-20 flex justify-center"><div class="flex flex-wrap items-center gap-6 "><a href="https://twitter.com/guil_is" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-ink opacity-50 transition-opacity hover:opacity-100"><svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-[14px] w-[14px]"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24h-6.66l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg><span class="text-[0.9rem] leading-[1.5rem]">Twitter</span></a><a href="https://www.linkedin.com/in/gmaueler/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-ink opacity-50 transition-opacity hover:opacity-100"><svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-[14px] w-[14px]"><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.268 2.37 4.268 5.455v6.286zM5.337 7.433a2.062 2.062 0 1 1 0-4.124 2.062 2.062 0 0 1 0 4.124zM7.114 20.452H3.558V9h3.556v11.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 0z"></path></svg><span class="text-[0.9rem] leading-[1.5rem]">Linkedin</span></a><a href="https://www.instagram.com/gmguil" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-ink opacity-50 transition-opacity hover:opacity-100"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" class="h-[14px] w-[14px]"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg><span class="text-[0.9rem] leading-[1.5rem]">Instagram</span></a></div></div></div></section></main></div><!--$--><!--/$-->
1<script src="/_next/static/chunks/16_uq9tzjq23b.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[59919,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\"],\"ThemeProvider\"]\n3:I[288840,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\"],\"ViewTransitions\"]\n4:I[339756,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\"],\"default\"]\n5:I[837457,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\"],\"default\"]\n7:I[897367,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\"],\"OutletBoundary\"]\n8:\"$Sreact.suspense\"\nb:I[897367,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\"],\"ViewportBoundary\"]\nd:I[897367,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\"],\"MetadataBoundary\"]\nf:I[168027,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0myld3gj7frb~.css\",\"style\"]\n:HL[\"/_next/static/chunks/0jg_zsk3jq8k4.css\",\"style\"]\n:HL[\"/_next/static/chunks/15wfqkhpg5y6g.css\",\"style\"]\n:HL[\"https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700\u0026family=Inter:wght@300;400;500;600;700\u0026family=Public+Sans:wght@400;500;600;700\u0026family=Geist:wght@400;500;600;700\u0026display=swap\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"projects\",\"n26-product-videos\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"projects\",{\"children\":[[\"slug\",\"n26-product-videos\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0myld3gj7frb~.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0-.kw1434572k.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0i.l9589uvx0j.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"h-full antialiased\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.googleapis.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.gstatic.com\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700\u0026family=Inter:wght@300;400;500;600;700\u0026family=Public+Sans:wght@400;500;600;700\u0026family=Geist:wght@400;500;600;700\u0026display=swap\"}]]}],[\"$\",\"body\",null,{\"className\":\"min-h-full bg-bg text-body\",\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"(function(){try{var s=localStorage.getItem('theme');if(!s||s==='\\\"system\\\"'){var h=new Date().getHours();document.documentElement.classList.toggle('dark',h\u003c7||h\u003e=19)}}catch(e){}})()\"}}],[\"$\",\"$L2\",null,{\"attribute\":\"class\",\"defaultTheme\":\"system\",\"enableSystem\":false,\"disableTransitionOnChange\":true,\"children\":[[\"$\",\"$L3\",null,{}],[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L6\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0jg_zsk3jq8k4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/15wfqkhpg5y6g.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/03me6_9~4d6w8.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0l410cda2ijfx.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@9\"}]}]]}],{}
1,null,false,null]},null,false,\"$@a\"]},null,false,\"$@a\"]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0myld3gj7frb~.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"jbSVKC7wQKQR3S3dLLpya\"}\n"])</script>
1<script>self.__next_f.push([1,"10:[]\na:\"$W10\"\n"])</script>
1<script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"11:I[294195,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/03me6_9~4d6w8.js\",\"/_next/static/chunks/0l410cda2ijfx.js\"],\"ProjectSideTitle\"]\n12:I[522016,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/03me6_9~4d6w8.js\",\"/_next/static/chunks/0l410cda2ijfx.js\"],\"\"]\n13:I[920531,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/03me6_9~4d6w8.js\",\"/_next/static/chunks/0l410cda2ijfx.js\"],\"SiteNav\"]\n14:I[290163,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/03me6_9~4d6w8.js\",\"/_next/static/chunks/0l410cda2ijfx.js\"],\"FadeIn\"]\n25:I[27201,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\"],\"IconMark\"]\n"])</script>
1<script>self.__next_f.push([1,"6:[[\"$\",\"$L11\",null,{\"title\":\"The mobile bank\",\"client\":\"N26\"}],[\"$\",\"div\",null,{\"className\":\"page-fade-in\",\"children\":[[\"$\",\"header\",null,{\"className\":\"nav-drop-in sticky top-0 z-40 bg-bg px-6 md:px-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full\",\"style\":{\"maxWidth\":\"960px\"},\"children\":[\"$\",\"nav\",null,{\"className\":\"flex items-center justify-between gap-6 border-b border-rule pb-4 pt-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex min-w-0 items-center gap-2 font-caption text-[12px] font-medium uppercase tracking-[1.5px] text-muted\",\"children\":[[\"$\",\"$L12\",null,{\"href\":\"/\",\"className\":\"hover:text-ink\",\"children\":\"guil\"}],[\"$\",\"span\",null,{\"children\":\"\u003e\"}],[\"$\",\"$L12\",null,{\"href\":\"/#work\",\"className\":\"hover:text-ink\",\"children\":\"work\"}],[\"$\",\"span\",null,{\"children\":\"\u003e\"}],[\"$\",\"span\",null,{\"className\":\"truncate font-bold text-ink\",\"children\":\"The mobile bank\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"flex shrink-0 items-center\",\"children\":[\"$\",\"$L13\",null,{}]}]]}]}]}],[\"$\",\"main\",null,{\"className\":\"px-6 md:px-10\",\"children\":[[\"$\",\"$L14\",null,{\"children\":[\"$\",\"section\",null,{\"className\":\"mx-auto w-full max-w-[960px] pb-10 pt-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative w-full overflow-hidden rounded-[16px] bg-card shadow-[0_4px_40px_#cfc8c433] \",\"style\":{\"aspectRatio\":\"16 / 9\"},\"children\":[\"$\",\"iframe\",null,{\"src\":\"https://www.youtube.com/embed/ig40B7n9kbM\",\"title\":\"The mobile bank\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\"allowFullScreen\":true,\"className\":\"absolute inset-0 h-full w-full\"}]}]}]}],[\"$\",\"$L14\",null,{\"children\":[\"$\",\"section\",null,{\"className\":\"mx-auto w-full max-w-[960px] border-y border-[#ebebeb] py-14 dark:border-rule md:py-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 gap-10 md:grid-cols-[1fr_280px] md:gap-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-8\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-display text-[1.75rem] font-bold leading-[1.3] text-ink md:text-[2.125rem] md:leading-[1.25]\",\"children\":\"Product launch and explainer videos for the prominent German neobank.\"}],null]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-[80px_1fr] items-center gap-4 py-4 \",\"children\":[[\"$\",\"h6\",null,{\"className\":\"text-[10px] font-semibold uppercase leading-[22px] tracking-[1px] text-ink/35\",\"children\":\"Team\"}],[\"$\",\"div\",null,{\"className\":\"min-w-0\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-display text-[1rem] text-ink\",\"children\":\"N26\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-[80px_1fr] items-center gap-4 py-4 border-t border-rule-soft\",\"children\":[[\"$\",\"h6\",null,{\"className\":\"text-[10px] font-semibold uppercase leading-[22px] tracking-[1px] text-ink/35\",\"children\":\"Services\"}],[\"$\",\"div\",null,{\"className\":\"min-w-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-2\",\"children\":[[\"$\",\"span\",\"End‑to‑end video production\",{\"className\":\"rounded-full border border-rule-soft px-3 py-1 font-caption text-[11px] font-medium uppercase tracking-[1px] text-ink\",\"children\":\"End‑to‑end video production\"}],[\"$\",\"span\",\"Creative Direction\",{\"className\":\"rounded-full border border-rule-soft px-3 py-1 font-caption text-[11px] font-medium uppercase tracking-[1px] text-ink\",\"children\":\"Creative Direction\"}]]}]}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-[80px_1fr] items-center gap-4 py-4 border-t border-rule-soft\",\"children\":[[\"$\",\"h6\",null,{\"className\":\"text-[10px] font-semibold uppercase leading-[22px] tracking-[1px] text-ink/35\",\"children\":\"Date\"}],[\"$\",\"div\",null,{\"className\":\"min-w-0\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-display text-[1rem] text-ink\",\"children\":\"—\"}]}]]}]]}]]}]}]}],[\"$\",\"$L14\",null,{\"children\":[\"$\",\"section\",null,{\"className\":\"py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"project-article\",\"children\":[[\"$\",\"p\",\"4a58a7a23a95\",{\"children\":[\"During my years at N26, I had the chance to work on a number of product launches and explainer videos. \"]}],[\"$\",\"figure\",\"ed6e5acb86c1\",{\"className\":\"project-article-figure project-article-figure--video\",\"children\":[\"$L15\",null]}],\"$L16\",\"$L17\",\"$L18\",\"$L19\",\"$L1a\",\"$L1b\",\"$L1c\",\"$L1d\",\"$L1e\",\"$L1f\",\"$L20\",\"$L21\"]}]}]}],\"$L22\",\"$L23\",\"$L24\"]}]]}]]\n"])</script>
1<script>self.__next_f.push([1,"9:null\n"])</script>
1<script>self.__next_f.push([1,"e:[[\"$\",\"title\",\"0\",{\"children\":\"The mobile bank | Guil Maueler\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Product launch and explainer videos for the prominent German neobank.\"}],[\"$\",\"meta\",\"2\",{\"property\":\"og:title\",\"content\":\"Guil Maueler — Design partner for ambitious teams\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:description\",\"content\":\"Brand, product, and everything in between for mission‑driven teams building at the edge of what’s possible. Based in Berlin.\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:url\",\"content\":\"https://guil.is\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:site_name\",\"content\":\"Guil Maueler\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:image\",\"content\":\"https://guil.is/Portfolio%20OpenGraph.jpg\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image:width\",\"content\":\"1920\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:height\",\"content\":\"1080\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:alt\",\"content\":\"Guil Maueler | Fractional Design Partner\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:creator\",\"content\":\"@guil_is\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:title\",\"content\":\"Guil Maueler — Design partner for ambitious teams\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:description\",\"content\":\"Brand, product, and everything in between for mission‑driven teams building at the edge of what’s possible. Based in Berlin.\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image\",\"content\":\"https://guil.is/Portfolio%20OpenGraph.jpg\"}],[\"$\",\"link\",\"16\",{\"rel\":\"icon\",\"href\":\"/icon.svg?icon.152g6kny~nfcu.svg\",\"sizes\":\"any\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"17\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?apple-icon.01vv-8uv-53z9.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L25\",\"18\",{}]]\n"])</script>
1<script>self.__next_f.push([1,"26:I[711624,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/03me6_9~4d6w8.js\",\"/_next/static/chunks/0l410cda2ijfx.js\"],\"StillFramesGallery\"]\n27:I[605500,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/03me6_9~4d6w8.js\",\"/_next/static/chunks/0l410cda2ijfx.js\"],\"Image\"]\n28:I[194057,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/03me6_9~4d6w8.js\",\"/_next/static/chunks/0l410cda2ijfx.js\"],\"CenterFocus\"]\n29:I[258541,[\"/_next/static/chunks/0-.kw1434572k.js\",\"/_next/static/chunks/0i.l9589uvx0j.js\",\"/_next/static/chunks/03me6_9~4d6w8.js\",\"/_next/static/chunks/0l410cda2ijfx.js\"],\"default\"]\n15:[\"$\",\"div\",null,{\"className\":\"relative w-full overflow-hidden rounded-[16px] bg-card shadow-[0_4px_40px_#cfc8c433] \",\"style\":{\"aspectRatio\":\"16 / 9\"},\"children\":[\"$\",\"iframe\",null,{\"src\":\"https://www.youtube.com/embed/fo-j8u3cbzI\",\"title\":\"\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\"allowFullScreen\":true,\"className\":\"absolute inset-0 h-full w-full\"}]}]\n16:[\"$\",\"figure\",\"f3bde101a739\",{\"className\":\"project-article-figure project-article-figure--video\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative w-full overflow-hidden rounded-[16px] bg-card shadow-[0_4px_40px_#cfc8c433] \",\"style\":{\"aspectRatio\":\"16 / 9\"},\"children\":[\"$\",\"iframe\",null,{\"src\":\"https://www.youtube.com/embed/fo-j8u3cbzI\",\"title\":\"\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\"allowFullScreen\":true,\"className\":\"absolute inset-0 h-full w-full\"}]}],null]}]\n17:[\"$\",\"p\",\"a1f1a5403094\",{\"children\":[\"\"]}]\n18:[\"$\",\"h3\",\"n26-6jzs60hk\",{\"children\":[\"N26 Metal\"]}]\n19:[\"$\",\"figure\",\"n26-0kubfk34\",{\"className\":\"project-article-figure project-article-figure--video\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative w-full overflow-hidden rounded-[16px] bg-card shadow-[0_4px_40px_#cfc8c433] \",\"style\":{\"aspectRatio\":\"16 / 9\"},\"children\":[\"$\",\"iframe\",null,{\"src\":\"https://www.youtube.com/embed/hHXb-WtHTTI\",\"title\":\"N26 Metal — hero video\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\"allowFullScreen\":true,\"className\":\"absolute inset-0 h-full w-full\"}]}],[\"$\",\"figcaption\",null,{\"children\":\"N26 Metal — hero video\"}]]}]\n1a:[\"$\",\"blockquote\",\"70308b3d3c8f\",{\"children\":[\"\\\"Metal was here before us, and will be here after us. It’s an authentic, raw element of what makes up our world\",[\"$\",\"em\",\"70308b3d3c8f1\",{\"children\":[\". It also exists beyond our world. Metal is denser, more valuable and longer lasting. Weight is wealth.\\\"\"]}]]}]\n1b:[\"$\",\"p\",\"efb8a092487f\",{\"children\":[\"Made in collaboration with \",[\"$\",\"a\",\"efb8a092487f1\",{\"href\":\"http://timdoldissen.com\",\"children\":[\"Tim Doldissen\"]}],\" and \",[\"$\",\"a\",\"efb8a092487f3\",{\"href\":\"http://juangarciasegura.com/\",\"children\":[\"Juan García\"]}],\", these two videos were created for the launch (below) and re-design (above) of N26's premium product.\"]}]\n1c:[\"$\",\"p\",\"95035e865ef6\",{\"children\":[\"Focus on the design and physical features that makes the card stand out from the others. We aimed to transmit a sense of suspense, the thrilling sensation of something new and exciting being moulded into existence.\"]}]\n1d:[\"$\",\"p\",\"d287d5c01cb1\",{\"children\":[\"‍\"]}]\n1e:[\"$\",\"figure\",\"0d4a5f378b38\",{\"className\":\"project-article-figure project-article-figure--video\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative w-full overflow-hidden rounded-[16px] bg-card shadow-[0_4px_40px_#cfc8c433] \",\"style\":{\"aspectRatio\":\"16 / 9\"},\"children\":[\"$\",\"iframe\",null,{\"src\":\"https://www.youtube.com/embed/CKqSSmN8lyk\",\"t
1itle\":\"\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\"allowFullScreen\":true,\"className\":\"absolute inset-0 h-full w-full\"}]}],null]}]\n1f:[\"$\",\"p\",\"3afa19019ef4\",{\"children\":[\"\",[\"$\",\"br\",\"node-1\",{}],\"\"]}]\n20:[\"$\",\"h3\",\"n26-uikd8cge\",{\"children\":[\"N26 Spaces\"]}]\n21:[\"$\",\"figure"])</script>
1<script>self.__next_f.push([1,"\",\"n26-tg046j9c\",{\"className\":\"project-article-figure project-article-figure--video\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative w-full overflow-hidden rounded-[16px] bg-card shadow-[0_4px_40px_#cfc8c433] \",\"style\":{\"aspectRatio\":\"16 / 9\"},\"children\":[\"$\",\"iframe\",null,{\"src\":\"https://www.youtube.com/embed/rejvsITkYQI\",\"title\":\"N26 Spaces — hero video\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\"allowFullScreen\":true,\"className\":\"absolute inset-0 h-full w-full\"}]}],[\"$\",\"figcaption\",null,{\"children\":\"N26 Spaces — hero video\"}]]}]\n22:[\"$\",\"$L14\",null,{\"children\":[\"$\",\"section\",null,{\"className\":\"mx-auto w-full max-w-[1200px] px-6 py-16 md:px-10\",\"children\":[\"$\",\"$L26\",null,{\"frames\":[{\"src\":\"https://cdn.sanity.io/images/ilcq8ood/production/d7593d142f69761bee4956a542c9af13e9bb098f-1920x1080.jpg\",\"width\":1920,\"height\":1080},{\"src\":\"https://cdn.sanity.io/images/ilcq8ood/production/b4d616364879b49e5122d258c246f5dc3e796543-1920x1080.jpg\",\"width\":1920,\"height\":1080},{\"src\":\"https://cdn.sanity.io/images/ilcq8ood/production/1b455c9180633706c202c0b0e32ebddcad8c6321-1920x1080.jpg\",\"width\":1920,\"height\":1080},{\"src\":\"https://cdn.sanity.io/images/ilcq8ood/production/f90d46d3c86be4af0229b2064cd0665b39c84d0d-1920x1080.jpg\",\"width\":1920,\"height\":1080}],\"alt\":\"The mobile bank\"}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"23:[\"$\",\"section\",null,{\"className\":\"mx-auto w-full max-w-[1200px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-2\",\"children\":[[\"$\",\"$L12\",null,{\"href\":\"/projects/amigos-fantasmas\",\"className\":\"group flex flex-col gap-5 border-y border-rule-soft px-6 py-16 md:px-20 md:py-20  \",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-caption text-[11px] font-medium uppercase tracking-[1.5px] text-muted\",\"children\":\"← previous\"}],[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/9] overflow-hidden rounded-[16px] bg-card shadow-[0_4px_40px_#cfc8c433]\",\"children\":[\"$\",\"$L27\",null,{\"src\":\"https://uploads-ssl.webflow.com/5ea0098428bdbf1b20d2c9af/5eb9472fd2e1d321a3598fcb_Amigos-grid.gif\",\"alt\":\"Amigos \u0026 Fantasmas\",\"fill\":true,\"sizes\":\"(min-width: 768px) 600px, 100vw\",\"unoptimized\":true,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-[1.03]\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-[1.75rem] font-bold leading-tight text-ink transition-colors group-hover:text-accent md:text-[2rem]\",\"children\":\"Amigos \u0026 Fantasmas\"}],[\"$\",\"span\",null,{\"className\":\"font-caption text-[11px] font-medium uppercase tracking-[1.5px] text-muted\",\"children\":\"Pessoal da Nasa\"}]]}]]}],[\"$\",\"$L12\",null,{\"href\":\"/projects/beijosxxxx\",\"className\":\"group flex flex-col gap-5 border-y border-rule-soft px-6 py-16 md:px-20 md:py-20 md:border-l md:text-right\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-caption text-[11px] font-medium uppercase tracking-[1.5px] text-muted\",\"children\":\"next →\"}],[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/9] overflow-hidden rounded-[16px] bg-card shadow-[0_4px_40px_#cfc8c433]\",\"children\":[\"$\",\"$L27\",null,{\"src\":\"https://uploads-ssl.webflow.com/5ea0098428bdbf1b20d2c9af/5eb99572233295464344c7a8_BEIJOSXXX-crop.gif\",\"alt\":\"BeijosXXXX\",\"fill\":true,\"sizes\":\"(min-width: 768px) 600px, 100vw\",\"unoptimized\":true,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-[1.03]\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-[1.75rem] font-bold leading-tight text-ink transition-colors group-hover:text-accent md:text-[2rem]\",\"children\":\"BeijosXXXX\"}],[\"$\",\"span\",null,{\"className\":\"font-caption text-[11px] font-medium uppercase tracking-[1.5px] text-muted\",\"children\":\"Agora Collective\"}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex justify-center py-12\",\"children\":[\"$\",\"$L12\",null,{\"href\":\"/#work\",\"className\":\"font-caption text-[12px] font-medium uppercase tracking-[1px] text-muted transition-colors hover:text-ink\",\"children\":\"← back to portfolio\"}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"24:[\"$\",\"section\",null,{\"className\":\"mx-auto w-full max-w-[800px] py-[100px] text-center\",\"children\":[\"$\",\"$L28\",null,{\"minOpacity\":0.4,\"falloff\":0.7,\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-[2rem] leading-tight text-ink md:text-[2.4rem]\",\"children\":\"Let’s build something together.\"}],[\"$\",\"div\",null,{\"className\":\"mt-4 inline-flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"pulse-dot inline-block h-2 w-2 rounded-full bg-green-500\"}],[\"$\",\"span\",null,{\"className\":\"font-caption text-[13px] font-medium uppercase tracking-[1.5px] text-muted\",\"children\":\"Currently open to new partnerships.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-16 flex justify-center\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://cal.com/guil-is\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"cta-pill group inline-flex h-14 items-center gap-4 pr-6 \",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex h-14 w-14 items-center justify-center text-bg\",\"children\":[\"$\",\"$L29\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M7 7h10v10\",\"key\":\"1tivn9\"}],[\"path\",{\"d\":\"M7 17 17 7\",\"key\":\"1vkiza\"}]],\"className\":\"lucide-arrow-up-right h-5 w-5 transition-transform duration-500 group-hover:-rotate-45\",\"strokeWidth\":2}]}],[\"$\",\"span\",null,{\"className\":\"font-caption text-[13px] font-bold uppercase tracking-[1px]\",\"children\":\"book a call\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"mt-20 flex justify-center\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-6 \",\"children\":[[\"$\",\"a\",\"Twitter\",{\"href\":\"https://twitter.com/guil_is\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"inline-flex items-center gap-2 text-ink opacity-50 transition-opacity hover:opacity-100\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-[14px] w-[14px]\",\"children\":[\"$\",\"path\",null,{\"d\":\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24h-6.66l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"}]}],[\"$\",\"span\",null,{\"className\":\"text-[0.9rem] leading-[1.5rem]\",\"children\":\"Twitter\"}]]}],[\"$\",\"a\",\"Linkedin\",{\"href\":\"https://www.linkedin.com/in/gmaueler/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"inline-flex items-center gap-2 text-ink opacity-50 transition-opacity hover:opacity-100\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-[14px] w-[14px]\",\"children\":[\"$\",\"path\",null,{\"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.268 2.37 4.268 5.455v6.286zM5.337 7.433a2.062 2.062 0 1 1 0-4.124 2.062 2.062 0 0 1 0 4.124zM7.114 20.452H3.558V9h3.556v11.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 0z\"}]}],[\"$\",\"span\",null,{\"className\":\"text-[0.9rem] leading-[1.5rem]\",\"children\":\"Linkedin\"}]]}],[\"$\",\"a\",\"Instagram\",{\"href\":\"https://www.instagram.com/gmguil\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"inline-flex items-center gap-2 text-ink opacity-50 transition-opacity hover:opacity-100\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-[14px] w-[14px]\",\"children\":[[\"$\",\"rect\",null,{\"x\":\"2\",\"y\":\"2\",\"width\":\"20\",\"height\":\"20\",\"rx\":\"5\",\"ry\":\"5\"}],[\"$\",\"path\",null,{\"d\":\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"}],[\"$\",\"line\",null,{\"x1\":\"17.5\",\"y1\":\"6.5\",\"x2\":\"17.51\",\"y2\":\"6.5\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-[0.9rem] leading-[1.5rem]\",\"children\":\"Instagram\"}]]}]]}]}]]}]}]\n"])</script>
1</body></html>

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