.code{padding:var(--spaceXL);margin:var(--space3XL) calc(var(--spaceL)*-1);background:var(--background);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);color:var(--colorTextBody);overflow-x:auto}@media (max-width:696px){.code{padding:var(--spaceL);margin:var(--space2XL) calc(var(--spaceXL)*-1)}}.code--dark{--char:#d8dee9;--comment:#b2b2b2;--keyword:#c592ff;--primitive:rgba(0 229 255/1);--string:#00ff9c;--variable:#d7deea;--boolean:#ff8b50;--punctuation:#88c6be;--tag:#ff4081;--function:rgba(0 229 255/1);--className:#fcee0a;--method:rgba(0 229 255/1);--operator:#ff4081;--background:rgb(29 29 35)}.code--light{--char:rgba(0 0 0/0.8);--comment:rgba(0 0 0/0.6);--keyword:#803cce;--primitive:rgba(0 0 0/0.8);--string:#1b8058;--variable:rgba(0 0 0/0.8);--boolean:#c1480a;--punctuation:rgba(0 0 0/0.4);--tag:#a8093f;--function:#04626c;--className:#00378c;--method:#04626c;--operator:#a8093f;--background:rgb(228 228 228)}.code__content{margin:0}.code__content code,.code__content pre,.code__content pre.prism-code{height:auto;font-size:var(--fontSizeBodyS);line-height:var(--lineHeightBody);white-space:pre;font-family:var(--monoFontStack)}.code__content .token.attr-name{color:var(--keyword)}.code__content .token.block-comment,.code__content .token.cdata,.code__content .token.comment,.code__content .token.doctype,.code__content .token.prolog{color:var(--comment)}.code__content .token.constant,.code__content .token.deleted,.code__content .token.function-name,.code__content .token.number,.code__content .token.property,.code__content .token.symbol{color:var(--primitive)}.code__content .token.boolean{color:var(--boolean)}.code__content .token.tag{color:var(--tag)}.code__content .token.string{color:var(--string)}.code__content .token.punctuation{color:var(--punctuation)}.code__content .token.builtin,.code__content .token.char,.code__content .token.inserted,.code__content .token.selector{color:var(--char)}.code__content .token.function{color:var(--function)}.code__content .token.entity,.code__content .token.operator,.code__content .token.url,.code__content .token.variable{color:var(--variable)}.code__content .token.attr-value{color:var(--string)}.code__content .token.keyword{color:var(--keyword)}.code__content .token.atrule,.code__content .token.class-name{color:var(--className)}.code__content .token.important{font-weight:var(--fontWeightRegular)}.code__content .token.bold{font-weight:var(--fontWeightBold)}.code__content .token.italic{font-style:italic}.code__content .token.entity{cursor:help}.code__content .namespace{opacity:.7}.post{position:relative;display:flex;flex-direction:column}.post__header{--gutter:80px;--height:80vh;--offset:300px;display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--gutter);gap:var(--gutter);align-items:center;min-height:var(--height);padding-left:var(--offset)}@media (max-width:2080px){.post__header{--gutter:60px;--offset:200px;--offset:160px}}@media (max-width:1680px){.post__header{--gutter:40px;--height:70vh;--offset:180px}}@media (max-width:1024px){.post__header{--gutter:20px;--height:40vh;--offset:160px}}@media (max-height:696px){.post__header{--offset:100px}}@media (max-width:696px),(max-width:820px) and (max-height:420px){.post__header{--height:auto;grid-template-columns:100%;padding-right:20px;padding-left:20px}}.post__header-text{height:100%;width:100%;position:relative;display:flex;justify-self:flex-end;justify-content:center;flex-direction:column;padding:60px 0 80px;max-width:800px}@media (max-width:696px),(max-width:820px) and (max-height:420px){.post__header-text{padding:100px 0 0}}.post__date{font-size:18px;font-weight:var(--fontWeightMedium);margin-bottom:60px;color:rgb(var(--rgbPrimary));display:grid;grid-template-columns:140px 1fr;grid-gap:20px;gap:20px;align-items:center}@media (max-width:1024px){.post__date{margin-bottom:30px;grid-gap:10px;gap:10px}}@media (max-width:696px){.post__date{grid-template-columns:100px 1fr}}.post__date-text{opacity:0;transform:translate3d(-5%,0,0);transition:opacity var(--durationXL) ease,transform var(--durationXL) var(--bezierFastoutSlowin)}.post__date-text--entered{opacity:1;transform:none}@keyframes post-title-word{0%{transform:translate3d(0,110%,0)}to{transform:translateZ(0)}}.post__title-word-wrapper{overflow:hidden;position:relative;display:inline-flex}.post__title-word{transform:translate3d(0,110%,0);animation-name:post-title-word;animation-timing-function:var(--bezierFastoutSlowin);animation-duration:1.2s;animation-delay:var(--delay);animation-fill-mode:forwards;display:inline-flex}@media (prefers-reduced-motion:reduce){.post__title-word{transform:none}}.post__banner{justify-self:flex-end;width:100%;height:100%;z-index:1024}@media (max-width:696px){.post__banner{min-height:40vh;z-index:1}}.post__banner-image{height:100%;clip-path:polygon(0 0,100% 0,100% 100%,28px 100%,0 calc(100% - 28px))}.post__banner-image img,.post__banner-image video{height:100%;width:100%;object-fit:cover}@keyframes post-banner-arrow{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.post__banner-arrow{position:absolute;bottom:0;left:-10px;padding:20px;animation-name:fade-in;animation-timing-function:var(--bezierFastoutSlowin);animation-duration:.6s;animation-fill-mode:forwards;animation-delay:1s;opacity:0}@media (prefers-reduced-motion:reduce){.post__banner-arrow{opacity:1}}.post__banner-arrow svg{stroke:rgb(var(--rgbText)/.5);animation-name:post-banner-arrow;animation-duration:1.5s;animation-iteration-count:infinite;transition-timing-function:cubic-bezier(.8,.1,.27,1)}@media (max-width:1024px){.post__banner-arrow{left:-20px}}@media (max-width:696px){.post__banner-arrow{position:relative;margin-top:20px;align-self:flex-start}}.post__banner-read-time{color:var(--colorTextLight);font-size:16px;position:absolute;bottom:10px;right:0;padding:20px 0;display:grid;align-items:center;grid-template-columns:60px 1fr;grid-gap:10px;gap:10px;animation-name:fade-in;animation-timing-function:var(--bezierFastoutSlowin);animation-duration:.6s;animation-fill-mode:forwards;animation-delay:1s;opacity:0}@media (prefers-reduced-motion:reduce){.post__banner-read-time{opacity:1}}.post__banner-read-time:before{content:"";height:2px;background:rgb(var(--rgbText)/.4);display:block}.post__content-wrapper{display:flex;flex-direction:column;padding-bottom:var(--space2XL)}.post__content{width:100%;align-self:center;margin-top:120px;animation-name:fade-in;animation-timing-function:var(--bezierFastoutSlowin);animation-duration:1.2s;animation-delay:1s;animation-fill-mode:forwards;opacity:0;display:grid;grid-template-columns:1fr 100px 800px 100px 1fr}.post__content>pre{grid-column:3}@media (prefers-reduced-motion:reduce){.post__content{opacity:1}}@media (max-width:1320px){.post__content{grid-template-columns:1fr 80px 740px 80px 1fr;margin-top:80px}}@media (max-width:1680px){.post__content{grid-template-columns:1fr 60px 680px 60px 1fr;margin-top:80px}}@media (max-width:1096px){.post__content{grid-template-columns:1fr 50px 660px 50px 1fr;margin-top:80px}}@media (max-width:1024px){.post__content{grid-template-columns:100%;margin-top:70px}.post__content>pre{grid-column:1}}@media (max-width:696px){.post__content{margin-top:60px}}.post__heading-two{grid-column:3}@media (max-width:1024px){.post__heading-two{grid-column:1}}.post__paragraph{--para-space:26px;--heading-space:34px;grid-column:3}.post__heading-two+.post__paragraph{margin-top:var(--heading-space)}.post__paragraph+.post__paragraph{margin-top:var(--para-space)}@media (max-width:1680px){.post__paragraph{--para-space:20px;--heading-space:24px;font-size:20px}}@media (max-width:1024px){.post__paragraph{--heading-space:22px;grid-column:1}}@media (max-width:696px){.post__paragraph{--para-space:18px;--heading-space:22px;font-size:18px;hyphens:auto}}.post__image{display:block;margin:80px 0;max-width:100%;width:100%;height:auto;grid-column:2/span 3}@media (max-width:1024px){.post__image{grid-column:1;margin:60px 0}}.post__code{color:var(--colorTextLight);background:rgb(var(--rgbText)/.1);padding:.1em .3em;font-family:var(--monoFontStack)}.clients .section{padding-right:var(--space2XS);padding-left:var(--space2XS)}@media (min-width:1024px){.clients .section{padding-right:calc(var(--space4XL)*5);padding-left:calc(var(--space4XL)*5)}}@media (min-width:1280px){.clients .section{padding-right:calc(var(--space4XL)*2.5);padding-left:calc(var(--space4XL)*2.5)}}@media (min-width:1680px){.clients .section{padding-right:calc(var(--space4XL)*4);padding-left:calc(var(--space4XL)*4)}}@media (min-width:1920px){.clients .section{padding-right:calc(var(--space4XL)*5);padding-left:calc(var(--space4XL)*5)}}article{padding-top:0;padding-bottom:0}.articles{display:flex;flex-direction:column;align-items:center}.articles .project__title{margin-bottom:0}.articles__content{display:flex;flex-direction:column;align-items:center;margin-top:60px;margin-bottom:40px;padding-top:46px;padding-bottom:40px;position:relative}@media (max-width:696px){.articles__content{width:95.5vw;padding-top:var(--spaceL);padding-left:var(--spaceOuter)}}.articles__column{display:grid;grid-template-columns:100%;grid-gap:80px;gap:80px;max-width:none;width:100%}.articles__post{display:flex;justify-content:center}.articles__divider{height:1px;margin:0;border:0;background-color:rgb(var(--rgbText)/.1)}.articles__post-content{width:100%;display:grid;grid-template-columns:300px 1fr;align-items:center;grid-gap:0 40px;gap:0 40px;text-decoration:none;transition:background-color var(--durationM) ease;cursor:default}@media (max-width:1024px){.articles__post-content{grid-template-columns:100%;max-width:440px}}.articles__post-text{grid-column:2;padding:0}@media (max-width:1024px){.articles__post-text{grid-column:1;padding:50px 0}}@media (max-height:696px),(max-width:696px){.articles__post-text{padding:30px 0}}.articles__post-date{font-size:var(--fontSizeBodyM);display:block;margin-bottom:4px;color:var(--colorTextLight);letter-spacing:4px}.articles__post-title{margin:0;font-size:var(--fontSizeH3);letter-spacing:-2px;font-weight:var(--fontWeightMedium);line-height:1.2;color:var(--colorTextTitle);display:inline;background:linear-gradient(var(--colorTextBody),var(--colorTextBody)) no-repeat 100% 100%/0 2px;transition:background-size var(--durationM) var(--bezierFastoutSlowin);padding-bottom:2px}@media (max-width:696px){.articles__post-title{font-size:var(--fontSizeH1);letter-spacing:-1px;font-size:var(--fontSizeH2);letter-spacing:-2px}}.articles__post-subtitle{font-size:var(--fontSizeBodyL);letter-spacing:-1px;font-weight:var(--fontWeightRegular);line-height:1.2;color:var(--colorTextTitle);display:block;background:linear-gradient(var(--colorTextBody),var(--colorTextBody)) no-repeat 100% 100%/0 2px;transition:background-size var(--durationM) var(--bezierFastoutSlowin);margin:-2px 0 0}@media (max-width:696px){.articles__post-subtitle{margin-top:0}}.articles__post-title:focus,.articles__post-title:hover{background:none;cursor:default}.articles__post-description{position:relative;font-size:var(--fontSizeBodyM);line-height:1.5;color:var(--colorTextBody);margin:25px 0 0;width:100%}@media (max-width:696px){.articles__post-description{font-size:var(--fontSizeBodyL)}}.articles__post-description:after,.articles__post-description:before{content:"";background-repeat:no-repeat;display:inline-block;height:20px;width:36px;opacity:1}body.light .articles__post-description:before{background-image:url(/static/media/quote-left.bb4c1a22.svg);vertical-align:top}body.light .articles__post-description:after{background-image:url(/static/media/quote-right.7a33a8dd.svg);margin-left:6px;vertical-align:middle}body.dark .articles__post-description:before{background-image:url(/static/media/quote-left-light.4122d19a.svg);vertical-align:top}body.dark .articles__post-description:after{background-image:url(/static/media/quote-right-light.27094dc0.svg);margin-left:6px;vertical-align:middle}.articles__post-image-wrapper{background:rgb(var(--rgbBackgroundLight));position:relative;height:300px;width:auto}.articles__post-image{height:100%;clip-path:polygon(0 0,100% 0,100% 100%,70% 100%,70% calc(100% - 14px),calc(70% - 60px) calc(100% - 14px),calc(70% - 60px) 100%,28px 100%,0 calc(100% - 28px))}.articles__post-image img,.articles__post-image video{height:100%;width:100%;margin:auto;object-fit:contain;transition:transform .5s var(--bezierFastoutSlowin);padding:60px;border:0;outline:none}@media (max-width:696px){.articles__post-image img,.articles__post-image video{padding:0;height:266px}}@media (max-width:1024px){.articles__post-image img,.articles__post-image video{padding:0;height:266px}}.articles__post-content:hover .articles__post-image img,.articles__post-content:hover .articles__post-image video{transform:scale3d(1.3,1.3,1);cursor:default}.articles__post-image-tag{position:absolute;bottom:20px;left:calc(48% - 130px);padding:0 10px;text-align:left;width:130px;font-size:14px;font-weight:var(--fontWeightMedium);color:var(--colorTextLight)}@media (max-width:1024px){.articles__post-image-tag{left:calc(33% - 130px)}}@media (max-height:696px),(max-width:696px){.articles__post-image-tag{left:5%}}.articles .project__header{padding-top:calc(var(--spaceS) + var(--spaceS));padding-bottom:0}@media (max-width:1680px){.articles .project__header{padding-top:var(--spaceS);padding-bottom:var(--spaceS)}}@media (max-width:1024px){.articles .project__header{padding-top:var(--spaceXS);padding-bottom:0}}@media (max-width:696px){.articles .project__header{padding-top:var(--spaceM);padding-bottom:var(--spaceM)}}.articles .project__details h1{font-size:var(--fontSizeH2);letter-spacing:-4px}@media (max-width:1024px){.articles .project__details h1{padding-left:calc(var(--spaceXL)*1);display:flex;flex-direction:column;align-items:center;letter-spacing:-2px}}@media (max-height:696px),(max-width:696px){.articles .project__details h1{padding-left:0;font-size:var(--fontSizeH1);letter-spacing:-3px;align-items:start}}.articles .section.project__header{padding-left:0;margin-left:-5px;width:100%}.articles .project__header-content{padding-bottom:var(--spaceL);grid-template-columns:100%;border-bottom:0}@media (max-width:696px){.articles .project__header-content{padding-bottom:0}}
/*# sourceMappingURL=5.8d5c3fc5.chunk.css.map */