.intro{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:4rem 4rem 4rem 12rem;border-radius:0 0 var(--border-radius) var(--border-radius);overflow:hidden;height:700px;box-shadow:0 0 50px 30px #000}.intro .introImage{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,#000,transparent 60%),linear-gradient(90deg,rgba(0,0,0,.5) 25%,transparent 60%),url(/_next/static/media/Artwork.976cdb80.jpg);filter:sepia(.75) hue-rotate(350deg);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:0;isolation:isolate}.intro .introContent{z-index:1;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.intro .introContent h1{font-size:5rem;font-weight:800;letter-spacing:-1.4px}.intro .introContent h1,.intro .introContent p{background-image:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:var(--font);-webkit-user-select:none;-moz-user-select:none;user-select:none}.intro .introContent p{font-size:1.75rem;font-weight:400;line-height:1.2em;letter-spacing:-.02em;max-width:740px;width:100%}@media screen and (max-width:1100px){.intro{flex-direction:column;align-items:center;justify-content:center;padding:1rem}.intro Image,.intro img{width:70%;height:auto;aspect-ratio:1/1;order:-2}.intro .introContent{align-items:center;justify-content:center;text-align:center}.intro .introContent h1{font-size:4rem}.intro .introContent p{font-size:1.5rem}.intro .introImage{background-image:radial-gradient(circle 500px at 50% 50%,rgba(0,0,0,.8),rgba(0,0,0,.25)),url(/_next/static/media/Artwork.976cdb80.jpg);background-attachment:scroll;align-self:center}}@media screen and (max-width:505px){.intro{flex-direction:column;align-items:center;justify-content:center;padding:2rem}.intro Image,.intro img{width:70%;height:auto;aspect-ratio:1/1;order:-2}.intro .introContent{align-items:center;justify-content:center;text-align:center}.intro .introContent h1{font-size:3rem}.intro .introContent p{font-size:1.2rem}.intro .introImage{background-image:radial-gradient(circle 500px at 50% 50%,rgba(0,0,0,.8),rgba(0,0,0,.25)),url(/_next/static/media/Artwork.976cdb80.jpg);background-attachment:scroll}}.longIntro{display:flex;flex-direction:column;align-items:center;padding:8rem 8rem 0}@media(max-width:1165px){.longIntro{padding-left:2rem;padding-right:2rem}}@media screen and (max-width:1400px){.longIntro{padding:6rem 1rem 0}}@media(max-width:330px){.longIntro{padding:6rem .5rem 0}}.portfolio{display:flex;flex-direction:column;align-items:center;padding:4rem 8rem 0}.portfolio .portfolioHeading{display:flex;flex-direction:row;align-items:center}.portfolio .portfolioHeading h1{background-image:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.75rem;font-weight:800;letter-spacing:-1.4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--font);z-index:5;margin-right:1rem}.portfolio .portfolioProjects{width:75%;position:relative;display:flex;flex-direction:row;margin:2rem;text-align:center}.portfolio .portfolioProjects .projectCard,.portfolio .portfolioProjects .projectCardEnd{width:100%;position:relative;height:23rem;border:1px solid hsla(0,0%,100%,.05);border-radius:1.5rem;overflow:hidden;box-shadow:0 0 40px 15px #000;background-size:cover;background-position:50%;background-clip:padding-box;transition:transform .2s ease-in-out}.portfolio .portfolioProjects .projectCard Image,.portfolio .portfolioProjects .projectCard img,.portfolio .portfolioProjects .projectCardEnd Image,.portfolio .portfolioProjects .projectCardEnd img{height:100%;width:100%;object-fit:cover}.portfolio .portfolioProjects .projectCard .cardOverlay,.portfolio .portfolioProjects .projectCardEnd .cardOverlay{align-content:flex-end;position:absolute;bottom:-1px;left:0;right:0;height:15rem;padding:1rem;background:linear-gradient(0deg,#000 0,transparent 101%);color:#fff;opacity:0;transition:opacity .2s ease-in-out;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.portfolio .portfolioProjects .projectCard .cardOverlay h2,.portfolio .portfolioProjects .projectCardEnd .cardOverlay h2{font-family:var(--font);font-size:1.75rem}.portfolio .portfolioProjects .projectCard .cardOverlay p,.portfolio .portfolioProjects .projectCardEnd .cardOverlay p{font-family:var(--font-ubuntu);font-size:1.25rem}.portfolio .portfolioProjects .projectCard:hover,.portfolio .portfolioProjects .projectCardEnd:hover{transform:scale(1.025);cursor:pointer}.portfolio .portfolioProjects .projectCard:hover .cardOverlay,.portfolio .portfolioProjects .projectCardEnd:hover .cardOverlay{opacity:1}.portfolio .portfolioProjects .projectCard h2,.portfolio .portfolioProjects .projectCardEnd h2{font-family:var(--font);font-size:1.25rem}.portfolio .portfolioProjects .projectCard{margin-right:2rem}@media(max-width:1165px){.portfolio .portfolioProjects{flex-direction:column}.portfolio .portfolioProjects .projectCard{margin-right:0;margin-bottom:4rem}}@media(max-width:965px){.portfolio .portfolioProjects{width:90%}}.portfolio .portfolioViewAll{margin-bottom:4rem}@media(max-width:1165px){.portfolio{padding-left:2rem;padding-right:2rem}}@media screen and (max-width:1400px){.portfolio{padding:1rem 1rem 0}.portfolio .card .cardContent{flex-direction:column;padding:0;width:100%}.portfolio .card .cardContent h1,.portfolio .card .cardContent h3,.portfolio .card .cardContent p{width:100%;align-self:center;text-align:center}.portfolio .card .cardContent a{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0}.portfolio .card .cardContent a button{align-self:center}}.descriptionCard{width:75%;position:relative;background-color:var(--bg-accent);border:1px solid var(--border-color);border-radius:1.5rem;margin-bottom:4rem;box-shadow:0 0 40px 15px #000}@media screen and (max-width:1400px){.descriptionCard{width:80%}.descriptionCard .descriptionCardContent{flex-direction:column;padding:0;width:100%}.descriptionCard .descriptionCardContent h1,.descriptionCard .descriptionCardContent h3,.descriptionCard .descriptionCardContent p{width:100%;align-self:center;text-align:center}.descriptionCard .descriptionCardContent a{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0}.descriptionCard .descriptionCardContent a button{align-self:center}}@media screen and (max-width:1100px){.descriptionCard{width:100%}}.descriptionCard .descriptionCardContent{display:flex;flex-direction:row;background-image:radial-gradient(hsla(0,0%,100%,.1) 1px,transparent 0);background-position:50% 50%;background-size:1.1rem 1.1rem;gap:2rem;padding:3rem 4rem;border-radius:1.25rem;overflow:hidden}.descriptionCard .descriptionCardContent .descriptionCardMedia .descriptionCardImage{border:1px solid hsla(0,0%,100%,.05);border-radius:3rem;box-shadow:0 0 50px 2px #000;width:100%;height:80%;margin-bottom:25px;margin-top:25px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.descriptionCard .descriptionCardContent .descriptionCardMedia .descriptionCardSocials{display:flex;align-items:center;justify-content:center;margin-top:auto}.descriptionCard .descriptionCardContent .descriptionCardText{margin-top:25px}.descriptionCard .descriptionCardContent .descriptionCardText .descriptionCardMainText h1,.descriptionCard .descriptionCardContent .descriptionCardText .descriptionCardMainText h3,.descriptionCard .descriptionCardContent .descriptionCardText .descriptionCardMainText p{font-weight:400}.descriptionCard .descriptionCardContent .descriptionCardText .descriptionCardMainText h1{font-family:var(--font-poppins);font-weight:800;color:var(--text-color);font-size:2.6rem;line-height:1.3}.descriptionCard .descriptionCardContent .descriptionCardText .descriptionCardMainText h3{font-family:var(--font-poppins);font-weight:800;color:var(--text-color-light);text-transform:uppercase;font-size:1rem;font-weight:300}.descriptionCard .descriptionCardContent .descriptionCardText .descriptionCardMainText p{font-family:var(--font-poppins);font-weight:300;color:var(--text-color-light);line-height:2rem;font-size:1.2rem;margin-bottom:24px}.descriptionCard .descriptionCardContent .descriptionCardText .descriptionCardButton{display:flex;justify-content:flex-end;width:100%;margin-top:12.5%}.descriptionCard .descriptionCardContent .descriptionCardText .descriptionCardButton a{display:flex}@media(max-width:1000px){.descriptionCard .descriptionCardContent{flex-direction:column;justify-content:center;padding-left:2rem;padding-right:2rem}.descriptionCard .descriptionCardContent .descriptionCardMedia{align-self:center;align-items:center}.descriptionCard .descriptionCardContent .descriptionCardMainText h1,.descriptionCard .descriptionCardContent .descriptionCardMainText p{text-align:center}.descriptionCard .descriptionCardContent .descriptionCardText .descriptionCardButton{display:flex;justify-content:center;width:100%;margin-top:12.5%}.descriptionCard .descriptionCardContent .descriptionCardText .descriptionCardButton a{display:flex}}@media(max-width:1165px){.descriptionCard{flex-direction:column;justify-content:center;padding-left:2rem;padding-right:2rem}.descriptionCard .descriptionCardMedia{align-self:center;align-items:center}.descriptionCard .descriptionCardMainText h1,.descriptionCard .descriptionCardMainText p{text-align:center}.descriptionCard .descriptionCardText .descriptionCardButton{display:flex;justify-content:center;width:100%;margin-top:12.5%}.descriptionCard .descriptionCardText .descriptionCardButton a{display:flex}}@media(max-width:1000px){.descriptionCard{width:80%}}@media(max-width:600px){.descriptionCard{width:90%}.descriptionCard .descriptionCardMedia{align-self:center;align-items:center;max-width:80%;max-height:80%}.descriptionCard .descriptionCardMedia,.descriptionCard .descriptionCardMedia .descriptionCardImage{object-fit:contain;width:auto;height:auto}.descriptionCard{width:100%}}@media(max-width:430px){.descriptionCard .descriptionCardContent{padding-left:1rem;padding-right:1rem;padding-top:1.5rem}}@media(max-width:380px){.descriptionCard{width:100%;padding-left:.5rem;padding-right:.5rem}.descriptionCard .descriptionCardContent{padding-left:.5rem;padding-right:.5rem;padding-top:1rem}}.openButton{display:flex;flex-direction:row;justify-content:space-around;align-items:center;color:var(--text-color);font-family:var(--font);font-size:1.2rem;border-radius:var(--border-radius);border:1px solid var(--primary);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);transition:border-color .15s ease-in-out;background:transparent;padding:.5rem 1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden;cursor:pointer;z-index:2}.openButton img{transition:transform .15s ease-in-out}.openButton:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));background-clip:padding-box;z-index:-1;opacity:0;transition:opacity .15s ease-in-out}.openButton:hover{border-color:transparent}.openButton:hover img{transform:translateX(10px)}.openButton:hover:before{opacity:1}.socials{flex-direction:row;align-items:center;justify-content:space-between;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none}.socials,.socials a{display:flex}.socials .iconSVG{cursor:pointer;background-color:#666;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;transition:transform .2s ease-in-out,background-color .2s ease-in-out}.socials .iconSVG:hover{transform:scale(1.1);background-color:#ff2828}