@import url('effects.css');
[hidden]{display:none!important}html{scroll-behavior:smooth}body{font-size:16px}button,input,select,textarea{font:inherit}button{transition:background .16s,color .16s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7c79ff;outline-offset:5px}input:focus,select:focus,textarea:focus{outline:2px solid #3d3ae0!important;outline-offset:2px}input,select,textarea{width:100%;min-width:0}nav :is(button,a)[aria-current=page]{border-bottom-color:#3d3ae0!important;color:#3d3ae0!important}p{font-size:max(1rem,1em)}label>span{font-size:12px!important}h1{font-size:clamp(2.7rem,5.5vw,4.875rem)!important}h2{font-size:clamp(2rem,3.2vw,3.25rem)!important}header{max-width:1360px!important}header>[data-go]{flex-shrink:0}#form-status:empty{display:none}#form-status{line-height:1.6;color:#3d3ae0}nav{flex-wrap:wrap}main [style*="grid-template-columns"]>*{min-width:0}
@media(max-width:1100px){header{flex-wrap:wrap;gap:16px!important;padding:18px 24px!important}nav{gap:0!important}nav :is(button,a){padding:10px!important;margin-left:0!important}main [style*="gap: 72px"]{gap:36px!important}main [style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){header{display:block!important}header nav{margin-top:15px}header nav :is(button,a){font-size:14px!important}header>[data-go] img{height:28px!important}body>div>div:first-child{position:relative!important}main [style*="grid-template-columns"],footer [style*="grid-template-columns"]{grid-template-columns:1fr!important;gap:28px!important}main [style*="padding: 0 40px"]{padding-left:20px!important;padding-right:20px!important}main section{padding-top:44px!important;padding-bottom:44px!important}main section[style*="border-radius"]{padding:28px 20px!important;margin:24px 0!important}main section>div[style*="padding: 100px"]{padding:12px 0 0!important}main [style*="padding: 30px 34px"]{padding:24px 18px!important}footer>div{padding:40px 20px!important}h1,h2{overflow-wrap:break-word}main [style*="font-size: 11"]{letter-spacing:.1em!important;font-size:12px!important}main [style*="max-width"]{max-width:100%!important}main [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}.menu-toggle span{display:block;width:26px;height:2px;background:#252936;margin:5px 0;transition:.2s}@media(max-width:700px){header{display:flex!important;position:relative}header nav{display:none!important;position:absolute;top:72px;left:16px;right:16px;z-index:20;margin-top:0;padding:10px;background:#fff;border:1px solid #e4e5ea;border-radius:12px;box-shadow:0 12px 30px rgba(20,25,40,.12);flex-direction:column;align-items:stretch}.menu-toggle{display:block}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}header nav.is-open{display:flex!important}header nav :is(button,a){font-size:14px!important;text-align:left;width:100%;padding:12px 14px!important}}

@media(max-width:700px){.build-includes{gap:0!important;background:transparent!important;border:0!important}.build-includes>div{border-bottom:1px solid #E2DFD8!important;padding:14px 4px!important}.build-includes>div:last-child{border-bottom:0!important}}

a[data-go]{text-decoration:none;display:inline-block}a[data-go]:focus-visible{outline:3px solid #7c79ff;outline-offset:5px}

.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:28px;align-items:stretch}
.portfolio-grid>article{display:flex;flex-direction:column;min-width:0;padding:28px!important}
.portfolio-grid h2{font-size:clamp(1.75rem,2.4vw,2.125rem)!important;line-height:1.15}
.portfolio-grid>article>a:last-child{align-self:flex-start;margin-top:auto;text-decoration:none}
.portfolio-screenshot{display:block;width:100%;height:auto;aspect-ratio:1265/712;object-fit:cover;object-position:top;border-radius:8px;border:1px solid #E2DFD8;margin-bottom:28px}
@media(max-width:700px){.portfolio-grid{grid-template-columns:1fr}.portfolio-grid>article{padding:24px!important}}