@font-face{font-family:newSpirit;src:url(../media/NewSpirit_Medium-s.p.2cvpusdstcrap.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:newSpirit Fallback;src:local(Arial);ascent-override:87.08%;descent-override:24.71%;line-gap-override:0.0%;size-adjust:112.08%}.newspirit_b35833df-module__LWpX6q__className{font-family:newSpirit,newSpirit Fallback;font-style:normal;font-weight:500}.newspirit_b35833df-module__LWpX6q__variable{--font-new-spirit:"newSpirit", "newSpirit Fallback"}
@font-face{font-family:sonya;src:url(../media/Sonya_800-s.p.1-46yntt5af7g.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:sonya Fallback;src:local(Arial);ascent-override:90.29%;descent-override:11.29%;line-gap-override:0.0%;size-adjust:118.13%}.sonya_2355563-module__SOEY0q__className{font-family:sonya,sonya Fallback;font-style:normal;font-weight:800}.sonya_2355563-module__SOEY0q__variable{--font-sonya:"sonya", "sonya Fallback"}
:root{--font-mono:"Roboto Mono", monospace;--font-body:var(--font-new-spirit), system-ui, sans-serif;--font-headline:var(--font-sonya), system-ui, sans-serif;--color-background:#fff7f1;--color-checker:#ffe600;--color-text:#000;--site-border-width:8px;--site-border-color:#000;--site-padding-y:60px;--site-padding-x:30px;--nav-bar-height:54px;--nav-gap:10px;--nav-icon-width:33px;--nav-control-offset-y:var(--nav-gap);--nav-control-offset-x:var(--nav-gap);--project-width:964px}*{box-sizing:border-box}html{background:var(--color-background);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;min-height:100%;font-size:18px;line-height:32px}body{overscroll-behavior:none;height:100dvh;font-family:var(--font-body);background:var(--color-background);color:var(--color-text);flex-direction:column;margin:0;font-size:18px;line-height:32px;display:flex;overflow:hidden}body:after{content:"";border-style:solid;border-color:var(--site-border-color);border-width:0 0 var(--site-border-width);pointer-events:none;z-index:10010;position:fixed;inset:0}.site-scroll{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);font-weight:800}h1{margin:40px 0;font-size:105px;line-height:1}@media (max-width:1024px){h1{margin:24px 0}}p{margin:24px 0}a{color:currentColor}a:focus{opacity:.8;outline:none}a:active{opacity:.7;outline:none}svg{vertical-align:middle}.site-header{z-index:10002;height:var(--nav-bar-height);background:var(--color-text);will-change:transform, opacity;flex-shrink:0;width:100%;margin:0;padding:0;position:relative}.site-header:not([data-intro=ready]){opacity:0}@media (prefers-reduced-motion:reduce){.site-header:not([data-intro=ready]){opacity:1}}@media (scripting:none){.site-header:not([data-intro=ready]){opacity:1}}.site-nav{justify-content:flex-end;align-items:center;height:100%;padding-right:16px;display:flex}.site-nav-toggle{z-index:1;width:var(--nav-icon-width);height:var(--nav-bar-height);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:10px;margin:0;padding:0;display:flex;position:relative}.site-nav-toggle span{width:var(--nav-icon-width);background:#fff;height:3px;display:block}.site-nav-backdrop{z-index:10000;cursor:default;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}.site-nav-drawer{z-index:10003;border-style:solid;border-color:var(--site-border-color);border-width:0 var(--site-border-width) var(--site-border-width);visibility:hidden;pointer-events:none;background:#fff;flex-direction:column;width:400px;max-width:100%;height:auto;transition:transform .3s,visibility .3s;display:flex;position:fixed;top:0;right:0;transform:translateY(-100%)}.site-nav-drawer.is-open{visibility:visible;pointer-events:auto;transform:translateY(0)}.site-nav-drawer__header{height:var(--nav-bar-height);padding-right:var(--nav-gap);background:var(--color-text);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.site-nav-drawer__close{width:var(--nav-icon-width);height:var(--nav-bar-height);cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block;position:relative}.site-nav-drawer__close span{width:var(--nav-icon-width);background:#fff;height:3px;position:absolute;top:50%;left:50%}.site-nav-drawer__close span:first-child{transform:translate(-50%,-50%)rotate(45deg)}.site-nav-drawer__close span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}.site-nav-drawer__menu{margin:0;padding:30px 30px 50px;list-style:none}.site-nav-drawer__menu li+li{border-top:1px solid var(--color-text)}.site-nav-drawer__menu a{font-family:var(--font-body);padding:18px 0;font-size:26px;font-style:normal;font-weight:500;line-height:30px;text-decoration:none;display:block}.site-footer{z-index:1;width:100%;padding:10px var(--site-padding-x);background:var(--color-text);color:#fff;font-family:var(--font-body);flex-shrink:0;margin:0;font-size:10px;font-style:normal;font-weight:500;line-height:10px;position:relative}.site-footer p{margin:0}.site-footer a{color:inherit}.scroll-to-top{left:100px;bottom:calc(var(--site-border-width) + 40px);z-index:10005;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;background:0 0;border:0;width:30px;height:30px;margin:0;padding:0;transition:opacity .2s,visibility .2s;display:block;position:fixed}@media (max-width:1024px){.scroll-to-top{left:25px}}@media (max-width:768px){.scroll-to-top{left:40px}}.scroll-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto}.scroll-to-top:focus{opacity:.85;outline:none}.scroll-to-top:active{opacity:.7}.scroll-to-top__icon{width:30px;height:30px;fill:var(--color-text);display:block}main{z-index:1;flex-direction:column;flex:1;width:100%;display:flex;position:relative}main>*{flex:1;width:100%}.site-checker-border{top:var(--nav-bar-height);width:100%;height:calc(100dvh - var(--nav-bar-height));pointer-events:none;z-index:0;will-change:transform, opacity;position:fixed;left:0}.about,.category{max-width:1024px;padding:var(--site-padding-y) var(--site-padding-x) 120px;margin:0 auto}:is(.about,.category) h1{margin:0 0 80px}@media (max-width:768px){:is(.about,.category) h1{font-size:46px;line-height:50px}}@media (max-width:768px){.category>h1{margin-bottom:50px}}.category__projects{flex-direction:column;gap:50px;display:flex}.category__project{scroll-margin-top:calc(var(--nav-bar-height) + 20px);width:var(--project-width);border-top:1px solid var(--color-text);max-width:100%;padding-top:10px}.category__project .category__project-title,.category__project h2{font-family:var(--font-body);margin:0;font-size:16px;font-style:normal;font-weight:600;line-height:20px}:is(.category__project .category__project-title,.category__project h2) i,:is(.category__project .category__project-title,.category__project h2) em{font-style:italic;font-weight:inherit}:is(.category__project .category__project-title,.category__project h2) b,:is(.category__project .category__project-title,.category__project h2) strong{font-weight:700}.category__project .category__project-title:not(:has(+.category__project-description)){margin-bottom:60px}.category__project h2:not(:has(+.category__project-description)){margin-bottom:60px}.category__project-description{font-family:var(--font-body);margin-bottom:60px;font-size:16px;font-style:normal;font-weight:300;line-height:20px}.category__project-description p:first-child{margin-top:0}.category__project-description p:last-child{margin-bottom:0}.category__gallery{width:100%;max-width:100%}.category__gallery-lead img,.category__gallery-lead video,.category__gallery-rest img,.category__gallery-rest video{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.category__gallery-image{width:100%;line-height:0;display:block}.category__gallery-expand{z-index:1;width:18px;height:18px;fill:var(--color-text);display:block;position:absolute;top:0;right:0}@media (hover:hover) and (pointer:fine){.category__gallery-expand{opacity:0;transition:opacity .15s}.device-frame--interactive:hover .category__gallery-expand,.device-frame--interactive:focus-visible .category__gallery-expand{opacity:1}}.category__gallery-row{width:100%}.category__gallery-figure{width:100%;margin:0}.category__gallery-caption{font:normal normal normal 12px/16px var(--font-body);margin-top:10px}.category__gallery-row--two-column{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}@media (max-width:768px){.category__gallery-row--two-column{grid-template-columns:1fr}}.category__gallery-row--devices{--device-screen-height:calc((100cqw - 40px) * 3 / 4 * 941.9 / 1551.51);grid-template-columns:3fr 1fr;align-items:start;gap:40px;display:grid;container-type:inline-size}.category__gallery-row--devices .device-frame{flex-direction:column;display:flex}.category__gallery-row--devices .device-frame__phone{height:var(--device-screen-height);width:auto;max-width:100%;margin:0 auto}@media (max-width:768px){.category__gallery-row--devices{--device-screen-height:calc(2 * 100cqw * 941.9 / 1551.51 + 190px);grid-template-columns:1fr}}.device-frame{text-align:left;background:0 0;border:0;flex-direction:column;width:100%;margin:0;padding:0;display:flex;position:relative}.device-frame--interactive{cursor:pointer;margin-top:-26px;padding-top:26px}.device-frame__screen{background:var(--color-text);width:100%;position:relative;overflow:hidden}.device-frame__screen img,.device-frame__screen video{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-width:100%;height:auto;display:block;position:absolute;top:0;left:0}.device-frame__mac{aspect-ratio:1551.51/941.9;width:100%;color:var(--color-text);position:relative}.device-frame__mac-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.device-frame__mac-notch{fill:var(--color-background)}.device-frame__mac .device-frame__screen{border-radius:1.541% 1.541% 0 0/2.337% 2.337% 0 0;width:79.764%;height:86.623%;position:absolute;top:2.123%;left:10.118%}.device-frame__phone{aspect-ratio:469.56/941.9;width:100%;color:var(--color-text);position:relative}.device-frame__phone-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.device-frame__phone .device-frame__screen{border-radius:14.288%/6.642%;width:89.279%;height:95.753%;position:absolute;top:2.123%;left:5.36%}.device-frame__phone-svg--mobile{display:none}@media (max-width:768px){.device-frame__phone-svg--desktop{display:none}.device-frame__phone-svg--mobile{display:block}.device-frame__phone{aspect-ratio:1263.06/2533.59}.device-frame__phone .device-frame__screen{border-radius:4.351%/2.086%;width:94.631%;height:98.421%;top:.789%;left:2.685%}}.gallery-modal .device-frame{z-index:1;flex-shrink:0;position:relative}.gallery-modal__figure:has(>.device-frame--macbook){width:min(960px,100%,164.721dvh - 197.666px)}.gallery-modal__figure:has(>.device-frame--iphone){width:min(320px,100%,49.8524dvh - 59.8229px)}.device-frame__viewport,.device-frame__modal-wrap{width:100%;position:relative}.device-frame__scroll-hint{color:var(--color-text);pointer-events:none;flex-direction:column;align-items:center;gap:8px;margin-top:10px;margin-right:10px;font:700 13px/20px Arial;display:flex;position:absolute;top:0;right:100%}.device-frame--macbook .device-frame__scroll-hint{right:91%;transform:translateY(10px)}.device-frame--iphone .device-frame__scroll-hint{transform:translateY(20px)}.device-frame__scroll-label{writing-mode:vertical-rl;text-orientation:mixed;display:block}.device-frame__scroll-arrow{fill:currentColor;flex-shrink:0;width:8px;height:auto;display:block}.gallery-modal .device-frame__screen{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overflow:hidden auto}.gallery-modal .device-frame__screen::-webkit-scrollbar{display:none}.gallery-modal .device-frame__screen img{object-fit:unset;width:100%;height:auto;position:static;inset:auto;transform:none}.gallery-modal{z-index:10006;padding:calc(var(--site-border-width) + 72px) var(--site-padding-x) var(--site-padding-y);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gallery-modal__figure{z-index:1;flex-direction:column;align-items:center;max-width:100%;display:flex;position:relative}.gallery-modal__figure>.category__gallery-caption{text-align:left;align-self:stretch}.gallery-modal__backdrop{background:var(--color-background);cursor:pointer;border:0;margin:0;padding:0;position:fixed;inset:0}.gallery-modal__close{top:0;right:var(--nav-gap);z-index:2;width:var(--nav-icon-width);height:var(--nav-bar-height);cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:fixed}.gallery-modal__close span{width:var(--nav-icon-width);background:var(--color-text);height:3px;position:absolute;top:50%;left:50%}.gallery-modal__close span:first-child{transform:translate(-50%,-50%)rotate(45deg)}.gallery-modal__close span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}.category__gallery-drawer{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.category__gallery-drawer.is-expanded{grid-template-rows:1fr}.category__gallery-drawer-inner{overflow:hidden}.category__gallery-toggle-wrap{justify-content:center;margin-top:15px;display:flex;position:relative}.category__gallery-toggle-line{border-top:1px solid var(--color-text);height:0;position:absolute;top:0;left:0;right:0}.category__gallery-toggle{z-index:1;cursor:pointer;width:46px;height:23px;color:var(--color-text);background:0 0;border:0;margin:0;padding:0;display:block;position:relative}.category__gallery-toggle-icon{fill:currentColor;width:46px;height:23px;display:block}.category__gallery-toggle-arrow{transform-box:fill-box;transform-origin:50%;transition:transform .2s}.category__gallery-toggle.is-expanded .category__gallery-toggle-arrow{transform:rotate(180deg)}.category__gallery-rest{flex-direction:column;gap:50px;margin:0;padding:0;list-style:none;display:flex}@media (max-width:768px){.category__gallery-rest{gap:30px}}.category__gallery-drawer.is-expanded .category__gallery-rest{padding-top:50px}@media (max-width:768px){.category__gallery-drawer.is-expanded .category__gallery-rest{padding-top:30px}}.about__grid{grid-template-columns:minmax(140px,220px) 1fr;gap:48px;display:grid}@media (max-width:768px){.about__grid{grid-template-columns:1fr;gap:32px}}.about__clients{font-family:var(--font-body);border-right:1px solid var(--color-text);padding-right:48px;font-size:17px;font-style:normal;font-weight:500;line-height:20px}@media (max-width:768px){.about__clients{border-right:none;border-top:1px solid var(--color-text);order:2;padding-top:32px;padding-right:0}}.about__clients p:first-child{margin-top:0}.about__clients p:last-child{margin-bottom:0}.about__body{font-family:var(--font-body);font-size:22px;font-style:normal;font-weight:500;line-height:27px}@media (max-width:768px){.about__body{order:1}}.about__body p:first-child{margin-top:0}.about__body p:last-child{margin-bottom:0}.home{width:100%;padding:var(--site-padding-y) var(--site-padding-x);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.home .content{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;max-width:1024px;display:flex}.home__intro{flex-direction:column;align-items:flex-start;gap:80px;width:100%;display:flex}@media (max-width:768px){.home__intro{gap:50px}}.home__intro:not([data-intro=ready]) .home__headline-word-inner{opacity:0;transform:translateY(115%)}.home__intro:not([data-intro=ready]) .home__body{opacity:0}@media (prefers-reduced-motion:reduce){.home__intro:not([data-intro=ready]) .home__headline-word-inner,.home__intro:not([data-intro=ready]) .home__body{opacity:1;transform:none}}@media (scripting:none){.home__intro:not([data-intro=ready]) .home__headline-word-inner,.home__intro:not([data-intro=ready]) .home__body{opacity:1;transform:none}}.home__headline{margin:0}@media (max-width:768px){.home__headline{font-size:64px;line-height:68px}}.home__headline-word{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.home__headline-word-inner{will-change:transform, opacity;display:inline-block}.home__body{will-change:opacity;width:100%;padding-left:240px;font-size:22px;line-height:32px}@media (max-width:768px){.home__body{padding-left:0}}.home__body p:first-child{margin-top:0}.home__body p:last-child{margin-bottom:0}.not-found{width:100%;padding:var(--site-padding-y) var(--site-padding-x);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.not-found__content{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:1024px;display:flex}.not-found__code{font-family:var(--font-headline);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);margin:0;font-size:24px;font-weight:800;line-height:1}.not-found__content h1{margin:0;font-size:105px;line-height:1}@media (max-width:768px){.not-found__content h1{font-size:64px;line-height:68px}}.not-found__body{max-width:28em;margin:0;font-size:22px;line-height:32px}.not-found__link{font-family:var(--font-body);text-underline-offset:4px;margin-top:24px;font-size:22px;font-weight:500;line-height:32px;text-decoration:underline}