.hero-section{background:url(../media/portfolio-banner.fd9631b0.webp) 50%/cover no-repeat;min-height:90vh;position:relative}.portfolio{background:radial-gradient(circle at top,#24124d,#0b0616);padding:100px 0}.portfolio .portfolio-card{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;height:100%;transition:all .35s;overflow:hidden}.portfolio .portfolio-card:hover{border-color:#b57cff}.portfolio .portfolio-card:hover .portfolio-media video{play-state:running}.portfolio .portfolio-card .portfolio-media{height:30rem;position:relative;overflow:hidden}.portfolio .portfolio-card .portfolio-media video{object-fit:cover;width:100%;height:100%}.portfolio .portfolio-card .portfolio-content{text-align:center;padding:18px 16px}.portfolio .portfolio-card .portfolio-content h5{color:#fff;margin-bottom:6px;font-size:16px;font-weight:600}.portfolio .portfolio-card .portfolio-content span{color:#ff7acb;font-size:13px;font-weight:600}@media (max-width:992px){.portfolio .portfolio-card .portfolio-media{height:200px}}@media (max-width:768px){.hero-section{min-height:50vh;padding:25px 0}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem;line-height:1.5}.portfolio .portfolio-card .portfolio-media{height:180px}}@media (max-width:576px){.portfolio{padding:70px 0}.portfolio .portfolio-card .portfolio-media{height:180px}}