@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";header nav{width:100%;height:10vh;display:flex;align-items:center;justify-content:space-between;padding:5px 10%;background-color:transparent}header nav h1{font-weight:600;font-size:1.3vw}header nav p{font-size:1.3vw}.pointer{color:#000;background-color:#000}.audio{position:relative;z-index:10000}.window_container{position:absolute;top:0;left:0;z-index:2;overflow-x:hidden;background-color:#0d0d0d;width:100vw;height:100vh}.window_container div{position:absolute}.window_container div p{color:#fff;font-size:7vw;font-weight:600}.window_container div:nth-child(1){top:10%;left:25%}.window_container div:nth-child(2){bottom:30%;right:10%}.window_container img{width:100%;height:100vh;object-fit:cover}.hero_section{width:100vw;height:100vh;background-color:#f2f4f7;padding:0 10%;position:relative;display:flex;align-items:center}@media (max-width: 970px){.hero_section{height:50vh}}.hero_section .vertical_lines{width:100%;height:100vh;position:absolute;top:0;left:0;display:flex;justify-content:space-evenly}.hero_section .vertical_lines div{width:2px;height:70vh;background-color:#efefef;opacity:1}.hero_section .hero_section_details{position:relative;width:100%;z-index:1;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;height:100vh;margin-top:150vh}.hero_section .hero_section_details>div{margin-bottom:4vw}.hero_section .hero_section_details h6{font-weight:400;font-size:8vw;font-weight:700}@media (max-width: 970px){.hero_section .hero_section_details h6{font-size:12vw}}.hero_section .hero_section_details h6 i{font-weight:200}.hero_section .hero_section_details h6 i:hover{cursor:hidden}.hero_section .hero_section_details .text_landing{font-size:8vw;letter-spacing:-.01em;line-height:100%;margin:0;width:100%;color:#b6b6b633;background:linear-gradient(to right,#b6b6b6,#747bff) no-repeat;background-clip:text;-webkit-background-clip:text;background-size:0%;transition:background-size cubic-bezier(.1,.5,.5,1) .5s;border-bottom:1px solid #2f2b28;display:flex;flex-direction:column;justify-content:center;align-items:start;position:relative;-webkit-text-stroke:1px #2f2b28}.hero_section .hero_section_details .text_landing:hover span{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.hero_section .hero_section_details .text_landing span{position:absolute;width:100%;height:100%;background-color:#747bff;color:#213547;clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);transform-origin:center;transition:all cubic-bezier(.1,.5,.5,1) .4s;display:flex;flex-direction:column;justify-content:center}.about-section{width:100vw;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20% 10% 0;background-color:#f2f4f7}.about-section>div:first-child{height:80vh;width:100vw;padding:0 10%}@media (max-width: 970px){.about-section>div:first-child{height:100%}}.about-section h6{font-weight:500;font-size:2vw;color:#213547}@media (max-width: 970px){.about-section h6{font-size:10vw}}.about-section h5{font-size:4vw;font-weight:500;line-height:1.5;background:linear-gradient(to right,#b6b6b6,#747bff) no-repeat;background-size:0%;background-clip:text;-webkit-background-clip:text;color:#b6b6b633;transition:background-size cubic-bezier(.1,.5,.5,1) .5s}@media (max-width: 970px){.about-section h5{font-size:8vw}}.about-section .what-i-do{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}@media (max-width: 970px){.about-section .what-i-do{margin-top:20%;height:100%}}.about-section .what-i-do>div{width:100vw}.about-section .what-i-do>div>p{color:#213547;margin-left:10%;font-size:2vw;font-weight:500}@media (max-width: 970px){.about-section .what-i-do>div>p{font-size:10vw}}.about-section .what-i-do .text{font-size:8vw;letter-spacing:-.01em;line-height:100%;margin:0;font-weight:600;width:100%;color:#b6b6b633;background:linear-gradient(to right,#b6b6b6,#747bff) no-repeat;background-clip:text;-webkit-background-clip:text;background-size:0%;transition:background-size cubic-bezier(.1,.5,.5,1) .5s;border-bottom:1px solid white;display:flex;flex-direction:column;justify-content:center;align-items:start;position:relative}.about-section .what-i-do .text h6{color:#b6b6b633;background:linear-gradient(to right,#b6b6b6,#747bff) no-repeat;background-clip:text;-webkit-background-clip:text;background-size:0%;margin-left:10%;font-size:8vw;font-weight:600}@media (max-width: 970px){.about-section .what-i-do .text h6{font-size:10vw}}.about-section .what-i-do .text:hover span{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.about-section .what-i-do .text span{position:absolute;width:100vw;height:100%;background-color:#747bff;color:#213547;clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);transform-origin:center;transition:all cubic-bezier(.1,.5,.5,1) .4s;display:flex;align-items:center;justify-content:space-between;font-size:1rem;padding:0 10%}.about-section .what-i-do .text span p{font-size:8vw}.about-section .what-i-do .text span p:last-child{font-size:1.2rem;max-width:30vw;font-family:Inter,sans-serif}@media (max-width: 970px){.about-section .what-i-do .text span p:last-child{font-size:.5rem}}.spacer{width:100%;height:50vh;background:#ddd}.featured-projects{background-color:transparent;margin-top:30%}.featured-projects span{font-weight:700}.featured-projects h3{font-size:clamp(2em,8vw,6em);font-weight:500}@media (max-width: 970px){.featured-projects h3{margin-left:10%;width:fit-content;font-size:10vw}}.featured-projects .gallery{display:flex}@media (max-width: 970px){.featured-projects .gallery{display:block}}.featured-projects .gallery h1{font-size:clamp(2em,3vw,6em)}.featured-projects .gallery p{font-size:clamp(1.4em,1.5vw,3.5em);line-height:1.4}.featured-projects .gallery .left{width:50%}.featured-projects .gallery .left .desktopContent{margin:auto;width:80%}.featured-projects .gallery .left .desktopContent .desktopContentSection{min-height:100vh;display:flex;flex-direction:column;justify-content:center}.featured-projects .gallery .left .desktopContent .desktopContentSection h6{font-weight:500;margin-top:1rem;color:#fff;font-size:clamp(1.4em,1.5vw,3.5em)}.featured-projects .gallery .left .desktopContent .desktopContentSection p{font-weight:500}.featured-projects .gallery .right{height:100vh;width:50%;display:flex;flex-direction:column;justify-content:center}.featured-projects .gallery .right .classmigo{background-color:#ce7eed}.featured-projects .gallery .right .classmigoWeb{background-color:#e9d0f2}.featured-projects .gallery .right .trip{background-color:#f0f07f}@media (max-width: 970px){.featured-projects .gallery .right{display:block;margin-top:0;height:fit-content}}.featured-projects .gallery .right .desktopPhotos{width:30vw;height:30vw;position:relative;overflow:hidden;scroll-snap-type:y mandatory}.featured-projects .gallery .right .desktopPhotos .desktopPhoto{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:10px;scroll-snap-align:center}.featured-projects .gallery .right .desktopPhotos .desktopPhoto>div{background-color:transparent;width:80%;height:40%;border-radius:10px;box-shadow:-4px 4px 55px -3px #0000002b;-webkit-box-shadow:-4px 4px 55px -3px rgba(0,0,0,.17);-moz-box-shadow:-4px 4px 55px -3px rgba(0,0,0,.17)}.featured-projects .gallery .right .desktopPhotos .desktopPhoto>div img{border-radius:10px;width:100%;height:100%;object-fit:cover;object-position:top;transform:scale(1)}.featured-projects .gallery .right .desktopPhotos .desktopPhoto:nth-child(1){background-color:#c3a0fc}.featured-projects .gallery .right .desktopPhotos .desktopPhoto:nth-child(2){background-color:#026846}.featured-projects .gallery .right .desktopPhotos .desktopPhoto:nth-child(3){background-color:#59d090}.featured-projects .gallery .right .desktopPhotos .desktopPhoto:nth-child(4){background-color:#f2e7db}.featured-projects .gallery .right .desktopPhotos .desktopPhoto:nth-child(5){background-color:#5a94ec}.featured-projects .gallery .right .desktopPhotos .desktopPhoto:nth-child(6){background-color:#4650f9}.featured-projects .gallery .right .desktopPhotos .desktopPhoto:nth-child(7){background-color:#d4d4d4}.featured-projects .gallery .right .desktopPhotos .desktopPhoto:nth-child(8){background-color:#08a4cc}.featured-projects .gallery .right .desktopPhotos .desktopPhoto:nth-child(9){background-color:#cbd9f1}.featured-projects .gallery .right .desktopPhotos .desktopPhoto:nth-child(10){background-color:#db9d26}.featured-projects .gallery .right .desktopPhotos .desktopPhoto:nth-child(11){background-color:#a095dc}.featured-projects .gallery .right .desktopPhotos .desktopPhoto:nth-child(12){background-color:#a095dc}#other-projects{overflow:auto;position:relative;display:block}@media (max-width: 970px){#other-projects{display:none}}#other-projects h3{font-size:clamp(2em,8vw,6em);font-weight:500;margin-left:10%}#other-projects .project-gallery{width:100vw;margin-bottom:20%}#other-projects .project-gallery .images{padding-top:6vh;position:relative;width:100%;max-width:1200px;margin:0 auto;min-height:150vh;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;z-index:1;gap:1%;object-fit:cover}#other-projects .project-gallery .images div{width:fit-content;height:fit-content;position:relative}#other-projects .project-gallery .images div p{color:gray;font-size:2rem;text-align:center;width:100%;font-family:inter,sans-serif;font-weight:500;margin-top:1rem}#other-projects .project-gallery .images div img{width:35vw;height:20vw;object-fit:contain;transition:all .2s ease}#other-projects .project-gallery .images div img:hover{-ms-transform:scale(1.1)!important;-moz-transform:scale(1.1)!important;-webkit-transform:scale(1.1)!important;-o-transform:scale(1.1)!important;transform:scale(1.1)!important;filter:brightness(.5)}#other-projects .project-gallery .images div:nth-child(1){grid-area:1/1/6/8}#other-projects .project-gallery .images div:nth-child(2){grid-area:3/12/8/20}#other-projects .project-gallery .images div:nth-child(2) img{object-position:left}#other-projects-mobile{margin-top:40vw}@media (min-width: 970px){#other-projects-mobile{display:none}}#other-projects-mobile h3{margin-bottom:20vw;font-size:10vw}#other-projects-mobile .images img{width:100%;height:50vw;object-fit:cover}#other-projects-mobile .images p{font-size:clamp(1.4em,1.5vw,3.5em);color:#fff;margin:10% 0}.profile{width:100vw;position:relative;padding:0 10%}@media (max-width: 970px){.profile{margin-top:20%}}.profile h3{margin-bottom:5vh;margin-top:-22vh;font-weight:500;font-size:5vw}@media (max-width: 970px){.profile h3{font-size:10vw}}.profile .cards{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;max-width:100vw;margin:0 auto}.profile .cards .card{background-color:#ffffff05;border:1px solid rgba(255,255,255,.1)!important;width:300px;height:260px;border-radius:10px;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center}.profile .cards .card p{color:gray;font-size:1.5rem;margin-top:20px;font-family:Inter,sans-serif}.profile .cards .card img{width:50%;height:50%;filter:saturate(0);object-fit:cover;transform:saturate .5s ease;background-color:gray}.profile .cards .card:hover img{filter:saturate(1)}.profile .cards .card:hover:before{opacity:1}.profile .cards .card:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.06),transparent 40%);border-radius:inherit;opacity:0;transition:opacity .5s;content:"";height:inherit;position:absolute;left:0;top:0;width:100%;z-index:2}.connect{background-color:#fff;border-top-right-radius:10%;border-top-left-radius:10%;width:100vw;margin-top:40%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}@media (max-width: 970px){.connect{border-top-right-radius:none;border-top-left-radius:none}}@media (max-width: 970px){.connect>div:first-child{display:none}}.connect>div:first-child img{height:80vh}.connect>div:first-child:after{content:"";position:absolute;z-index:10;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgb(255,255,255) 10%,rgba(255,255,255,0))}.connect>div:first-child:after{top:auto;bottom:0;background:linear-gradient(to top,rgb(255,255,255) 50%,rgba(255,255,255,0))}.connect>div:last-child{position:relative;z-index:20}.connect>div:last-child div{width:100vw;height:50vh}@media (max-width: 970px){.connect>div:last-child div{width:100vw;height:20vh;margin-top:20%}}.connect>div:last-child p{color:#000;font-size:8vw;font-weight:400;width:100%;position:absolute;text-align:center;top:0;left:50%;transform:translate(-50%);z-index:30}@media (max-width: 970px){.connect>div:last-child p{margin-top:20%;width:100%;text-align:center}}.socials{width:100vw;padding:20% 0}@media (max-width: 970px){.socials{font-size:10vw;height:50vh}}.socials a{text-decoration:none}.socials h3{font-size:5vw;color:#fff;font-weight:500;margin-left:10%;margin-bottom:10%}.socials h2{cursor:pointer}.reveal{overflow:hidden;margin:0;padding:0;box-sizing:border-box}.reveal h6{display:inline-block;transform:translateY(100%)}.reveal p{display:inline-block;transform:translateY(100%);font-size:6vw!important;font-weight:400!important}.blur{width:100vw;height:100vh;position:fixed}.text{font-size:8vw;letter-spacing:-.01em;line-height:100%;font-weight:600;margin:0;width:100%;color:#b6b6b633;background:linear-gradient(to right,#b6b6b6,#747bff) no-repeat;background-clip:text;-webkit-background-clip:text;background-size:0%;transition:background-size cubic-bezier(.1,.5,.5,1) .5s;display:flex;flex-direction:column;justify-content:center;align-items:start;position:relative}.text h6{color:#b6b6b633;background:linear-gradient(to right,#b6b6b6,#747bff) no-repeat;background-clip:text;-webkit-background-clip:text;background-size:0%;margin-left:10%;font-size:8vw;font-weight:600}.text:hover span{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.text span{position:absolute;width:100vw;height:100%;background-color:#747bff;color:#213547;clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);transform-origin:center;transition:all cubic-bezier(.1,.5,.5,1) .4s;display:flex;align-items:center;justify-content:space-between;font-size:1rem;padding:0 10%}.text span p{font-size:8vw}.red{background:red}.green{background:MediumSeaGreen}.blue{background:dodgerblue}.pink{background:deepPink}.mobileContent{display:none;width:100vw;height:fit-content;padding:0 10%}.mobileContent h6{color:#fff;font-weight:700;margin-top:5%}.mobileContent p{color:#fff;margin-top:5%}.mobileContent a{margin-top:5%}.mobilePhoto{width:80vw;height:80vw;margin-top:5em;border-radius:6vw;display:flex;align-items:center;justify-content:center;border-radius:10px;scroll-snap-align:center}.mobilePhoto>div{background-color:transparent;width:80%;height:40%;border-radius:10px;box-shadow:-4px 4px 55px -3px #0000002b;-webkit-box-shadow:-4px 4px 55px -3px rgba(0,0,0,.17);-moz-box-shadow:-4px 4px 55px -3px rgba(0,0,0,.17)}.mobilePhoto>div img{border-radius:10px;width:100%;height:100%;object-fit:cover;object-position:top;transform:scale(1)}.mobilePhoto:nth-of-type(1){background-color:#09a87b}.mobilePhoto:nth-of-type(2){background-color:#cba847}.mobilePhoto:nth-of-type(3){background-color:#3c85f1}.mobilePhoto:nth-of-type(5){background-color:#f5e9ff!important}.mobilePhoto:nth-of-type(4){background-color:#f2e7db}.mobilePhoto:nth-of-type(6){background-color:#f1f193!important}.mobilePhoto:nth-of-type(7){background-color:#f2e7db!important}.mobilePhoto:nth-of-type(8){background-color:#3c85f1!important}.mobilePhoto:nth-of-type(9){background-color:#f5e9ff!important}.mobilePhoto:nth-of-type(10){background-color:#f1f193!important}.mobilePhoto:nth-of-type(11){background-color:#f1f193!important}.colorClass{background-color:#000;color:#000}@media screen and (max-width: 970px){.left{display:none}.right{height:auto;width:100%!important;align-items:center;display:block}.desktopPhotos{display:none}.mobileContent{display:block!important}}.swipe{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;z-index:2}.swipe h4{font-size:4vw;font-weight:500}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f2f4f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@font-face{font-family:Clash;src:url(/assets/ClashDisplay-Extralight-3a2f7d4d.ttf)}@font-face{font-family:Clash;src:url(/assets/ClashDisplay-Light-2f042555.ttf);font-weight:450}@font-face{font-family:Clash;src:url(/assets/ClashDisplay-Regular-c4502564.ttf);font-weight:500}@font-face{font-family:Clash;src:url(/assets/ClashDisplay-Medium-e25fa4a0.ttf);font-weight:600}@font-face{font-family:Clash;src:url(/assets/ClashDisplay-Semibold-77d8cfd1.ttf);font-weight:700}@font-face{font-family:Clash;src:url(/assets/ClashDisplay-Bold-d3bf1ae5.ttf);font-weight:800}body{background-color:#f2f4f7}*{margin:0;padding:0;box-sizing:border-box}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#f2f4f7}a:hover{color:#747bff}button{background-color:#f9f9f9}}h1,h2,h3,h4,h5,h6,p{font-family:Clash,sans-serif;color:#213547;line-height:1.2}