@import "https://use.typekit.net/uoo6aca.css";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}[hidden]{display:none!important}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:before,:after{box-sizing:border-box}
:root{--white:#fff;--black:#000;--bg-primary:#242828;--bg-secondary:#0d1415;--bg-overlay:#060808;--text-primary:#dbe8e8;--text-secondary:#7a979b;--border-default:#2d3739;--border-strong:#dbe8e8;--gradient-primary:radial-gradient(110% 70% at 50% 30%,#475050 0%,#0d1415 100%);--ff-main:"golos-text",sans-serif;--ff-system:"Inter",sans-serif;--lh-tight:110%;--lh-snug:135%;--lh-normal:150%;--lh-relaxed:160%;--lh-loose:175%;--ls-supertight:-2px;--ls-tight:-1px;--ls-snug:-.5px;--ls-normal:0px;--ls-slight:.5px;--ls-relaxed:5px;--ls-loose:10px;--thin:200;--light:300;--regular:400;--medium:500;--semibold:600;--bold:700;--box-shadow:0 16px 20px 0 #00000059;--text-shadow:0 16px 20px #0000008c;--max-screen:1440px;--base:8px;--base-x0_5:4px;--base-x1:8px;--base-x1_5:12px;--base-x2:16px;--base-x3:24px;--base-x4:32px;--base-x5:40px;--base-x6:48px;--base-x7:56px;--base-x8:64px;--base-x9:72px;--base-x10:80px;--base-x11:88px;--base-x12:96px;--absolute-0:0px;--absolute-1px:1px;--absolute-2px:2px;--absolute-9999px:9999px;--absolute-x0_5:4px;--absolute-x1:8px;--absolute-x1_5:12px;--absolute-x2:16px;--absolute-x3:24px;--absolute-x4:32px;--absolute-x5:40px;--absolute-x6:48px;--absolute-x7:56px;--absolute-x8:64px;--absolute-x9:72px;--absolute-x10:80px;--absolute-x11:88px;--absolute-x12:96px;--space-2xs:var(--base-x0_5);--space-xs:var(--base-x1);--space-sm:var(--base-x1_5);--space-md:var(--base-x2);--space-lg:var(--base-x3);--space-xl:var(--base-x4);--space-2xl:var(--base-x5);--space-3xl:var(--base-x6);--space-2xs-absolute:var(--absolute-x0_5);--space-xs-absolute:var(--absolute-x1);--space-md-absolute:var(--absolute-x2);--gap-2xs:var(--base-x0_5);--gap-xs:var(--base-x1);--gap-sm:var(--base-x1_5);--gap-md:var(--base-x2);--gap-lg:var(--base-x3);--gap-xl:var(--base-x4);--gap-2xl:var(--base-x5);--gap-3xl:var(--base-x6);--gap-2xs-absolute:var(--absolute-x0_5);--gap-xs-absolute:var(--absolute-x1);--gap-md-absolute:var(--absolute-x2);--radius-xs:var(--absolute-2px);--radius-sm:var(--base-x0_5);--radius-md:var(--base-x1);--radius-lg:var(--base-x2);--radius-xl:var(--base-x3);--radius-2xl:var(--base-x4);--radius-full:var(--absolute-9999px);--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:24px;--fs-2xl:32px;--fs-3xl:40px;--fs-4xl:48px;--fs-5xl:64px;--fs-heroB:96px;--fs-heroA:160px;--paragraph-sm:8px;--paragraph-md:16px;--paragraph-lg:24px}@media (max-width:1024px){:root{--max-screen:1024px;--base:6px;--base-x0_5:3px;--base-x1:6px;--base-x1_5:9px;--base-x2:12px;--base-x3:18px;--base-x4:24px;--base-x5:30px;--base-x6:36px;--base-x7:42px;--base-x8:48px;--base-x9:54px;--base-x10:60px;--base-x11:66px;--base-x12:72px;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:28px;--fs-3xl:32px;--fs-4xl:40px;--fs-5xl:48px;--fs-heroB:72px;--fs-heroA:120px;--paragraph-sm:8px;--paragraph-md:16px;--paragraph-lg:24px}}@media (max-width:768px){:root{--max-screen:768px;--base:4px;--base-x0_5:2px;--base-x1:4px;--base-x1_5:6px;--base-x2:8px;--base-x3:12px;--base-x4:16px;--base-x5:20px;--base-x6:24px;--base-x7:28px;--base-x8:32px;--base-x9:36px;--base-x10:40px;--base-x11:44px;--base-x12:48px;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:18px;--fs-2xl:24px;--fs-3xl:28px;--fs-4xl:32px;--fs-5xl:40px;--fs-heroB:48px;--fs-heroA:64px;--paragraph-sm:8px;--paragraph-md:16px;--paragraph-lg:24px}}
body{font-family:var(--ff-main)}p{font-size:var(--fs-md);line-height:var(--lh-snug);font-weight:var(--regular);letter-spacing:var(--ls-normal)}p.small{font-size:var(--fs-xs);line-height:var(--lh-snug)}p.large{font-size:var(--fs-xl);line-height:var(--lh-normal);font-weight:var(--regular);letter-spacing:var(--ls-slight)}h1{font-size:var(--fs-5xl);line-height:var(--lh-tight);font-weight:var(--medium)}h2{font-size:var(--fs-4xl);line-height:var(--lh-tight);font-weight:var(--semibold)}h3{font-size:var(--fs-3xl);line-height:var(--lh-tight);font-weight:var(--medium)}h4{font-size:var(--fs-xl);line-height:var(--lh-tight);font-weight:var(--semibold)}.label{font-family:var(--ff-system);font-weight:var(--light);letter-spacing:var(--ls-slight)}.heroA{font-size:var(--fs-heroA);font-weight:var(--medium);letter-spacing:var(--ls-supertight);line-height:var(--lh-tight)}.heroB{font-size:var(--fs-heroB);font-weight:var(--medium);letter-spacing:var(--ls-supertight);line-height:var(--lh-tight)}
html,body{width:100%;color:var(--text-primary);position:relative}body:before{z-index:100;content:"";border-right:1px solid #0ff;width:1px;height:100%;display:none;position:fixed;top:0;left:72px}.lightMode{color:var(--bg-primary)}body{background-color:var(--black);scrollbar-gutter:stable;flex-direction:column;justify-content:center;align-items:center;display:flex}.container{width:100%;max-width:var(--max-screen);flex-flow:column;justify-content:center;align-items:center;display:flex}.button{padding:var(--space-md)var(--space-xl);border-radius:var(--radius-xl);cursor:pointer;border:1px solid var(--border-default);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000b3;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}.sideAction{z-index:10;bottom:var(--space-2xl);position:fixed;right:12px}.button:hover{background:#000c}.card-label-item{padding:var(--space-2xs-absolute)var(--space-xs-absolute);align-items:center;gap:var(--gap-2xs-absolute);border-radius:var(--radius-md);border:1px solid var(--border-default,#2d3739);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:inline-flex}.card-label-icon{width:var(--space-md-absolute);height:var(--space-md-absolute);aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:cover}.analytics{background-image:url(/images/analytics.webp)}.art-direction{background-image:url(/images/art-direction.webp)}.coding{background-image:url(/images/coding.webp)}.design{background-image:url(/images/design.webp)}.marketing{background-image:url(/images/marketing.webp)}.text{background-image:url(/images/text.webp)}.website{background-image:url(/images/website.webp)}.loadMore-container{width:100%;padding:var(--space-lg)var(--space-lg)0 var(--space-lg);grid-column:1/-1}.case-more-container{padding:var(--space-3xl)var(--space-3xl)var(--space-md)var(--space-3xl);justify-content:flex-start;align-self:stretch;align-items:flex-end;gap:var(--gap-md);flex-flow:wrap;width:100%;display:flex}.cards-grid{gap:var(--gap-md);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding:0;display:grid}.card{padding:var(--space-lg);justify-content:center;align-items:flex-start;gap:var(--gap-md);background:var(--bg-secondary,#0d1415);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-flow:column;width:100%;display:flex}.card-item-container{padding:var(--space-md);border-radius:var(--radius-xl);border:1px solid var(--border-default,#2d3739);justify-content:center;align-self:stretch;align-items:flex-start;gap:var(--gap-md);background:var(--gradient-primary);flex-flow:column;flex:1;transition:transform .2s ease-in;display:flex}.card:hover .card-item-container{transform:translateY(-4px)}.card-image-container{padding:var(--space-lg,24px);border-radius:var(--radius-md,8px);justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:var(--gap-md,16px);background-color:var(--black);box-shadow:var(--box-shadow);aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-flow:column;transition:all .1s ease-in;display:flex}.card-description-container{padding:0 var(--space-md,16px);justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:var(--gap-md,16px);flex-flow:column;flex:1;display:flex}.card-labels-container{padding:0 var(--space-md);justify-content:flex-start;align-self:stretch;align-items:flex-end;gap:var(--gap-2xs);flex-flow:wrap;width:100%;display:flex}.load-more{cursor:pointer;width:100%;padding:10px}.info{width:100%;padding:var(--space-2xl)0;justify-content:center;align-items:center;gap:var(--gap-lg);background-repeat:no-repeat;background-size:contain;flex-flow:column;display:flex}.infoHeader{background-image:url(/images/leonid1.webp);background-position:right calc(30% - 240px) top 16px}.info-text-container{padding:0 var(--space-3xl);grid-template-columns:repeat(4,minmax(0,1fr));align-self:stretch;gap:0;width:100%;display:grid}.info-labels-container{padding:0 var(--space-3xl);grid-template-columns:repeat(4,minmax(0,1fr));align-self:stretch;gap:0;display:grid}.info-labels-container .card-labels-container{padding:0}.info-hero-container{width:100%;padding:0 var(--space-3xl);flex-flow:row;justify-content:flex-start;align-items:flex-start;gap:0;display:flex}.info-line{height:var(--absolute-1px);border-top-width:1px;border-top-color:var(--border-strong);border-top-style:solid;width:100%}.col-1of4{grid-column:span 1}.col-2of4{grid-column:span 2}.col-3of4{grid-column:span 3}.col-4of4{grid-column:span 4}.case{grid-template-columns:repeat(4,minmax(0,1fr));align-self:stretch;gap:0;width:100%;padding:0;display:grid}.case-element{width:100%;padding:0 var(--space-3xl);justify-content:flex-start;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-xl);flex-flow:column;grid-column:span 3;display:flex}.case-element.words{grid-column:span 3}.case-element.media{grid-column:span 4}.case-element.media img{width:100%}.case-element.words:last-of-type,.case-element.media:last-of-type{margin-bottom:0}a{color:inherit;border-bottom:1px solid var(--border-default);padding-bottom:2px;text-decoration:none;transition:all .2s ease-in-out;position:relative}a:hover{border-bottom:1px solid var(--border-strong)}a.icon:before{content:"";aspect-ratio:1;vertical-align:middle;height:1em;margin-right:var(--absolute-x1);display:inline-block;position:relative}a.icon,a.hero,a.card{border-bottom:none}a:hover.button{border:1px solid var(--border-default)}a.icon{white-space:nowrap}a.hero:hover{opacity:.8}a.icon:after{content:"";background:var(--border-default);width:calc(100% - 1em - var(--absolute-x1));z-index:-1;height:1px;transition:all .2s ease-in-out;display:inline-block;position:absolute;bottom:-1px;right:0}a.icon:hover:after{background:var(--border-strong)}.icon{background-position:0;background-repeat:no-repeat;background-size:contain}.tg{background-image:url(/images/tg.png)}.tg-color{background:linear-gradient(90deg,#229ed9 5%,#fff 20%);-webkit-text-fill-color:transparent;background-attachment:fixed;-webkit-background-clip:text;background-clip:text}.label{color:var(--text-secondary)}@media (max-width:1024px){.infoHeader{background-position:right 20px top 16px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.col-2of4,.col-1of4{grid-column:span 3}.case-element.words,.case-element.media{grid-column:span 4}}@media (max-width:768px){.infoHeader{background-position:right 20px bottom 0;background-size:130px}.infoHeader .info-hero-container{padding-top:100px}.heroA{text-shadow:var(--text-shadow)}.cards-grid{grid-template-columns:1fr}.col-2of4,.col-1of4,.case-element.words,.case-element.media{grid-column:span 4}}.loadMore-dots{white-space:nowrap;vertical-align:bottom;width:0;animation:.3s steps(4,end) infinite loadMoreDots;display:inline-block;overflow:hidden}@keyframes loadMoreDots{0%{width:0}25%{width:1ch}50%{width:2ch}75%,to{width:3ch}}
.modal-backdrop{opacity:1;z-index:50;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:var(--black);scrollbar-color:var(--border-default)var(--black);scrollbar-gutter:stable;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;animation:.2s ease-out modalBackdropIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-backdrop::-webkit-scrollbar{width:12px}.modal-backdrop::-webkit-scrollbar-track{background:var(--black)}.modal-backdrop::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full);border:2px solid var(--black)}.modal-backdrop::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}html,body{scrollbar-color:var(--border-default)var(--black)}html.modal-open,body.modal-open{overscroll-behavior-y:none}html::-webkit-scrollbar{width:12px}body::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track{background:var(--black)}body::-webkit-scrollbar-track{background:var(--black)}html::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full);border:2px solid var(--black)}body::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full);border:2px solid var(--black)}html::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.modal-panel{width:100%;max-width:var(--max-screen);background:var(--black);min-height:100dvh;margin:0 auto;animation:.25s ease-out modalPanelIn}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.case-close{z-index:100;cursor:pointer;width:40px;height:40px;color:var(--text-primary);opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;transition:opacity .2s;display:flex;position:fixed;top:24px;right:24px}.case-close:hover{opacity:1}.copyButton{vertical-align:middle;width:1.4em;height:1.4em;color:inherit;opacity:.55;cursor:pointer;vertical-align:-.3em;background:0 0;border:0;justify-content:center;align-items:center;margin-left:.35em;padding:0;transition:opacity .2s;display:inline-flex}.copyButton:hover{opacity:1}.copyButton svg{width:100%;height:100%;display:block}.mdx-gallery{width:100%}.mdx-gallery-stage{width:100%;position:relative}.mdx-gallery-viewport{border-radius:var(--radius-xl);background:var(--bg-overlay);-webkit-user-select:none;user-select:none;width:100%;overflow:hidden}.mdx-gallery-container{touch-action:pan-y pinch-zoom;display:flex}.mdx-gallery-slide{flex:0 0 100%;min-width:0}.mdx-gallery-image{position:relative}.mdx-gallery-slide img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.mdx-gallery-caption{padding:var(--space-sm)var(--space-md);border-top:1px solid var(--border-default);background:var(--bg-overlay);color:var(--text-secondary);margin:0}.mdx-gallery-arrow{z-index:2;-webkit-backdrop-filter:none;backdrop-filter:none;width:72px;color:var(--white);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;top:0;bottom:0}.mdx-gallery-arrow:hover{opacity:.75}.mdx-gallery-arrow.prev{left:0}.mdx-gallery-arrow.next{right:0}.mdx-gallery-arrow span{text-shadow:0 0 12px #0000008c;font-size:48px;line-height:1;display:block}.mdx-gallery-dots{z-index:2;align-items:center;gap:var(--gap-xs);padding:var(--space-xs)var(--space-sm);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;display:inline-flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.mdx-gallery-dot{appearance:none;-webkit-tap-highlight-color:transparent;width:10px;height:10px;box-shadow:none;border-radius:var(--radius-full);cursor:pointer;background:#dbe8e859;border:none;outline:none;padding:0;transition:none}.mdx-gallery-dot.is-active{background:var(--text-primary);transform:scale(1.1)}@media (max-width:768px){.mdx-gallery-arrow{display:none}.mdx-gallery-caption{padding:var(--space-sm)var(--space-md)}}