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