.modak-regular{font-family:Modak,system-ui;font-weight:400;font-style:normal}.space-mono-regular{font-family:Space Mono,monospace;font-weight:400;font-style:normal}.space-mono-bold{font-family:Space Mono,monospace;font-weight:700;font-style:normal}.space-mono-regular-italic{font-family:Space Mono,monospace;font-weight:400;font-style:italic}.space-mono-bold-italic{font-family:Space Mono,monospace;font-weight:700;font-style:italic}body{margin:0;padding:0}:root{--color100: #D6D5D9;--color200: #1155CC;--color300: #465E84;--color400: #1B275B;--color500: #070B19;--glass:#465e84e1;--tag: rgba(0, 0, 0, .625);--hover: #c2e2fc;--ff: "Space Mono";--ff2: "Modak";--p: 1rem var(--ff);--h1: clamp(5rem, 9vw, 11rem) var(--ff2);--h2: 3rem var(--ff2);--h3: 2.5rem var(--ff2);--h4: 2.5rem var(--ff);--h5: 2rem var(--ff2);--h6: 1.25rem var(--ff2);--size4: 4px;--size8: 8px;--size10: 10px;--size12: 12px;--size16: 16px;--size20: 20px;--size24: 24px;--size32: 32px;--size40: 40px;--size48: 48px;--sizesection: 240px;--roundcorner: 100px}html{scroll-behavior:smooth;height:100%}body{text-wrap:balance;font:var(--p);background:var(--color100);color:var(--color300);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sizesection);height:100%}h1{font:var(--h1);letter-spacing:30%;line-height:194px;margin:0;z-index:-10}h2{font:var(--h2);margin:0}h3{font:var(--h3);margin:0}h4{font:var(--h4);margin:0}h5{font:var(--h5);margin:0}h6{font:var(--h6);margin:0}p{font:var(--p);margin:0}a{text-decoration:none;color:var(--color300);margin:0}a:hover{color:var(--color200);transform:scale(1.2);transition:transform .1s ease-in-out}.filled-button{background-color:var(--color300);color:var(--color100);padding-left:var(--size32);padding-right:var(--size32);padding-top:var(--size10);padding-bottom:var(--size10);border-radius:var(--roundcorner);border:solid var(--size4) var(--color400);box-shadow:var(--size8) var(--size8) var(--color400)}.filled-button:hover{color:var(--color100);background-color:var(--color200)}button{border:none;background:none;font:var(--p)}button:hover{transform:scale(1.2);transition:transform .1s ease-in-out}.project-header{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.Design{background-color:#03045e;color:var(--color100)}.Branding{background-color:#82a1ca;color:var(--color400)}.UI-UX{background-color:#0077b6;color:var(--color100)}.Web{background-color:#0e7597;color:var(--color100)}.Motion{background-color:#1d6c7c;color:var(--color100)}._3D{background-color:#48cae4;color:var(--color100)}.liquidGlass-effect{position:absolute;z-index:0;inset:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden;border-radius:var(--roundcorner)}nav{background-color:var(--glass);border:solid var(--color400) var(--size8);border-radius:var(--roundcorner);box-shadow:var(--size8) var(--size8) var(--color400);display:flex;justify-content:center;align-items:center;gap:var(--size48);padding-left:var(--size40);padding-right:var(--size40);padding-top:var(--size20);padding-bottom:var(--size20);width:min-content;margin-top:3rem;position:fixed;top:0;z-index:9999}nav button{color:var(--color100);font:var(--h5);z-index:3;border:none;background:none}nav button:hover{color:var(--hover);transform:scale(1.2)}header{display:flex;justify-content:center;align-items:center;padding-top:13%;width:100%;flex-wrap:wrap}.tag-work{border-radius:var(--roundcorner);box-shadow:4px 4px 10px #00000028;padding:var(--size8) var(--size12);width:min-content;text-wrap:nowrap}.liquidGlassWork-wrapper{position:relative;display:flex;overflow:hidden;box-shadow:0 6px 6px #0003,0 0 20px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,2.2);padding:var(--size20);border-radius:var(--size20);width:100%}.liquidGlassWork-effect{position:absolute;z-index:0;inset:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden;isolation:isolate}.liquidGlassWork-tint{z-index:1;position:absolute;inset:0;background:#ffffff40}.liquidGlassWork-shine{position:absolute;inset:0;z-index:2;overflow:hidden;box-shadow:inset 2px 2px 1px #ffffff80,inset -1px -1px 1px 1px #ffffff80}.liquidGlassWork-text{z-index:3;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:var(--size16);width:100%}.icon{max-width:4rem;max-height:4rem}.text-link{color:var(--color200)}.text-link:hover{color:var(--color400)}@keyframes wink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.section{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:80%;gap:var(--size20)}.title-section{width:100%;display:flex;justify-content:space-between;align-items:center}.filled-section{background-color:var(--color300);color:var(--color100);display:flex;justify-content:center;align-items:center;width:100%}.section-container{width:85%;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:var(--size32)}.section-box{display:flex;justify-content:center;align-items:center}.section-card{color:var(--color100);background-color:var(--color300);border:solid var(--size8) var(--color400);box-shadow:var(--size8) var(--size8) var(--color400);border-radius:var(--size20);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--size20);text-align:center;max-height:434px;width:min-content}.section-card p{width:100%}.section-card h5{white-space:nowrap;padding-left:6rem;padding-right:6rem}.wink{animation:wink 1s linear infinite;display:inline-block}.wave-text span{display:inline-block;animation:wave 2s ease-in-out infinite}.wave-text span:nth-child(1){animation-delay:0s}.wave-text span:nth-child(2){animation-delay:.2s}.wave-text span:nth-child(3){animation-delay:.4s}.wave-text span:nth-child(4){animation-delay:.6s}.wave-text span:nth-child(5){animation-delay:.8s}.wave-text span:nth-child(6){animation-delay:1s}.wave-text span:nth-child(7){animation-delay:1.2s}.wave-text span:nth-child(8){animation-delay:1.4s}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.back-to-top{position:fixed;bottom:20px;right:20px;background:#232f8aa7;color:var(--color100);border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;z-index:9999;display:none}#section-process{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--size24)}#process-title{background-color:var(--color300);color:var(--color100);border:solid var(--color400) var(--size8);border-radius:var(--size40);box-shadow:var(--size8) var(--size8) var(--color400);width:15%;padding:var(--size40);text-align:center}#process-container{display:flex;justify-content:center;align-items:stretch;gap:var(--size24);width:80%;flex-wrap:wrap}@media(max-width:1400px){header{padding-top:20%}}@media(max-width:1024px){:root{--p: .9rem var(--ff);--h1: 3rem var(--ff2);--h2: 1.5rem var(--ff2);--h3: 1.3rem var(--ff2);--h4: 1.2rem var(--ff);--h5: 1.2rem var(--ff2);--h6: 1rem var(--ff2)}body{gap:var(--size40)}.filled-button{padding:var(--size8) var(--size16);box-shadow:none;border:none;font-size:.85rem}.icon{max-width:3rem;max-height:3rem}header{padding-top:0}.liquidGlassWork-text{gap:var(--size12);justify-content:center;text-align:center}.section-container{gap:var(--size20)}.section{width:90%}.section-card{width:auto;max-width:none;max-height:none;border:none;box-shadow:8px 8px 10px #00000028;flex-direction:row;flex-wrap:wrap;gap:var(--size12);justify-content:center;align-items:center;text-align:balance}.section-card-title{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.section-card h5{padding:0;text-wrap:wrap}.section-card img{max-width:125px}.title-section{width:85%}nav{gap:var(--size24);padding:var(--size12) var(--size24);margin-top:var(--size24);border:none;box-shadow:none;background-color:var(--color300);position:relative}.liquidGlass-effect{display:none}.back-to-top{display:flex;align-items:center;justify-content:center}#process-title{border:none;box-shadow:none;width:80%;border-radius:var(--size20);padding:var(--size16)}#process-container{flex-direction:column;align-items:center}}