.portfolioCtn{position:relative}.portfolioCtn:after{content:"";background:linear-gradient(90deg,#b818dc,#ff0095,#b818dc,#ff0095) 0 0/300% 100%;width:100%;height:5px;animation:3s linear infinite gradientShift;position:absolute;top:0;left:0}.portfolioCtn:before{content:"";background:linear-gradient(90deg,#b818dc,#ff00b2,#ff022c,#b818dc,#ff00b2,#ff022c,#b818dc) 0 0/200% 100%;width:100%;height:5px;animation:3s linear infinite gradientShift;position:absolute;bottom:0;left:0}.portfolioBottom{justify-content:space-between;padding-top:40px;display:flex}.singlePortfolio{--pd:30px;width:18%}.singlePortfolioImageCtn{aspect-ratio:1;position:relative;overflow:hidden}.singlePortfolio p{text-align:center;text-transform:uppercase;margin:0 0 20px}.portfolioTopText h1{max-width:1000px;margin-bottom:40px;font-weight:500}.portfolioTop{margin-bottom:var(--pad);border-bottom:2px solid #4d4d4d}.portfolioTopText{padding:0 var(--pad)var(--pad);border-left:2px solid #4d4d4d}.portfolioTopText p{max-width:820px}.singlePortfolio:not(:last-child){position:relative}.singlePortfolio:not(:last-child):after{content:"";background:#4d4d4d;width:2px;height:30%;position:absolute;top:50%;right:-7%;transform:translateY(-30%)}.mobileOnly{display:none}@media screen and (max-width:1100px){.portfolioTopText{border-left:none;padding:50px 0}.portfolioTop{position:relative}.portfolioTop p.large span{display:none}.portfolioTop:after{content:"";background:#4d4d4d;width:2px;height:35px;position:absolute;bottom:-35px;left:50%;transform:translate(-50%)}.portfolioBottom{flex-direction:column}.singlePortfolio{width:100%;margin-bottom:15%}.singlePortfolio:not(:last-child):after{top:unset;width:50%;height:2px;bottom:-7%;left:50%;transform:translate(-50%)}.mobileOnly{display:block}.portfolioDiv{padding-bottom:var(--sp)}}