@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_astro/schibsted-grotesk-latin-ext.CnpJE18X.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_astro/schibsted-grotesk-latin.DxefFeRw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk;font-style:italic;font-weight:400;font-display:swap;src:url(/_astro/schibsted-grotesk-italic-latin-ext.BePRII5c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk;font-style:italic;font-weight:400;font-display:swap;src:url(/_astro/schibsted-grotesk-italic-latin.DEAABBC8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--paper:#f4f4f0;--ink:#1a1a1a;--ink-soft:#1a1a1a9e;--rule:#1a1a1a24;--wash:#edf6c8;--accent:#d2fe38;--accent-ink:#1a1a1a;--edge:#1a1a1a;--card:#fbfbf9;--font:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--step-0:1rem;--step-1:1.25rem;--step-4:clamp(2.25rem, 1.4rem + 3.6vw, 4.5rem);--gutter:clamp(1rem, 4vw, 3rem);--max:76rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--step-0);flex-direction:column;min-height:100dvh;margin:0;line-height:1.5;display:flex}body>main{flex:1 0 auto}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{position:absolute;left:-999px}.skip:focus{background:var(--ink);color:var(--paper);padding:.5rem .75rem;top:1rem;left:1rem}.site-header{justify-content:space-between;align-items:baseline;padding-top:.9rem;padding-bottom:.9rem;display:flex}.name{padding-block:.6rem;font-weight:700;text-decoration:none}.site-header nav{gap:clamp(1rem,3vw,2rem);display:flex}.site-header nav a{color:var(--ink-soft);padding-block:.6rem;text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--ink)}.nav-toggle{display:none}@media (width<=40rem){.site-header{z-index:20;align-items:center;padding-block:1rem;position:relative}.js .nav-toggle{width:2.75rem;height:2.75rem;color:var(--ink);border:1.5px solid var(--edge);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;place-content:center;padding:0;display:grid}.nav-bars{width:1.125rem;height:.875rem;display:block;position:relative}.nav-bars span{background:currentColor;height:2px;transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .15s;position:absolute;left:0;right:0}.nav-bars span:first-child{top:0}.nav-bars span:nth-child(2){top:calc(50% - 1px)}.nav-bars span:nth-child(3){bottom:0}.nav-toggle[aria-expanded=true]{background:var(--ink);color:var(--accent)}.nav-toggle[aria-expanded=true] .nav-bars span:first-child{transform:translateY(calc(.4375rem - 1px))rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-bars span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-bars span:nth-child(3){transform:translateY(calc(1px - .4375rem))rotate(-45deg)}.js .name{letter-spacing:-.02em;white-space:nowrap;padding-block:.25rem;font-size:1.5rem}.js .site-header nav{padding:.5rem var(--gutter) 1.25rem;background:var(--paper);border-bottom:1px solid var(--rule);flex-direction:column;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.js .site-header nav.is-open{display:flex}.js .site-header nav a{border-top:1px solid var(--rule);letter-spacing:-.02em;color:var(--ink);padding:.9rem 0;font-size:1.5rem;font-weight:500}.js .site-header nav a:first-child{border-top:0}.js .site-header nav a[aria-current]{text-decoration:underline .3em;text-decoration-color:var(--accent);text-underline-offset:-.05em;text-decoration-skip-ink:none}}@media (prefers-reduced-motion:reduce){.nav-bars span{transition:none}}.hero{padding-top:clamp(4rem,12vw,9rem);padding-bottom:clamp(4rem,10vw,7rem)}.hero h1{max-width:18ch;font-size:var(--step-4);letter-spacing:-.03em;margin:0;font-weight:500;line-height:1.04}.js .hero h1:not(.split-done){visibility:hidden;animation:0s 2s forwards split-fallback}@keyframes split-fallback{to{visibility:visible}}.split-word{vertical-align:top;white-space:nowrap;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block;overflow:hidden}.split-char{animation:.7s cubic-bezier(.22,1,.36,1) forwards char-raise;display:inline-block;transform:translateY(110%)}@keyframes char-raise{to{transform:translateY(0)}}.hero-sub{max-width:46ch;font-size:var(--step-1);color:var(--ink-soft);margin:2rem 0 0}.hero-cta{display:inline-block;position:relative}.hero-cta .chaser-sprite{width:36px;animation:none;position:absolute;bottom:100%;left:22px}.zzz{pointer-events:none;color:var(--ink-soft);font-size:11px;font-weight:600;line-height:1;position:absolute;bottom:calc(100% + 18px);left:22px}.zzz .z{opacity:0;position:absolute;bottom:2px;left:30px}.zzz .z:nth-child(2){animation-delay:.9s,.9s}.zzz .z:nth-child(3){animation-delay:1.8s,1.8s}.zzz .z>span{animation:.785s ease-in-out infinite alternate zzz-wobble;display:block}.zzz .z:nth-child(2)>span{animation-delay:.9s}.zzz .z:nth-child(3)>span{animation-delay:1.8s}@keyframes zzz-float{0%{transform:translate(4px)scale(1)}88.9%,to{transform:translate(22px,-30px)scale(1.55)}}@keyframes zzz-fade{0%,59.3%{opacity:1}88.9%,to{opacity:0}}@keyframes zzz-wobble{0%{translate:-2px}to{translate:2px}}@media (prefers-reduced-motion:no-preference){.zzz .z{animation:2.7s linear infinite both zzz-float,2.7s linear infinite both zzz-fade}}@media (prefers-reduced-motion:reduce){.zzz .z:nth-child(n+2){display:none}.zzz .z{opacity:1}.zzz .z>span:after{content:" z z"}}@keyframes hero-blink{0%{opacity:0}12.5%{opacity:1}15.625%{opacity:0}18.75%{opacity:1}21.875%{opacity:0}62.5%{opacity:1}65.625%{opacity:0}68.75%{opacity:1}71.875%{opacity:0}}.hero-cta .chaser-stand,.hero-cta .chaser-blink{visibility:hidden}.hero-cta .chaser-sleep,.hero-cta .zzz,.hero-cta .chaser-stand,.hero-cta .chaser-blink{transition:visibility 0s .4s}.hero-cta:has(.btn:hover,.btn:focus-visible) :is(.chaser-sleep,.zzz){visibility:hidden;transition-delay:.25s}.hero-cta:has(.btn:hover,.btn:focus-visible) :is(.chaser-stand,.chaser-blink){visibility:visible;transition-delay:.25s}@media (prefers-reduced-motion:no-preference){.hero-cta:has(.btn:hover,.btn:focus-visible) .chaser-sprite{animation:4s step-end .25s infinite lost-look}.hero-cta:has(.btn:hover,.btn:focus-visible) .chaser-blink{animation:4s step-end .25s infinite hero-blink}}@media (hover:none){.hero-cta :is(.chaser-sleep,.zzz){display:none}.hero-cta :is(.chaser-stand,.chaser-blink){visibility:visible;transition:none}}@media (hover:none) and (prefers-reduced-motion:no-preference){.hero-cta .chaser-sprite{animation:4s step-end infinite lost-look}.hero-cta .chaser-blink{animation:4s step-end infinite hero-blink}}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.25rem 2rem;margin-top:2.5rem;display:flex}.btn{background:var(--ink);color:var(--paper);letter-spacing:-.005em;align-items:stretch;font-size:1.1875rem;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.btn-label{padding:1.15rem 1.75rem}.btn-tile{width:3.75rem;color:var(--accent);border-left:1px solid #f4f4f029;flex:none;position:relative;overflow:hidden}.btn-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;flex:none;width:1.1em;height:1.1em}.btn-tile .btn-icon{transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;translate:-50% -50%}.btn-tile .btn-icon+.btn-icon{transform:translate(-3.5rem)}.btn:hover .btn-icon:first-child,.btn:focus-visible .btn-icon:first-child{transform:translate(3.5rem)}.btn:hover .btn-icon+.btn-icon,.btn:focus-visible .btn-icon+.btn-icon{transform:translate(0)}.text-link{font-weight:500}.text-link,.more,.email{color:var(--ink);background:linear-gradient(var(--accent), var(--accent)) 0 92% / 100% .35em no-repeat;text-decoration:none;transition:background-size .15s}.text-link:hover,.more:hover,.email:hover{color:var(--accent-ink);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.btn-icon,.text-link,.more,.email{transition:none}}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:clamp(2rem,4vw,3rem);display:flex}.section-head h1,.section-head h2{font-size:var(--step-4);letter-spacing:-.03em;margin:0;font-weight:500;line-height:1.04}.more{font-size:var(--step-1);font-weight:500}.work{padding-bottom:clamp(4rem,10vw,7rem)}.projects,.posts{margin:0;padding:0;list-style:none}.projects{gap:2rem;display:grid}.project{top:calc(1.25rem + var(--i) * 1rem);position:sticky}.p-card{background:var(--card);border:1.5px solid var(--edge);grid-template-columns:5fr 7fr;gap:clamp(1.5rem,3vw,3rem);min-height:min(34rem,72vh);padding:clamp(1.25rem,3vw,2.5rem);display:grid}.p-text{flex-direction:column;display:flex}.p-num{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.875rem}.p-logo{box-sizing:content-box;width:auto;max-width:10rem;height:calc(2.5rem * var(--logo-scale,1));padding-block:calc(2.5rem * (1 - var(--logo-scale,1)) / 2);object-fit:contain;object-position:left center;display:block}.p-label{letter-spacing:.08em;text-transform:uppercase;min-height:2.5rem;color:var(--ink-soft);align-items:center;font-size:.8125rem;font-weight:600;display:flex}.p-name{letter-spacing:-.04em;margin:auto 0 0;padding-top:2rem;font-size:clamp(2.25rem,1rem + 4vw,4.5rem);font-weight:500;line-height:1}.p-what{font-size:var(--step-1);margin:1rem 0 0}.p-result{color:var(--ink-soft);margin:.75rem 0 0}.p-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.75rem;display:flex}.tags{flex-wrap:wrap;gap:.375rem;display:flex}.tag{border:1px solid var(--rule);color:var(--ink-soft);padding:.3rem .5rem;font-size:.8125rem;line-height:1}.p-shot{background:var(--bg);place-items:center;min-height:16rem;display:grid;position:relative;overflow:hidden}.p-shot.has-img img{aspect-ratio:16/10;object-fit:cover;object-position:top center;width:84%;height:auto;max-height:84%;box-shadow:0 1.5rem 3rem -1rem #141e4647,0 .25rem .75rem #141e4614}.p-shot.is-mockup img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (width<=48rem){.p-card{grid-template-columns:1fr;min-height:0}.p-shot{aspect-ratio:16/10;order:-1;min-height:0}.p-name{margin-top:1rem;padding-top:0}}@media (width<=40rem){.projects{gap:1rem}.project{position:static}}.testimonials{padding-bottom:clamp(4rem,10vw,7rem)}.testimonials blockquote,.testimonials blockquote p{margin:0}.quotes{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:1rem;display:grid}.quote{background:var(--card);border:1px solid var(--rule);flex-direction:column;gap:2rem;margin:0;padding:clamp(1.5rem,3vw,2rem);display:flex}.quote p{font-size:var(--step-1);letter-spacing:-.01em;line-height:1.4}.quote figcaption{flex-direction:column;gap:.1rem;margin-top:auto;display:flex}.quote figcaption.has-avatar{flex-direction:row;align-items:center;gap:1rem}.q-avatar{object-fit:cover;border-radius:50%;flex:none;width:3rem;height:3rem}.q-person{flex-direction:column;gap:.1rem;display:flex}.q-name{font-weight:600}.q-role{color:var(--ink-soft);font-size:.95rem}.writing{padding-bottom:clamp(4rem,10vw,7rem)}.posts a{border-bottom:1px solid var(--rule);grid-template-columns:7rem 1fr;gap:1.5rem;padding:1rem 0;text-decoration:none;display:grid}.posts a:hover span{text-underline-offset:.2em;text-decoration:underline}.posts time{color:var(--ink-soft);font-variant-numeric:tabular-nums}.writing-all{padding-top:clamp(3rem,8vw,6rem)}.writing-count{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:0}.post{padding-top:clamp(3rem,8vw,6rem);padding-bottom:clamp(4rem,10vw,7rem)}.post>*{max-width:42rem}.post-back{color:var(--ink-soft);margin-bottom:2rem;text-decoration:none;display:inline-block}.post-back:hover{color:var(--ink)}.post-head h1{max-width:18ch;font-size:var(--step-4);letter-spacing:-.03em;margin:0;font-weight:500;line-height:1.04}.post-lead{font-size:var(--step-1);color:var(--ink-soft);margin:1.5rem 0 0}.post-meta{color:var(--ink-soft);font-variant-numeric:tabular-nums;gap:1.5rem;margin:2rem 0 0;font-size:.9rem;display:flex}.post>.post-banner{max-width:none;margin:2.5rem 0 0}.post-banner img{aspect-ratio:2;object-fit:cover;border:1.5px solid var(--edge);width:100%;height:auto;display:block}.prose{margin-top:2.5rem;font-size:1.125rem;line-height:1.65}.prose>*{margin:0}.prose>*+*{margin-top:1.25rem}.prose h2{letter-spacing:-.02em;margin-top:3rem;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:500;line-height:1.15}.prose h2+*{margin-top:1rem}.prose ul{padding-left:1.5em}.prose ol{padding-left:2em}.prose li{padding-left:.25em}.prose li+li{margin-top:.4rem}.prose li::marker{color:var(--ink-soft)}.prose a{text-decoration-color:var(--rule);text-underline-offset:.2em;overflow-wrap:anywhere}.prose a:hover{text-decoration-color:var(--ink)}.prose img{max-width:100%;height:auto;display:block}.prose [data-callout]{background:var(--card);border:1.5px solid var(--edge);margin-block:2rem;padding:1.125rem 1.25rem;font-size:1rem;line-height:1.6}.prose [data-callout]>*+*{margin-top:.5rem}.prose [data-callout]:before{content:attr(data-callout-type);font-family:var(--mono);text-transform:lowercase;color:var(--ink-soft);align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:.8125rem;line-height:1.4;display:flex}.prose [data-callout-type=warning],.prose [data-callout-type=danger]{box-shadow:4px 4px 0 var(--edge)}.prose [data-callout-type=tip],.prose [data-callout-type=success]{background:var(--wash)}.prose [data-callout-title]{font-weight:600}.prose [data-callout-body]>*{margin:0}.prose [data-callout-body]>*+*{margin-top:.75rem}.prose [data-callout-title] p,.prose [data-callout-body] p{margin:0}.prose blockquote{grid-template-columns:auto 1fr;align-items:start;gap:1.25rem;margin-block:2.5rem;padding-block:1.5rem;display:grid}.prose blockquote:before{content:"“";background:var(--ink);width:2.75rem;height:2.75rem;color:var(--accent);place-items:center;padding-top:.55rem;font-size:2.5rem;font-weight:700;line-height:1;display:grid}.prose blockquote p{letter-spacing:-.02em;margin:0;font-size:clamp(1.4rem,1.1rem + 1vw,1.875rem);font-weight:500;line-height:1.25}.prose .code{color-scheme:dark;background:var(--ink);color:#ecece6;border:1.5px solid var(--edge);margin-block:1.75rem}.prose .code-label{font-family:var(--mono);color:#ecece6b3;border-bottom:1px solid #ecece61f;align-items:center;gap:.6rem;padding:.6rem 1.125rem;font-size:.8125rem;line-height:1.4;display:flex}.prose .code-label:before{content:"";background:var(--accent);flex:none;width:.5rem;height:.5rem}.prose .code-label.is-lang{text-transform:lowercase}.prose pre{tab-size:2;scrollbar-color:#ecece640 transparent;margin:0;padding:1.125rem 1.25rem;font-size:.875rem;line-height:1.7;overflow-x:auto;background:0 0!important}.prose pre ::selection{background:var(--accent);color:var(--accent-ink)}.prose code{font-family:var(--mono)}.prose table{border-collapse:collapse;background:var(--card);border:1px solid var(--rule);width:100%;margin-block:1.75rem;font-size:1rem;line-height:1.5}.prose th,.prose td{text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:.75rem 1rem}.prose th{background:var(--ink);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.prose td{border-top:1px solid var(--rule)}.prose td:first-child{font-weight:500}.prose tbody tr:hover{background:var(--wash)}@media (width<=40rem){.prose table{font-size:.9375rem}.prose th,.prose td{padding:.6rem .65rem}}.prose :not(pre)>code{background:var(--card);border:1px solid var(--rule);overflow-wrap:anywhere;padding:.1em .35em;font-size:.85em}.post-foot{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 2rem;margin-top:3.5rem;padding-top:1.5rem;display:flex}.post-foot p{max-width:36ch;color:var(--ink-soft);margin:0}.contact{padding-bottom:clamp(4rem,10vw,7rem)}.contact h2{font-size:var(--step-4);letter-spacing:-.03em;margin:0;font-weight:500;line-height:1.05}.contact p{color:var(--ink-soft);font-size:var(--step-1);max-width:40ch;margin:1.25rem 0 2rem}.email{overflow-wrap:anywhere;font-size:clamp(1.25rem,1rem + 1.6vw,2.25rem);font-weight:500}.contact-email{flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;display:flex}.copy-note{color:var(--ink-soft);font-size:.9rem}.site-footer{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.5rem;padding-bottom:2rem;font-size:.9rem;display:flex;position:relative}.site-footer:before{content:"";top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--rule);position:absolute}.site-footer span:nth-child(2){gap:1.25rem;display:flex}.chaser{pointer-events:none;flex:1 0 100%;height:64px;position:relative}.chaser canvas{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.lost{text-align:center;flex-direction:column;align-items:center;padding-top:clamp(3rem,10vw,7rem);padding-bottom:clamp(4rem,10vw,7rem);display:flex}.lost-code{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.08em;margin:0 0 1.5rem;font-size:.875rem}.lost-bubble{background:var(--card);border:2px solid var(--ink);max-width:22ch;box-shadow:4px 4px 0 var(--edge);padding:1rem 1.5rem;position:relative}.lost-bubble h1{font-size:var(--step-1);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.3}.lost-bubble:before,.lost-bubble:after{content:"";clip-path:polygon(0 0,100% 0,100% 33.33%,66.66% 33.33%,66.66% 66.66%,33.33% 66.66%,33.33% 100%,0 100%);position:absolute;top:100%;left:50%}.lost-bubble:before{background:var(--ink);width:24px;height:24px;margin-left:-10px}.lost-bubble:after{background:var(--card);width:15px;height:15px;margin-top:-2px;margin-left:-8px}.chaser-sprite{width:144px;height:auto;display:block}.lost>.chaser-sprite{margin-top:3rem}.chaser-sprite .k{fill:var(--ink)}.chaser-sprite .g{fill:var(--accent)}.chaser-sprite{animation:8s step-end infinite lost-look}.chaser-blink{opacity:0;animation:8s step-end infinite lost-blink}@keyframes lost-look{0%{scale:1}50%{scale:-1 1}}@keyframes lost-blink{0%{opacity:0}22.5%{opacity:1}24.375%{opacity:0}26.25%{opacity:1}28.125%{opacity:0}72.5%{opacity:1}74.375%{opacity:0}76.25%{opacity:1}78.125%{opacity:0}}.lost-actions{margin-top:3rem}@media (prefers-reduced-motion:reduce){.chaser-sprite,.chaser-blink{animation:none}}@media (width<=60rem){.quotes{grid-template-columns:1fr 1fr}}@media (width<=40rem){.posts a{grid-template-columns:1fr;gap:.15rem}.quotes{grid-template-columns:1fr}}