.ContactForm__field{flex-flow:column;row-gap:8px;margin-block-end:18px;display:flex}.ContactForm__field-label{color:var(--black);font-size:1.125rem}.ContactForm__input-text{color:var(--black);border:1.5px solid #868686;border-radius:4px;height:3rem;padding:8px 16px;font-size:1.125rem;transition:border-color .2s ease-in-out}.ContactForm__input-text:focus{border-color:var(--black);outline:none}.ContactForm__input-text::placeholder{color:#585858}.ContactForm__textarea{color:var(--black);border:1.5px solid #868686;border-radius:4px;padding:8px 16px;font-size:1.125rem;transition:border-color .2s ease-in-out}.ContactForm__textarea::placeholder{color:#585858}.ContactForm__textarea:focus{border-color:var(--black);outline:none}.ContactForm__submit{background-color:var(--finlandia);color:var(--white);border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;column-gap:16px;width:100%;min-height:3.25rem;margin-block-start:24px;font-size:1.125rem;transition:background-color .2s ease-in-out;display:flex}@media (width>=1024px){.ContactForm__submit{margin-block-start:32px}}.ContactForm__submit.-loading:before{content:"";border:.15em solid var(--white);border-right-color:var(--matrix);border-radius:999px;width:1.2em;height:1.2em;animation:1s linear infinite btn-loader}@keyframes btn-loader{to{transform:rotate(1turn)}}@media (hover:hover){.ContactForm__submit:hover{cursor:pointer}}.ContactForm__submit:focus,.ContactForm__submit:hover{background-color:#303f39}.ContactForm__submit-icon{width:1em;height:1em}.ContactForm__output-msg{text-align:left;justify-content:flex-start;column-gap:10px;margin-block-start:18px;font-size:1rem;display:flex}@media (width>=1024px){.ContactForm__output-msg{margin-block:24px -16px}}.ContactForm__output-icon{flex:0 0 1.8em;height:1.8em}.ContactForm__output-icon.-success{color:var(--success)}.ContactForm__output-icon.-error{color:var(--error)}.Hero{background-color:#394c45;padding-block-start:calc(12px + var(--navbar-height));position:relative}@media (width>=1024px){.Hero{padding-block-start:calc(36px + var(--navbar-height));padding-block-end:48px}}.Hero__content{color:#dfe8e3;max-inline-size:1324px;margin-inline:auto;padding-inline:16px}@media (width>=600px){.Hero__content{padding-inline:32px}}.Hero__title{text-align:center;margin-block-end:0;font-size:2.3rem}@media (width>=800px){.Hero__title{font-size:2.6rem}}@media (width>=1024px){.Hero__title{font-size:3.5rem}}.Hero__subtitle{text-align:center;margin-block-end:1.5rem;font-size:1.125rem}@media (width>=1024px){.Hero__subtitle{margin-block-end:24px}}.Hero__selfie{width:100%;height:auto;margin-block:-7%;position:relative;mask-image:url(/_astro/ragged-stroke.DJLR65Nr.svg);mask-position:50% 40%;mask-size:100%;mask-repeat:no-repeat}.Hero__descriptions{columns:1;max-inline-size:1000px;font-size:var(--body-font-size);column-gap:56px;margin-block-start:16px;margin-inline:auto;position:relative}@media (width>=800px){.Hero__descriptions{columns:2;margin-block-start:0}}.Hero__descriptions-item{margin-block-end:30px}.BelowFoldContent{background-color:var(--white);margin-block-end:-110px;position:relative}.About{position:relative}.About__content{max-inline-size:1500px;margin-inline:auto;padding-block-start:32px;padding-inline:16px}@media (width>=1024px){.About__content{padding-block-start:64px;padding-inline:32px}}.About__header{max-inline-size:800px}@media (width>=1024px){.About__header{grid-template-columns:auto auto;align-items:center;column-gap:10%;max-inline-size:100%;display:grid}}.About__title{color:var(--black);font-size:var(--body-font-size);margin-block-end:.5em;font-size:2rem}@media (width>=1024px){.About__title{max-inline-size:650px;font-size:2.625rem}}.About__subtitle{color:var(--black);font-size:var(--body-font-size);max-inline-size:600px}@media (width>=1024px){.About__subtitle{padding-block-start:6px;padding-inline-end:64px}}.AboutUIDemo{grid-area:3/full/4;justify-self:stretch;display:block}@media (width>=768px){.AboutUIDemo{grid-column:contained}}@media (width>=1024px){.AboutUIDemo{grid-column:full}}.About__uidemo{width:100%;height:auto;background-color:#dbdbdb;max-inline-size:1560px;margin-inline:auto}.AboutUIDemo__caption{text-align:left;font-size:var(--body-font-size);color:#888;padding:16px 24px 16px 0}.Work{z-index:2;padding-block-start:64px;position:relative}@media (width>=1024px){.Work{padding-block-start:96px}}.Work__content{max-inline-size:1336px;margin-inline:auto;padding-inline:16px}@media (width>=1024px){.Work__content{padding-inline:32px}}.Work__title{color:var(--black);font-size:var(--body-font-size);text-align:center;margin-block-end:.6em;font-size:2rem}@media (width>=1024px){.Work__title{font-size:2.625rem}}.Work__subtitle{color:var(--black);font-size:var(--body-font-size);text-align:center;max-inline-size:600px;margin-block-end:3.5em;margin-inline:auto}.WorkProjects{align-items:stretch;gap:24px;display:grid}@media (width>=996px){.WorkProjects{grid-template-columns:repeat(3,1fr);gap:min(2%,48px)}}.WorkProject{height:100%}.WorkProject.-active{--work-pill-bg-color:#394c45;--work-pill-txt-color:#f5f8f6}.WorkProject.-upgrading{--work-pill-bg-color:#984f32;--work-pill-txt-color:#f7f7f8}.WorkProject__link{background-color:#e7e7e7;height:100%;padding:28px;transition:box-shadow .1s ease-in-out;display:block;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}@media (hover:hover){.WorkProject__link:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}}.WorkProject__link:focus-visible{outline:2px solid var(--black)}.WorkProjectHeader{align-items:center;margin-block-end:1em;display:flex}.WorkProjectHeader__title{color:var(--black);margin-inline-end:.4em;font-size:1.125rem}@media (width>=1024px){.WorkProjectHeader__title{font-size:1.25rem}}.WorkProjectHeader__icon{width:1.5em;height:1.5em;color:var(--black);margin-block-end:1px}.WorkProjectHeader__pill{background-color:var(--work-pill-bg-color);color:var(--work-pill-txt-color);border-radius:999px;margin-inline-start:auto;padding:4px 12px}.WorkProject__body{font-size:var(--body-font-size);color:var(--black)}.Contact{margin-block-start:-32px;padding-block:160px;position:relative}@media (width>=800px){.Contact{margin-block-start:0}}.ContactBg{max-width:unset;height:105%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=2600px){.ContactBg{width:100%}}.Contact__inner{grid-template-columns:[full-start]16px[contained-start]1fr[contained-end]16px[full-end];align-content:start;align-items:start;max-width:1440px;margin-inline:auto;padding-block:48px;display:grid;position:relative}@media (width>=1024px){.Contact__inner{grid-template-columns:1fr 1.1fr;column-gap:10%;padding:84px 56px 72px}}@media (width>=1440px){.Contact__inner{column-gap:192px;padding:120px 120px 104px}}.Contact__heading{color:var(--black);grid-column:contained;margin-block-end:24px;font-size:2rem}@media (width>=1024px){.Contact__heading{grid-column:1/2;margin-top:24px;font-size:2.625rem}}.Contact__paragraph{color:var(--black);grid-column:contained;margin-block-end:24px;font-size:1.125rem}@media (width>=1024px){.Contact__paragraph{grid-column:1/2}}.Contact__paragraph:last-of-type{margin-block-end:32px}.Contact__details{grid-column:contained;margin-block-end:32px}@media (width>=1024px){.Contact__details{grid-column:1/2}}.Contact__detail{color:var(--black);margin-block-end:16px;font-size:1.125rem}.Contact__detail-data{align-items:center;column-gap:12px;margin-block-end:12px;font-size:1.125rem;display:flex}.Contact__detail-icon{width:1.7em;height:1.7em;color:var(--black);display:flex}.ContactQuote{grid-column:contained;margin-block-end:32px}@media (width>=1024px){.ContactQuote{grid-column:1/2}}@media (width>=1200px){.ContactQuote{margin-block-start:56px}}.ContactQuote__caption{color:var(--black);margin-block-end:16px;font-size:1.125rem}.ContactQuote__body{border:1.5px solid #86847b;padding:24px 28px}.ContactQuote__Item{margin-block-end:12px}.ContactQuote__item-body{color:var(--black);font-size:1.125rem}.ContactQuote__author{color:var(--black);font-size:1rem}.Contact__form-wrapper{background-color:#f6f6f6;border:1.5px solid #868686;grid-column:full;padding:20px 16px 32px}@media (width>=500px){.Contact__form-wrapper{border-inline:1.5px solid #868686;grid-column:contained;padding-inline:20px}}@media (width>=1024px){.Contact__form-wrapper{grid-area:1/2/10/3;padding:32px 48px 56px}}.Contact__form-title{color:var(--black);text-align:left;margin-block-end:24px;font-size:1.7rem}@media (width>=1024px){.Contact__form-title{font-size:2.2rem}}