@font-face{font-family:Britti Sans Trial;src:url(/fonts/BrittiSansTrial-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Britti Sans Trial;src:url(/fonts/BrittiSansTrial-LightItalic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Britti Sans Trial;src:url(/fonts/BrittiSansTrial-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Britti Sans Trial;src:url(/fonts/BrittiSansTrial-RegularItalic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Britti Sans Trial;src:url(/fonts/BrittiSansTrial-Semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Britti Sans Trial;src:url(/fonts/BrittiSansTrial-SemiboldItalic.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Britti Sans Trial;src:url(/fonts/BrittiSansTrial-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Britti Sans Trial;src:url(/fonts/BrittiSansTrial-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"ZT Bros Oskon 90s";src:url(/fonts/ZTBrosOskon90s-ExtraLight.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"ZT Bros Oskon 90s";src:url(/fonts/ZTBrosOskon90s-ExtLtIta.woff2) format("woff2");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"ZT Bros Oskon 90s";src:url(/fonts/ZTBrosOskon90s-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"ZT Bros Oskon 90s";src:url(/fonts/ZTBrosOskon90s-LightItalic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"ZT Bros Oskon 90s";src:url(/fonts/ZTBrosOskon90s-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"ZT Bros Oskon 90s";src:url(/fonts/ZTBrosOskon90s-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg: #ffffff;--color-ink: #191919;--color-ink-soft: #4c4c4c;--color-eye: #f4f4f4;--color-surface: #eaeaea;--color-surface-alt: #e4e4e4;--color-line: #e4e4e4;--font-display: "ZT Bros Oskon 90s", Georgia, "Times New Roman", serif;--font-body: "Britti Sans Trial", "Helvetica Neue", Arial, sans-serif;--content-width: 460px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-weight:300;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{display:block}.page{min-height:100svh;padding:96px 0 40px;display:flex;flex-direction:column;align-items:center}.hero{width:min(var(--content-width),calc(100% - 40px));display:flex;flex-direction:column;align-items:center;gap:16px;flex:none}.hero__intro{margin-top:8px;display:flex;flex-direction:column;align-items:center}.hero__title{margin:0;font-family:var(--font-display);font-weight:400;font-style:normal;font-size:36px;line-height:1.34;text-align:center}.hero__title em{font-style:italic}.hero__sub{margin:8px 0 0;font-weight:300;font-size:16px;line-height:1.34;letter-spacing:.32px;text-align:center;max-width:324px}.pillnav{position:sticky;top:16px;z-index:20;margin-top:16px;display:flex;align-items:flex-start;gap:4px;background:var(--color-surface);border-radius:90px;padding:10px;overflow-x:auto}.pillnav__item{border:0;cursor:pointer;font-family:var(--font-body);font-weight:300;font-size:16px;line-height:1.34;letter-spacing:.32px;color:var(--color-ink-soft);padding:10px 20px;border-radius:60px;white-space:nowrap;transition:color .15s ease,background .15s ease,box-shadow .15s ease}.pillnav__item.is-active{background:#fff;color:var(--color-ink);box-shadow:0 4px 4px #00000040}.pillnav__item:hover:not(.is-active){color:var(--color-ink)}.tab-content{margin-top:16px;width:100%;animation:tab-in .28s ease both}@keyframes tab-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.block{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.block__kicker{margin:0;font-weight:400;font-size:14px;letter-spacing:-.14px;color:var(--color-ink-soft)}.block__title{margin:0;font-family:var(--font-display);font-weight:400;font-size:28px;line-height:1.2;letter-spacing:-.14px}.tag{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--color-line);border-radius:999px;padding:10px 18px;font-size:14px;line-height:16px;color:var(--color-ink);white-space:nowrap}.tag--dotted:before{content:"";width:6.7px;height:6.7px;border-radius:50%;background:var(--color-ink);flex:none}.cta{background:var(--color-ink);color:var(--color-eye);font-weight:400;font-size:14px;letter-spacing:-.14px;text-align:center;padding:12px 18px;border-radius:8px;transition:opacity .15s ease}.cta:hover{opacity:.85}.works__list{width:100%;display:flex;flex-direction:column;gap:44px}.project{display:block}.project__media{display:block;background:var(--color-surface-alt);border-radius:16px;overflow:hidden;aspect-ratio:3840 / 2160;position:relative}.project__media img{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .4s ease}.project:hover .project__media img{transform:scale(1.03)}.project__media--empty:after{content:"Screenshot coming soon";position:absolute;inset:0;display:grid;place-items:center;font-size:14px;letter-spacing:-.14px;color:var(--color-ink-soft)}.project__body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px;padding-left:4px}.project__title{margin:0;font-weight:400;font-size:24px;line-height:1.15;letter-spacing:-.24px;color:var(--color-ink)}.project__desc{margin:0;font-weight:300;font-size:16px;line-height:1.34;color:var(--color-ink-soft)}.project__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.services__list{width:100%;display:flex;flex-direction:column;gap:36px}.service{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:36px;border-bottom:1px solid var(--color-line)}.service:last-child{border-bottom:0;padding-bottom:0}.service__number{font-weight:400;font-size:14px;letter-spacing:-.14px;color:var(--color-ink-soft)}.service__title{margin:0;font-family:var(--font-display);font-weight:400;font-size:28px;line-height:1.2;letter-spacing:-.14px}.service__desc{margin:0;font-weight:300;font-size:16px;line-height:1.34;color:var(--color-ink-soft)}.service__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.service__tags .tag{padding:6px 16px 6px 12px;font-size:13px;letter-spacing:.2px}.service__tags .tag:before{margin-top:0}.service__tags .tag:nth-child(-n+2){text-transform:uppercase}.process{width:100%;margin-top:56px;padding-top:44px;border-top:1px solid var(--color-line);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.process__grid{width:100%;display:flex;flex-direction:column;gap:16px;margin-top:16px}.step{width:100%;border:1px solid var(--color-line);border-radius:16px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;transition:background .2s ease}.step:hover{background:#fafafa}.step__icon{width:36px;height:36px}.step__title{margin:0;font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1.2;letter-spacing:-.12px}.step__desc{margin:0;font-weight:300;font-size:16px;line-height:1.34;color:var(--color-ink-soft)}.about__media{width:240px;border-radius:16px;overflow:hidden;background:var(--color-surface-alt);aspect-ratio:225 / 338}.about__media img{width:100%;height:100%;object-fit:cover}.about__head{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.about__text{margin:8px 0 0;font-weight:300;font-size:17px;line-height:1.5;color:var(--color-ink)}.contact{width:100%;align-items:center;text-align:center;padding-top:24px}.contact__title{margin:0;font-family:var(--font-display);font-weight:400;font-size:32px;line-height:1.25;letter-spacing:-.16px;max-width:420px}.contact__tray{margin-top:24px;display:flex;align-items:center;gap:4px;background:var(--color-surface);border-radius:90px;padding:10px}.contact__tray .cta{border-radius:60px}.contact__email{display:flex;align-items:center;background:#fff;border-radius:60px;padding:10px 20px;font-weight:400;font-size:16px;color:var(--color-ink);box-shadow:0 4px 4px #00000040;white-space:nowrap}.footer{margin-top:auto;padding-top:56px;display:flex;flex-direction:column;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:6px;border-radius:8px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.brand__name{font-weight:400;font-size:14px;letter-spacing:-.14px;color:var(--color-ink)}.footer__mail{font-weight:400;font-size:13px;letter-spacing:-.13px;color:var(--color-ink-soft);border-bottom:1px solid var(--color-line);transition:color .15s ease}.footer__mail:hover{color:var(--color-ink)}@media(max-width:640px){.page{padding-top:72px}.hero__title{font-size:30px}.pillnav{padding:8px;max-width:100%}.pillnav__item{padding:8px 14px;font-size:15px}.project__title{font-size:22px}.contact__tray{flex-direction:column;padding:8px;width:min(100%,340px)}.contact__email{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.face{position:relative;aspect-ratio:43.783 / 47.653;flex:none;display:block}.face--lg{width:43.783px}.face--sm{width:21.644px}.face img{width:100%;height:100%}.face__star{position:absolute;left:3.221%;top:12.407%;width:94.789%;height:87.591%}.face__vector{position:absolute;left:0;top:0;width:100%;height:49.409%}.face__vector-inner{position:absolute;inset:3.96% 0 1.37% 1.67%}.face__vector-inner img{width:100%;height:100%}.face__eyes{position:absolute;left:40.908%;top:46.418%;width:35.168%;height:17.073%}.face__eye{position:absolute;top:.862%;width:27.141%;height:98.264%}.face__eye--l{left:0;display:flex;align-items:center;justify-content:center;width:28.938%}.face__pupil{width:93.784%;height:98.264%}.face__eye--l .face__pupil,.face__eye--r{background:var(--color-eye);border-radius:999px}.face__eye--r{left:72.863%}.face__eye--l .face__pupil{transform:rotate(2deg)}