@font-face{font-family:neue;src:url(/fonts/PPNeueMontreal-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}*{padding:0;margin:0;box-sizing:border-box;font-family:neue}html,body{width:100%;overflow-x:hidden;background:#ebebeb}::-webkit-scrollbar{display:none}main{min-height:100svh;width:100%}a{text-decoration:none!important;color:#000;cursor:pointer}.arrow-right-up{transform:rotate(-135deg);display:inline-block;position:relative}.arrow-right-down{transform:rotate(-45deg);display:inline-block;position:relative}nav{width:100%;position:fixed;top:0;left:0;z-index:10;padding:.8rem;display:flex;justify-content:space-between;align-items:flex-start}nav .nav-item{display:flex;justify-content:space-between;align-items:center}nav .nav-item p,nav .nav-item a{font-size:min(.7rem,1vw);font-weight:600;display:inline-block}nav .nav-item a{cursor:pointer}nav .col{display:flex;flex-direction:column;justify-content:flex-start;gap:.1rem}nav .nav-1{width:25%}nav .nav-2{width:50%;justify-content:center;gap:10rem}nav .nav-3{width:fit-content;justify-content:flex-end}nav .menu-btn{width:100%;display:flex;justify-content:flex-end;align-items:center;font-weight:700;cursor:pointer;position:relative}nav .nav-items{width:100vw;height:100svh;position:fixed;top:0;left:0;z-index:9;background:#d2d2d2;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:1rem}nav .nav-items .head{width:100%;height:20%;border-bottom:1px solid black;display:flex;justify-content:space-between;align-items:flex-start}nav .nav-items .head p{font-weight:700;cursor:pointer}nav .nav-items .head h1{font-size:2rem;line-height:1.3rem}nav .nav-items .nav-items-child{width:100%;height:80%;display:flex;justify-content:flex-end;align-items:center}nav .nav-items .nav-items-child .items{width:70%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}nav .nav-items .nav-items-child .items .links{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;margin-bottom:.5rem}nav .nav-items .nav-items-child .items .links a{width:100%}nav .nav-items .nav-items-child .items .links .link{width:100%;height:45px;display:flex;justify-content:flex-start;align-items:center;position:relative}nav .nav-items .nav-items-child .items .links .link .line{content:"";width:100%;height:1.3px;position:absolute;bottom:0;left:0;background:#000}nav .nav-items .nav-items-child .items .links .link h1{font-size:1rem;font-weight:700;line-height:3rem;color:#000;text-decoration:none!important;width:10%}nav .nav-items .nav-items-child .items .links .link .link-text{flex:1;width:90%;padding-left:20%;font-size:1rem;font-weight:700}nav .nav-items .nav-items-child .items .about{flex:1;width:100%;padding-block:.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}nav .nav-items .nav-items-child .items .about h1{font-size:1rem}nav .nav-items .nav-items-child .items .about .based{width:100%;display:flex;justify-content:flex-start;align-items:center}nav .nav-items .nav-items-child .items .about .based .dot{width:10px;height:10px;border-radius:50%;background:#000}img{width:100%;height:100%;object-fit:cover}.loader{width:100vw;height:100svh;position:fixed;top:0;left:0;background:#212121;z-index:9999}section.page1{padding:3rem 1rem 1rem;width:100%;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center}section.page1 .heading{height:12vw;width:100%;position:relative}section.page1 .heading h1{width:100%;font-size:11vw;font-family:neue;text-align:left}section.page1 .about{padding-inline:.4rem;width:100%;flex:1;display:flex;justify-content:flex-start;align-items:flex-start;padding-bottom:2rem}section.page1 .about .content{flex:2;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}section.page1 .about .content h2{font-size:4vw;color:#212121}section.page1 .about .content .plus{display:inline-block;width:40px;height:40px;clip-path:polygon(30% 0%,70% 0%,70% 30%,100% 30%,100% 70%,70% 70%,70% 100%,30% 100%,30% 70%,0% 70%,0% 30%,30% 30%);transform:translateY(2px);background:#212121}section.page1 .about .content .description{width:min(100%,400px);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem}section.page1 .about .content p{width:100%}section.page1 .about .content .contact-btn{padding:.5rem 3rem;width:fit-content;background:#212121;cursor:pointer;font-size:1.2rem}section.page1 .about .content .contact-btn a,section.page1 .about .content .contact-btn p{color:#fff}section.page1 .about .image{height:100%;aspect-ratio:1.075!important;flex:1}section.page2{height:130svh;width:100%;padding:1.5rem;padding-block:4rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}section.page2 h1{font-size:4vw}section.page2 .projects-section{width:100%;height:70svh;margin-block:1rem;display:flex;justify-content:space-between;align-items:center;margin-block:2rem}section.page2 .projects-section .projects-list{width:20%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5vw}section.page2 .projects-section .projects-list p{cursor:pointer;position:relative;font-size:1.5vw;font-weight:500}section.page2 .projects-section .projects-list p .line{width:0;height:1px;background:#000;position:absolute;top:101%;left:0}section.page2 .projects-section .projects{height:80%;aspect-ratio:2;position:relative}section.page2 .projects-section .projects .view-project{padding:.3rem;position:absolute;top:100%;right:0;display:flex;justify-content:center;align-items:center}section.page2 .projects-section .projects .view-project span{transform:translateY(5%) rotate(-135deg)}section.page3{height:100vh;width:100vw}.pin-spacer{pointer-events:none}section.skills{padding:1rem;width:100%;position:relative;height:auto}section.skills h1{font-size:3rem}section.skills .additional{margin-top:2rem}section.skills .skills-con{position:relative;margin-top:2rem;width:100%;height:fit-content;padding-inline:1rem}section.skills .skills-con h2{font-weight:300}section.skills .skills-con .skills-section{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:0}section.skills .skills-con .skill-box{aspect-ratio:2;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#000;font-weight:700;-webkit-user-select:none;user-select:none;border:1px solid black;transition:border .3s ease,transform .3s ease;position:relative;z-index:0;transition:all .3s ease-in}section.skills .skills-con .skill-box .logo{height:70px;width:auto}section.skills .skills-con .skill-box .logo img{height:100%;width:auto;object-fit:cover;transition:filter .3s ease-in}section.skills .skills-con .skill-box .skill-title{text-align:center;font-weight:500;font-size:1.3rem;position:absolute;left:50%;bottom:10px;transform:translate(-50%);color:#000;opacity:1}@media (max-width: 768px){section.skills .skills-con{padding-inline:0}section.skills .skills-con .skills-section{grid-template-columns:repeat(2,1fr)}section.skills .skills-con .skills-section .skill-box{width:48vw}section.skills .skills-con .skills-section .skill-box .skill-title{font-size:.7rem;width:100%}section.skills .skills-con .skills-section .skill-box .logo{height:20px}}footer.page4{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:3rem;padding:.4rem}footer.page4 .contact{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}footer.page4 .contact h1{font-size:9vw;width:100%;text-align:center;font-weight:500}footer.page4 .contact a{font-size:7vw;border-bottom:2px solid black;font-weight:500}footer.page4 .contact a.talk{height:fit-content;font-weight:400;font-size:14vw;color:#000;padding:.2rem 1rem;cursor:pointer;position:relative;z-index:10;border-bottom:none}footer.page4 .contact a.talk .line{width:100%;height:2px;background:#000;position:absolute;top:100%;left:0;transform-origin:left;transform:scaleX(0);transition:.3s all ease}footer.page4 .contact a.talk:hover .line{transform:scaleX(1)}@media (min-width: 900px){footer.page4 .contact{height:100svh}footer.page4 .contact h1{font-size:6rem}footer.page4 .contact a{font-size:2rem}footer.page4 .contact a.talk{font-size:5rem}}@media (max-width: 1000px){section.page2 h1{font-size:3rem}section.page2 .projects-section{flex-direction:column;gap:1rem;width:min(100%,600px);align-self:center}section.page2 .projects-section .projects-list{width:100%;height:50%;display:grid;grid-template-columns:repeat(2,1fr);gap:.1rem}section.page2 .projects-section .projects-list p{width:fit-content;font-size:1rem}section.page2 .projects-section .projects{aspect-ratio:2;width:100%}}@media (min-width: 1000px){.skill-box:hover{background:#000!important}.skill-box:hover .logo img{filter:invert(1)}.skill-box:hover .skill-title{color:#fff!important;opacity:1}}@media (max-width: 800px){section.skills{padding:.4rem}section.skills .logo{height:50px!important}section.page1 h1{font-size:11vw}section.page1 .about .image{height:300px;width:280px;margin-top:1.5rem}}@media (max-width: 600px){section.skills .skills-section{padding:.1rem!important}section.skills .skills-section .skill-box .logo{scale:.5}section.page1{padding-inline:.1rem}section.page1 .about{flex-direction:column!important;height:60%}section.page1 .about .content{width:100%;flex:1;justify-content:center;gap:1rem!important}section.page1 .about .content h2{font-size:6vw;font-weight:500}section.page1 .about .content h2 .plus{width:20px!important;height:20px!important}section.page1 .about .content .description{width:100%}section.page1 .about .content .description .contact-btn{width:230px;text-align:center}section.page1 .about .content .description p{font-size:.9rem}section.page1 .about .image{width:300px;height:323px;margin-top:1.5rem}section.page2 .projects-section{width:100%}section.page2 .projects-section .projects{height:45vw!important;width:90vw!important}}@media (max-width: 470px){section.page1 .description .contact-btn{width:100%!important;font-size:1.4rem!important;padding:0}section.page1 .image{width:96vw!important;flex:1;object-fit:cover;object-position:top}section.page2 .project .content{width:100%!important}section.page2 .project .content .info .project-links{align-items:center!important}section.page2 .project .content .info .project-links a{font-size:1.2rem}section.page2 .project .content .project-image{width:100%;height:auto!important}}