.bounceCardsContainer{justify-content:center;align-items:center;width:400rem;height:400rem;display:flex;position:relative}.card{aspect-ratio:1;box-sizing:border-box;border:5rem solid #ffffff0d;border-radius:24rem;width:250rem;position:absolute;overflow:hidden;box-shadow:0 4rem 10rem #00000040}.card-inner-content{width:100%;height:100%;position:relative;overflow:hidden}.card .image{object-fit:cover;width:100%;height:100%;display:block}.card-title-overlay{opacity:0;pointer-events:none;z-index:3;background:linear-gradient(#0000 0%,#020d19f2 80%);justify-content:center;align-items:flex-end;padding:40rem 16rem 16rem;transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(10rem)}.card:hover .card-title-overlay{opacity:1;transform:translateY(0)}.card-title-text{color:#fff;text-align:center;font-size:14rem;font-weight:600;line-height:1.3}
.portfolio-container{color:var(--text-primary);padding-bottom:120rem}.portfolio-hero{border-bottom:1rem solid var(--border-primary);background:var(--bg-primary);justify-content:center;align-items:center;min-height:480rem;margin-bottom:60rem;padding:80rem 0;display:flex;position:relative;overflow:hidden}.portfolio-hero-bg{z-index:1;position:absolute;inset:0}.portfolio-hero-overlay{background:radial-gradient(circle at 50% 50%, #020d1900 30%, #020d19d9 100%), linear-gradient(to bottom, transparent 60%, var(--bg-primary) 100%);pointer-events:none;z-index:2;position:absolute;inset:0}.portfolio-hero-content{z-index:3;text-align:center;width:100%;position:relative}.portfolio-title{letter-spacing:-2rem;color:#fff;margin-bottom:16rem;font-size:56rem;font-weight:800}.portfolio-desc{color:var(--text-secondary);max-width:600rem;margin:0 auto;font-size:18rem;line-height:1.6}.fade-in{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(20rem)}.fade-in.active{opacity:1;transform:translateY(0)}.portfolio-featured-section{flex-direction:column;justify-content:center;align-items:center;margin-bottom:80rem;display:flex}.portfolio-bounce-wrapper{justify-content:center;align-items:center;width:100%;margin:40rem 0;display:flex}.portfolio-bounceCards .card{border:4rem solid #ffffff0d;transition:border-color .3s;box-shadow:0 10rem 30rem #00000080}.portfolio-bounceCards .card:hover{border-color:var(--accent-purple)}@media (max-width:768px){.portfolio-title{font-size:42rem}.portfolio-desc{padding:0 16rem;font-size:16rem}.portfolio-bounce-wrapper{margin:-10rem 0;transform:scale(.8)}}@media (max-width:480px){.portfolio-bounce-wrapper{margin:-30rem 0;transform:scale(.6)}}