@font-face{font-family:Yonja Sans;src:url(/assets/fonts/inter-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root,.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#050d0e;--foreground:#eeece8;--primary:#58b67b;--primary-foreground:#f5f4ee;--border:#293232;--ring:#79cb98;--muted-foreground:#c4c6c3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:Yonja Sans,Arial,sans-serif;font-size:16px;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:hover,button:hover{color:#7ccc98}:focus-visible{outline:2px solid var(--ring);outline-offset:6px}::selection{color:#fff;background:#267347}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}.site-wrap{width:90%;max-width:1120px;margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:24px;min-height:110px;display:flex}.brand{flex:0 0 148px;display:block}.brand img{border-radius:2px;width:112px;height:auto;display:block}.site-header nav{justify-content:center;align-items:center;gap:clamp(20px,3.3vw,40px);margin-left:auto;display:flex}.site-header nav a{white-space:nowrap;padding:12px 0;font-size:.875rem}.header-note{color:var(--primary);white-space:nowrap;border-left:1px solid #535a57;align-items:center;gap:6px;margin-left:36px;padding:8px 0 8px 38px;font-size:.8125rem;display:flex}.header-note span{background:var(--primary);border-radius:50%;width:6px;height:6px}.hero{min-height:478px;margin-bottom:60px;padding-top:34px;position:relative}.hero-visual{aspect-ratio:548/478;pointer-events:none;background-image:url(/assets/approved-reference.webp);background-position:90.7563% 10.397%;background-repeat:no-repeat;background-size:186.861% 321.339%;width:59.4%;position:absolute;top:0;right:-.65%}.hero-copy{z-index:1;width:43%;position:relative}h1{letter-spacing:-.042em;font-size:clamp(3.5rem,6.25vw,4.625rem);line-height:1.07}h1 span{color:#409e65}.hero-description{color:#d0cfcb;max-width:395px;margin-top:28px;scroll-margin-top:30px;font-size:1rem;line-height:1.72}.contact-button{background:#247245;border:1px solid #3b8a57;border-radius:4px;justify-content:space-between;align-items:center;gap:30px;min-height:46px;margin-top:36px;padding:10px 23px;font-size:1rem;display:inline-flex}.contact-button:hover{color:#fff;background:#2e8351}.contact-button svg{stroke-width:1px;width:20px;height:20px}.work-section{border-top:1px solid var(--border);padding:24px 0 42px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}h2{letter-spacing:-.035em;font-size:1.375rem;line-height:1.4}.all-projects{min-height:44px;color:var(--primary);background:0 0;border:0;align-items:center;gap:12px;padding:8px 0 8px 12px;font-size:.875rem;display:inline-flex}.all-projects svg{stroke-width:1.25px;width:19px;height:19px}.arrow-up{transform:rotate(-90deg)}.project-row{border-bottom:1px solid #1f292a;grid-template-columns:80px minmax(0,1fr) 297px;align-items:center;gap:36px;min-height:105px;padding:11px 0;display:grid}.project-list>.project-row:last-child{border-bottom-color:#0000}.more-projects{border-top:1px solid #1f292a}.cover-link{border-radius:8px;width:80px;height:80px;display:block;overflow:hidden}.cover-link img{object-fit:cover;width:100%;height:100%;display:block}.project-info h3{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:1.625rem;line-height:1.25}.project-info p{color:#d4d2cf;margin-top:9px;font-size:.9375rem;line-height:1.45}.project-links{justify-content:flex-end;gap:20px;padding-right:0;display:flex}.project-links a{white-space:nowrap;border-bottom:1px solid #58a976;justify-content:space-between;align-items:center;gap:8px;min-height:36px;font-size:.875rem;display:inline-flex}.platform-icon img{object-fit:contain;width:24px;height:24px}.platform-icon span{opacity:1;white-space:nowrap;max-width:none;display:inline-block}.project-links svg{color:#72c88d;stroke-width:1.2px;width:19px;height:19px}.services-section{border-top:1px solid var(--border);padding:28px 0 38px}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;display:grid}.services-grid article{padding-right:44px}.services-grid article+article{border-left:1px solid #344040;padding-left:44px}.service-number{color:#68c78b;margin-bottom:6px;font-size:.9375rem;display:block}.services-grid h3{letter-spacing:-.035em;margin-bottom:7px;font-size:1.25rem;line-height:1.4}.services-grid p{color:#c5c7c4;font-size:1rem;line-height:1.65}.site-footer{border-top:1px solid var(--border);grid-template-columns:1.15fr 1fr 1fr 1fr;align-items:start;gap:30px;padding:32px 0 36px;display:grid}.contact-section{border-top:1px solid var(--border);grid-template-columns:.75fr 1.25fr;gap:48px;padding:32px 0 38px;display:grid}.contact-intro h2{font-size:clamp(1.45rem,2.6vw,1.9rem)}.contact-intro p{color:#b5beb8;max-width:250px;margin-top:10px;line-height:1.55}.contact-form{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.contact-form label{color:#b5beb8;gap:8px;font-size:.8125rem;display:grid}.contact-form label em{color:#69746e;font-style:normal}.contact-form input,.contact-form textarea{width:100%;color:var(--foreground);font:inherit;resize:vertical;background:#081313;border:1px solid #2b3935;border-radius:4px;padding:12px 13px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--ring);outline:none}.message-field{grid-column:1/-1}.contact-submit{color:#f5f4ee;background:#247245;border:1px solid #3b8a57;border-radius:4px;justify-self:start;align-items:center;gap:24px;min-height:46px;padding:10px 18px;display:inline-flex}.contact-submit:disabled{cursor:wait;opacity:.65}.contact-submit svg{width:18px}.form-feedback{color:#7ccc98;grid-column:1/-1;font-size:.875rem}.form-feedback.error{color:#e59a91}.honeypot{opacity:0!important;pointer-events:none!important;position:absolute!important;left:-9999px!important}.footer-brand img{border-radius:2px;width:100px;height:auto;margin-bottom:9px;display:block}.footer-brand p,.contact-item p,.contact-item a{color:#c8cac5;font-size:.875rem;line-height:1.6}.contact-item{min-height:63px;padding-top:4px}.contact-item+.contact-item{border-left:1px solid #35403e;padding-left:44px}.contact-item h2{letter-spacing:0;margin-bottom:12px;font-size:.875rem}.contact-item a{padding-bottom:8px;display:inline-block}.contact-item a:hover{color:var(--primary)}.skip-link{z-index:100;color:#050d0e;background:#fff;padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:16px}@media (width>=1100px){.hero{min-height:46.62vw;max-height:581px}}@media (width>=1245px){.hero{min-height:581px}}@media (width<=1000px){.header-note{margin-left:4px;padding-left:20px;font-size:.75rem}.site-header{gap:14px}.brand{flex-basis:120px}.site-header nav{gap:22px}.hero{min-height:460px}.hero-description{font-size:.9375rem}.project-row{grid-template-columns:80px minmax(0,1fr) 275px;gap:26px}.project-links{gap:14px;padding-right:0}.contact-item+.contact-item{padding-left:25px}}@media (width<=760px){.site-wrap{width:calc(100% - 40px)}.site-header{flex-wrap:wrap;gap:16px;min-height:98px;padding:14px 0 20px}.brand{flex-basis:auto}.brand img{width:98px}.header-note{display:none}.site-header nav{gap:18px}.site-header nav a{font-size:.8125rem}.hero{min-height:430px;margin-bottom:35px;padding-top:18px}.hero-copy{width:48%}.hero-visual{top:20px}h1{font-size:clamp(2.5rem,6.4vw,3.5rem)}.hero-description{margin-top:24px;font-size:.9375rem}.contact-button{margin-top:25px;padding:10px 16px}.project-row{grid-template-columns:70px minmax(0,1fr) 210px;gap:20px}.cover-link{width:70px;height:70px}.project-info h3{font-size:1.3rem}.project-info p{font-size:.875rem}.project-links{gap:12px;padding-right:0}.project-links a{gap:5px}.platform-icon span{opacity:1;max-width:80px}.services-grid article{padding-right:22px}.services-grid article+article{padding-left:22px}.services-grid p{font-size:.9375rem}.site-footer{grid-template-columns:1fr 1fr;gap:20px}.contact-item+.contact-item{border:0;padding-left:0}}@media (width<=540px){.site-header{justify-content:center;align-items:center;padding-top:18px}.brand{margin-right:auto}.site-header nav{order:2;justify-content:space-between;gap:10px;width:100%}.site-header nav a{font-size:.875rem}.hero{flex-direction:column;gap:30px;min-height:0;margin-bottom:35px;padding-top:20px;display:flex}.hero-copy{order:0;width:100%}h1{font-size:clamp(3.2rem,12vw,4.25rem);line-height:1.08}.hero-description{max-width:390px;font-size:1rem}.contact-button{margin-top:25px}.hero-visual{order:1;width:100%;position:relative;top:auto;right:auto}.work-section{padding-bottom:30px}.section-heading{margin-bottom:10px}.project-row{grid-template-columns:64px minmax(0,1fr);gap:8px 18px;min-height:130px;padding:16px 0}.cover-link{width:64px;height:64px}.project-info h3{font-size:1.3rem}.project-info p{margin-top:5px}.project-links{grid-column:2;justify-content:flex-start;gap:26px}.project-links a{min-height:44px}.services-section{padding:26px 0 30px}.services-grid{grid-template-columns:1fr;gap:22px;margin-top:22px}.services-grid article{padding:0}.services-grid article+article{border-left:0;border-top:1px solid var(--border);padding:22px 0 0}.services-grid p{max-width:340px;font-size:1rem}.site-footer{row-gap:26px;padding:28px 0 30px}.contact-section{grid-template-columns:1fr;gap:20px;padding:28px 0 32px}.contact-form{grid-template-columns:1fr}.message-field{grid-column:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button{transition:none}}@media (width>=761px){.hero{align-items:center;min-height:calc(100svh - 110px);max-height:none;margin-bottom:0;padding:32px 0 64px;display:grid}.hero-visual{width:min(59.4%,114.64svh - 217.816px);top:50%;transform:translateY(-50%)}.hero-copy{width:43%}h1{font-size:clamp(3rem,min(6.25vw,9svh),4.625rem)}}@media (width<=760px) and (width>=541px){.hero{min-height:max(460px,100svh - 98px);margin-bottom:0;padding-bottom:45px}}@media (width<=540px){.hero{min-height:calc(100svh - 150px);margin-bottom:0;padding-bottom:36px}}.brand.logo-stage{perspective:none;align-items:center;min-height:88px;display:flex}.logo-turn{transform-style:flat;will-change:auto;width:60px;height:64px;animation:none;display:block;position:relative;top:0;transform:none}.brand .logo-face{object-fit:contain;backface-visibility:visible;border-radius:0;width:100%;height:100%;display:block;position:relative;inset:auto;transform:none}.brand .logo-edge{filter:none}@media (width<=760px){.brand.logo-stage{min-height:64px}.logo-turn{width:48px;height:52px;top:0}}@media (prefers-reduced-motion:reduce){.logo-turn{animation:none;transform:none}}:root{--ease-out:cubic-bezier(.22, 1, .36, 1)}body{text-rendering:optimizelegibility}h1{letter-spacing:-.048em}.hero-description{color:#bfc4c1;text-wrap:pretty;line-height:1.8}.site-header nav a{color:#c8cdca;position:relative}.site-header nav a:after{content:"";transform-origin:0;height:1px;transition:transform .28s var(--ease-out);background:currentColor;position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}a,button{transition:color .22s,background-color .22s,border-color .22s}:focus-visible{outline:1px solid var(--ring);outline-offset:5px;border-radius:3px}.contact-button{min-height:50px;transition:background-color .25s ease, border-color .25s ease, transform .3s var(--ease-out), box-shadow .3s ease;border-color:#388551;padding:12px 24px;box-shadow:inset 0 1px #ffffff12}.contact-button svg,.project-links svg,.all-projects svg{transition:transform .35s var(--ease-out)}.contact-button:active{transform:translateY(1px)}.work-section{padding-top:clamp(32px,5vw,64px);padding-bottom:clamp(40px,6vw,72px)}.section-heading{margin-bottom:24px}.project-row{isolation:isolate;min-height:112px;padding-top:15px;padding-bottom:15px;position:relative}.project-row:before{content:"";z-index:-1;opacity:0;background:#ffffff06;border-radius:6px;transition:opacity .28s;position:absolute;inset:0 -14px}.project-row:focus-within:before{opacity:1}.cover-link{box-shadow:0 0 0 1px #ffffff0f}.cover-link img{transition:transform .6s var(--ease-out)}.project-info h3{letter-spacing:-.028em}.project-info p{color:#aeb8b3;margin-top:7px}.project-links a{border-bottom-color:#3d7854;min-height:44px}.projects-panel{height:var(--collapsible-panel-height);transition:height .45s var(--ease-out), opacity .3s ease;overflow:hidden}.projects-panel[data-starting-style],.projects-panel[data-ending-style]{opacity:0;height:0}.services-section{padding-top:clamp(32px,4vw,48px);padding-bottom:clamp(40px,5vw,64px)}.services-grid{margin-top:28px}.service-number{font-variant-numeric:tabular-nums;margin-bottom:12px}.services-grid h3{margin-bottom:12px}.services-grid p{color:#b5beb8;text-wrap:pretty}.site-footer{padding-top:40px;padding-bottom:44px}.footer-brand>a{align-items:center;gap:12px;margin-bottom:12px;display:inline-flex}.footer-brand img{width:34px;height:34px;margin:0}.footer-brand a span{letter-spacing:.02em;font-size:1.25rem}.contact-item h2{color:#aeb8b3;font-size:.8125rem}.contact-item a{text-underline-offset:5px;text-decoration-thickness:1px}.contact-item a:hover{text-decoration-line:underline}@media (hover:hover) and (pointer:fine){.contact-button:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,0 8px 20px #0000001f}.contact-button:hover svg{transform:translate(4px)}.project-row:hover:before{opacity:1}.cover-link:hover img{transform:scale(1.055)}.project-links a:hover svg{transform:translate(2px,-2px)}.all-projects:hover svg:not(.arrow-up){transform:translate(3px)}}@media (width<=760px){.site-header nav{flex-wrap:wrap;gap:6px 18px}.header-note{display:none}}@media (width<=540px){.project-row{min-height:130px;padding-top:18px;padding-bottom:18px}.project-row:before{inset:0 -8px}.project-links{grid-column:1/-1;justify-content:space-between;gap:8px;min-width:0}.project-links a{gap:4px;font-size:.8125rem}.platform-icon img{width:20px;height:20px}.section-heading{margin-bottom:16px}.services-grid{margin-top:24px}.site-footer{padding-top:30px;padding-bottom:32px}.contact-item h2{font-size:.875rem}.site-header{flex-wrap:nowrap;justify-content:space-between;gap:8px;min-height:72px;margin-inline:-8px;padding:10px 0}.brand.logo-stage{flex:0 0 36px;min-height:44px;margin:0}.logo-turn{width:36px;height:40px}.site-header nav{order:initial;flex-wrap:nowrap;flex:auto;justify-content:space-between;gap:4px;width:auto;min-width:0;margin:0}.site-header nav a{white-space:nowrap;padding:12px 0;font-size:clamp(.64rem,3vw,.75rem);line-height:1.15}}@media (prefers-reduced-motion:reduce){a,button,.contact-button,.contact-button svg,.project-links svg,.all-projects svg,.cover-link img,.project-row:before,.projects-panel,.site-header nav a:after{transition:none}.contact-button:hover,.contact-button:hover svg,.cover-link:hover img,.project-links a:hover svg{transform:none}}@media (width>=761px){html{scroll-padding-top:clamp(72px,9svh,104px)}.services-section{padding-top:clamp(28px,3vw,40px);padding-bottom:clamp(28px,3vw,40px)}.services-grid{margin-top:20px}.contact-section{padding-top:28px;padding-bottom:30px}.site-footer{padding-top:32px;padding-bottom:36px}}@media (width>=761px) and (height<=820px){html{scroll-padding-top:16px}.services-section{padding-top:28px;padding-bottom:24px}.services-grid{margin-top:14px}.contact-section{padding-top:18px;padding-bottom:18px}.site-footer{padding-top:20px;padding-bottom:20px}}