html{font-size:100%;background-color:var(--main-white)}:root{--main-black: #1a191b;--sec-black: #282729;--main-white: #e8e8e8;--sec-white: #cacaca;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.5rem;--fs-xl: 2rem;--fs-xxl: 4rem}*{padding:0;box-sizing:border-box;margin:0;font-family:Plus Jakarta Sans,sans-serif;color:var(--main-black)}.h1{font-family:Barriecito,system-ui;font-size:var(--fs-xl);text-transform:capitalize;font-weight:800}.black-btn{background-color:var(--main-black);color:var(--main-white);padding:1rem!important;font-size:var(--fs-base);outline:none;border:none;border-radius:1rem;font-weight:700;cursor:pointer}.black-btn.outline{outline:solid 3px var(--main-white)}.app{position:relative;display:flex;flex-direction:column}.animations-2d-section{position:relative;top:0;padding:3rem 0;width:100%;max-width:100%;padding-top:60vh;padding-bottom:30vh;min-height:100vh;background-image:radial-gradient(var(--sec-black) 2px,transparent 2px);background-size:26px 26px;background-color:var(--main-black);display:flex;flex-direction:column}.animations-2d-section .title{font-size:clamp(var(--fs-sm),var(--fs-xxl),var(--fs-xxl));color:var(--main-white);margin:0;width:fit-content;position:sticky;top:50vh;left:10%}.showcase{margin-top:10vh;width:60%;display:flex;align-items:flex-end;flex-direction:column;flex-wrap:wrap;padding:1rem;row-gap:.5rem;margin-left:auto}.showcase-set{display:flex;gap:.5rem;justify-content:center;align-items:center;overflow:hidden;max-width:100%;flex-wrap:wrap}.showcase-card-wrapper{flex:0 0 calc(50% - .25rem)}@media(max-width:1024px){.showcase{width:100%!important}.showcase-set{width:100%;flex-direction:column;align-items:center}.showcase-card-wrapper{flex:auto!important;width:100%!important}}.showcase-card{background-color:var(--main-white);border-radius:.5rem;padding:.5rem;height:fit-content;flex:1}.showcase-card-content{border-radius:.25rem;display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:inset 0 0 25px #0003}.showcase-card-content video{width:80%;height:80%;transition:.3s;cursor:pointer}.showcase-card-content video:hover{transform:scale(1.1)}.showcase-card-footer{display:flex;align-items:center;gap:.5rem}.showcase-card-tag{font-weight:700}.hero{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(/assets/hero-bg-u93zV635.png);background-size:cover}.hero .portfolio-name{font-size:var(--fs-xl)}.hero .portfolio-role{font-size:var(--fs-xxl)}.hero-right img{width:400px}.home-page{min-height:600vh;display:flex;flex-direction:column;width:100%;position:relative;top:0;overflow:hidden}.custom-shape-divider-top-1770294040{position:static;top:0;left:0;width:100%;overflow:hidden;line-height:0}.custom-shape-divider-top-1770294040 svg{position:relative;display:block;width:calc(134% + 1.3px);height:185px}.custom-shape-divider-top-1770294040 .shape-fill{fill:var(--main-black)}.navbar{position:fixed;top:0;left:0;width:100vw;height:10vh;overflow:hidden;z-index:1000;display:flex;justify-content:space-around;align-items:center}.navbar ul{display:flex;gap:1.5rem;list-style:none}.navbar a{text-decoration:none;display:flex;align-items:center;vertical-align:middle;gap:.5rem;font-size:var(--fs-base);font-weight:700}.all-works-container{padding:1rem;background:#0f0f0f;min-height:100vh;position:re}.title{font-size:2rem;margin-bottom:40px;letter-spacing:2px;color:var(--main-white)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.card{position:relative;overflow:hidden;border-radius:16px;background:var(--main-white);cursor:pointer;transition:transform .3s ease}.card:hover{transform:translateY(-6px)}.card img,.card video{width:100%;height:100%;object-fit:cover;display:block}.overlay{position:absolute;bottom:0;width:100%;padding:12px;font-size:.9rem}.modal{position:fixed;top:0;width:100vw;height:100vh;background-color:#000000e6}.modal-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal-content>*{max-height:100%;max-width:100%}.close-button{position:absolute;top:-10px;right:-10px;background:#fff;border:none;border-radius:50%;font-size:24px;width:40px;height:40px;cursor:pointer}