.card{overflow:hidden}.projects-hero{background-position:50%;background-size:cover;height:60vh;min-height:400px}.project-card-img{background-position:50%;background-size:cover;width:100%}.project-card-img-web{aspect-ratio:16/9}.project-nav-pills{white-space:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;position:relative;overflow:auto hidden}.project-nav-pills::-webkit-scrollbar{display:none}.project-nav-pills .active-indicator{content:"";z-index:0;background:linear-gradient(90deg,#7b00ff,#f0c);border-radius:20px;height:100%;transition:all .4s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.project-nav-pills .nav-link{z-index:1;color:#fff;background-color:#0006;border:2px solid #0000;border-radius:20px;transition:color .3s,background-color .3s;position:relative}.project-nav-pills .nav-link:not(.active){background-color:#0000;border-color:#0000}.project-nav-pills .nav-link:not(.active):hover{background-color:#ffffff1a}.project-nav-pills .nav-link.active{color:#fff;background-color:#0000}.card-body{z-index:2;background:0 0}.card{-webkit-backdrop-filter:blur(20px);background:#1818189a;border:1px solid #ffffff25;border-radius:1rem;transition:transform .4s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 5px #00000042}.card:hover{transform:scale(1.05)}.btn-primary{color:#fff;text-align:center;z-index:1;background-color:#0006;border-radius:20px;padding:1rem;text-decoration:none;position:relative}.btn-primary:before{content:"";z-index:-1;-webkit-mask-composite:destination-out;background:linear-gradient(90deg,#7b00ff,#f0c);border-radius:22px;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-primary:hover{color:#000;background:#fff}.btn-primary:active{color:#000;background:#fff;transform:scale(1.05)}