@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{-moz-osx-font-smoothing:grayscale;--font-main:"Inter",sans-serif;--bg-color:#000;--text-color:#000;font-size:100%;height:100%;scroll-behavior:smooth;width:100%}body,html{-webkit-font-smoothing:antialiased;overflow-x:hidden}body{background-color:#141414;color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:0;text-rendering:optimizeLegibility}body,html{border:none;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{color:#000;font-weight:600;letter-spacing:.25rem;line-height:1}h1{font-size:clamp(4rem,12vw,8rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{font-size:clamp(1rem,1.5vw,1.125rem);margin-bottom:1em;max-width:60ch}a{color:#0af;text-decoration:none;transition:color .3s ease}a:hover{color:#6cf}.container,.home-page{margin:0;padding:0}.hero-main-div{background-color:#000;display:flex;flex-direction:column;height:100vh;height:100svh;justify-content:flex-start;margin-top:0;overflow:hidden;padding:0;position:relative;width:100vw}.hero-text{line-height:1.2;margin:1rem 1rem 1rem 2rem;text-align:left;width:70vw}.hero-word{display:inline-block;white-space:nowrap}.hero-letter{display:inline-block;will-change:transform}.hero-sect-wrapper{background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:end;padding-bottom:2rem;width:100vw}@media (max-width:700px){.hero-sect-wrapper{padding-bottom:1.5rem;transform:translateY(-5vh)}}.latest-client-section{background:#1b1b1b;color:#fff;height:50vh;overflow:hidden;width:100%}.latest-client-content,.latest-client-section{align-items:center;display:flex;justify-content:center}.latest-client-content{gap:4rem;max-width:1400px;width:85%}.latest-client-video-wrapper{align-items:center;background-color:#000;border-radius:10px;box-shadow:0 8px 20px #0000004d;display:flex;flex:1 1;justify-content:center;overflow:hidden}.latest-client-video{display:block;height:100%;object-fit:contain;width:100%}.latest-client-text{align-items:flex-start;color:#f4f4f4;display:flex;flex:1 1;flex-direction:column;justify-content:center}.latest-client-heading{color:#fff;font-size:2.5rem;letter-spacing:-.02em;margin-bottom:.5rem}.latest-client-divider{background-color:#d8d8d8;height:3px;margin:1rem 0;width:60px}.latest-client-description{color:#d9d9d9;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;max-width:90%}.latest-client-btn{background-color:initial;border:1px solid #fff;border-radius:50px;color:#f1f1f1;display:inline-block;font-weight:500;padding:1.25rem 1.5rem;text-decoration:none;transition:all .3s ease}.latest-client-btn:hover{background-color:#fff;color:#000}@media (max-width:900px){.latest-client-content{align-items:center;flex-direction:column;gap:1.5rem;text-align:center;width:95%}.latest-client-heading{font-size:1.8rem;margin-bottom:.5rem;order:-1}.latest-client-video-wrapper{border-radius:0;box-shadow:none;max-width:100%;width:100%}.latest-client-video{aspect-ratio:16/9;height:auto;object-fit:cover;width:100vw}.latest-client-text{align-items:center;width:90%}.latest-client-description{max-width:100%}.latest-client-section{height:80vh}}.projects-section{align-items:center;background:#fff;border-bottom-left-radius:10%;border-bottom-right-radius:10%;display:flex;flex-direction:column;gap:2rem;overflow:hidden;padding-bottom:2rem;position:relative}.projects-row{gap:48px;position:relative;transition:transform .2s linear;width:120vw}.project-card{align-items:center;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;cursor:pointer;display:flex;height:320px;justify-content:center;overflow:hidden;width:25%}.project-card.cbd{background-color:#f8eac6}.project-card.eg{background-color:#cdebea}.project-card.h2os{background-color:#d9ecff}.project-card.tt{background-color:#fbe1e9}.project-card.velvet{background-color:#ccc}.project-card.velvet2{background-color:#f5f5f5}.project-card.wilsons{background-color:#d9ead3}.project-card.placeholder{background-color:#e8e8e8}.project-card img{height:100%;mix-blend-mode:multiply;object-fit:contain;transition:transform .3s ease,opacity .3s ease}.project-card:hover img{opacity:.8;transform:scale(1.05)}.project-btn{background:#141414;border-radius:9999px;bottom:16px;font-size:.9rem;font-weight:500;left:50%;opacity:0;padding:.6rem 1.4rem;text-decoration:none;transform:translateX(-50%) translateY(20px);transition:opacity .3s ease,transform .3s ease,background-color .15s ease,color .15s ease}.projects-btn-wrapper{display:flex;justify-content:center;margin-top:2rem}.projects-btn{background:#0000;border-radius:9999px;color:#141414;font-weight:500;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:background-color .15s ease,color .15s ease}@media (max-width:1024px){.projects-row{gap:32px}.project-card{height:280px;width:40%}}@media (max-width:768px){.projects-section{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.projects-row{-webkit-overflow-scrolling:touch;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:1.5rem;overflow:visible;padding:0 1rem;white-space:nowrap;width:100%}.project-card{flex:0 0 50vw;height:260px;min-width:70vw}.projects-row:after{content:"";flex:0 0 1rem}.project-card img{height:100%;object-fit:contain;width:100%}.project-btn{bottom:12px;font-size:.85rem;padding:.5rem 1.2rem}.projects-row::-webkit-scrollbar{display:none}}.about-section{align-items:center;background-color:#fff;color:#141414;display:flex;height:50vh;justify-content:center}.about-circle-btn{border:1px solid #141414;transition:all .3s ease}.about-circle-btn:hover{transform:scale(1.05)}.circle-text{transition:transform .3s ease}@media (max-width:768px){.about-circle-btn{font-size:12px;width:130px}}@media (max-width:480px){.about-circle-btn{font-size:11px;width:110px}}.contact-page{background-color:#141414;color:#fff;display:flex;justify-content:center;min-height:100vh;padding:128px 24px 24px}.contact-wrapper{max-width:1800px;padding-top:150px;width:100%}.contact-header{align-items:center;border-bottom:1px solid #4b5563;display:flex;margin:0 100px 48px;padding-bottom:48px;position:relative}.profile-wrapper{border-radius:50%;flex-shrink:0;height:100px;overflow:hidden;width:100px}.profile-img{height:100%;object-fit:cover;width:100%}.contact-title{color:#fff;font-size:48px;font-weight:500;margin-left:20px}.contact-button-container{left:60%;position:absolute;top:60%;transform:translateX(90px)}.contact-button{align-items:center;background-color:#000;border:1px solid;border-radius:9999px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:200px;justify-content:center;overflow:hidden;width:200px}.contact-button,.contact-button a{position:relative;transition:color .3s ease}.contact-button a{color:inherit;text-decoration:none;z-index:2}.contact-button:after{background-color:#fff;border-radius:9999px;content:"";height:300px;left:0;position:absolute;top:-300px;transition:all .3s ease;width:125%;z-index:1}.contact-button:hover:after{top:0}.contact-button:hover{color:#000}.email-section{display:flex;justify-content:flex-start;margin:24px 100px}.email-button{background:#0000;border:1px solid #fbfbfb;color:#fff;cursor:pointer;font-size:14px;font-weight:500;overflow:hidden;padding:16px 24px;position:relative}.email-button,.email-button:after{border-radius:9999px;transition:all .3s ease}.email-button:after{background-color:#fff;content:"";height:72px;left:0;position:absolute;top:-72px;width:125%;z-index:1}.email-button:hover:after{top:0}.email-button:hover{color:#000}.email-button span{position:relative;z-index:2}.email-text{position:relative;z-index:10}.contact-footer{display:flex;flex-wrap:wrap;justify-content:space-between;margin:192px 100px 0;padding:20px}.footer-bio{font-size:16px;line-height:24px;margin-bottom:20px;max-width:400px}.footer-info{display:flex;gap:60px;line-height:1.6}.footer-block{display:flex;flex-direction:column;gap:8px}.footer-block h3{color:#6b7280;font-size:16px;font-weight:300;margin:0}.footer-block a,.footer-block p{color:#fff;margin:0;text-decoration:none;transition:opacity .3s ease}.footer-block a:hover{opacity:.7}.socials{display:flex;flex-direction:column;gap:6px}@media (max-width:768px){.contact-page{align-items:center;justify-content:center;padding:80px 1rem 2rem}.contact-wrapper{box-sizing:border-box;overflow-x:hidden;padding-top:80px;width:100%}.contact-header{align-items:center;box-sizing:border-box;column-gap:1rem;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:0 auto 48px;padding:0 1rem 48px;row-gap:16px;text-align:center;width:100%}.profile-wrapper{flex:0 0 auto;height:80px;margin-left:10%;order:1;width:80px}.profile-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.contact-title{flex:1 1;font-size:1.8rem;margin:0;min-width:0;order:2;text-align:left}.contact-button-container{display:flex;flex:0 0 100%;justify-content:center;margin-top:12px;order:3;position:static;transform:none}.contact-button{font-size:1rem;height:140px;width:140px}.contact-button a{display:inline-block;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.email-section{box-sizing:border-box;justify-content:center;margin:24px auto;padding:0 1rem;width:100%}.email-button{border-radius:9999px;max-width:320px;padding:14px 20px;text-align:center;width:100%}.email-text{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-footer{align-items:center;box-sizing:border-box;flex-direction:column;margin:80px auto 0;padding:1rem;text-align:center;width:100%}.footer-bio{color:#fff;font-size:.95rem;line-height:1.5rem;margin-bottom:2rem;max-width:90%;padding:0 1rem}.footer-info{flex-direction:column;gap:1.5rem;width:100%}.footer-block,.footer-info{align-items:center}.footer-block h3{margin-bottom:.25rem}.socials{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center}.socials a{color:#fff;text-decoration:none;transition:opacity .3s ease}.socials a:hover{opacity:.7}}.custom-cursor{background-color:#fff;border-radius:50%;height:36px;left:0;mix-blend-mode:difference;pointer-events:none;position:fixed;top:0;transition:width .25s ease,height .25s ease;width:36px;will-change:transform;z-index:9999}@media (max-width:1024px){.custom-cursor{display:none!important}}.header{box-sizing:border-box;justify-content:space-between;left:0;padding:16px 32px;position:absolute;top:0;width:100%;z-index:20}.header,.logo{align-items:center;display:flex}.logo{color:#000;cursor:pointer;font-size:18px;font-weight:700}.logo-symbol{font-size:20px;font-weight:600;margin-right:6px}.nav{display:flex;gap:64px;justify-content:center;transition:all .3s ease}.nav,.nav-item{align-items:center}.nav-item{color:#000;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:6px;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1)}.nav-item:hover{color:#7b3f00;transform:scale(1.1)}.contact-link{align-items:center;display:inline-flex;font-weight:700;gap:6px}.magnetic-item{transition:transform .3s cubic-bezier(.22,1,.36,1);will-change:transform}.magnetic-item:hover{transform:scale(1.1)}.menu-button{background:none;border:2px solid;border-radius:4px;cursor:pointer;display:none;font-size:16px;font-weight:700;padding:6px 14px;position:absolute;right:24px;top:20px;transition:all .3s ease;z-index:50}.menu-button.dark{background-color:#fff;border-color:#000;color:#000}.menu-button.light{background-color:#000;border-color:#fff;color:#fff}.menu-button:hover{opacity:.7}@media (max-width:900px){.header{padding:16px 32px}.nav{gap:32px}}@media (max-width:700px){.menu-button{display:block}.header{flex-direction:row;justify-content:space-between;padding:16px 20px}.nav{background-color:#000;border-radius:10px;box-shadow:0 6px 20px #0006;color:#fff;flex-direction:column;left:16px;opacity:0;padding:16px 0;pointer-events:none;position:absolute;right:16px;top:70px;transform:translateY(-200%);transition:all .4s ease}.nav.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-item{color:#fff;font-size:18px;padding:12px 0;transition:color .3s ease,transform .3s ease}.nav-item:hover{color:#7b3f00;transform:scale(1.05)}.contact-link{color:#fff}.logo{color:#000;font-size:16px}.logo-symbol{color:inherit}}.services{background:#fff;color:#000;flex-direction:column;gap:2rem;height:50vh;margin-bottom:0;position:relative}.services,.services-row{align-items:center;display:flex;justify-content:center}.services-row{gap:3rem}.about-circle-btn,.service-item{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.service-item{font-size:3rem;line-height:1.6}.services.in-view .about-circle-btn,.services.in-view .service-item{opacity:1;transform:translateY(0)}.services.in-view .service-item:first-child{transition-delay:0s}.services.in-view .service-item:nth-child(2){transition-delay:.18s}.services.in-view .service-item:nth-child(3){transition-delay:.36s}.services.in-view .about-circle-btn{transition-delay:0s}.circle-wrapper{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.services.in-view .circle-wrapper{opacity:1;transform:translateY(0);transition-delay:.54s}.about-circle-btn{align-items:center;aspect-ratio:1/1;background-color:initial;border:2px solid #141414;border-radius:50%;color:#141414;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:center;letter-spacing:.4px;line-height:1.2;overflow:hidden;position:relative;text-align:center;text-decoration:none;transition:background-color .25s ease,color .25s ease;width:160px;will-change:transform,background-color,color}.about-circle-btn:hover{background-color:#141414;color:#fff}.circle-text{color:#000;font-size:1rem;font-weight:600;max-width:80%;pointer-events:none;text-align:center;transition:transform .25s ease,color .25s ease}.about-circle-btn:hover .circle-text{color:#fff;transform:scale(1.08)}@media (max-width:700px){.services{gap:3rem;height:auto;padding:3rem 0}.services-row{flex-direction:column;gap:1.5rem}.service-item{font-size:2rem;text-align:center}.circle-wrapper{margin-top:1rem}}.project-page{align-items:flex-start;background-color:#fff;display:flex;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:0;width:100%}.project-grid{display:grid;grid-template-columns:40% 60%;overflow:visible;width:100%}.project-text{animation:fadeInUp 1.2s ease forwards;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-evenly;padding:3rem}.project-title{animation:fadeInUp 1.2s ease forwards;animation-delay:.1s;color:#000;font-size:clamp(2.8rem,5vw,5rem);font-weight:600;margin-bottom:1.5rem}.project-description,.project-title{opacity:0;transform:translateY(40px)}.project-description{animation:fadeInUp 1.2s ease forwards;animation-delay:.3s;color:#222;font-size:clamp(.9rem,1vw,1rem);line-height:1.6;text-align:left}.project-services-provided-heading,.project-the-client{margin-bottom:1rem}.project-services-provided p{font-size:clamp(2rem,2vw,4rem)}.project-client,.project-services-heading{animation:fadeInUp 1.2s ease forwards;color:#111;font-weight:600;margin:1.5rem 0 .75rem;opacity:0;transform:translateY(40px)}.project-client{animation-delay:.4s}.project-services-heading{animation-delay:.6s}.project-services p{animation:fadeInUp 1.2s ease forwards;animation-delay:.8s;color:#333;font-size:clamp(1rem,2vw,2rem);margin-top:.5rem;opacity:0;transform:translateY(40px)}.project-visuals{grid-gap:1.5rem;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-rows:55% 45%;height:100%;padding:2rem;perspective:1200px}.project-desktop-row,.project-mobile-tablet-row{align-items:center;display:flex;gap:2rem;justify-content:center;position:relative}.project-desktop-screenshot,.project-mobile-screenshot,.project-tablet-screenshot{animation:fadeInUp 1.2s ease forwards;border-radius:12px;object-fit:contain;opacity:0;position:relative;transform:translateY(40px);transition:transform .5s ease,box-shadow .5s ease}.project-desktop-screenshot{animation-delay:.5s;box-shadow:0 22px 60px #00000059;transform:translateY(0) rotateX(1deg) rotateY(-2deg);width:90%;z-index:3}.project-tablet-screenshot{animation-delay:.7s;box-shadow:0 16px 40px #00000040;transform:translateY(15px) translateX(-15px) rotateX(2deg);width:42%;z-index:2}.project-mobile-screenshot{animation-delay:.9s;box-shadow:0 10px 30px #0003;max-height:80vh;transform:translateY(30px) translateX(10px) rotateY(3deg);width:25%;z-index:1}.project-desktop-screenshot:hover,.project-mobile-screenshot:hover,.project-tablet-screenshot:hover{box-shadow:0 30px 70px #00000073;transform:scale(1.05) translateY(-10px);z-index:5}.project-desktop-row img:after,.project-mobile-tablet-row img:after{background-color:#0000008c;border-radius:8px;color:#fff;content:"Visit Site";font-size:1.1rem;font-weight:500;left:50%;opacity:0;padding:.75rem 1.25rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.project-desktop-row img:hover:after,.project-mobile-tablet-row img:hover:after{opacity:1}.project-back-wrapper{margin-bottom:4rem;position:relative}.project-back-btn{box-shadow:0 4px 15px #00000045;padding:.6rem 1.2rem}@media (max-width:1024px){.project-grid{grid-template-columns:1fr;grid-template-rows:auto auto}.project-visuals{grid-template-rows:auto auto;padding:1.5rem}.project-mobile-tablet-row{flex-wrap:wrap}.project-card{flex:0 0 60%;max-width:60%}}@media (min-width:1025px) and (max-width:1600px){.project-visuals{gap:0;grid-template-rows:70% 30%;margin-top:-3rem}.project-mobile-tablet-row{gap:.75rem;margin-top:-9rem}.project-tablet-screenshot{transform:translateY(-12px) translateX(-8px) rotateX(1deg)}.project-mobile-screenshot{transform:translateY(-8px) translateX(6px) rotateY(2deg)}}@media (max-width:768px){.project-grid{grid-template-columns:1fr;grid-template-rows:auto auto}.project-visuals{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:1.5rem 1rem}.project-desktop-row,.project-mobile-tablet-row{flex-direction:column;gap:1.5rem}.project-desktop-screenshot,.project-mobile-screenshot,.project-tablet-screenshot{box-shadow:0 10px 30px #00000026;max-width:500px;transform:none;width:90%}.project-desktop-screenshot:hover,.project-mobile-screenshot:hover,.project-tablet-screenshot:hover{transform:scale(1.03)}.project-card{flex:0 0 110%;max-width:110%}}.projects-row{display:flex;flex-wrap:nowrap;gap:3rem}.projects-row.middle{align-items:center;justify-content:center}.project-card{flex:0 0 40%;max-width:40%;position:relative;transition:transform .3s ease}.project-card img{border-radius:12px;height:auto;object-fit:cover;width:100%}.project-card:hover{transform:scale(1.03)}.project-btn{background:#0009;border-radius:8px;bottom:1rem;color:#fff;font-size:1rem;left:1rem;padding:.5rem 1rem;position:absolute}.view-all-projects-wrapper{display:flex;justify-content:center;margin-top:3rem}.view-all-projects-btn{background-color:initial;border:2px solid #000;border-radius:15px;color:#000;display:inline-block;font-size:1rem;font-weight:500;padding:1.25rem 2rem;text-decoration:none;transition:all .3s ease}.view-all-projects-btn:hover{background-color:#000;box-shadow:0 6px 20px #0003;color:#fff;transform:translateY(-2px)}.projects-page{animation:fadeInUp 1.2s ease forwards;background-color:#fff;box-sizing:border-box;color:#000;height:100vh;justify-content:center;overflow:hidden;padding:2rem}.projects-header,.projects-page{align-items:center;display:flex;flex-direction:column;width:100%}.projects-header{margin-bottom:2rem;max-width:800px}.projects-title{animation:fadeInUp 1.2s ease forwards;animation-delay:.1s;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;margin-bottom:.5rem;margin-top:1.5rem;opacity:0;text-align:center;transform:translateY(40px)}.projects-list{align-items:center;display:flex;flex-direction:column;height:60%;justify-content:space-evenly;max-width:800px;width:100%}.project-link{animation:fadeInUp 1s ease forwards;color:#000;display:inline-block;font-size:clamp(1.5rem,3vw,2rem);font-weight:300;opacity:0;padding:2rem 0;text-align:center;text-decoration:none;transform:translateY(40px) scale(1);transition:transform .3s ease,color .3s ease;width:100%}.project-link:hover{color:#616161;font-style:oblique;transform:translateY(0) scale(1.2)}.project-back-btn{animation:fadeInUp 1.2s ease forwards;background-color:#f2f2f2;border-radius:6px;box-shadow:0 4px 15px rgba(0,0,0,.128);color:#111;font-size:1rem;font-weight:500;opacity:0;padding:1rem 1.5rem;text-decoration:none;transform:translateY(40px);transition:all .3s ease}.project-back-btn:hover{background-color:#000;box-shadow:0 6px 20px #0003;color:#fff;transform:translateY(-2px)}.projects-back-wrapper{left:1rem;margin-left:1rem;margin-top:2rem;position:absolute;top:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.projects-page{padding:2rem 1rem}.projects-title{font-size:2.5rem}.projects-list{height:65%}.project-link{font-size:1.5rem}}
/*# sourceMappingURL=main.490e07eb.css.map*/