@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-latin-opsz-normal.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;--color-paper:oklch(100% 0 0);--color-ink:oklch(0% 0 6);--color-ink-soft:oklch(37% .006 286);--color-muted:oklch(55.6% .014 286);--color-faint:oklch(71.4% .013 286);--color-button:oklch(27.4% .006 286);--color-line:oklch(91.9% .004 286);--color-card:oklch(98.5% .002 95);--color-chip:oklch(96.1% .003 286);--color-dot:oklch(60% .14 255);--color-selection:oklch(43.4% .014 145.321/.1);--column:480px;--project-width:800px;--nav-shadow:0 4px 6px oklch(78% .028 70/.19);--shadow-subtle:0 0 0 1px oklch(0% 0 6/.06), 0 1px 2px -1px oklch(0% 0 6/.06), 0 2px 4px oklch(0% 0 6/.04);--motion-duration:.2s;--motion-ease:cubic-bezier(0, 0, .58, 1);--font-header:Newsreader, "Iowan Old Style", Palatino, serif;font-synthesis:none;color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased;font-family:Gen Interface JP,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{text-wrap:pretty;background:var(--color-paper);margin:0;font-size:13px;line-height:20px}p{margin:0}a{color:inherit}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.embossed-logo{width:100%;height:auto;display:block;overflow:visible}.skip-link{z-index:40;background:var(--color-paper);color:var(--color-ink);padding:.5rem .75rem;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.skip-link:focus{transform:none}.topbar{z-index:30;width:min(var(--column), calc(100% - 2rem));background:var(--color-paper);box-shadow:var(--shadow-subtle);border-radius:999px;justify-content:space-between;align-items:center;margin-inline:auto;padding:8px 10px 8px 16px;display:flex;position:fixed;top:24px;left:0;right:0}.mark{min-height:32px;color:var(--color-ink);letter-spacing:.14em;align-items:center;font-family:Gen Interface JP Medium,Gen Interface JP,sans-serif;font-size:13px;font-weight:500;line-height:16px;text-decoration:none;display:flex}.button{height:36px;box-shadow:var(--shadow-subtle);white-space:nowrap;transition:scale var(--motion-duration) var(--motion-ease);border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:500;line-height:18px;text-decoration:none;display:inline-flex}.button:active{scale:.96}.button-solid{background:var(--color-button);color:oklch(100% 0 0)}.button-ghost{color:var(--color-ink-soft);background:0 0;position:relative}.button-ghost:after{content:"";border:1px solid var(--color-line);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.button-compact{height:32px}.button:focus-visible,.showreel-toggle:focus-visible,.mark:focus-visible,.rail a:focus-visible{outline-offset:3px;outline:2px solid}.button-solid:focus-visible{outline-color:var(--color-ink)}.hero{flex-direction:column;align-items:center;padding:160px 1.5rem 0;display:flex}.hero-copy,.stack,.services-list,.studio-copy{width:min(100%, var(--column))}.hero h1,.section-title,.process h2,.studio h2{font-family:var(--font-header);font-optical-sizing:none;font-variation-settings:"opsz" 48, "wght" 420;letter-spacing:0;text-wrap:wrap;font-weight:420}.hero h1,.section-title{letter-spacing:0;margin:0;font-size:22px;font-weight:420;line-height:28px}.hero-lede{color:var(--color-muted);margin-top:14px;font-size:13px;line-height:20px}.hero-actions{gap:8px;width:fit-content;margin-top:32px;display:flex}.hero-actions .button-ghost:after{content:none}.showreel{width:min(100% - 3rem,50rem,177.778svh - 55.1111rem);margin:3rem auto 0}.showreel-frame{aspect-ratio:16/9;background:var(--color-paper);border:1px solid oklch(0% 0 6/.08);border-radius:12px;position:relative;overflow:hidden}.showreel-video,.showreel-still{object-fit:cover;object-position:center;background:var(--color-paper);width:100%;height:100%;display:block}.showreel-still{display:none}.showreel-toggle{z-index:1;background:var(--color-paper);height:32px;color:var(--color-ink-soft);box-shadow:var(--shadow-subtle);font:inherit;cursor:pointer;transition:scale var(--motion-duration) var(--motion-ease);border:0;border-radius:999px;padding:0 12px;font-size:13px;font-weight:500;line-height:18px;position:absolute;bottom:12px;right:12px}.showreel-toggle:active{scale:.96}.trusted{text-align:center;padding:9.5rem 1.5rem 7.5rem}.eyebrow{color:var(--color-muted);letter-spacing:0;margin:0;font-size:13px;line-height:20px}.logo-strip{width:min(100%,820px);color:var(--color-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 64px;margin:2.5rem auto 0;padding:0;list-style:none;display:flex}.logo-mark{background:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}.logo-pudgy{width:100.577px;height:52px;-webkit-mask-image:url(/logos/pudgy-penguins.png);mask-image:url(/logos/pudgy-penguins.png)}.logo-ultrahuman{width:152.95px;height:14px;-webkit-mask-image:url(/logos/ultrahuman.svg);mask-image:url(/logos/ultrahuman.svg)}.logo-swiggy{width:99.9661px;height:30px;-webkit-mask-image:url(/logos/swiggy.png);mask-image:url(/logos/swiggy.png)}.logo-airasia{width:136.296px;height:32px;-webkit-mask-image:url(/logos/airasia.svg);mask-image:url(/logos/airasia.svg)}.documented{position:relative}.rail{width:160px;height:100%;position:absolute;top:0;left:28px}.rail-inner{align-content:start;justify-items:start;gap:0;max-height:calc(100dvh - 96px);display:grid;position:sticky;top:72px}.rail-dot{background:var(--color-dot);pointer-events:none;border-radius:50%;width:4px;height:4px;position:absolute;top:0;left:0}.rail-label,.rail a{letter-spacing:0;font-size:12px;font-weight:400;line-height:16px}.rail-label{color:var(--color-faint);margin:0 0 12px;padding:0}.rail-projects{grid-template-rows:1fr;display:grid}.rail.is-ready .rail-projects{transition:grid-template-rows var(--motion-duration) var(--motion-ease)}.rail.is-past-projects .rail-projects{grid-template-rows:0fr}.rail-projects-clip{flex-direction:column;min-height:0;max-height:calc(100dvh - 280px);display:flex;overflow:hidden}.rail-pages{width:100%}.rail:not(.is-past-projects) .rail-pages{margin-top:20px}.rail-pages a:last-child{margin-bottom:0}.rail.is-ready .rail-projects-clip{transition:opacity var(--motion-duration) var(--motion-ease)}.rail.is-past-projects .rail-projects-clip{opacity:0;pointer-events:none}.rail-links{scrollbar-width:none;gap:0;min-height:0;display:grid;overflow-y:auto}.rail-links::-webkit-scrollbar{display:none}.rail a{color:var(--color-muted);transition:color var(--motion-duration) var(--motion-ease);margin:0 0 12px;padding:0;text-decoration:none;display:block}.rail.is-ready .rail-dot,.rail.is-ready a span{transition:transform var(--motion-duration) var(--motion-ease)}.rail a span{display:inline-block}.rail a.is-active{color:var(--color-ink)}.projects,.services,.process,.studio{scroll-margin-top:96px}.projects{text-align:center;flex-direction:column;align-items:center;padding:4.5rem 1.5rem 2rem;display:flex}.projects>.project:first-child{margin-top:0}.project{width:min(100%, var(--project-width));text-align:left;flex-direction:column;align-items:stretch;margin-top:4.5rem;scroll-margin-top:112px;display:flex}.project-intro{width:min(100%, var(--column));margin-inline:auto}.project-name{font-family:var(--font-header);font-optical-sizing:none;font-variation-settings:"opsz" 48, "wght" 420;letter-spacing:0;text-wrap:wrap;flex-wrap:wrap;align-items:baseline;gap:.4rem;margin:0;font-size:22px;font-weight:420;line-height:28px;display:flex}.project-copy{margin-top:14px;display:grid}.project-copy p{color:var(--color-ink-soft);margin:0 0 12px;font-size:13px;line-height:20px}.project-copy p:last-child{margin-bottom:0}.project-type{color:var(--color-faint);font-family:var(--font-header);font-optical-sizing:none;font-variation-settings:"opsz" 48, "wght" 420;letter-spacing:0;margin:12px 0 0;font-size:13px;font-weight:420;line-height:20px}.carousel{margin-top:50px}.carousel-viewport{position:relative}.carousel-viewport:has(.slide-image):before,.carousel-viewport:has(.slide-image):after{content:"";z-index:1;pointer-events:none;width:64px;transition:opacity var(--motion-duration) var(--motion-ease);position:absolute;top:0;bottom:0}.carousel-viewport:has(.carousel-prev:disabled):before,.carousel-viewport:has(.carousel-next:disabled):after{opacity:0}.carousel-viewport:has(.slide-image):before{background:linear-gradient(90deg, var(--color-paper), transparent);left:0}.carousel-viewport:has(.slide-image):after{background:linear-gradient(270deg, var(--color-paper), transparent);right:0}.carousel-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:20px;display:flex;overflow-x:auto}.carousel-track:has(.slide-image){border-radius:0;gap:12px}.carousel-track::-webkit-scrollbar{display:none}.carousel-track:focus-visible{outline-offset:3px;outline:2px solid}.slide{aspect-ratio:998/612;scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;place-items:center;display:grid;position:relative;overflow:hidden}.slide-warm{background:oklch(94% .02 95)}.slide-mist{background:oklch(93% .02 230)}.slide-leaf{background:oklch(93% .025 155)}.slide-clay{background:oklch(91% .03 55)}.slide-dusk{background:oklch(91% .02 300)}.slide:has(.slide-image){aspect-ratio:1024/768;scroll-snap-align:center;border:1px solid oklch(0% 0 6/.08);border-radius:12px;flex-basis:calc(100% - 136px)}.carousel-track>.slide:has(.slide-image):first-child{scroll-snap-align:start}.carousel-track>.slide:has(.slide-image):last-child{scroll-snap-align:end}.slide-image{object-fit:contain;border-radius:12px;width:100%;height:100%;display:block}.slide-sheet{background:oklch(98.5% .004 95);width:68%;height:72%;box-shadow:0 18px 40px oklch(40% .02 80/.12)}.slide-pos-1 .slide-sheet{width:76%;transform:rotate(-1.5deg)}.slide-pos-2 .slide-sheet{width:58%;height:78%;transform:rotate(1.5deg)}.carousel-nav{background:var(--color-paper);width:40px;height:40px;color:var(--color-ink);box-shadow:var(--nav-shadow);z-index:2;cursor:pointer;opacity:0;transition:opacity var(--motion-duration) var(--motion-ease), scale var(--motion-duration) var(--motion-ease);border:1px solid oklch(0% 0 6/.08);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav:active:not(:disabled){scale:.96}.carousel-viewport:hover .carousel-nav,.carousel-viewport:focus-within .carousel-nav{opacity:1}.carousel-prev{left:16px}.carousel-next{right:16px}.carousel-nav:disabled,.carousel-viewport:hover .carousel-nav:disabled,.carousel-viewport:focus-within .carousel-nav:disabled{opacity:0;visibility:hidden;cursor:default}.carousel-nav:focus-visible,.carousel-dot:focus-visible{outline-offset:3px;outline:2px solid}.carousel-dots{justify-content:center;margin-top:14px;display:flex}.carousel-dot{cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0;position:relative}.carousel-dot:before{content:"";background:oklch(0% 0 6/.16);border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:9px}.carousel-dot.is-active:before{background:var(--color-ink)}.services{flex-direction:column;align-items:center;padding:7rem 1.5rem 2rem;display:flex}.services .section-title{width:min(100%, var(--column));text-align:left}.services-list{gap:2rem;margin-top:2rem;display:grid}.services h3{color:oklch(32% .006 286);margin:0 0 6px;font-size:13px;font-weight:400;line-height:20px}.services p{color:var(--color-muted);font-size:13px;line-height:20px}.dots{background-image:radial-gradient(oklch(82% .008 286) .55px,#0000 .7px);background-size:7px 7px;width:min(826px,100% - 4rem);height:49px;margin:4.5rem auto;mask-image:linear-gradient(90deg,#0000,oklch(0% 0 6) 16% 84%,#0000)}.process{text-align:center;flex-direction:column;align-items:center;padding:1rem 1.5rem 2rem;display:flex}.process h2{color:oklch(21% .006 286);letter-spacing:0;margin:18px 0 0;font-size:24px;font-weight:420;line-height:32px}.process-intro{width:min(100%, var(--column))}.process-intro p{color:var(--color-ink-soft);margin:1.5rem 0 0;font-size:13px;line-height:20px}.process-grid{width:min(100%, var(--project-width));text-align:left;border:1px solid oklch(0% 0 6/.08);grid-template-columns:repeat(3,1fr);margin:3rem 0 0;padding:0;list-style:none;display:grid}.process-step{flex-direction:column;justify-content:space-between;gap:48px;padding:24px;display:flex}.process-step+.process-step{border-inline-start:1px solid oklch(0% 0 6/.08)}.process-index{color:var(--color-faint);margin:0;font-size:12px;line-height:16px}.process-step h3{font-family:var(--font-header);font-optical-sizing:none;font-variation-settings:"opsz" 48, "wght" 420;letter-spacing:0;text-wrap:wrap;margin:8px 0 0;font-size:16px;font-weight:420;line-height:22px}.process-step>p{color:var(--color-muted);margin:0;font-size:13px;line-height:20px}.studio{text-align:center;flex-direction:column;align-items:center;padding:2rem 1.5rem 1rem;display:flex}.studio h2{color:oklch(21% .006 286);letter-spacing:0;margin:18px 0 0;font-size:24px;font-weight:420;line-height:32px}.studio-copy{color:var(--color-ink-soft);gap:1.25rem;margin-top:1.5rem;font-size:13px;line-height:20px;display:grid}.studio .button{margin-top:1.75rem}.footer{width:min(820px,100% - 3rem);color:var(--color-faint);grid-template-columns:1fr 1fr;align-items:start;gap:2rem;margin:5rem auto 0;padding:1.5rem 0 4rem;font-size:12px;line-height:16px;display:grid}.footer-clock,.footer-mark{margin:0}.footer-mark{justify-self:end}::selection{background:var(--color-selection);color:inherit}@media (hover:hover) and (pointer:fine){.button-solid:hover{background:oklch(22% .006 286)}.button-ghost:hover{color:var(--color-ink)}.carousel-nav:hover:not(:disabled){background:oklch(97% .003 95)}}@media (width<=87.5rem){.rail{display:none}}@media (width<=54rem){.process-grid{grid-template-columns:1fr}.process-step+.process-step{border-block-start:1px solid oklch(0% 0 6/.08);border-inline-start:0}}@media (width<=40rem){.carousel{width:calc(100% + 3rem);margin-inline:-1.5rem}.carousel-track:has(.slide-image){padding-inline:8px;scroll-padding-inline:8px}.slide:has(.slide-image){flex-basis:100%}.carousel-track>.slide:has(.slide-image):first-child,.carousel-track>.slide:has(.slide-image):last-child{scroll-snap-align:center}.carousel-viewport:has(.slide-image):before,.carousel-viewport:has(.slide-image):after{width:16px}.logo-strip{gap:24px 40px;width:min(100%,340px)}.logo-pudgy{width:85.1036px;height:44px}.logo-ultrahuman{width:131.1px;height:12px}.logo-swiggy{width:86.6373px;height:26px}.logo-airasia{width:119.259px;height:28px}.topbar{top:12px}.hero{padding-top:112px}.showreel{width:calc(100% - 3rem);margin-top:2.5rem}.showreel-frame{aspect-ratio:1}.showreel-video,.showreel-still{object-fit:cover;width:100%;height:100%}.carousel-nav{opacity:1}.trusted{padding:4rem 1.5rem 2rem}.projects{padding-top:2rem;padding-bottom:1.5rem}.project{margin-top:3rem}.services{padding:2.5rem 1.5rem 1rem}.dots{margin:2rem auto}.process{padding-bottom:1rem}.studio{padding-top:1.5rem}.footer{padding-bottom:calc(2.5rem + env(safe-area-inset-bottom));text-align:center;grid-template-columns:1fr;justify-items:center;gap:8px}.footer-mark{justify-self:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.showreel:not(.is-started) .showreel-video{display:none}.showreel:not(.is-started) .showreel-still{display:block}.button,.showreel-toggle,.rail a,.rail-dot,.rail a span,.rail-projects,.rail-projects-clip,.carousel-nav,.carousel-viewport:has(.slide-image):before,.carousel-viewport:has(.slide-image):after{transition:none}.carousel-track{scroll-behavior:auto}.button:active,.showreel-toggle:active,.carousel-nav:active{scale:none}}@media (forced-colors:active){.button:focus-visible,.showreel-toggle:focus-visible,.mark:focus-visible,.rail a:focus-visible,.carousel-nav:focus-visible,.carousel-dot:focus-visible,.carousel-track:focus-visible{outline-color:highlight}}