:root{--color-bg: #ffffff;--color-surface: rgb(252, 252, 249);--color-border: #e6e6e6;--color-text: #111111;--color-text-muted: #3f3f3f;--color-primary: #000000;--color-secondary: rgb(36, 37, 38);--color-accent: #faf7c3;--color-accent-hover: #f7f295;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 40px;--radius-sm: 6px;--radius-md: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--spacing-unit: 4px;--spacing-1: calc(var(--spacing-unit) * 1);--spacing-2: calc(var(--spacing-unit) * 2);--spacing-3: calc(var(--spacing-unit) * 3);--spacing-4: calc(var(--spacing-unit) * 4);--spacing-5: calc(var(--spacing-unit) * 5);--spacing-6: calc(var(--spacing-unit) * 6);--spacing-7: calc(var(--spacing-unit) * 7);--spacing-8: calc(var(--spacing-unit) * 8);--spacing-9: calc(var(--spacing-unit) * 9);--spacing-10: calc(var(--spacing-unit) * 10);--spacing-11: calc(var(--spacing-unit) * 11);--spacing-12: calc(var(--spacing-unit) * 12);--spacing-15: calc(var(--spacing-unit) * 15);--spacing-16: calc(var(--spacing-unit) * 16);--spacing-17: calc(var(--spacing-unit) * 17);--spacing-18: calc(var(--spacing-unit) * 18);--spacing-20: calc(var(--spacing-unit) * 20);--spacing-25: calc(var(--spacing-unit) * 25);--spacing-30: calc(var(--spacing-unit) * 30)}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(./latin-400-normal-C_H9aji2.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(./latin-300-normal-BVlfKGgI.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(./latin-400-normal-C38fXH4l.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(./latin-500-normal-Cerq10X2.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(./latin-700-normal-Drs_5D37.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(./latin-500-normal-KYfcXlvK.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(./latin-700-normal-B7Rq4K4l.woff2) format("woff2")}:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-grotesk: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}html,body{height:100%;margin:0;font-family:var(--font-sans);background:#0b0c10;overflow-x:hidden}html{scrollbar-width:thin;scrollbar-color:#1ad598 transparent}::-webkit-scrollbar{width:10px;height:10px;z-index:100}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#1ad598;border-radius:8px;border:2px solid black}::-webkit-scrollbar-thumb:hover{background-color:#3be7af}.container{max-width:1440px;width:90%;padding-right:0;padding-left:0;margin-right:auto;margin-left:auto}@media (min-width: 0px) and (max-width: 768px){.container{width:90%;padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto}}@media (min-width: 0px) and (max-width: 512px){.container{width:80%;padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}}.container.full-width{max-width:inherit;width:100%;padding-right:0;padding-left:0;margin-right:auto;margin-left:auto}.container.no-padding{padding-right:0;padding-left:0}a{color:#fff;text-decoration:none;transition:color .3s ease-in-out 0s}a:hover{color:#1ad598}button,a.button{font-size:16px;line-height:.9375;letter-spacing:0em;font-weight:700;color:#0c0c16;background:#1ad598;padding:16px 24px;border-radius:4px;text-wrap:nowrap;cursor:pointer;transition:all .3s ease-in-out 0s}button:hover,a.button:hover{background:#68edc1}@media (min-width: 0px) and (max-width: 1023px){.none__laptop{display:none}}@media (min-width: 0px) and (max-width: 768px){.none__tablet{display:none}}@media (min-width: 0px) and (max-width: 512px){.none__mobile{display:none}}h1{font-size:clamp(3rem,1.5833rem + 6.2963vw,6.25rem);line-height:1;font-family:var(--font-grotesk);text-transform:uppercase;font-weight:500;z-index:1;position:relative}h1 span{color:#1ad598}.section-gradient{background:#1ad598;background:linear-gradient(0deg,#1ad59833,#0b0c10 50%);margin-bottom:120px}.section-gradient__gallery{background:#1ad598;background:linear-gradient(0deg,#1ad59833,#0b0c10 10%)}.section-gradient__contacts{background:#1ad598;background:linear-gradient(0deg,#1ad59833,#0b0c10 20%)}.section-gradient__stuck{filter:drop-shadow(0px -36px 250px rgba(26,213,152,.2));margin-bottom:0}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0c16cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.lb-image{max-width:92vw;max-height:92vh;object-fit:contain}.lb-close{position:absolute;top:40px;right:22px;border:none;cursor:pointer;background:transparent;color:#fff;font-size:60px;line-height:1;font-weight:300;font-family:var(--font-grotesk);padding:0;width:60px}.lb-next-enter-active,.lb-next-leave-active,.lb-prev-enter-active,.lb-prev-leave-active{transition:transform .22s ease,opacity .22s ease;position:absolute}.lb-next-enter-from{transform:translate(20%);opacity:0}.lb-next-leave-to,.lb-prev-enter-from{transform:translate(-20%);opacity:0}.lb-prev-leave-to{transform:translate(20%);opacity:0}footer{background:#000;position:relative}footer .logo{display:flex;align-items:center;justify-content:center;padding:24px 0}header{position:fixed;top:0;left:0;right:0;z-index:99;min-height:112px;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out 0s}@media (min-width: 0px) and (max-width: 512px){header{min-height:80px}}header.is-scrolled{background:#0c0c16cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #00000040}@media (min-width: 0px) and (max-width: 768px){header .container{width:100%;padding:0}}@media (min-width: 0px) and (max-width: 768px){header .logo{padding-left:16px}}header nav{padding:12px 16px;gap:16px;justify-content:center;background:transparent;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-grotesk);font-size:14px;line-height:1.4285714286;letter-spacing:0em;font-weight:700;color:#fff}header .links{display:flex;gap:32px;align-items:center}@media (min-width: 0px) and (max-width: 768px){header .links a{display:none}}header .menu-toggle{display:none;background:transparent;border:none;padding:8px;cursor:pointer;transition:filter .2s ease-in-out 0s}header .menu-toggle img{width:28px;height:28px;display:block}@media (min-width: 0px) and (max-width: 768px){header .menu-toggle{display:inline-flex;align-items:center;justify-content:center}}header .menu-toggle:hover{filter:brightness(1.2)}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0c16f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px}.mobile-drawer .drawer-close{position:absolute;top:36px;right:16px;background:transparent;border:none;padding:8px;cursor:pointer}.mobile-drawer .drawer-close img{width:28px;height:28px;display:block}.mobile-drawer .drawer-links{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:64px;width:100%}.mobile-drawer .drawer-links a{color:#fff;font-family:var(--font-grotesk);font-size:20px;line-height:1.4;letter-spacing:0em;font-weight:700}.mobile-drawer .drawer-links a.button{background:#1ad598;color:#0c0c16;text-align:center;padding:16px 24px;border-radius:4px}main{padding-top:136px;color:#fff}#app{opacity:1;transition:opacity .3s ease}#app.is-hidden{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.route-fallback{min-height:40vh}.hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;padding-top:100px}@media (min-width: 0px) and (max-width: 512px){.hero{padding-top:40px}}.hero .wrapper{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}@media (min-width: 0px) and (max-width: 1000px){.hero .wrapper{flex-direction:column;align-items:center;justify-content:center}}.hero .wrapper .headline{font-size:clamp(3rem,1.5833rem + 6.2963vw,7.25rem);line-height:.8;font-family:var(--font-grotesk);text-transform:uppercase;font-weight:500;z-index:1;position:relative}.hero .wrapper .headline span{color:#1ad598}@media (min-width: 0px) and (max-width: 1000px){.hero .wrapper .project-image{display:flex;align-items:center;justify-content:center}}.hero .wrapper .project-image img{width:clamp(452px,673px,100%);position:relative;z-index:0;left:-200px;filter:drop-shadow(-80px -36px 138px rgba(26,213,152,.2))}@media (min-width: 0px) and (max-width: 1000px){.hero .wrapper .project-image img{left:inherit;filter:drop-shadow(-20px -6px 138px rgba(26,213,152,.2))}}.hero .sub-heading{font-size:20px;line-height:1.6;letter-spacing:0em;font-weight:300;line-height:1.5;color:#d4d4d4;font-family:var(--font-sans);max-width:530px;width:100%;display:flex;position:relative}@media (min-width: 0px) and (max-width: 1000px){.hero .sub-heading{font-size:16px;line-height:1.5;letter-spacing:0em}}.clients{display:flex;padding:120px 0}.clients .wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.clients .wrapper .headline{font-size:16px;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:300;color:#878787}@media (min-width: 0px) and (max-width: 512px){.clients .wrapper .headline{text-align:center}}.clients .wrapper .client-list{display:flex;justify-content:space-evenly;align-items:center;width:100%}@media (min-width: 0px) and (max-width: 1000px){.clients .wrapper .client-list{display:inline-flex;align-items:center;justify-content:center;gap:16px;flex-flow:column wrap}}@media (min-width: 0px) and (max-width: 1023px){.clients .wrapper .client-list{display:grid;grid-template-columns:50% 50%;place-items:center;column-gap:16px;row-gap:42px}}@media (min-width: 0px) and (max-width: 512px){.clients .wrapper .client-list{display:grid;grid-template-columns:100%;place-items:center;column-gap:16px;row-gap:42px}}.projects{display:flex;padding:0}.projects .wrapper{display:flex;flex-direction:column;gap:16px}.projects .wrapper .projects-list{display:grid;grid-template-columns:50% 50%;place-items:center;column-gap:24px;row-gap:24px;justify-items:stretch}@media (min-width: 0px) and (max-width: 768px){.projects .wrapper .projects-list{grid-template-columns:100%}}.projects .wrapper .projects-list div.thumbnail{overflow:hidden}.projects .wrapper .projects-list div.thumbnail img{width:100%;scale:1;transition:all .3s ease-in-out 0s}.projects .wrapper .projects-list div.thumbnail img:hover{scale:1.05;transform:translateY(-10px)}.sticky{position:sticky;top:120px;align-self:start;z-index:2;margin:0}@media (min-width: 0px) and (max-width: 512px){.sticky{width:100%;margin-top:90px;padding-top:50px;top:50px;margin-bottom:50px;background-color:#0b0c10}}.offers{display:flex;padding:120px 0;flex-direction:column;justify-content:flex-start}@media (min-width: 0px) and (max-width: 512px){.offers{padding:60px 0}}.offers .wrapper{display:flex;align-items:center;justify-content:center;gap:32px}@media (min-width: 0px) and (max-width: 768px){.offers .wrapper{flex-direction:column;align-items:center;justify-content:center}}.offers .wrapper h1{width:100%}.offers .wrapper .offer{font-family:var(--font-sans);font-weight:300;font-size:20px;line-height:32px;color:#d4d4d4}.offers .wrapper .offer span{color:#1ad598}.offers .wrapper .type{padding:120px 0;display:flex;justify-content:space-between;align-items:center;width:100%}@media (min-width: 0px) and (max-width: 512px){.offers .wrapper .type{flex-direction:column;align-items:center;justify-content:center;gap:56px}}.offers .wrapper .type .service{display:flex;flex-direction:column;align-items:center;gap:16px}.offers .wrapper .type .service .title{font-family:var(--font-grotesk);font-size:20px;font-weight:500;line-height:30px;text-transform:uppercase;color:#1ad598}.offers .wrapper .type .service .content{font-family:var(--font-sans);font-size:16px;line-height:24px;color:#d4d4d4;text-align:center}.process{display:flex;padding:120px 0;flex-direction:row;justify-content:flex-start;gap:10%}@media (min-width: 0px) and (max-width: 512px){.process{flex-direction:column;padding:60px 0}}.process .process-list{display:flex;flex-direction:column;gap:64px}@media (min-width: 0px) and (max-width: 512px){.process .process-list{gap:156px}}.process .process-list .process-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}@media (min-width: 0px) and (max-width: 512px){.process .process-list .process-item{transition:opacity .18s ease}}.process .process-list .process-item .title{font-family:var(--font-grotesk);font-size:20px;font-weight:500;line-height:30px;text-transform:uppercase;color:#1ad598}.process .process-list .process-item .content{font-family:var(--font-sans);font-size:16px;line-height:24px;color:#d4d4d4;text-align:left}.stuck{padding:60px 0;position:relative;background:#0d131b}.stuck .cta{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:56px;background:#1ad598;padding:60px 120px;z-index:2;position:relative}@media (min-width: 0px) and (max-width: 768px){.stuck .cta{flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:32px}}.stuck .cta h1{font-family:var(--font-grotesk);font-size:46px;font-weight:700;line-height:48px;text-transform:uppercase;color:#111823;max-width:600px}@media (min-width: 0px) and (max-width: 768px){.stuck .cta h1{text-align:center}}@media (min-width: 0px) and (max-width: 512px){.stuck .cta h1{font-size:40px}}.stuck .cta a.button{background:#0c0c16;color:#1ad598;padding:16px 56px;font-family:var(--font-grotesk)}@media (min-width: 0px) and (max-width: 512px){.stuck .cta a.button{width:100%;text-align:center;padding:16px 32px}}.work-detail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.work-detail .top-meta{display:flex;width:100%;align-items:center;justify-content:space-between}@media (min-width: 0px) and (max-width: 768px){.work-detail .top-meta{flex-direction:column}}.work-detail .top-meta .content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;max-width:400px}@media (min-width: 0px) and (max-width: 1023px){.work-detail .top-meta .content{flex-grow:1;max-width:100%}}@media (min-width: 0px) and (max-width: 768px){.work-detail .top-meta .content{max-width:100%}}.work-detail .top-meta .content .type{font-family:var(--font-sans);font-size:12px;font-weight:300;line-height:16px;color:#f7f9ff;border:1px solid #f7f9ff;padding:4px 8px;border-radius:0}.work-detail .top-meta .content .title{font-family:var(--font-grotesk);font-size:20px;font-weight:500;line-height:26px;text-transform:uppercase;color:#1ad598}.work-detail .top-meta .content .descriptions{font-family:var(--font-sans);font-size:16px;font-weight:300;line-height:22px;color:#d4d4d4}.work-detail .top-meta .content .url{font-family:var(--font-grotesk);font-size:16px;font-weight:500;line-height:22px;color:#1ad598;cursor:pointer}.work-detail .top-meta .content .url a{color:#1ad598}.work-detail .top-meta .content .url a:hover{color:#68edc1}.work-detail .top-meta .hero{display:flex;align-items:center;justify-content:center;flex-grow:1}@media (min-width: 0px) and (max-width: 1023px){.work-detail .top-meta .hero{display:none}}.work-detail .gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;margin-bottom:120px;padding-top:80px}.work-detail .gallery .shot img{width:100%}.contacts .wrapper{display:flex;padding:120px 0;flex-direction:row;justify-content:flex-start;gap:64px}@media (min-width: 0px) and (max-width: 768px){.contacts .wrapper{flex-direction:column;align-items:flex-start;justify-content:center;gap:32px;padding:60px 0}}.contacts .wrapper form{display:flex;flex-grow:1;flex-direction:column;gap:24px}@media (min-width: 0px) and (max-width: 768px){.contacts .wrapper form{flex-grow:0;width:100%}}.contacts .wrapper form .form-message{font-family:var(--font-grotesk);font-size:14px;font-weight:300;line-height:15px;color:#fff}.contacts .wrapper form .form-message.error{color:#ffe299}.contacts .wrapper form .form-message.success{color:#1ad598}.contacts .wrapper form .form-group{width:100%;display:flex;flex-direction:column;gap:24px}.contacts .wrapper form .form-group label{font-family:var(--font-grotesk);font-size:15px;font-weight:300;line-height:15px;color:#fff}.contacts .wrapper form .form-group input,.contacts .wrapper form .form-group select,.contacts .wrapper form .form-group textarea{background:transparent;padding:16px;color:#fff;border:1px solid transparent;border-image:linear-gradient(0deg,#31313a,#58585e);border-image-slice:1;border-radius:6px}.contacts .wrapper form .form-group input::placeholder,.contacts .wrapper form .form-group select::placeholder,.contacts .wrapper form .form-group textarea::placeholder{color:#9e9ea2;font-family:var(--font-grotesk);font-size:15px;font-weight:300;line-height:15px}.contacts .wrapper form .form-group input:focus,.contacts .wrapper form .form-group input:focus-visible,.contacts .wrapper form .form-group select:focus,.contacts .wrapper form .form-group select:focus-visible,.contacts .wrapper form .form-group textarea:focus,.contacts .wrapper form .form-group textarea:focus-visible{outline:none;box-shadow:0 0 0 2px #1ad598}@media (min-width: 0px) and (max-width: 512px){.contacts .wrapper form .form-group input:focus,.contacts .wrapper form .form-group input:focus-visible,.contacts .wrapper form .form-group select:focus,.contacts .wrapper form .form-group select:focus-visible,.contacts .wrapper form .form-group textarea:focus,.contacts .wrapper form .form-group textarea:focus-visible{box-shadow:0 0 0 2px #f59e0b}}.contacts .wrapper form .form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20.0307%209.53063L12.5307%2017.0306C12.4611%2017.1004%2012.3784%2017.1557%2012.2873%2017.1934C12.1963%2017.2312%2012.0987%2017.2506%2012.0001%2017.2506C11.9015%2017.2506%2011.8039%2017.2312%2011.7129%2017.1934C11.6218%2017.1557%2011.5391%2017.1004%2011.4695%2017.0306L3.96948%209.53063C3.86447%209.42573%203.79294%209.29204%203.76396%209.14648C3.73497%209.00092%203.74982%208.85002%203.80664%208.71291C3.86345%208.57579%203.95967%208.45861%204.08312%208.37621C4.20656%208.29381%204.35168%208.24988%204.5001%208.25H19.5001C19.6485%208.24988%2019.7936%208.29381%2019.9171%208.37621C20.0405%208.45861%2020.1368%208.57579%2020.1936%208.71291C20.2504%208.85002%2020.2652%209.00092%2020.2362%209.14648C20.2073%209.29204%2020.1357%209.42573%2020.0307%209.53063Z'%20fill='%23616166'/%3e%3c/svg%3e") no-repeat right 12px center transparent;background-size:12px 12px;padding-right:2.25rem}.contacts .wrapper form .form-group select.is-placeholder,.contacts .wrapper form .form-group select option[disabled]{color:#9e9ea2}.contacts .wrapper form .form-group textarea{height:150px}.contacts .wrapper form .form-group input::placeholder{color:#9e9ea2}.contacts .wrapper form .form-group button{width:100%}