.intro{border-radius:0 0 var(--border-radius)var(--border-radius);flex-direction:row;justify-content:space-between;align-items:center;height:700px;padding:4rem 4rem 4rem 12rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px 30px #000}.intro .introImage{z-index:0;isolation:isolate;background-image:linear-gradient(90deg,#000,#0000 60%),linear-gradient(90deg,#00000080 25%,#0000 60%),url(../media/Artwork.21bf56c5.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:100%;position:absolute;top:0;left:0}.intro .introContent{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative}.intro .introContent h1{background-image:var(--gradient);-webkit-text-fill-color:#0000;font-family:var(--font);letter-spacing:-1.4px;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-size:5rem;font-weight:800}.intro .introContent p{background-image:var(--gradient);-webkit-text-fill-color:#0000;font-family:var(--font);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;width:100%;max-width:740px;font-size:1.75rem;font-weight:400;line-height:1.2em}@media screen and (max-width:1100px){.intro{flex-direction:column;justify-content:center;align-items:center;padding:1rem}.intro img,.intro Image{aspect-ratio:1;order:-2;width:70%;height:auto}.intro .introContent{text-align:center;justify-content:center;align-items:center}.intro .introContent h1{font-size:4rem}.intro .introContent p{font-size:1.5rem}.intro .introImage{background-image:radial-gradient(500px,#000c,#00000040),url(../media/Artwork.21bf56c5.jpg);background-attachment:scroll;align-self:center}}@media screen and (max-width:505px){.intro{flex-direction:column;justify-content:center;align-items:center;padding:2rem}.intro img,.intro Image{aspect-ratio:1;order:-2;width:70%;height:auto}.intro .introContent{text-align:center;justify-content:center;align-items:center}.intro .introContent h1{font-size:3rem}.intro .introContent p{font-size:1.2rem}.intro .introImage{background-image:radial-gradient(500px,#000c,#00000040),url(../media/Artwork.21bf56c5.jpg);background-attachment:scroll}}.longIntro{flex-direction:column;align-items:center;padding:8rem 8rem 0;display:flex}.longIntro b{color:var(--primary-hover)}@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{flex-direction:column;align-items:center;padding:4rem 8rem 0;display:flex}.portfolio .portfolioHeading{flex-direction:row;align-items:center;display:flex}.portfolio .portfolioHeading h1{background-image:var(--gradient);-webkit-text-fill-color:#0000;letter-spacing:-1.4px;-webkit-user-select:none;user-select:none;font-size:3.75rem;font-weight:800;font-family:var(--font);z-index:5;-webkit-background-clip:text;background-clip:text;margin-right:1rem}.portfolio .portfolioProjects{text-align:center;flex-direction:row;width:75%;margin:2rem;display:flex;position:relative}.portfolio .portfolioProjects .projectCard,.portfolio .portfolioProjects .projectCardEnd{background-position:50%;background-size:cover;background-clip:padding-box;border:1px solid #ffffff0d;border-radius:1.5rem;width:100%;height:23rem;transition:transform .2s ease-in-out;position:relative;overflow:hidden;box-shadow:0 0 40px 15px #000}.portfolio .portfolioProjects .projectCard img,.portfolio .portfolioProjects .projectCard Image,.portfolio .portfolioProjects .projectCardEnd img,.portfolio .portfolioProjects .projectCardEnd Image{object-fit:cover;width:100%;height:100%}.portfolio .portfolioProjects .projectCard .cardOverlay,.portfolio .portfolioProjects .projectCardEnd .cardOverlay{color:#fff;opacity:0;backface-visibility:hidden;background:linear-gradient(#0000 -.999999%,#000 100%);align-content:flex-end;height:15rem;padding:1rem;transition:opacity .2s ease-in-out;position:absolute;bottom:-1px;left:0;right:0;transform:translateZ(0)}.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{cursor:pointer;transform:scale(1.025)}.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-bottom:4rem;margin-right:0}}@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;width:100%;padding:0}.portfolio .card .cardContent h1,.portfolio .card .cardContent p,.portfolio .card .cardContent h3{text-align:center;align-self:center;width:100%}.portfolio .card .cardContent a{flex-direction:row;justify-content:center;align-items:center;margin:0;display:flex}.portfolio .card .cardContent a button{align-self:center}}