@font-face{font-family:Inter;src:url(/fonts/Inter-Variable-latin.woff2) format("woff2");font-weight:300 600;font-style:normal;font-display:swap}:root{--bg: #000;--fg: #fff;--muted: #565656;--under: #090909;--gutter-end: 8px;--u: calc(100vw / 1440);--sidebar: 272px;--gutter-r: 56px;--col-r: 230px}*{box-sizing:border-box}@view-transition{navigation:auto}.chrome-in{view-transition-name:chrome}::view-transition{background:#000}#scene{view-transition-name:scene}::view-transition-group(scene){display:none}::view-transition-old(root){animation:page-out .2s cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation:page-in .36s cubic-bezier(.2,.7,.2,1) both}::view-transition-group(chrome){animation-duration:.25s}::view-transition-old(chrome),::view-transition-new(chrome){animation-duration:.25s}@keyframes page-out{to{opacity:0;filter:blur(8px)}}@keyframes page-in{0%{opacity:0;filter:blur(10px)}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:.15s}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0}}}::selection{background:#daff20;color:#000}*,*:before,*:after{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' fill='%23fff'/%3E%3C/svg%3E") 4 4,auto!important}@media(pointer:fine){[data-copy],[data-copy] *,[data-cursor-label],[data-cursor-label] *{cursor:none!important}}.copy-cursor{position:fixed;left:0;top:0;z-index:2147483647;display:flex;align-items:center;width:8px;height:8px;overflow:hidden;background:#fff;color:#000;font:500 14px/1 Inter,system-ui,sans-serif;white-space:nowrap;pointer-events:none;visibility:hidden;transition:width .2s cubic-bezier(.2,.8,.2,1),height .2s cubic-bezier(.2,.8,.2,1)}.copy-cursor span{padding:0 8px;opacity:0;transition:opacity .1s ease}.copy-cursor.on{visibility:visible}.copy-cursor.big{width:var(--w, 56px);height:24px}.copy-cursor.big span{opacity:1;transition-delay:.06s}html,body{margin:0;background:var(--bg);color:var(--fg);overflow-x:clip;overscroll-behavior:none}.sheet{position:relative;z-index:1;background:var(--bg)}.chrome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}.chrome-in{position:sticky;top:0;height:100vh}.end{position:sticky;bottom:0;z-index:0;overflow:hidden;--logo-w: clamp(160px, 18vw, 260px);display:flex;flex-direction:column;min-height:max(560px,72vh);padding:32px 24px 24px;background:var(--under);font-family:Inter,system-ui,sans-serif;color:#e8e8e8}.end a,.end button{color:inherit;text-decoration:none;transition:color .15s ease}.end-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px}.end-col{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.end-col a{font-size:14px;line-height:1.4}.end-email{display:flex;align-items:baseline;gap:12px;padding:0;border:0;background:none;font:inherit;font-size:14px;line-height:1.4}.end-col a,.end .end-email{color:#a3a3a3}.end-col a:hover,.end-col a:focus-visible,.end .end-email:hover,.end .end-email:focus-visible{color:#fff;outline:none}.end{--fx: -999px;--fy: -999px}.end-quote .ch{color:transparent;background-image:radial-gradient(circle 150px at calc(var(--fx) - var(--ox, 0px)) calc(var(--fy) - var(--oy, 0px)),transparent 30%,var(--base) 100%),linear-gradient(110deg,#7a3cff,#ff8c1f,#7a3cff,#ff8c1f 90%,#7a3cff);background-size:auto,var(--fw, 100vw) var(--fh, 100vh);background-position:0 0,calc(0px - var(--ox, 0px)) calc(0px - var(--oy, 0px));background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text}.end-quote{--base: #767676}.end-quote{grid-column:3;max-width:260px;margin:0;font-size:14px;font-weight:300;line-height:1.4;color:#767676}.end-logo{flex:none;align-self:center;margin:auto 0;width:var(--logo-w);aspect-ratio:65.4661 / 27.4001;background:#3a3a3a;mask:url(/hero/logo.svg) center / contain no-repeat;-webkit-mask:url(/hero/logo.svg) center / contain no-repeat}.end-logo canvas{display:block;width:100%;height:100%}.end-mark{position:absolute;left:50%;bottom:0;translate:-50% calc((1 - 137 / 259.799) * 100%);width:calc(var(--logo-w) * 1.12);aspect-ratio:1073.23 / 259.799;background:#1a1b1f;mask:url(/footer/wordmark-c.svg) center / contain no-repeat;-webkit-mask:url(/footer/wordmark-c.svg) center / contain no-repeat}@media(max-width:767px){.end{min-height:0;gap:56px;padding:40px 24px 24px}.end-cols{grid-template-columns:1fr 1fr;row-gap:32px}.end-quote{grid-column:1 / -1}.end-logo{margin:0 0 40px}}html:not(.loaded){overflow:hidden}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;transition:transform 1.1s cubic-bezier(.76,0,.24,1)}#loader.gone{transform:translateY(-100%);pointer-events:none}#loader canvas{display:block;width:100%;height:100%}#loader .pct{position:absolute;right:16px;bottom:16px;margin:0;font:500 11px/1 JetBrains Mono,ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase;color:#fff;font-variant-numeric:tabular-nums}#scene{position:absolute;top:0;left:0;width:100%;height:100vh;display:block;touch-action:none}.stage{position:relative;width:100vw;height:100vh;pointer-events:none}.stage>*{position:absolute}.hero{--u: calc(100vw / 1440 * .86);left:calc(100vw - var(--col-r) - min(56vh,40vw) * .8 - 720 * var(--u));top:calc(50vh - 485.5 * var(--u));width:100vw;height:calc(905 * var(--u))}.hero>*{position:absolute}.hero .doodles{left:calc(-19.5 * var(--u));top:calc(20 * var(--u))}.chrome-in>.brand,.chrome-in>.links,.chrome-in>.side-foot{position:absolute;z-index:40}.brand{left:calc(48 * var(--u));top:calc(37 * var(--u));display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--u));color:inherit;text-decoration:none;pointer-events:auto;--fx: -999px;--fy: -999px}.brand .logo,.brand .copy,.brand .word{background-image:radial-gradient(circle 46px at calc(var(--fx) - var(--ox, 0px)) calc(var(--fy) - var(--oy, 0px)),transparent 25%,#fff 100%),linear-gradient(110deg,#7a3cff,#ff8c1f,#7a3cff);background-size:auto,var(--bw, 70px) var(--bh, 50px);background-position:0 0,calc(0px - var(--ox, 0px)) calc(0px - var(--oy, 0px));background-repeat:no-repeat}.brand .logo{display:block;width:calc(65.466 * var(--u));height:calc(27.4 * var(--u));mask:url(/hero/logo.svg) center / contain no-repeat;-webkit-mask:url(/hero/logo.svg) center / contain no-repeat}.brand .word{color:transparent;-webkit-background-clip:text;background-clip:text}.mark{display:flex;align-items:center;gap:calc(3 * var(--u));white-space:nowrap;font:400 calc(17.475 * var(--u)) / 1 Helvetica,"Helvetica Neue",Arial,sans-serif;letter-spacing:calc(-.699 * var(--u))}.mark .copy{display:block;width:calc(12.765 * var(--u));height:calc(12.765 * var(--u));translate:0 calc(.6 * var(--u));mask:url(/hero/copyright.svg) center / contain no-repeat;-webkit-mask:url(/hero/copyright.svg) center / contain no-repeat}.links{left:calc(50 * var(--u));top:calc(50vh - 40 * var(--u));translate:0 -50%;display:flex;flex-direction:column;gap:calc(7.8 * var(--u));pointer-events:auto}.links a{font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:14px;line-height:1.2;color:#767676;text-decoration:none;transition:color .15s ease}.links a:hover{color:var(--fg)}.links.in-works>a[href="#works"]{color:var(--fg)}.chrome-in>.work-index{position:absolute;z-index:40}.work-index{left:calc(150 * var(--u));top:calc(50vh - 40 * var(--u));translate:calc(-8 * var(--u)) -50%;width:calc(200 * var(--u));display:flex;flex-direction:column;gap:0;opacity:0;pointer-events:none;transition:opacity .3s ease,translate .45s cubic-bezier(.2,.7,.2,1);font-family:Inter,system-ui,sans-serif}.work-index.in-works{opacity:1;translate:0 -50%;pointer-events:auto}.work-index .item{display:flex;flex-direction:column;padding:calc(6 * var(--u)) calc(8 * var(--u));margin:0 calc(-8 * var(--u));border-radius:calc(6 * var(--u));transition:background-color .3s ease}.work-index .item.on{background:#ffffff14}.work-index .name{color:#767676;text-decoration:none;transition:color .15s ease}.work-index .name:hover,.work-index .item.on .name{color:var(--fg)}.work-index .name{font-weight:500;font-size:14px;line-height:1.2}.work-index .desc{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1),margin-top .45s cubic-bezier(.2,.7,.2,1),opacity .3s ease}.work-index .desc>span{overflow:hidden;font-weight:300;font-size:14px;line-height:1.35;color:#a3a3a3}.work-index .item.on .desc{grid-template-rows:1fr;opacity:1;margin-top:calc(4 * var(--u))}.work-index .desc-link{color:inherit;text-decoration:none;white-space:nowrap;transition:color .15s ease}.work-index .desc-link:hover{color:var(--fg)}.work-index .desc-link img{display:inline-block;width:1em;height:1em;margin-left:.05em;vertical-align:-.12em;rotate:-90deg}.side-foot{left:calc(50 * var(--u));bottom:calc(37 * var(--u));display:flex;flex-direction:column;gap:calc(16 * var(--u));pointer-events:auto;font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:14px;line-height:1.2}.rise .w{display:inline-block;white-space:nowrap}.rise .ch{display:inline-block;opacity:0;translate:0 .5em;filter:blur(calc(6 * var(--u)));transition:opacity .18s ease,translate .18s ease,filter .18s ease}.rise.in .ch{opacity:1;translate:0 0;filter:blur(0);transition:opacity .42s cubic-bezier(.2,.7,.2,1),translate .42s cubic-bezier(.2,.7,.2,1),filter .5s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i) * 4ms)}.rise-block{opacity:0;transform:translateY(16px);filter:blur(10px);transition:opacity .18s ease,transform .18s ease,filter .18s ease}.rise-block.in{opacity:1;transform:none;filter:blur(0);transition:opacity .45s cubic-bezier(.2,.7,.2,1),transform .45s cubic-bezier(.2,.7,.2,1),filter .55s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay, 0ms)}@media(prefers-reduced-motion:reduce){.rise .ch,.rise-block{opacity:1;translate:none;transform:none;filter:none;transition:none}}.side-contact{display:flex;flex-direction:column;gap:calc(4 * var(--u))}.contact-link{display:flex;align-items:center;gap:calc(2 * var(--u));padding:0;border:0;background:none;font:inherit;letter-spacing:inherit;color:#767676;text-align:left;text-decoration:none;transition:color .15s ease}.contact-link:hover,.contact-link:focus-visible{color:var(--fg);outline:none}.contact-link .social{flex:none;width:.85em;height:.85em;margin-right:.22em;fill:currentColor}.arrow-slot{position:relative;flex:none;width:calc(15 * var(--u));height:calc(15 * var(--u));overflow:hidden}.arrow-slot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;rotate:-90deg;translate:100% -100%;transition:translate .3s cubic-bezier(.5,0,.75,0)}.contact-link:hover .arrow-slot img,.contact-link:focus-visible .arrow-slot img{translate:0 0;transition:translate .45s cubic-bezier(.22,1,.36,1)}.arrow-slot img.from-start{translate:-100% 100%;transition:none}@media(prefers-reduced-motion:reduce){.arrow-slot img{transition:none!important}}#chain-slot{left:calc(263.5 * var(--u));top:calc(184 * var(--u));width:calc(941.07 * var(--u));height:calc(430.873 * var(--u))}.doodles span{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));display:flex;align-items:center;justify-content:center;white-space:nowrap;font-family:Mansalva,cursive;font-size:calc(var(--s) * var(--u));letter-spacing:calc(var(--t) * var(--u));rotate:var(--r)}.intro{left:calc(720 * var(--u));top:calc(659 * var(--u));width:calc(633 * var(--u));translate:-50% 0;margin:0;text-align:center;color:var(--muted);font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:calc(32 * var(--u));line-height:1.05}.intro b,.intro a{font-weight:inherit;color:var(--fg);text-decoration:none}.intro{pointer-events:auto}@property --mx{syntax: "<length>"; inherits: false; initial-value: -999px;}@property --my{syntax: "<length>"; inherits: false; initial-value: -999px;}.intro-glow{pointer-events:none;color:transparent;--mx: -999px;--my: -999px;--spot: calc(150 * var(--u));-webkit-mask-image:radial-gradient(circle var(--spot) at var(--mx) var(--my),#000 30%,transparent 100%);mask-image:radial-gradient(circle var(--spot) at var(--mx) var(--my),#000 30%,transparent 100%);opacity:0;transition:opacity .3s ease}.intro-glow b,.intro-glow a{color:transparent}.intro-glow .ch{animation:none;opacity:1;background-image:linear-gradient(110deg,#7a3cff,#ff8c1f,#7a3cff,#ff8c1f 90%,#7a3cff);background-size:var(--pw, 600px) var(--ph, 100px);background-position:calc(0px - var(--ox, 0px)) calc(0px - var(--oy, 0px));background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text}.intro-glow.on{opacity:1}.intro .w{display:inline-block;white-space:nowrap}.intro .ch{display:inline-block;opacity:0;animation:ch-in .7s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.25s + var(--i) * 11ms)}html:not(.loaded) .intro .ch{animation-play-state:paused}@keyframes ch-in{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.intro .ch{animation:none;opacity:1}}.works{position:relative;margin-top:-160px;--bh: min(56vh, 40vw)}.rail-stage{position:sticky;top:0;height:100vh;margin-left:calc(var(--sidebar) - 56px);overflow:hidden}.rail-track{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:40px;padding:calc(50vh - var(--bh) / 2 - 20px) var(--col-r) calc(50vh - var(--bh) / 2 - 20px) 56px;will-change:transform;user-select:none;-webkit-user-select:none}.work{flex:none;width:calc(var(--bh) * 1.6);display:flex;flex-direction:column;gap:12px;color:inherit;text-decoration:none}.card{position:relative;width:100%;aspect-ratio:16 / 10!important;overflow:hidden;border-radius:4px}.fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;background:#f7f7f7}.media{overflow:hidden}.media.cover{position:absolute;top:0;right:0;bottom:0;left:0}.media.inset{position:absolute}.media img,.media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.sloe{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:17px}.sloe .media{position:relative}.sloe p{margin:0;font:600 40px/1 ui-serif,Georgia,Cambria,Times New Roman,serif;letter-spacing:-1.6px;color:#fff;white-space:nowrap}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#ffffff40;opacity:0;transition:opacity .2s ease-out}.work:hover .scrim{opacity:1;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.work.bending:hover .scrim{backdrop-filter:none;-webkit-backdrop-filter:none}html.scrolling .works{pointer-events:none}.caption{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:4px 24px;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.4}.caption p{margin:0}.caption .title{flex:1;min-width:min(100%,16rem);font-weight:500;color:var(--fg)}.caption .meta{display:flex;gap:12px;color:#767676;white-space:nowrap}.caption .client{font-weight:500}.spark{animation:spark-boil 1.5s var(--ph, 0s) infinite}@keyframes spark-boil{0%,to{rotate:var(--r);animation-timing-function:steps(1,end)}25%{rotate:calc(var(--r) + 9deg);animation-timing-function:steps(1,end)}50%{rotate:calc(var(--r) - 4deg);animation-timing-function:steps(1,end)}75%{rotate:calc(var(--r) + 14deg);animation-timing-function:steps(1,end)}}@media(prefers-reduced-motion:reduce){.spark{animation:none}}.topbar,.topnav{display:none}@media(max-width:1099px){:root{--hu: min(calc(100vw / 1040), calc((100svh - 56px) / 700))}.chrome-in>.links,.chrome-in>.work-index,.chrome-in>.side-foot{display:none}.chrome-in>.topbar{display:block;position:absolute;inset:0 0 auto 0;height:56px;z-index:39;background:#0000008c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.chrome-in>.brand{left:20px;top:0;height:56px;flex-direction:row;align-items:center;gap:10px}.brand .logo{width:48px;height:20.1px}.chrome-in>.brand .mark{display:none}.chrome-in>.topnav{display:flex;position:absolute;top:0;right:20px;height:56px;z-index:40;align-items:center;gap:24px;pointer-events:auto}.topnav a{font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:15px;color:#767676;text-decoration:none;transition:color .15s ease}.topnav a:hover{color:var(--fg)}.stage{height:min(100svh,calc(905 * var(--hu) + 200px))}.hero{--u: var(--hu);left:calc(50vw - 720 * var(--u));top:calc(50% - 485.5 * var(--u) + 28px);width:calc(1440 * var(--u))}.intro{width:min(88vw,640px);font-size:clamp(18px,3.4vw,28px)}.works{margin-top:0;--bh: min(50vh, calc((100vw - 64px)/1.6) )}.rail-stage{margin-left:0}.rail-track{align-items:center;padding-left:24px;padding-right:24px}}@media(max-width:767px){.rail-stage{position:static;height:auto;margin:0;overflow:visible;display:block}.rail-track{flex-direction:column;gap:48px;padding:64px 24px 96px;transform:none!important}.work{width:100%}}.work-page .works{margin-top:0}.hero-logo{display:none}@media(max-width:767px){#scene,.hero .doodles,#chain-slot,.intro-glow{display:none!important}.stage{height:auto;pointer-events:auto}.stage>.hero{position:static;width:auto;height:auto;padding:120px 24px 56px;display:flex;flex-direction:column;gap:40px}.hero>*{position:static}.hero-logo{display:block;align-self:center;width:120px;aspect-ratio:65.4661 / 27.4001;background:#3a3a3a;mask:url(/hero/logo.svg) center / contain no-repeat;-webkit-mask:url(/hero/logo.svg) center / contain no-repeat}.hero-logo canvas{display:block;width:100%;height:100%}.intro{width:auto;translate:none;text-align:left;font-size:26px;line-height:1.15}}