body{background-image:url(../images/bg-portfolio-header.webp);background-repeat:no-repeat;background-color:var(--ui-background-dark)!important;background-size:100%;color:#fff}#header h1{margin-bottom:8rem;color:#fff}#stats .stat{text-align:center;margin-bottom:8rem}#stats .stat h3{background:var(--ui-gradient-title);background-size:100%;display:inline-grid;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:300;margin-bottom:0;font-size:6rem;line-height:1}#stats .stat h2,#stats .stat span{font-weight:300;font-size:2.75rem;color:#fff;display:block}#showcase .container{padding:5rem 0}#showcase .portfolio-item{margin:0 3rem 9rem;display:block;color:#fff}#showcase .portfolio-item .text{padding-left:2rem;width:75%}#showcase .portfolio-item h2{margin:3rem 0 2.5rem;font-weight:700;color:#fff}#showcase .portfolio-item h3{display:flex;align-items:center;font-weight:300;color:#fff}#showcase .portfolio-item h3:first-of-type::after{content:'';width:100%;height:1px;background:linear-gradient(45deg,#191d69,#fff);margin-left:1.5rem;display:inline-block}#showcase .showcase-right{padding-top:20rem}.portfolio-carousel{padding-left:14rem}.portfolio-item{color:#fff}a.portfolio-item{cursor:pointer}.portfolio-item .image{position:relative;margin-bottom:2rem;aspect-ratio:1;background-color:#e3eeff;display:flex;justify-content:center;align-items:center}.portfolio-item .image::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background-color:rgba(0,0,0,.2);transition:opacity .5s ease-in}.portfolio-item .image::after{content:'See more';opacity:0;text-align:center;color:#fff;background:var(--footer-gradient);padding:.25rem 1.5rem;border-radius:2rem;text-shadow:0 0 25px #000;white-space:nowrap;position:absolute;left:50%;top:50%;transition:opacity .5s ease-in;transform:translate(-50%,-50%)}.portfolio-item .title{color:#fff;transition:color .5s}a.portfolio-item:hover .image::after,a.portfolio-item:hover .image::before{opacity:1}a.portfolio-item:hover .title{color:#66a7ff!important}@media (max-width:767.5px){#showcase .portfolio-item .text{padding-left:0}#header .container{padding:16rem 3rem 0}#header h2,#showcase .portfolio-item,#stats .stat{margin-bottom:5rem}#stats .stat h3{font-size:4rem}#stats .stat h2{font-size:2rem}#showcase .showcase-right{padding-top:0}}