.heroContainer{width:100%;height:90vh;align-items:center;text-align:start;padding:2rem;border-bottom:.5px solid rgb(39 39 42);background-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,1) 115%),url(/_next/static/media/heroBg.cd002985.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.heroContainer,.heroContent{display:flex;flex-direction:column;justify-content:center}.heroContent{width:988px;gap:2rem}.heroMain{width:100%;display:flex;justify-content:space-between;align-items:center;gap:2rem}.heroTitle{font-size:3rem;text-align:start;color:#5c5c5c;text-shadow:2px 4px 3px rgba(0,0,0,.3)}.heroSubHeading{width:100%;font-size:clamp(1rem,2vw,1.15rem);font-weight:700;text-align:left;color:whitesmoke!important;line-height:1.6}.heroActions{width:100%;display:flex;align-items:center;gap:2rem}.actionButtons{display:flex;gap:1rem;flex-wrap:wrap}.heroButton{--border-width:2px;--radius:0.33rem;font-size:.95rem;font-weight:bolder;padding:.5rem .75rem;background-color:#0a0505;border:var(--border-width) solid rgb(39 39 42)!important;box-shadow:0 5px 15px rgba(0,0,0,.35);border-radius:var(--radius);overflow:hidden;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:transform .3s ease-in-out;position:relative}.heroButton:hover{transform:scale(1.05);border:var(--border-width) solid transparent!important}.heroButton.animatedBorder:before{content:"";position:absolute;inset:calc(var(--border-width) * -.75);z-index:-1;border:inherit;border-radius:inherit;background-image:conic-gradient(from var(--angle),#27272a 80%,whitesmoke 88%,whitesmoke 92%,#27272a 100%);background-origin:border-box;opacity:0;transition:opacity .3s ease-in-out;-webkit-mask:linear-gradient(black,black) content-box,linear-gradient(black,black);mask:linear-gradient(black,black) content-box,linear-gradient(black,black);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 3s linear infinite}.heroButton.animatedBorder:hover:before{opacity:1}.divider{width:2px;height:1rem;background-color:whitesmoke;margin:0 10px}.socialLinks{width:10%;height:auto;display:flex;justify-content:space-between;align-items:center}.socialLink{width:30px;height:30px}.outer{width:215px;height:250px;border-radius:10px;padding:1px;background:radial-gradient(circle 230px at 0 0,#ffffff,#0c0d0d);position:relative;max-width:300px;aspect-ratio:4/5;transition:transform .5s ease-in}.structure{z-index:1;width:100%;height:100%;border-radius:9px;border:1px solid #202222;background-size:20px 20px;background:radial-gradient(circle 280px at 0 0,#444444,#0c0d0d);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;box-sizing:border-box;overflow:hidden;position:relative}.structure .text{font-weight:bolder;font-size:4rem;background:linear-gradient(45deg,#000000 4%,#fff,#000);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}.line{position:absolute;background-color:#2c2c2c}.line.topl{top:10%;background:linear-gradient(90deg,#888888 30%,rgba(28,27,27,.65) 70%)}.line.bottoml,.line.topl{width:100%;height:1px;left:0}.line.bottoml{bottom:10%}.line.leftl{left:10%;background:linear-gradient(180deg,#747474 30%,#222424 70%)}.line.leftl,.line.rightl{width:1px;height:100%;top:0}.line.rightl{right:10%}.card-image{width:100%;height:auto;object-fit:cover;scale:1;z-index:5}.shine{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 50%,rgba(255,255,255,0));pointer-events:none;z-index:3;opacity:0;transform:skew(30deg);animation:shine 5s linear infinite}@keyframes shine{0%{left:-50%;opacity:0}25%{left:25%;opacity:.5}50%{left:100%;opacity:0}50.01%,to{left:-50%;opacity:0}}.shimmer{text-shadow:none;--bg-size:400%;--color-one:whitesmoke;--color-two:#757575;background:linear-gradient(90deg,var(--color-one),var(--color-two),var(--color-one)) 0 0 /100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;background-size:var(--bg-size) auto;animation:move-bg 6s linear infinite}@keyframes move-bg{to{background-position:var(--bg-size) 0}}@media (prefers-reduced-motion:no-preference){.textStyle{animation:move-bg 8s linear infinite}@keyframes move-bg{to{background-position:var(--bg-size) 0}}}@media (max-width:1180px){.heroContainer{padding:2rem}.heroContent{width:750px;gap:1.75rem}.heroTitle{font-size:2.2rem}.outer{width:190px;height:225px}}@media (max-width:827px){.heroContainer{padding:1.5rem}.heroContent{width:100%;gap:1.5rem;justify-content:start;align-items:start}.heroMain{flex-direction:column;align-items:start}.heroTitle{font-size:2.1rem}.outer{width:180px;height:215px}.socialLinks{width:12.5%}}@media (max-width:628px){.heroContainer{padding:1.25rem}.heroContent{gap:1.25rem}.heroTitle{font-size:1.75rem}.socialLinks{width:50%}.heroActions{width:75%}}@media (max-width:430px){.heroTitle{font-size:1.5rem}.socialLinks{width:50%}.heroActions{width:100%}}.aboutContainer{width:100%;height:auto;align-items:center;justify-content:center;text-align:center;padding-top:3rem}.aboutContainer,.aboutContent{display:flex;flex-direction:column}.aboutContent{width:75%;padding:2rem;justify-content:start;text-align:start}.aboutHeader{display:flex;flex-direction:column;justify-content:space-between;align-items:start;margin-bottom:2.5rem;gap:.5rem}.aboutTitle{font-size:2.5rem;font-weight:700}.aboutDescription{font-size:1rem;color:grey}.infoCardsContainer{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.infoCard{background:#070707;height:365px;width:33vw;display:flex;flex-direction:column;justify-content:start;align-items:start;padding:1.25rem 2.5rem;gap:1rem;--border-width:1px;--radius:0.75rem;position:relative;border:var(--border-width) solid #27272a;border-radius:var(--radius)!important;isolation:isolate;transition:transform .3s ease-in-out}.infoCard:before{content:"";position:absolute;inset:calc(var(--border-width) * -1);z-index:-1;border:inherit;border-radius:inherit;background-image:conic-gradient(from var(--angle),#27272a 80%,whitesmoke 88%,whitesmoke 92%,#27272a 100%);background-origin:border-box;-webkit-mask:linear-gradient(black,black) content-box,linear-gradient(black,black);mask:linear-gradient(black,black) content-box,linear-gradient(black,black);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 3s linear infinite}@property --angle{syntax:"<angle>";inherits:true;initial-value:0turn}@keyframes spin{to{--angle:1turn}}.infoCard:hover{border:var(--border-width) solid transparent;transform:scale(1.025)}.infoCardHeader{width:100%;display:flex;justify-content:start;align-items:center;gap:1rem}.infoCardTitle{font-size:1.65rem;font-weight:700}.infoCardText{font-size:1rem}.infoCardContent{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:.5rem}@media (max-width:1175px){.infoCardsContainer{grid-template-columns:1fr;justify-items:center}.infoCard{height:auto;width:60vw}}@media (max-width:1018px){.aboutContent{width:85%;padding:1.85rem}}@media (max-width:887px){.aboutContent{width:95%;padding:1.7rem}.aboutDescription{font-size:.95rem}.infoCard{height:auto;width:80vw}}@media (max-width:628px){.aboutContent{width:100%;padding:1.5rem}.aboutDescription{font-size:.85rem}.infoCard{height:auto;width:90vw}}.projectsContainer{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:3rem}.projectsContent{width:75%;justify-content:start;text-align:start;padding:2rem}.projectsContent,.projectsHeader{display:flex;flex-direction:column}.projectsHeader{justify-content:space-between;align-items:start;gap:.5rem;margin-bottom:2.5rem}.projectsTitle{font-size:2.5rem;font-weight:700}.projectsDescription{font-size:1rem;color:grey}.masonry-grid{display:flex;width:100%;margin-left:-1rem}.masonry-grid-column{padding-left:1rem;background-clip:padding-box}.projectCard{position:relative;width:100%;height:-moz-fit-content;height:fit-content;padding:0!important;cursor:pointer;overflow:hidden;background:transparent;border:1px solid #27272a!important;border-radius:.75rem;transition:transform .3s ease-out;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:1rem}.projectCardImageContainer{position:relative;width:100%;height:100%}.projectCardImage{width:100%;height:auto;display:block;transition:all .3s ease-out}.projectCard:hover .projectCardImage{transform:scale(1.05);opacity:.8}.projectCardOverlay{position:absolute;inset:0;padding:1.5rem;display:flex;flex-direction:column;justify-content:end;align-items:start;gap:.5rem;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.2) 40%,rgba(0,0,0,.8) 80%,rgba(0,0,0,.9));opacity:0;transition:opacity .3s ease-out}.projectCard:hover .projectCardOverlay{opacity:1}.projectCardTitle{font-size:1.25rem!important;font-weight:bolder!important;color:white!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.projectCardDescription{font-size:.875rem;color:#f0f0f0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.projectCardTech{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:5px}.techBadge{background:linear-gradient(180deg,darkgray,gray)!important;color:whitesmoke!important;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:999px;border:1px solid whitesmoke;text-shadow:none}@media (max-width:1175px){.projectCardTitle{font-size:1rem}.projectCardDescription{font-size:.75rem}.techBadge{font-size:.65rem;padding:.225rem .5rem}}@media (max-width:1055px){.projectsContent{width:85%}}@media (max-width:1018px){.projectsContent{padding:1.85rem}}@media (max-width:887px){.projectsContent{width:95%;padding:1.7rem}.projectsDescription{font-size:.95rem}}@media (max-width:628px){.projectsContent{width:100%;padding:1.5rem}.projectsDescription{font-size:.85rem}}.contactContainer{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:6rem 0}.contactContainer:before{content:"";position:absolute;width:100%;height:100%;background:url(/public/contactBg.png);background-size:cover;opacity:.1;pointer-events:none}.contactInner{height:auto;width:75%;gap:3rem;padding:2rem;border:1px solid #27272a!important;border-radius:.5rem;z-index:1;background-image:url(/_next/static/media/contactBg.63e2d247.png);background-size:cover;background-repeat:no-repeat;background-position:50%}.contactHeader,.contactInner{display:flex;flex-direction:column}.contactHeader{justify-content:center;align-items:center;gap:10px;text-align:center}.gradientTitle{font-size:2.5rem;font-weight:700;margin:0;max-lines:1;background:linear-gradient(180deg,whitesmoke,#757575);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contactSubtitle{color:#a1a1aa;font-size:.85rem}.contactForm{width:550px;height:auto;padding:1.5rem;margin:0 auto;background:#0b0a0c;border:1px solid #27272a!important;border-radius:.5rem;gap:1.5rem}.contactForm,.formGroup{display:flex;flex-direction:column}.formGroup{width:100%;gap:.5rem}.formGroup label{color:#fff;font-size:1rem;font-weight:bolder}.formInput{width:100%!important}.formInput input,.formInput textarea{width:100%!important;background:rgba(0,0,0,.2)!important;border:1px solid rgba(255,255,255,.1)!important;color:white!important;border-radius:.5rem!important;padding:.75rem 1rem!important;min-width:100%!important;font-size:.85rem!important;font-weight:700!important;font-family:inherit}.formInput textarea{min-height:125px!important;max-height:250px!important;resize:vertical!important}.formInput input:focus,.formInput textarea:focus{border-color:whitesmoke!important}.formInput input::placeholder,.formInput textarea::placeholder{color:rgba(255,255,255,.4)!important}.sendButton{align-self:flex-end;font-size:1rem;font-weight:700;padding:.65rem 1.15rem;background-color:#0a0505;border:1px solid rgb(39 39 42)!important;box-shadow:0 5px 15px rgba(0,0,0,.35);border-radius:.33rem;overflow:hidden;cursor:pointer}.sendButton:hover{background-color:rgb(39 39 42)}@media (max-width:1018px){.gradientTitle{font-size:2.25rem}.contactSubtitle{font-size:.75rem}}@media (max-width:887px){.gradientTitle{font-size:2rem}.contactSubtitle{font-size:.65rem}.contactForm{width:90%;padding:1.5rem}.contactInner{width:85%}}@media (max-width:667px){.contactHeader{align-items:start;text-align:left}.gradientTitle{font-size:1.75rem}}@media (max-width:628px){.gradientTitle{font-size:1.5rem}.contactSubtitle{font-size:.6rem}.contactInner{width:100%;margin:1.5rem}}