.portfolio-hero{background-color:var(--theme--colors--secondary-200);min-height:30rem;padding-top:5rem;position:relative;z-index:1;& p{max-width:48.438rem;text-wrap:pretty}& .portfolio-hero__content{position:relative;z-index:5;opacity:0;transform:translateY(1.5rem);animation:portfolio-content-in .7s ease .98s forwards}}.portfolio-hero__cloud-field{position:absolute;inset:0;overflow-x:clip;overflow-y:visible;pointer-events:none;z-index:0}.walking{z-index:10;width:23.688rem;bottom:1rem;right:13.375rem;opacity:0;transform:translateX(3rem);animation:portfolio-walking-in .76s ease 1.22s forwards}.pf-btm-clouds,.pf-cloud-1,.pf-cloud-2,.pf-cloud-3,.pf-cloud-4,.pf-cloud-5,.pf-top-clouds,.walking{position:absolute}.pf-btm-clouds,.pf-cloud-1,.pf-cloud-2,.pf-cloud-3,.pf-cloud-4,.pf-cloud-5,.pf-top-clouds{opacity:0;animation:portfolio-cloud-in .76s ease forwards}.pf-cloud-1{--portfolio-cloud-opacity:1;width:16.188rem;left:21.688rem;bottom:6.75rem;z-index:-1;animation-delay:.12s}.pf-cloud-2{--portfolio-cloud-opacity:0.7;width:28.5rem;bottom:7.5rem;right:1.813rem;z-index:-1;animation-delay:.22s}.pf-cloud-3{--portfolio-cloud-opacity:0.8;width:28.375rem;bottom:7rem;left:-2rem;z-index:0;animation-delay:.36s}.pf-cloud-4{right:-6rem;bottom:7rem;width:23.688rem;animation-delay:.48s}.pf-cloud-4,.pf-cloud-5{--portfolio-cloud-opacity:1;z-index:0}.pf-cloud-5{width:17.75rem;top:1rem;left:-1rem;animation-delay:.6s}.pf-btm-clouds{--portfolio-cloud-opacity:1;width:100%;bottom:0;left:0;padding-top:6.25rem;background-color:var(--theme--colors--secondary-500);border-top:2px solid var(--theme--colors--secondary-600);animation-delay:.72s;& img{position:absolute;bottom:-1.25rem}}.pf-top-clouds{--portfolio-cloud-opacity:1;width:100%;bottom:6.25rem;left:0;animation-delay:.84s}.featured-projects.featured-projects--grid{padding-top:6rem}.portfolio-hero__walk-wrapper{overflow:hidden;width:100%;height:100%;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.portfolio-hero .portfolio-hero__content,.walking{opacity:1;transform:none;animation:none}.pf-btm-clouds,.pf-cloud-1,.pf-cloud-2,.pf-cloud-3,.pf-cloud-4,.pf-cloud-5,.pf-top-clouds{opacity:var(--portfolio-cloud-opacity,1);transform:none;animation:none}}@keyframes portfolio-cloud-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:var(--portfolio-cloud-opacity,1);transform:translateY(0)}}@keyframes portfolio-content-in{to{opacity:1;transform:translateY(0)}}@keyframes portfolio-walking-in{to{opacity:1;transform:translateX(0)}}@media screen and (max-width:991px){.pf-cloud-1,.pf-cloud-2{display:none}.pf-cloud-5{width:25rem;top:-.25rem;left:-4rem}.pf-cloud-3{bottom:4rem}.pf-btm-clouds,.pf-top-clouds{width:100%}.pf-btm-clouds img{bottom:-.65rem}.walking{z-index:10;width:23.688rem;bottom:1rem;right:-6rem}.portfolio-hero__content{width:34rem}.portfolio-hero{min-height:32rem;padding-top:4.5rem}}@media screen and (max-width:479px){.portfolio-hero__content{width:15rem}.pf-btm-clouds img{bottom:-.35rem}.pf-cloud-3{width:24rem;bottom:5rem;left:-3rem}.pf-cloud-5{width:20rem;top:.5rem;left:-2rem}}